﻿#hes-layer-container{
    position:fixed;
    top:5%;
    left:50%;
    transform:translate(-2%,-50%);
}
#planlama-hes-section {
    padding: 0;
}

#hes-container,
#ges-container {
    padding: 0;
    width: 100%;
}

    #hes-container > .hes-section-item,
    #ges-container > .ges-section-item {
        width: 50%;
        padding: 7px;
        position: relative;
    }

.hes-section-item-left-container,
.hes-section-item-right-container,
.ges-section-item-left-container,
.ges-section-item-right-container {
    width: 85%;
    height: 50%;
    position: absolute;
    top: 10%;
    transition: background .5s ease-in-out;
    -webkit-backdrop-filter: blur(5px) saturate(200%);
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.125);
    margin: 5px;
    border-radius: 4px;
    padding: 7px;
}

.ges-section-item-left-container-item:nth-child(1),
.hes-section-item-left-container-item {
    margin-top: 20px;
}

.ges-section-item-left-container-item,
.hes-section-item-left-container-item {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 3px;
    display: flex;
    justify-content: space-between;
}

.hes-section-item-left-container-item div:nth-child(1),
.ges div:nth-child(1) {
    width: 25%;
    font-weight: 300;
}

.hes-section-item-left-container-item div:nth-child(2),
.ges-section-item-left-container-item div:nth-child(2) {
    width: 75%;
    font-size: 0.8em;
    text-align: end;
}

#hes-widget .glass-body .box:nth-child(1) .box-container,
#ges-widget .glass-body .box:nth-child(1) .box-container {
    padding: 14px;
    color: #fff;
    font-size: .7em;
    font-weight: 300
}

    #hes-widget .glass-body .box:nth-child(1) .box-container .box-item,
    #ges-widget .glass-body .box:nth-child(1) .box-container .box-item {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    #hes-widget .glass-body .box:nth-child(1) .box-container img,
    #ges-widget .glass-body .box:nth-child(1) .box-container img {
        margin-right: 10px;
    }

