.swal2-with-backdrop {
    background-color: rgba(150, 148, 148, 0.3) !important;
    backdrop-filter: blur(10px) !important;
}

/* CUSTOM CONTENT LOADER */

.contentLoader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: rgba(255,255,255,0.7);
    z-index: 8;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.contentLoader svg {
    width: 0;
    height: 0;
}
.loader-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-filter: url(#goo);
    filter: url(#goo);
}
.loader-content span {
    width: 2em;
    height: 2em;
    background: var(--theme-secondary);
    border-radius: 50%;
    margin-right: 2em;
    position: relative;
    -webkit-transform: translateX(7em);
    transform: translateX(7em);
    -webkit-animation: move 4s ease-in-out infinite;
    animation: move 4s ease-in-out infinite;
}
.loader-content span:before {
    content: "";
    width: 2em;
    height: 2em;
    background: var(--theme-deafult);
    border-radius: 50%;
    position: absolute;
    left: 3em;
    -webkit-transform: translateX(0em);
    transform: translateX(0em);
    -webkit-animation: shrink 2s ease-in-out infinite;
    animation: shrink 2s ease-in-out infinite;
}
.loader-content span:after {
    content: "";
    width: 2em;
    height: 2em;
    background: #a927f9;
    border-radius: 50%;
    position: absolute;
    right: 3em;
    -webkit-transform: translateX(0em);
    transform: translateX(0em);
    -webkit-animation: shrink 2s ease-in-out infinite;
    animation: shrink 2s ease-in-out infinite;
}
.loader-content:after {
    content: "";
    width: 4em;
    height: 4em;
    background: var(--theme-deafult);
    border-radius: 50%;
    position: absolute;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
    animation: grow 2s cubic-bezier(0.14, 0.05, 0.55, 0.5) infinite alternate;
}

/* END */

/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

/**/

.page-wrapper .sidebar-main-title h6{
    color: white
}
.media.static-top-widget{
    color: var(--theme-deafult)
}
.media.static-top-widget>div.media-body>span{
    color: white;
}

.dataTables_wrapper .btn-group button{
    margin: 0;
}

table.dataTable input, table.dataTable select {
    height: auto;
}
.select2-container--open .select2-dropdown {
    z-index: 9999999;
}

.clockpicker-popover {
    z-index: 999999;
}

.select2-container .select2-selection--single{
    border-color: #ced4da;
}

.custom-dark-table-header{
    background-color: #2c323f !important;
    color: white !important;
}

.custom-dark-table-header tr th{
    color: white !important;
}