.loader-wrapper {
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    background-color: #F0F0F0;
    opacity:0.2;
}

.loader {
    border: 8px solid #f3f3f3; /* Light grey */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 48px;
    height: 48px;
    animation: spin 1s linear infinite;
    position: fixed;
    left: 48%;
    top: 45%;
    z-index: 9999;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.pagination {
    margin-bottom: 0rem !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.avatar-custom {
    width: 50px;
    min-width: 50px;
    height: 50px;
}

.text-align-right {
    display: block;
    width: 100%;
    text-align: end;
}

.search-result-mobile {
    top: 100px !important;
}

.for-desktop {display: block;}
.for-mobile {display: none;}
.sidebar-padding {
    padding-top: 0px;
}

@media screen and (max-width: 768px) {
    .for-desktop {display: none;}
    .for-mobile {display: block;}
    .sidebar-padding {
        padding-top: 55px;
    }
}

.text-wrap{
    white-space:normal;
}
.width-200{
    width:150px;
}

.bg-front {
    background: linear-gradient(0deg, rgba(0, 0, 0, 1), rgba(239, 68, 68, 0.7)), url("../img/background.jpeg") no-repeat scroll center center / cover !important;
}

.bg-white-overlay {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 25px;
}

.bg-white-overlay-logo {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 5px;
}

@media only screen and (min-width: 1200px) {
    .layout-1.h-menu .wrapper {
        margin-top: 90px !important;
        height: calc(100vh - 90px) !important;
    }
}