.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:before,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:before,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:before {
     background-image:unset !important;
}
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting:after,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_asc:after,
.dark-layout .dataTables_wrapper .table.dataTable thead .sorting_desc:after {
    background-image:unset !important;
}
.dark-layout .nav-pills .nav-item .nav-link:not(.active){

    background-color: #18171736;

}
.dark-layout .brand-text{

    color: #fff !important;

}

.navbar-container .dateLook-input .search-list li:first-child {
    border-top-left-radius: 0.357rem;
    border-top-right-radius: 0.357rem;
}
.navbar-container .dateLook-input .search-list li a {
    padding: 0.9rem 1rem;
    color: #6e6b7b;
}
.navbar-container .dateLook-input .search-list li.auto-suggestion {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.navbar-container .dateLook-input.open {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    display: block !important;
    background: #fff;
    border-radius: 0.5rem;
}
.navbar-container .dateLook-input .search-input-icon {
    z-index: 2;
    position: absolute;
    left: 1.5rem;
    top: 32%;
    cursor: pointer;
}
.navbar-container .dateLook-input .dateLook-input-close {
    z-index: 1;

    position: absolute;
    right: 2rem;
    top: 32%;
    cursor: pointer;
}

.navbar-container .dateLook-input {
    display: none;
}
.navbar-container .dateLook-input.open input {
    width: 33%;
    outline: none;
    background: none;
    height: auto;
    box-shadow: none;
    transition: all 0.3s ease-out;
    /*position: relative;*/
}

.navbar-container .dateLook-input .search-list.show {
    display: block;
    min-height: 3rem;
}
.navbar-container .search-input .search-list {
    overflow-y: auto;
}
.navbar-container .dateLook-input .search-list {
    max-height: 800px;
    height: auto;
    position: absolute;
    overflow-y: auto;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    margin-top: 0.5rem;
    padding-left: 0;
    border-radius: 0.357rem;
    display: none;
}

.navbar-container .dateLook-input .dateLook-input-close i, .navbar-container .dateLook-input .dateLook-input-close svg {
    height: 1.25rem;
    width: 1.25rem;
    font-size: 1.25rem;
}
.dark-layout .header-navbar .navbar-container .nav .nav-item.nav-dateLook .dateLook-input.open {
    background-color: #283046;
}

.pace-progress{
    background-color: transparent!important;
}
.dark-layout .bs-stepper.wizard-modern .bs-stepper-content {
    background-color: transparent!important;

}
.mw100{
    min-width: 100px;
}
.highlightFile,.highlightSong, .highlightPost{
    filter: brightness(1.3);
}

.link-color {
    color: #d0a5ff !important;
    font-weight: 700;
    letter-spacing: .05em;
}

.bg-purpleDT{
    background-color: #7367f0;
}
.purpleTitle {
    color: #d0a5ff !important;
    text-transform: capitalize !important;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.light-layout:not(.dark-layout) .cardMainDL .card-header .text-white {
    color: rgb(32, 32, 32) !important;
}

.light-layout:not(.dark-layout) .cardMainDL .btns img {
    filter:  brightness(.5);
}
.light-layout:not(.dark-layout) .brigth5 {
    filter:  brightness(.5);
}


.modal .modal-header .btn-close:hover, .modal .modal-header .btn-close:focus, .modal .modal-header .btn-close:active {
    opacity: 1;
    outline: none;
    transform: translate(18px,-10px)scale(1.3);
    box-shadow: none;
}

.modal .modal-fullscreen .btn-close:hover {
    opacity: 1;
    outline: none;
    transform: translate(0,0)scale(1.3) !important;
    box-shadow: none;
}




.iconTableImgs {
    width: 18px;
    height: auto;
    margin-right: 9px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.redColor {
    color: #F56040 !important;
}
.purpleText {
    color: #d0a5ff !important;
    text-transform: capitalize !important;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.view-container:not(.list-view) .fileIcon .feather{
    width: 2.5rem;
    height: 2.5rem;
}


.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .card-body {
    padding:1rem;
    padding-bottom:1rem !important;
}

.toast {
    opacity: 1 !important;
}

.dropDownDrive:not(.show){
    filter: opacity(0);
}
.driveInsert:hover .dropDownDrive,.kanbanInsert:hover .dropDownDrive{
    filter: opacity(1);
}
.selected .dropDownDrive{
    filter: opacity(1)!important;
}



.flagParent{
    z-index: 999;
}

.flagParent:disabled{
    filter: brightness(.9)!important;
}

.cP{

    cursor: pointer;

}





#toast-container > .toast-success {
    background-image: unset !important;
}

.apexcharts-toolbar{

    top: -25px !important;
    right: 60px !important;

}
button:disabled{
    filter: grayscale(.8);
}

.handleC{
    cursor: move;
}

.font-weight-bold{
    font-weight: 700 !important;
}
.font-weight-semibold {
    font-weight: 500;
}
.dark-layout .text-default{
    color: #b4b7bd;
}


.tbx{ /* Transparent Border in X */
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
}

@font-face {
    font-family: 'Montserrat'; !important
    src: url('external/font/Montserrat-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

.errorB {
    animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;
    /*transform: translate3d(0, 0, 0);*/
    backface-visibility: hidden;
    /*perspective: 1000px;*/
    /*background-color: unset !important;*/
}

@keyframes shake {
    0% {
        background-color: rgb(255, 0, 0) !important;
        transform: translateX(0);
    }
    100%{
        transform: translateX(0);
        /*background-color: rgb(129, 0, 0) !important;*/
    }
    10%{
        background-color: rgb(255, 0, 0) !important;
        transform: translateX(-10px);
    }

    30%, 50%, 70%, 90% {transform: translateX(-10px);}
    20%, 40%, 60%, 80% {transform: translateX(10px);}
}