:root{
    --themeColor1: hsl(180, 32%, 33%);
    --themeColor2: hsl(22, 21%, 23%);
    --themeColor3: hsl(200 38% 40%);
    --themeColorNoToggle1: hsl(180, 32%, 33%);
    --themeColorNoToggle2: hsl(22, 21%, 23%);
    --themeColorLight1: hsl(80, 100%, 90%);
    --themeColorLight2: hsl(180, 32%, 75%);
    --themeColorLight3: hsl(180, 32%, 90%);
    --themeColorLight4: hsl(180, 32%, 95%);
    --themeColorLight5: hsl(180, 32%, 98%);
    --themeColorLightNoToggle1: hsl(80, 100%, 90%);
    --themeColorLightNoToggle2: hsl(180, 32%, 75%);
    --themeColorLightNoToggle3: hsl(180, 32%, 90%);
    --themeColorLightNoToggle4: hsl(180, 32%, 95%);
    --themeColorLightNoToggle5: hsl(180, 32%, 98%);
    --themeColorDark1: hsl(208, 10%, 30%);
    --themeColorDark2: hsl(210, 10%, 20%);
    --themeColorDark3: hsl(210, 10%, 15%);
    --themeColorDark4: hsl(210, 10%, 10%);
    --themeColorDark5: hsl(210, 10%, 2%);
    --themeColorDarkNoToggle1: hsl(210, 10%, 30%);
    --themeColorDarkNoToggle2: hsl(210, 10%, 20%);
    --themeColorDarkNoToggle3: hsl(210, 10%, 15%);
    --themeColorDarkNoToggle4: hsl(210, 10%, 10%);
    --themeColorDarkNoToggle5: hsl(210, 10%, 2%);
    --secondaryBtnColor: hsl(136, 7%, 43%);
    --linkColor: hsl(136, 7%, 26%);
    --greyColor: #77818a;
    --tdColor: #3e3a3a;
    --thBgColor: #e6e7ec;
    --btnWarningColor: #ffd55b;
    --themeColor3Hover: hsl(200 38% 35% / 1);
    --separatorColor: #ccc;
    --dropdownAnchorColor: #6c757d;
    --btnDanger: #b10f0f;
    --btnDangerHover: #b71616;
    --bootstrapSelect: #ced4da;
    --rezLightColor1: #35B0AF;
}

/* TODO enable dark theme css */
/*html[data-bs-theme='dark'] {
    filter: invert(1) hue-rotate(180deg);
}*/

html[data-bs-theme='dark'] {
    --themeColor1: hsl(180, 60%, 50%);
    --themeColor2: hsl(22, 21%, 70%);
    --themeColor3: hsl(200 38% 40%);
    --themeColorLight1: hsl(260, 100%, 10%);
    --themeColorLight2: hsl(70, 5%, 40%);
    --themeColorLight3: hsl(70, 5%, 30%);
    --themeColorLight4: hsl(70, 5%, 20%);
    --themeColorLight5: hsl(70, 5%, 10%);
    --themeColorDark1: hsl(180, 32%, 90%);
    --themeColorDark2: hsl(180, 32%, 75%);
    --themeColorDark3: hsl(180, 32%, 90%);
    --themeColorDark4: hsl(180, 32%, 95%);
    --themeColorDark5: hsl(180, 32%, 98%);
    --linkColor: hsl(130, 7%, 82%);
}

    /*--themeColorLight1: hsl(260, 100%, 10%);
    --themeColorLight2: hsl(0, 5%, 40%);
    --themeColorLight3: hsl(0, 5%, 30%);
    --themeColorLight4: hsl(0, 5%, 20%);
    --themeColorLight5: hsl(0, 5%, 10%);*/

::selection {
    color: var(--themeColorLight5);
    background: var(--greyColor);
  }

  /* width */
::-webkit-scrollbar {
    width: 9px;
    height: 10px;
  }
  
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: var(--themeColorLight2);
border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: var(--themeColorLight2); 
}

/* Handle on active */
::-webkit-scrollbar-thumb:active {
background: var(--themeColorLight2); 
}

html[data-bs-theme="dark"] ::placeholder {
    color: var(--themeColor2);
    opacity: 1; /* Firefox */
}
  
html[data-bs-theme="dark"] ::-ms-input-placeholder { /* Edge 12 -18 */
    color: var(--themeColor2);
}


