.btn-change-photo {
    color: #263756 !important;
    background-color: #e9eaee !important;
}

.btn-change-photo:hover {
    color: #ffff;
    color: #263756;
    background-color: #e9eaee;
}

.btn-cancel {
    background-image: url(../image/other/closed.svg);
    background-repeat: no-repeat;
    right: 0;
    position: absolute;
    top: 10px;
    font-size: 29px;
    font-weight: 500;
    color: #666;
    opacity: 1;
    height: 45px;
}

.swal-button--cancel {
    background-color: #fff;
}

.swal-button-container {
    position: unset !important;
}

.swal-footer {
    text-align: center;
}

.btn-deletion {
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    color: #fff !important;
    background-color: #e55451 !important;
    padding: 18px !important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #f9f9f9;
}

.adv-close-icon {
    position: absolute;
    top: -20px;
    right: -20px;
}
.btn-primary:hover img {
    filter: invert(20%) sepia(7%) saturate(4173%) hue-rotate(181deg) brightness(90%) contrast(92%);
}

div.dataTables_processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(13, 110, 253);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

div.dataTables_processing>div:last-child>div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 .6s infinite
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(24px, 0)
    }
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: transparent;
}

div.dataTables_processing>div:last-child>div {
    position: absolute;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: rgb(13, 110, 253);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

div.dataTables_processing>div:last-child>div:nth-child(1) {
    left: 8px;
    animation: datatables-loader-1 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(2) {
    left: 8px;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(3) {
    left: 32px;
    animation: datatables-loader-2 .6s infinite
}

div.dataTables_processing>div:last-child>div:nth-child(4) {
    left: 56px;
    animation: datatables-loader-3 .6s infinite
}

@keyframes datatables-loader-1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes datatables-loader-3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes datatables-loader-2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(24px, 0)
    }
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: transparent;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}


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

.icon-spin::before {
    animation: tag-spin 2s linear infinite;
}

table.dataTable td.dataTables_empty {
    text-align: center;
}

.disabled-year-btn.datepicker-months .table-condensed thead:first-child tr th{
    visibility: hidden !important;
}

/*

-----------------Will required this code don't remove it

.table-responsive:has(.table.dataTable) {
    border: none !important;
    padding: unset !important;
}

.table.dataTable {
    border-collapse: separate !important;
    padding: 20px 30px;
    border-radius: 10px;
    border: solid 0.5px #e0e0df;
    background-color: #fff;
}

.table.dataTable thead tr:first-child th {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

*/

/* Subscription Slider */
.subscription-slider .owl-nav{
    text-align: center;
}

.cursor-pointer{
    cursor: pointer;
}
.swal-title {
    margin-top: 35px !important;
}
.individual-dropdown .multiselect:after {
    top: 30px;
}
.dataTables_processing .card{
    left: 40% !important;
}
.noti-scroll{max-height:230px}
.notification-list .dropdown-menu {box-shadow: 0 0 6px 0 rgb(0 0 0 / 16%);transition: opacity 0.4s,top .4s;margin-top: 10px;border: 0;}
.notification-list {position: relative;margin-left:0;}
.notification-list .noti-title {background-color: transparent;padding: 15px 20px 15px}
.notification-list .noti-icon {font-size: 21px;vertical-align: middle}
/* .notification-list .noti-icon-badge {min-width: 25px;color: #fff;background-color: #0688bc;border-radius: 50%;line-height: 18px;font-size: 12px;display: inline-block;padding: 0.3em 0.5em;font-weight: 600;text-align: center;white-space: nowrap;vertical-align: baseline;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;} */
.notification-list .notify-item {padding: 12px 20px}
.notification-list .notify-item.active, .notification-list .notify-item:active{background-color: transparent;}
.notification-list .notify-item .notify-icon {float: left;height: 36px;width: 36px;font-size: 16px;line-height: 36px;text-align: center;margin-right: 10px;border-radius: 50%;color: #fff}
.notification-list .notify-item .notify-details {margin-bottom: 5px;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;color: #343a40;line-height: 1.5;font-size: 14px}
.slimscroll .notify-item .notify-details small {font-family: sans-serif;}
.slimscroll .notify-item:hover p, .slimscroll .notify-item:focus p {color: #fff !important;}
.slimscroll .notify-item:hover small, .slimscroll .notify-item:focus small {color: #fff !important;}
.notification-list .notify-item .notify-details b {font-weight: 500}
.notification-list .notify-item .notify-details small {display: block}
.notification-list .notify-item .notify-details span {font-size: 13px;color: #383838;opacity: .7}
.notification-list .notify-item .user-msg {margin-left: 45px;white-space: normal;line-height: 16px}
.notification-list .notify-item::last-item {border: 0}
.notification-list .profile-dropdown-items .notify-item {padding: .35rem 1.5rem}
.notification-list .dropdown-toggle::after {display: none;}
.notification-list .noti-count {position: absolute;top: 0px;right: 5px;}
.notification-list .noti-scroll {max-height: 230px;overflow-y: auto}
.dropdown-lg {width: 320px;}
.notification-list .noti-icon-badge {display: inline-block;position: absolute;top: 10px;right: 17px;width: 12px;height: 12px;background-color: #379aff;border: 2px solid #fff;border-radius: 50%;-webkit-box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);-webkit-animation: blinker 3s linear infinite;animation: blinker 3s linear infinite;-webkit-animation-fill-mode: initial;animation-fill-mode: initial;}
.slimscroll.noti-scroll.noti-body {
    height: auto !important;
}
.slimscroll .dropdown-item:focus, .dropdown-item:hover{
    color: #fff !important;
}
.arrow-value {
    position: absolute;
    top: -14%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
    font-weight: 600;
    color: #263756;
}
.welcome-font {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #4e4d4d;
}
.mt-30 {
    margin-top: 30px;
}
.blue-clr {
    color: rgb(0, 176, 240) !important;
}
.btn-common {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #263756 !important;
    border-radius: 5px;
    background-color: #26375610;
    cursor: pointer;
    padding: 16px;
}
.multiselect-item.dropdown-item.form-check .form-check-label{
    /* white-space: break-spaces !important; */
    text-wrap: wrap !important;
    word-break: break-all !important;
    display: flex;
    align-items: top;
    padding-left: 2rem;
    width: 100%;
    cursor: pointer;
}
.btn-primary.color_change {color:#FFFFFF !important}
.btn-primary.color_change {border-color:var(--theme-color) !important}
/* #nav-tab .nav-tabs-new.active ,
#sidebar-menu li.mm-active a.active , */
.btn-primary.color_change ,
.prompts_color_change ,
.active.color_change ,
.color_change.active ,
.page-item.active .page-link ,
.swal-button.btn-Message,
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option--highlighted[aria-selected],
.dropdown-item:focus, .dropdown-item:hover
/* .rediobtn .radiobtn-input:checked~.checkmark-radio,
.styled-checkbox:checked + label:before,
.styled-checkbox:hover + label:before */
{
    background-color:  var(--theme-color) !important
}