@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap'); 
:root {
--primary-color-dark: #283C4A; 
--primary-color-lite:#E6F0F4;
}

[class*="sidebar-dark-"] {
    background-color: #1f1a4d;
}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-treeview {
    background-color: #b5b3cc;
	    border-radius: 0.25rem;
}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link {
    color: #1b173d;
}
[class*="sidebar-dark-"] .menu-open .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:focus {
	 background-color:#8480a4; color:#fff;
}
[class*="sidebar-light"] .brand-link { border-bottom: none;}
.sidebar {  padding: 0 24px;   /*   width: calc(257px - 32px);*/
        margin: 0 auto;}
.main-header {
    background: url(../img/header_pattern.png) var(--primary-color-dark);
    background-repeat: no-repeat;
    background-position: right center;
}
.main-header .navbar-nav .nav-item.dropdown {
    margin: 0;
}
body { font-family: "Outfit", sans-serif;}
a, a:hover, a:focus{
    color: #1f1a4d;
    text-decoration: none;
    background-color: transparent;
}
.img-hgt-40 {
    height: 40px;
	width:auto;
}
.navbar-green {
    background-color: #8cc63f; color: #fff;
}
.fs-12 { font-size:12px!important;}
.fs-16 { font-size:16px!important;}
.font-weight-600 { font-weight: 600 !important;}
.card-outline.card-primary {border-top: 3px solid #5A85D7;}
.text-primary { color: #1f1a4d!important;}
.text-default { color: #7AB800!important;}
.text-info { color: #5A85D7!important;}
.text-warning { color: #8a6d3b!important;}
.font-semibold { font-weight: 600 !important;}
.l-height_30 { line-height: 30px;}
.csr-stage {padding: 0 20px;
    height: 55px;
    line-height: 55px;
    font-size: 30px;
    background: red;
    color: #fff;}
	label:not(.form-check-label):not(.custom-file-label) {
    font-weight: 400;
}
.form-control, .custom-select, .p-multiselect, .p-inputtext {height: 35px;font-size: 14px;}
.p-multiselect-item, .p-multiselect.p-multiselect-chip .p-multiselect-token, .col-form-label {font-size: 14px;}
.p-checkbox .p-checkbox-box {width: 16px;
    height: 16px;}
.products-list > .item {
 
    padding: 10px 0 0 0;
}
.btn-default { color: #fff; background-color: #1f1a4d; border-color: #1f1a4d;}
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle, .btn-default:hover {
    color: #fff;
    background-color: #1f1a4d;
    border-color: #1f1a4d;
}
.btn-primary { color: #fff; background: #283C4A;
    border-color: #283C4A;font-size: 14px;
    padding: 4px 16px; border-radius: 10px; font-weight: 600;  justify-content: center;  align-items: center;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:hover {
    color: #fff;
  background: #283C4A;
    border-color: #283C4A;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
background: #283C4A;
    border-color: #283C4A;
  box-shadow: 0 0 0 0 rgba(38, 143, 255, 0.5);
}
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .btn-outline-primary:hover  {
    color: #002A32;
    padding: 4px 16px;
    font-size: 14px;
    border-radius: 8px;
    border-color: #D9D9D9;
    background-color: #FDFDFD;
    font-weight: 600;
}
.modal .btn-lg {min-width: 182px;
height: 40px;
padding: 4px 12px;}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #1f1a4d;
}
.form-group {
    margin-bottom: 0.5rem;
}
body:not(.sidebar-collapse) .nav-link .fa-bars:before {
  content: "\f00d";
}
.brand-link {  padding:24px;height: 105px;}
.client-logo { max-height:55px;}
/*.input-group > .form-control, .btn, .form-control { border-radius:0;}*/
.brand-link .brand-image, .brand-text img {max-height:164px;float: none;
    margin: 0;}

.nav-sidebar > .nav-item .nav-icon.far { font-size: inherit;}
/*.nav-sidebar .nav-link p   {white-space: nowrap;}*/
.nav-sidebar .menu-open .nav-link > .right, .nav-sidebar .menu-open .nav-link > p > .right {top: 0.5rem;}
 
.navbar-light .nav-right .nav-link { color:#1f1a4d;    padding-left: 0.75rem;
    padding-right: 0.75rem;}
.navbar-light .nav-right .nav-link:hover { color:#1f1a4d;}
.main-header .mob-logo .nav-link { height:40px; display:flex; padding:0;}

.main-sidebar, .main-sidebar::before, .layout-fixed .brand-link {
     width: 257px;
         background-color: var(--primary-color-lite);
}
.main-sidebar .side-inner { padding: 16px;}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link { color: #002A32; display: flex;}

[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link,  [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus   {
    background-color:#008DA8;
    color: #ffffff;
}
 [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link {
   color: #343a40;
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active{
    background-color: transparent;
    color: #343a40;
    border-bottom: none;
    font-size: unset;
}
[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.more-item:hover,[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.more-item{
    background-color: transparent;;
    color: #343a40;
 border-bottom: 1px solid #DCDCDC;
}

[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-treeview.sub {
    margin-left: 24px;
    padding-left: 10px;
    border-left: 1px solid var(--Grey, #64646480);;
}
.nav-sidebar .nav-item > .nav-treeview.sub .nav-item:last-child {
    margin-bottom: 0;
}
.nav-sidebar .nav-item > .nav-treeview.sub .nav-item:first-child {
    margin-top: 1rem;
}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.more-item:hover{background-color: transparent;}
@supports not (-webkit-touch-callout: none) {
  .layout-fixed .wrapper .sidebar {
    height: calc(100vh - (6.5rem + 1px));
  }
}
.sidebar-collapse .main-sidebar, .sidebar-collapse .main-sidebar::before {
    margin-left: -100%;
}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link .nav-icon, [class*="sidebar-light-"] .nav-sidebar > .nav-item:hover > .nav-link .nav-icon, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active:hover .nav-icon, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:hover .nav-icon, [class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link:focus .nav-icon  {background-color: #fff;}
[class*="sidebar-light-"] .nav-treeview > .nav-item > .nav-link.active.more-item:hover .nav-icon, [class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.more-item:hover .nav-icon,[class*="sidebar-light-"] .nav-sidebar > .nav-item > .nav-link.more-item .nav-icon{background-color: #002A32;}
.nav-sidebar > .nav-item .nav-link { display: flex;}
.nav-sidebar > .nav-item .nav-icon.ic, .nav-sidebar .nav-treeview > .nav-item > .nav-link:hover > .nav-icon.ic {background-color: #fff;}
.ic, .nav-sidebar > .nav-item .nav-icon.ic, .nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon.ic {margin-left: .05rem;
    font-size: 1.2rem;
    margin-right: .2rem;
    text-align: center;
    width: 24px;
    height: 24px;
    background-color: #002A32;
    -webkit-mask-size: contain;
    mask-size: contain; display: inline-block;mask-size: 100% !important;}
.ic-sm { width: 16px;
    height:16px;}
.nav-sidebar  .nav-item {
    margin-bottom: 1rem;
}
.cust-card .ic-close:hover, .modal-dialog .ic-close:hover  {background-color: #002A32;}
.nav-treeview.sub li.nav-item .nav-link:before {
   /* content: "";
    display: block;
    background-image: url(../img/border-curve.svg);
    background-size: 12px auto;
    background-position: left bottom;
    width: 12px;
    position: absolute;
      left: -2px;
    height: 24px;*/
}
.nav-sidebar .nav-link > .right, .nav-sidebar .nav-link > p > .right {
    top: .5rem;
}
[class*="sidebar-light-"] .nav-sidebar > .nav-item.menu-open > .nav-link .right {background-color: #fff;}
.nav-sidebar .menu-open > .nav-link svg.right, .nav-sidebar .menu-open > .nav-link i.right, .nav-sidebar .menu-is-opening > .nav-link svg.right, .nav-sidebar .menu-is-opening > .nav-link i.right {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.nav-treeview.sub li.nav-item .nav-link {position: relative;}
.ic-calendar {
    -webkit-mask: url(../img/icons/calendar.svg) no-repeat center;
    mask: url(../img/icons/calendar.svg) no-repeat center;
}
.ic-calendar-tick {
    -webkit-mask: url(../img/icons/calendar-tick.svg) no-repeat center;
    mask: url(../img/icons/calendar-tick.svg) no-repeat center;
}
.ic-profile {
    -webkit-mask: url(../img/icons/profile.svg) no-repeat center;
    mask: url(../img/icons/profile.svg) no-repeat center;
}
.ic-book {
    -webkit-mask: url(../img/icons/book.svg) no-repeat center;
    mask: url(../img/icons/book.svg) no-repeat center;
}
.ic-ranking {
    -webkit-mask: url(../img/icons/ranking.svg) no-repeat center;
    mask: url(../img/icons/ranking.svg) no-repeat center;
}
.ic-note-favorite {
    -webkit-mask: url(../img/icons/note-favorite.svg) no-repeat center;
    mask: url(../img/icons/note-favorite.svg) no-repeat center;
}
.ic-task-square {
    -webkit-mask: url(../img/icons/task-square.svg) no-repeat center;
    mask: url(../img/icons/task-square.svg) no-repeat center;
}
.ic-teacher {
    -webkit-mask: url(../img/icons/teacher.svg) no-repeat center;
    mask: url(../img/icons/teacher.svg) no-repeat center;
}
.ic-user-tag {
    -webkit-mask: url(../img/icons/user-tag.svg) no-repeat center;
    mask: url(../img/icons/user-tag.svg) no-repeat center;
}
.ic-note-2 {
    -webkit-mask: url(../img/icons/note-2.svg) no-repeat center;
    mask: url(../img/icons/note-2.svg) no-repeat center;
}
.ic-book-2 {
    -webkit-mask: url(../img/icons/book-2.svg) no-repeat center;
    mask: url(../img/icons/book-2.svg) no-repeat center;
}
.ic-music-library-2 {
    -webkit-mask: url(../img/icons/music-library-2.svg) no-repeat center;
    mask: url(../img/icons/music-library-2.svg) no-repeat center;
}
.ic-graph {
    -webkit-mask: url(../img/icons/graph.svg) no-repeat center;
    mask: url(../img/icons/graph.svg) no-repeat center;
}
.ic-security-user {
    -webkit-mask: url(../img/icons/security-user.svg) no-repeat center;
    mask: url(../img/icons/security-user.svg) no-repeat center;
}
.ic-people {
    -webkit-mask: url(../img/icons/people.svg) no-repeat center;
    mask: url(../img/icons/people.svg) no-repeat center;
}
.ic-teacher {
    -webkit-mask: url(../img/icons/teacher.svg) no-repeat center;
    mask: url(../img/icons/teacher.svg) no-repeat center;
}
.ic-notification {
    -webkit-mask: url(../img/icons/notification.svg) no-repeat center;
    mask: url(../img/icons/notification.svg) no-repeat center;
}
.ic-video-time {
    -webkit-mask: url(../img/icons/video-time.svg) no-repeat center;
    mask: url(../img/icons/video-time.svg) no-repeat center;
}
.ic-monitor {
    -webkit-mask: url(../img/icons/monitor.svg) no-repeat center;
    mask: url(../img/icons/monitor.svg) no-repeat center;
}
.ic-clipboard-text {
    -webkit-mask: url(../img/icons/clipboard-text.svg) no-repeat center;
    mask: url(../img/icons/clipboard-text.svg) no-repeat center;
}
.ic-setting {
    -webkit-mask: url(../img/icons/setting.svg) no-repeat center;
    mask: url(../img/icons/setting.svg) no-repeat center;
}
.ic-chevron {
    -webkit-mask: url(../img/icons/chevron.svg) no-repeat center;
    mask: url(../img/icons/chevron.svg) no-repeat center;
}
.ic-chevron-up {
    -webkit-mask: url(../img/icons/chevron-up.svg) no-repeat center;
    mask: url(../img/icons/chevron-up.svg) no-repeat center;
}
.ic-add {
    -webkit-mask: url(../img/icons/add.svg) no-repeat center;
    mask: url(../img/icons/add.svg) no-repeat center;
    width: 20px;
    height: 20px;
    float: left;
    background-color: #fff;
}
.ic-close {
    -webkit-mask: url(../img/icons/close.png) no-repeat center;
    mask: url(../img/icons/close.png) no-repeat center;
    width: 20px;
    height: 20px;
 
}
.ic-edit {
    -webkit-mask: url(../img/icons/edit.svg) no-repeat center;
    mask: url(../img/icons/edit.svg) no-repeat center;
    width: 16px;
    height: 16px;
 
}
.ic-duplicate {
    -webkit-mask: url(../img/icons/duplicate.svg) no-repeat center;
    mask: url(../img/icons/duplicate.svg) no-repeat center;
    width: 16px;
    height: 16px;
 
}
.ic-trash {
    -webkit-mask: url(../img/icons/trash.svg) no-repeat center;
    mask: url(../img/icons/trash.svg) no-repeat center;
    width: 16px;
    height: 16px;
 
}
.ic-print {
    -webkit-mask: url(../img/icons/printer.svg) no-repeat center;
    mask: url(../img/icons/printer.svg) no-repeat center;
    width: 16px;
    height: 16px;
 
}
.ic-filter {
    -webkit-mask: url(../img/icons/filer.svg) no-repeat center;
    mask: url(../img/icons/filter.svg) no-repeat center;
 float: left;
}
.ic-menu {
    -webkit-mask: url(../img/icons/menu.svg) no-repeat center;
    mask: url(../img/icons/menu.svg) no-repeat center;
     background-color: #fff;
     width: 40px;
    height: 40px;
}
 .side-footer {padding: 142px 0 1rem 0;}
.side-footer p{ margin-bottom: 0; font-size: 20px; font-weight: 600; color: #002A32;}
 .main-header.navbar-expand .navbar-nav .nav-link {
    color: var(--White, #FDFDFD);
    padding-left: 20px;
    padding-right: 0;
    
}
 .main-header {
    height: 105px;
}
 .main-header .title{ align-items: center;
    display: flex;    font-size: 40px;
    font-weight: 600;
    color: #fff;}
 .main-header .user-icon {    display: flex;
    align-items: center;}
.icon-lg { display: block;}
.main-header .header-search { border-radius: 24px; border: 1px solid #646464; width: 263px; height: 41px; font-size: 16px;    background: url(../img/search-normal.png) no-repeat 8px center #fff;
    text-indent: 24px;}
.main-header .header-search::placeholder {
  color: #6464644d;
    }
.main-footer {

    padding: 0.5rem 1rem;
    font-size: 14px;
}
 
.loader-main {width: 100%;height: 100%;	position: fixed;top: 0;	left: 0;z-index: 10000}
.loader-main .loader-bg {background-color: rgba(0, 0, 0, .5);width: 100%;height: 100%}
.loader-main .loader-circle {display: inline-block;	width: 80px;height: 80px;background: url(../img/client-logo-icon.jpg) center center no-repeat #fafafa;	border-radius: 50px;position: fixed;top: 50%;left: 50%;	margin-left: -65px;	margin-top: -65px;background-size: 65%;}
.loader-main .loader-circle:before {content: " ";display: block;width: 80px;	height: 80px;margin: 1px;border-radius: 50%;border: 5px solid #8cc63f;border-color: #8cc63f transparent;animation: loader-circle 1.2s linear infinite}
@keyframes loader-circle {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}
.loader-main .cancel{    
background-color: rgb(255 0 0 / 50%); color:#fff;
    padding: 2px 4px;
    border-radius: 20px;
    width: 100%;
    display: inline-block;
	}
.main-table td a, .main-table td a:not([href]):not([class]){ color: #3c8dbc; cursor:pointer}
 .cust-card {border-radius: 8px;background: #FFF;
box-shadow: -6px -3px 40px 0px rgba(218, 218, 218, 0.25);}
.cust-card .card-body {padding: 52px 44px;}
.cust-card .cust-card-title, .header-title {color: var(--Blue-Dark, #283C4A);
font-family: Outfit;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px;margin: 0; padding: 0;}
.cust-card-title + .text-sm_1 {color: var(--Blue-Dark, #607580);
font-size: 12px; font-weight: 400; margin-top: -4px;}
.card-search-block { display: flex; justify-content: end;}
.card-search-block .card-search {border-radius: 20px;
border: 2px solid #283C4A;
font-size: 12px; font-weight: 300; color: #0B0B0B;
    background: url(../img/card-search-icon.png) no-repeat 8px center #FEFFFE;
    text-indent: 24px; max-width: 410px;}
.line-block {
    border-left: 1px solid #D9D9D9;
    margin: 0 32px;
}
.card-line {    border-top: 1px solid #D9D9D9;
    margin: 16px 0 24px 0;}
.table-custom tbody:before {
    /* This doesn't work because of border-collapse */
    line-height:1em;
    content:".";
    color:white; /* bacground color */
    display:block;
}
 .table-custom td, .table-custom th {color: #283C4A; font-size: 14px;}
 .table-custom th { font-weight: 600; position: relative; padding-right: 50px;}
.table-custom thead tr   {margin-bottom:2rem; background-color: #FAFAFA;;  border:1px solid #D9D9D9}
.table-custom .ic-sm {    position: absolute;
    top: 14px;
    right: 4px;}
.table-custom tbody tr   { border:1px solid #D9D9D9}
 .table-custom th a:hover { background-color: #002A32;}
.table-custom .dot { display: inline-block; width: 8px; height: 8px; margin-right:.5rem;    background-color: #283C4A;
    border-radius: 100%;}
.modal-action {display:flex;justify-content: space-between;}
.modal-header .close, .close:not(:disabled):not(.disabled):hover {text-shadow: none; opacity: 1;}
.modal-action ul{
    list-style: none;
    padding: 0;
    display: flex;
    margin: 1.5rem 0;
}
.modal-action .act-links a { display: flex; align-items: center;}
.modal-action li {display: flex;
    align-items: center;}
.modal-action a { color: #283C4A;font-size: 14px;font-style: normal; padding-right: 20px;}
.modal-action a > i.ic-next{     -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);width: 16px;
    height: 16px;}
.modal-action .act-arrows a { width: 16px;}
    .modal-action a > i.ic-prev{     -webkit-transform: rotate(90deg);
    transform: rotate(90deg);width: 16px;
    height: 16px;}
    .modal-dialog-scrollable .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
}
.form-container {
  
  margin: auto;
}

.form-row {
  display: flex;
  justify-content: space-between;
  background: #f8f8f8;
  border-radius: 8px;
  padding: 16px;

}
.form-row:nth-child(odd) {
  background: #f8f8f8;
}
.form-row:nth-child(even) {
     background: #fff;
}
.form-row label {
  font-weight: 600 !important;
  color: #283C4A;
  flex: 1;
  font-size: 14px;
  margin: 0;
}

.form-row span {
  flex: 1;
  text-align: right;
     color: #283C4A;
    font-size: 14px;
}
.form-comment {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
 .form-comment a {}
.form-comment a.link {
font-size: 14px;
font-style: normal;
font-weight: 400;
color: #283C4A;
    display: flex;
    align-items: center;
}
    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
     
        padding: 40px 32px;
    }
.main-card { border:1px solid #D9D9D9; box-shadow:none; border-radius: 8px;margin-bottom: 2rem;}
.main-card .card-body{padding: 48px 40px;}
.main-card.mini .card-body{padding: 34px 30px;}
.main-card .card-body h5 {font-size: 16px; margin-bottom: 0; font-weight: 600;}
.main-card .card-body h5.padd { padding-bottom: 32px;}
.form-group { color: #283C4A; margin-bottom: 16px;}
.form-group > label {font-size: 12px;font-weight: 600;}
.form-group > label > small { color: #979797;}
label:not(.form-check-label):not(.custom-file-label) {font-weight: 600;}
.form-group .form-control  {border-radius: 10px;border: 1px solid #D9D9D9;padding: 11px 24px;height: auto;}
input.form-control.dob-icon
 {
    background: url(../img/icons/calendar-2.svg) no-repeat;
       background-size: 16px 16px;
    background-position: calc(100% - 24px);
}
.custom-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/icons/chevron_s.svg) no-repeat right 20px center;
    background-color: #fff;
    background-size: 16px;
}
      .phone-input {
        display: flex;
    align-items: center;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    overflow: hidden;
    padding: 12px 24px;
    height: 44px;
    }

    .phone-input select {
      border: none;
      background: transparent;
      font-size: 14px;
      padding-right: 10px;
      appearance: none;
    background: url(../img/icons/chevron_s.svg) no-repeat right 4px center;
    background-color: #fff;
    background-size: 16px;
      padding-right: 24px;
    }

    .flag {
      width: 24px;
      height: 16px;
      margin-right: 8px;
    }

    .number {
      flex-grow: 1;
      font-size: 14px;
      color: #999;
      pointer-events: none;
    }
  .checkbox-item {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 12px;
      font-weight: 400 !important;
    }

    .checkbox-item input[type="checkbox"] {
      width: 14px;
      height: 14px;
      accent-color: #0d2c3f; /* dark navy blue */
      cursor: pointer;
    }
     .accordion-button {
          background-color: #fff;
    font-weight: 400;
    font-size: 16px;
    padding: 24px 0;
    }

    .select2-container--default .select2-selection--multiple {
      border: 1px solid #ccc;
      border-radius: 10px;
      min-height: 44px;
      padding: 6px;
      cursor: text;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #f3f3f3;
      border: none;
      border-radius: 16px;
      padding: 4px 8px;
      padding-right: 24px;
      margin: 4px 6px 2px 0;
      font-size: 14px;
      position: relative;
       color: #002A32;
    }

    .select2-selection__choice__remove {
      position: absolute;
      right: 6px;
      top: 4px;
      font-weight: bold;
      color: #999;
      border: none;
      background: transparent;
      cursor: pointer;
      font-size: 16px;
    }

    .select2-selection__choice__remove:hover {
      color: #ff4d4d;
    }

    .select2-search--dropdown .select2-search__field {
      border: none;
      padding: 12px;
      font-size: 14px;
      border-radius: 10px;
    }

    .select2-dropdown {
      border-radius: 12px;
      border: 1px solid #ECECEC;
      overflow: hidden;
    }

    .select2-results__option, .select2-container--default .select2-results__option {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 16px;
    border-bottom: 1px solid #ECECEC;
      font-size: 14px;
    }

    .circle {
      width: 18px;
      height: 18px;
      border: 2px solid #999;
      border-radius: 50%;
    }

    

    .select2-results__option--highlighted {
      background-color: #f0f0f0;
    }
#filterAccordion .accordion-item{ border-width: 0 0 1px 0; border-radius: 0;}
#filterAccordion .accordion-item:first-of-type>.accordion-header .accordion-button { border-radius: 0;}
#filterAccordion .accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color:  transparent;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
#filterAccordion .accordion-body {
    padding: 10px 0;
}
.modal-content .modal-title .prev {
    transform: rotate(90deg);
}
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #6464644D;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0;
    margin: -0.375rem;
}
.select2-container--default .select2-dropdown .select2-search__field, .select2-container--default .select2-search--inline .select2-search__field,.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    border: none;
    margin-left: 6px;
    background: url(../img/search-normal.png) no-repeat 8px center #fff;
    min-height: 25px;
    text-indent: 36px;
    min-width: 30px;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #6464644D;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, 
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--default .select2-selection--multiple .select2-selection__choice__display:hover {
     
    color: #002A32 !important;
        border-right: none;
    text-align: right;
    top: 4px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: #fafafa;
    color: #002A32;
}
.select2-results__option > div {    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;}
.select2-results__option > div .circle{width: 18px;
    height: 18px;
    border: 2px solid #999;
    border-radius: 50%;}
.select2-container--default .select2-results__option--selected > div .circle, .select2-container--default .select2-results__option--selected:hover > div .circle
{    border: 2px solid #008DA8;
    border-radius: 50%;
    background-color: #008DA8;}
    .select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #fafafa;
}
.select2-container--default .select2-dropdown {
    border: none;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {

    border-radius: 10px;
}
@media (min-width: 768px) {
        body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer, body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        transition: margin-left 0.3s ease-in-out;
        margin-left: 257px;
    }

  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 257px;
    padding: 0 60px 0 22px;
  }
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper {padding:60px;}
      .right-modal .modal-dialog {
    
        margin: 0 auto;
        margin-right: 0;
        min-height: 100%;
        border-radius: 0;
    }
    .modal-content {
    min-height: 100%;
    border-radius: 0;
}
    .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        width: 575px;
max-width: 575px;
padding: 48px 40px;
    }
    .modal-dialog-scrollable.modal-mini { width: 370px;}
        .modal-dialog-scrollable.modal-mini .modal-content {
        max-height: 100%;
        width: 370px;
max-width: 370px;
padding: 48px 40px;
    }
    .button-block { padding-top: 1rem;}
    .button-block .btn {width: 150px; margin-right: 8px;}
 .ic-chevron.prev    { cursor: pointer;    -webkit-transform: rotate(90deg);
transform: rotate(90deg);}

}

@media (max-width: 575.98px) {
    .content-wrapper > .content {
    padding: 0;
}
.cust-card .card-body {
    padding: 40px 32px;
}
.main-card .card-body {
    padding: 36px 28px;
}
.main-card.mini .card-body {
    padding: 24px 20px;
}
    .modal-action a {
    padding-right: 8px;
}
    
    .main-header .header-search {width: 132px; height: 38px;}
    .main-header {
    padding: 0 24px;
}
.main-header .title.setting { display: none;}
.card-search { margin: 24px 0;}
.add-button { width: 100%;height: 40px;
padding: 4px 16px;display: flex;
        justify-content: center;
        align-items: anchor-center;}
         .button-block .btn {width: 100%;}
.round-modal .modal-dialog-scrollable .modal-content {
    border-radius: 42px 42px 0 0; margin-top: 200px;
}
    .main-sidebar, .main-sidebar::before {
        box-shadow: none !important;
        margin-left: -100%;
    }
    .layout-fixed .main-sidebar {
 width: 100%;  
}
  .layout-fixed .main-sidebar .ic-close-menu {     
          position: absolute;
        right: 30px;
        top: 40px;
        background: url(../img/icons/close-lg.png);
        width: 40px;
        height: 40px;
    }
}