html {
    font-size: 14px;
    scroll-behavior: smooth !important;
}

/*html[data-bs-theme='dark'] select option{
    background-color: var(--themeColorLight4);
    color: var(--themeColorLightNoToggle4);
}

html[data-bs-theme='dark'] select{
    background-color: var(--themeColorLight4);
    color: var(--themeColorLightNoToggle4);
}*/

hr{
    margin: 0.5rem 0;
}

html[data-bs-theme='dark'] hr{
    color: floralwhite;
}


.theme-color-dark1{
    color: var(--themeColor1) !important;
}

.theme-color-dark2{
    color: var(--themeColor2) !important;
}

.theme-color-dark3{
    color: var(--themeColor3) !important;
}

.theme-color-light1{
    color: var(--themeColorLight1) !important;
}

.theme-color-light2{
    color: var(--themeColorLight2) !important;
}

.project-footer{
    /*position: fixed !important;
    bottom: 0px !important;*/
    padding: 10px 10px 0px 10px;
    width: 100%;
    height: 40px;
}

.form-control:focus {
    box-shadow: 0 0 0 0.15rem rgb(102 117 106 / 40%);
    border-color: var(--themeColor3);
}

.form-select:focus{
    box-shadow: 0 0 0 0.15rem rgb(102 117 106 / 40%);
    border-color: var(--themeColor3);
}

.errorlist{
    padding-left: 0;
    list-style: none;
    margin-bottom: 0rem;
}

.errorlist li{
    font-size: 0.90rem;
    color: red;
    margin-bottom: 0.2rem;
}

.field-error{
    font-size: 0.90rem;
    color: red;
}

.required{
    border: 1px solid #ff0000 !important;
}

#btn-go-to-top {
    width: auto;
    border-radius: 25px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    z-index: 1200;
}

.pointer-events-none{
    pointer-events: none !important;
}

.dropdown-menu {
    background-color: var(--themeColorLight4);
}

html[data-bs-theme="dark"] .dropdown-menu .dropdown-item {
    font-size: small;
    color: var(--themeColorLightNoToggle4) !important;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: var(--themeColorLightNoToggle4) !important;
    background-color: var(--themeColor3);
}

.navbar-svg{
    filter: invert(99%) sepia(1%) saturate(2990%) hue-rotate(176deg) brightness(91%) contrast(104%);
    margin-bottom: 2px;
    width: 15px;
}

.navlink-svg{
    margin-bottom: 2px;
    width: 15px;
    margin-right: 3px;
}

.dropdown-item:focus .navlink-svg, .dropdown-item:hover .navlink-svg{
    filter: invert(99%) sepia(1%) saturate(2990%) hue-rotate(176deg) brightness(91%) contrast(104%);
}

html[data-bs-theme="dark"] .dropdown-item .navlink-svg{
    filter: invert(99%) sepia(1%) saturate(2990%) hue-rotate(176deg) brightness(91%) contrast(104%);
}

table thead th{
    background-color: var(--themeColor3) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

.table-hover>tbody>tr:hover>*{
    color: var(--themeColorDark4) !important;
    background-color: var(--themeColorLight4) !important;
}

tr.table-secondary td, tr.table-secondary th{
    background-color:  var(--themeColorLight3);
}

.table-striped:not(.dt-grouped)>tbody>tr:nth-of-type(odd)>*{
    background-color: var(--themeColorLight4);
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 2%) !important;
}

.table-striped.dt-grouped>tbody>tr:nth-of-type(odd)>*{
    background-color: var(--themeColorLight5);
}

.table-striped>tbody>tr:nth-of-type(odd)>*{
    color: var(--themeColorDark4) !important;    
}

.table-striped.dt-grouped>tbody>tr:nth-of-type(even)>*{
    background-color: var(--themeColorLight4);
}

.table-striped>tbody>tr:nth-of-type(even)>*{
    background-color: var(--themeColorLight4);
}

.table-striped:not(.dt-grouped)>tbody>tr:hover>*{
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075) !important;
}

tr.dtrg-group>th, tr.dtrg-group>th:hover{
    background-color: var(--themeColorLight1) !important;
}

a, a.page-link{
    color: var(--linkColor);
}

a.disabled-link{
    color: var(--secondaryBtnColor);
    pointer-events: none !important;
}

