/*#region Loading */
.hide {
    display: none !important;
}

.loading-container {
    display: table;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
    background-color: #455A64;
}

    .loading-container .loading {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }


.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-hourglass:after {
        content: " ";
        display: block;
        border-radius: 50%;
        width: 0;
        height: 0;
        margin: 8px;
        box-sizing: border-box;
        border: 32px solid #fff;
        border-color: #fff transparent #fff transparent;
        animation: lds-hourglass 1.2s infinite;
    }

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    100% {
        transform: rotate(1800deg);
    }
}
/*Kulanım <div class="lds-hourglass"></div>*/

/*#endregion */

/*#region Ek */
.w-100p {
    width: 100%;
}


.h-100p {
    height: 100%;
}


.search-input-small {
    font-size: .9em;
    padding: 0 5px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: none;
}

fieldset.manage-group {
    padding: 10px;
    border: 1px solid #cbcbcb;
    margin: 5px;
    position: relative;
}

.no-transform {
    text-transform: none !important;
}


/*#endregion */

/*#region Global Css  */
#bgDiv {
    background-image: var(--main-bg);
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0.3;
    z-index: 0;
}


.pos-rel {
    position: relative;
}

.z-0 {
    z-index: 0;
}

.z-1 {
    z-index: 1;
}

.z-2 {
    z-index: 2;
}

.z-3 {
    z-index: 3;
}

.z-4 {
    z-index: 4;
}

.z-5 {
    z-index: 5;
}


.vertical-scroll {
    overflow-y: scroll;
}

.mh-100vh {
    max-height: 100vh;
}

.mh-90vh {
    max-height: 90vh;
}

.mh-80vh {
    max-height: 80vh;
}

.mh-70vh {
    max-height: 70vh;
}

/*#endregion */