a:focus:not(.btn),a:active,a:hover,
a.page-link:focus,a.page-link:active,a.page-link:hover{
    color: var(--themeColor2);
}

a.page-link:focus,a.page-link:active{
    color: var(--themeColor2);
    box-shadow: 0 0 0 0.15rem rgb(102 117 106 / 40%);
}

.td-action-link{
    text-decoration: none;
}

html[data-bs-theme="dark"] .page-link:not(.active){
    color: var(--themeColorDark4);
    background-color: var(--themeColorLight4);
}

.active>.page-link, .page-link.active{
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColorNoToggle1) !important;
    border-color: var(--themeColor3);
}

.btn.btn-primary, .btn-check:checked+.btn, .btn-check:checked+.btn:hover{
    background-color: var(--themeColor2) !important;
    border-color: var(--themeColor2) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

.btn.btn-primary:focus{
    background-color: var(--themeColor2) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .btn.btn-primary, .btn-check:checked+.btn, .btn-check:checked+.btn:hover{
    background-color: var(--themeColorLightNoToggle1) !important;
    border-color: var(--themeColorDarkNoToggle1) !important;
    color: var(--themeColorDarkNoToggle5) !important;
}

html[data-bs-theme="dark"] .btn.btn-primary:focus{
    background-color: var(--themeColorLightNoToggle1) !important;
    border-color: var(--themeColorDarkNoToggle1) !important;
    color: var(--themeColorDarkNoToggle5) !important;
}

.btn.btn-secondary, .btn-check:checked+.btn, .btn-check:checked+.btn:hover{
    background-color: var(--secondaryBtnColor) !important;
    border-color: var(--secondaryBtnColor) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

.btn.btn-secondary:focus{
    background-color: var(--secondaryBtnColor) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

.btn.btn-warning, .btn.btn-warning:focus{
    background-color: var(--btnWarningColor) !important;
}

.btn.btn-outline-primary, .btn.btn-outline-primary:hover{
    color: var(--themeColor2) !important;
}

.btn.btn-outline-primary{
    border-color: var(--themeColor2);
}

.progress-bar{
    background-color: var(--themeColorNoToggle1) !important;
}

input[type="checkbox"]:checked{
    /*background-color: rgb(47, 84, 129);*/
     background-color: var(--themeColor2);
     accent-color: var(--themeColor2);
}

html[data-bs-theme="dark"] input[type="checkbox"]:checked{
    /*background-color: rgb(47, 84, 129);*/
     background-color: var(--themeColorNoToggle2);
     accent-color: var(--themeColorNoToggle2);
}
 
.form-check-input:focus{
    box-shadow: 0 0 0 0.15rem rgb(102 117 106 / 50%);
}

.form-check-input:checked{
    border-color: var(--themeColor2);
}

.form-check-input{
    /*background-color: var(--themeColor2);*/
}

select.readonly {
    pointer-events: none;
    background-color: #eee;
}

textarea.readonly, textarea[readonly], textarea[readonly]:focus {
    background-color: #eee;
}

textarea{
    font-size: small !important;
    opacity: 0.9;
}

.custom-readonly{
    background-color: #eee;
    pointer-events: none;
}

.rez-loader {
  border: 10px solid transparent;
  border-top: 10px solid var(--rezLightColor1);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  animation: rezspinloader 2s linear infinite;
}

.rez-loader img {
  height: 50px;
  width: 50px;
  animation: rezspinlogo 1s linear infinite;
}

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

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

.isactive-status {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-color: #bdc5d1;
    border-radius: 50%;
}
.isactive-status-success {
    color: var(--themeColorLightNoToggle5);
    background-color: #00c9a7;
}
.isactive-status-danger {
    color: var(--themeColorLightNoToggle5);
    background-color: #ed4c78;
}

.form-card-header{
    width:485px;
    margin:0 auto;
    top:0px;
    left:0px;
    border-radius: 5px 5px 0px 0px;
    background-color: var(--themeColor3);
}

.form-card-header .navbar-brand{
    color: var(--themeColorLightNoToggle5);
    cursor: auto;
}

.cursor-pointer{
    cursor: pointer !important;
}

.cursor-default {
    cursor: default;
}

.img-theme-color-light2{
    filter: invert(99%) sepia(1%) saturate(2990%) hue-rotate(176deg) brightness(91%) contrast(104%);
}

.nav-tabs .nav-link, .nav-pills .nav-link{
    color: var(--themeColorNoToggle1);
}

.nav-pills .nav-link.active{
    background-color: var(--themeColor3) !important;
}

.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.user-avatar-id {
    border-radius: 40%;
    margin-right: 41px;
    width: 35px;
    /*height: 37px;*/
}

.nav-company-image{
    max-height:31px;
    max-width: 200px;
    height:auto;
    width:auto;
    /*height: 100%;
    width: 100%;*/
    mix-blend-mode: multiply;
}

/* width css starts */

.w-5{
    width: 5% !important;
}
.w-10{
    width: 10% !important;
}
.w-15{
    width: 15% !important;
}
.w-20{
    width: 20% !important;
}
.w-30{
    width: 30% !important;
}
.w-35{
    width: 35% !important;
}
.w-40{
    width: 40% !important;
}
.w-45{
    width: 45% !important;
}
.w-55{
    width: 55% !important;
}
.w-60{
    width: 60% !important;
}
.w-65{
    width: 65% !important;
}
.w-70{
    width: 70% !important;
}
.w-80{
    width: 80% !important;
}
.w-85{
    width: 85% !important;
}
.w-90{
    width: 90% !important;
}
.w-95{
    width: 95% !important;
}
/* width css ends */



/* ----------------------------------------- imported library css override --------------------------------------- */

/* bootstrap css starts */

label{
    color: var(--themeColorDark5) !important;
}

h5, h2, .h2{
    color: var(--themeColorDark5) !important;
}

.text-muted{
    color: var(--themeColor2) !important;
}

.table{
    color: var(--themeColorDark4) !important;
}

.text-body-secondary{
    color: var(--themeColor2) !important;
}

html[data-bs-theme="dark"] .form-control{
    background-color: var(--themeColorDarkNoToggle4);
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .form-control-plaintext{
    color: var(--themeColorLightNoToggle5);
}

html[data-bs-theme="dark"] .card-body{
    background-color: var(--themeColorLight5);
    color: var(--themeColorLightNoToggle5);
}



/* bootstrap css ends */


/* select2 css starts */

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.select2-selection__choice{
    background-color: rgb(33 37 41 / 5%);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected{
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColor3) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColor3) !important;
}

.form-select-sm~.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear, .form-select-sm~.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    background:  transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50%/0.7rem auto no-repeat !important;
    width: 0.7rem !important;
    height: 0.7rem !important;
}

.select2-selection--multiple .select2-selection__clear{
    top: 1rem !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection {
    box-shadow: 0 0 0 0.15rem rgb(102 117 106 / 40%) !important;
    border-color: var(--themeColor3) !important;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    box-shadow: 0 0 0 0.15rem rgb(102 117 106 / 40%) !important;
    border-color: var(--themeColor3) !important;
}

.select2-container--bootstrap-5 .select2-dropdown{
    border-color: var(--themeColor3) !important; 
}

/* Select 2 Dark Theme */
html[data-bs-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: var(--themeColorDarkNoToggle4) !important;
}

html[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .select2-dropdown {
    background-color: var(--themeColorDarkNoToggle4) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: black !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColorDarkNoToggle4) !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5.select2-container--open.select2-container--below .select2-selection{
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColorDarkNoToggle4) !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection{
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColorDarkNoToggle4) !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .select2-selection--multiple .select2-selection__clear, html[data-bs-theme="dark"] .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove{
    color: var(--themeColorLightNoToggle5) !important;
}



/*
.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 42%;
    border-top: 5px solid #888;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}
*/
/* select2 css ends */


/* datatable css starts */

.dataTables_scrollHeadInner, .table{
    width:100%!important;
}

div.dataTables_processing>div:last-child>div{
    background: var(--themeColorNoToggle1) !important;
}

div.dataTables_scrollBody {
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 2%) !important;
}

table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075) !important;
}

table.dataTable tbody td {
    vertical-align: middle !important;
  }

/* datatable css ends */


/* jqueryui-datepicker css starts */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid var(--themeColor2);
}

html[data-bs-theme="dark"] .ui-datepicker-calendar{
    background-color: var(--themeColorLight3);
}

html[data-bs-theme="dark"] .ui-state-default:not(.ui-state-highlight), .ui-widget-content .ui-state-default:not(.ui-state-highlight){
    background-color: var(--themeColorLight5);
    color: var(--themeColorDark4) ;
}

html[data-bs-theme="dark"] .ui-datepicker .ui-datepicker-header{
    background-color: var(--themeColorDarkNoToggle3);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-active:focus{
    color: var(--themeColorLightNoToggle5) !important;
    background-color: var(--themeColor3) !important;
}

/* jqueryui-datepicker css ends */


/* jquery multiselect css starts */ 

.ms-choice>span.placeholder{
    min-height: 0 !important;
  }
  
  #multi_search_filter_opt_id {
    border: 1px solid #ced4da;
  }

/* jquery multiselect css ends */ 


/* fullcalendar css starts */ 
/*
.fc-v-event {
    background-color: var(--themeColor2) !important;
    border: 1px solid var(--themeColor1) !important;
}
*/

.fc-col-header-cell-cushion{
    color: var(--themeColorLightNoToggle5);
    text-decoration: none;
}

.fc-col-header-cell-cushion:hover{
    color: var(--themeColorLightNoToggle4);
}

html[data-bs-theme="dark"] .fc-toolbar-title, html[data-bs-theme="dark"] .fc-multimonth-title{
    color: var(--themeColorLightNoToggle1) !important;
    background-color: var(--themeColorDarkNoToggle4) !important;
}

html[data-bs-theme="dark"] .fc-col-header-cell{
    color: var(--themeColorDark5) !important;
}

html[data-bs-theme="dark"] .fc-day.selectable-dates:not(.fc-day-today){
    background-color: var(--themeColorDarkNoToggle2);
}

html[data-bs-theme="dark"] .fc-day-disabled{
    background-color: var(--themeColorDarkNoToggle1);
}

html[data-bs-theme="dark"] .fc-day-today .fc-daygrid-day-number{
    color: var(--themeColorDarkNoToggle1) !important;
}

/* fullcalendar css ends */ 


/* intl-tel-input css starts */ 

li.iti__country:hover, li.iti__country:focus, li.iti__country.iti__highlight{
    color: var(--themeColorLight3) !important;
    background-color: var(--themeColor2) !important;
}
.iti__country-list{
    overflow-y: auto !important;
}
.iti__flag-container{
    pointer-events: none !important;
}
.iti__selected-flag .iti__arrow{
    display: none;
}
.iti--allow-dropdown input{
    padding-left: 40px !important;
}

/* intl-tel-input css ends */ 


/* sweetalert css starts */ 

.swal2-confirm.swal2-styled{
    background-color: var(--themeColor3) !important;
}

.swal2-confirm.swal2-styled:hover{
    background-color: var(--themeColor3Hover) !important;
}

.swal2-styled.swal2-cancel{
    background-color: #958383 !important;
}

.swal2-styled.swal2-cancel:hover{
    background-color: #837070 !important;
}

.swal2-title, .swal2-html-container label{
    color: var(--themeColorNoToggleDark5) !important;
}

html[data-bs-theme="dark"] .swal2-popup{
    border: 1px solid var(--themeColorLightNoToggle3);
    background: var(--themeColorDarkNoToggle3);
    color: var(--themeColorLightNoToggle5);
}

/* sweetalert css ends */ 


/* multiple-select css starts */ 

.ms-choice>div.icon-close {
    font-size: 1.3rem;
}

/*
.ms-choice>div.icon-close:before {
    content: '×'; Issue
    color: #888;
    font-weight: bold;
}
*/

html[data-bs-theme="dark"] .multi-select-search-icon{
    background-color: var(--themeColorDarkNoToggle1) !important;
    border-color: var(--themeColorLightNoToggle5) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .ms-parent .ms-choice{
    background-color: var(--themeColorDarkNoToggle3) !important;
    border-color: var(--themeColorLightNoToggle5) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

html[data-bs-theme="dark"] .ms-drop.bottom{
    background-color: var(--themeColorDarkNoToggle3) !important;
    border-color: var(--themeColorLightNoToggle5) !important;
    color: var(--themeColorLightNoToggle5) !important;
}

/* multiple-select css ends */ 

/* Do not put custom css at the end, leave it only for asset css overriding */