body{color: #31344b}
.bg-gray-100 {background-color: #e6e7ee !important; color: #31344b}
.card {box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;background-color: #e6e7ee !important;border:1px solid #d1d9e6 !important;}
.card-header{background: none;}
.btn {position: relative;transition: all .2s ease;letter-spacing: .025em;font-size:0.875rem;border:1px solid #d1d9e6;box-shadow: 3px 3px 6px #b8b9be,-3px -3px 6px #fff; font-weight: 400}
.btn:hover {color: #31344b;background-color: #e6e7ee;border-color: #e6e7ee;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff !important;}
.form-control {border:1px solid #d1d9e6;border-radius: .55rem;padding:.75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff; background: none !important}
.shadow{box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;border-radius: .85rem !important;border:1px solid #d1d9e6 !important;}
.shadow-none { box-shadow:none !important}
.min-ht-640{min-height: 640px}
.mr-0 {margin-right: 0 !important}
.modal-content{padding: 10px;background-color: #e6e7ee !important; border: 1px solid #d1d9e6 !important;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;}
textarea { resize: none; }
.user-area{ width: 36px; height: 36px;margin-right: 10px; border-radius: 50%; padding: 2px; overflow: hidden;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;
  background-color: #e6e7ee !important; border: 1px solid #d1d9e6 !important;text-align: center;}
.user-img{width: 100%; height: 100%; overflow: hidden;border-radius: 50%;}
.user-img img{max-width: 100%}
.multisteps-form__progress-btn{color: #8392ab;}
.navbar-vertical .navbar-nav .nav-item .collapse .nav .nav-item .nav-link.active, .navbar-vertical .navbar-nav .nav-item .collapsing .nav .nav-item .nav-link.active {color: #344767;}
.border {border: 1px solid #d1d9e6 !important;}
.choices[data-type*="select-one"] .choices__inner {padding-bottom: 7.5px;border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.choices[data-type*="select-multiple"] .choices__inner, .choices[data-type*="text"] .choices__inner {cursor: text;border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.choices__input { display: inline-block;vertical-align: baseline;background-color: #fff;font-size: 14px;margin-bottom: 5px;max-width: 100%;padding: 4px 10px;border: 1px solid #d1d9e6;border-radius: .55rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}

.form-switch .form-check-input::after {background-color: #e6e7ee;}
.navbar-vertical.bg-white {box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;background-color: #e6e7ee !important;border: 1px solid #d1d9e6 !important;padding: 20px;}    

.navbar-main {position: fixed !important; width: -moz-available; width:-webkit-fill-available;  z-index: 11; box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important; background-color: #e6e7ee !important;border: 1px solid #d1d9e6 !important;}
.mt-66 { margin-top: 4.5rem !important;margin-bottom: 55px;}

#sidenav-collapse-main .navbar-nav{padding: 5px;}
.navbar-vertical .navbar-nav .nav-link > i{ font-size: 1.2rem;padding-top: 0.1rem !important;padding-bottom: 0.1rem !important;}
.text-secondary {color: #344767 !important;}
footer.footer {margin-top: 30px;}
 .navbar-expand-lg .navbar-nav .dropdown-menu {box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;background-color: #e6e7ee !important;border: 1px solid #d1d9e6 !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu:before {position: absolute; content: ""; width: 0;height: 0; right: 20px; top: -11px; border-width: 0 7px 12.1px 7px;border-color: transparent transparent #d1d9e6 transparent;border-style: solid;display: inline-block;}
.dropdown-menu-end[data-bs-popper] {right: 8px;left: auto;}

.dropdown-menu li {border-top: 1px solid #d1d9e6;}
.dropdown-menu li:first-child {border-top: 0px solid #d1d9e6;}
.dropdown-item:hover, .dropdown-item:focus {border: 1px solid #d1d9e6; border-radius: .55rem;padding: 0.24rem 1rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}

.ml-0 {margin-left: 0 !important}
a:hover {color: #1e82cd;}
.max-width-1600 {max-width: 1600px; margin: 0 auto}
.max-width-1200 {max-width: 1200px; margin: 0 auto}
.max-width-600{max-width: 600px; margin: 0 auto}
.min-height-1000{min-height: 1000px}
.log-img img{ max-width: 100%; border-radius: 30px;box-shadow: 0 20px 27px 0 rgba(0,0,0,.05); }
.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {background-image: linear-gradient(310deg,#1e82cd,#1e82cd);}
.bg-gradient-primary { background-image: linear-gradient(310deg,#1e82cd,#1e82cd);}
.bg-gradient-dark {background-image: linear-gradient(310deg, #344767 0%, #344767 100%);}
.bg-primary {background: #1e82cd !important;}
.icon-sm i {font-size: 1rem; top: 2px;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item{margin-top: 0.525rem;}
.nav {padding: 15px 0; }
.nav li a{position: relative}
.nav li a::after{font-family: "Font Awesome 5 Free";font-weight: 700;content: "\f04b";margin-left: auto;color: rgba(33, 37, 41, 0.5);position: absolute;top: 13px; left: -16px;font-size: 9px;}
.nav li a.active::after{font-family: "Font Awesome 5 Free";font-weight: 700;content: "\f04b";margin-left: auto;color:#344767;position: absolute;top: 12px; left: -16px;}
.nav h6.text-white{color:#344767 !important}
.sidenav-toggler-inner .bg-white{color:#344767 !important}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { margin: 0; margin-left: 0px;padding-left: .65rem;text-transform: capitalize;}
.nav-link{margin-left: 0 !important;}
.pl-20{padding-left: 20px;}
.pl-10{padding-left: 10px;}
.pl-5{padding-left: 5px;}
.navbar-vertical.bg-white .navbar-nav > .nav-item .nav-link.active{background-color:#e6e7ee;border:1px solid #d1d9e6;box-shadow: 3px 3px 6px #b8b9be,-3px -3px 6px #fff !important;}
.navbar-vertical .navbar-nav > .nav-item .nav-link.active { color: #344767;background-color: rgba(255, 255, 255, 0.13);}
.navbar-vertical .navbar-nav .nav-link.active {box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15) !important;}
.nav-link:hover span{color: #344767;}
#navbarBlur.mt-4 {margin-top: 1.0rem !important;}
.form-switch .form-check-input:checked { border-color: #1e82cd; background-color: #1e82cd;}
.form-switch .form-check-input{height: 21px !important;}
.hide {display: none;}
.display_content {display: block;}
.text-xxs {font-size: 0.75rem !important;}
.passView { float: right; z-index: 1; margin-right: 10px; position: absolute; top: 16px; right: 6px; cursor: pointer}
.form-control:focus {border:1px solid #d1d9e6;border-radius: .55rem;padding:.75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff; background: none !important}
.dataTable-wrapper {border: 1px solid #e9ecef;margin-top: 20px;}
.dataTable-wrapper .dataTable-top{padding: .5rem 0;/*background: #e9ecef90;border-radius: 5px;*/}
.thead-light {border-color: #e6e7ee;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff !important;border-radius: .55rem;}
/*.dataTable-wrapper .dataTable-bottom{background: #e9ecef90;padding-bottom: 7px;padding-top: 7px;}*/
.dataTable-wrapper .dataTable-top .dataTable-dropdown label .dataTable-selector{border: 1px solid #d1d9e6; border-radius: .55rem;padding: .75rem; box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.dataTable-selector{border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.dataTable-wrapper .dataTable-top .dataTable-search input {font-size: 0.875rem; color: #495057; border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;
  box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.dataTable-wrapper .dataTable-bottom {padding: 1.5rem;padding-top:.8rem;padding-bottom: 0;border-top: 1px solid #d1d9e6;}
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a{ border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important; color: #344767}
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list .active a:hover{border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important; color: #344767}
.dataTable-wrapper .dataTable-bottom .dataTable-pagination .dataTable-pagination-list li a:hover {border: 1px solid #d1d9e6;border-radius: .55rem;padding: .75rem;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important; color: #344767}
.dataTable-sorter {width: auto}
.dataTable-sorter::before, .dataTable-sorter::after {right: -12px;}
.dataTable-sorter::before {bottom: 4px;}
.form-check-input:checked[type="radio"] { background-image: linear-gradient(310deg, #1e82cd 0%, #1e82cd 100%);}
.mt-30{margin-top: 34px; margin-bottom: 0;}
.table td, .table th {  white-space:normal;}
.z-index-sticky {background-color: #FFFFFF !important}
.badge-colors .badge{border: 1px solid #ccc}
.sidenav[data-color="white"] .navbar-nav > .nav-item > .nav-link.active .nav-link-text { color: #344767 !important;}
.sidenav[data-color="white"] .navbar-nav > .nav-item > .nav-link.active::after {color: #344767;}
.docs-info h6{ color: #fff;}
.navbar-vertical .docs-info{width: 100%;}
.navbar-vertical .docs-info h6.text-dark{ color: #fff!important}
.navbar-vertical .docs-info a{ color: #344767!important}
.border-radius-15{border-radius: 15px !important;}
.sidenav[data-color="white"] .navbar-nav > .nav-item > .nav-link.active .docs-info{background-image: linear-gradient(310deg, #1e82cd 0%, #11cdef 100%);}
.sidenav[data-color="primary"] .navbar-nav > .nav-item > .nav-link.active .icon {background-image: linear-gradient(310deg,#ffffff,#ffffff);}
.sidenav[data-color="primary"] .navbar-nav > .nav-item > .nav-link.active .icon .fa{ color: #fb6340 !important;}
.sidenav[data-color="dark"] .navbar-nav > .nav-item > .nav-link.active .icon {background-image: linear-gradient(310deg,#ffffff,#ffffff);}
.sidenav[data-color="dark"] .navbar-nav > .nav-item > .nav-link.active .icon .fa{ color: #344767 !important;}
.sidenav[data-color="info"] .navbar-nav > .nav-item > .nav-link.active .icon {background-image: linear-gradient(310deg,#ffffff,#ffffff);}
.sidenav[data-color="info"] .navbar-nav > .nav-item > .nav-link.active .icon .fa{ color: #11cdef !important;}
.sidenav[data-color="success"] .navbar-nav > .nav-item > .nav-link.active .icon {background-image: linear-gradient(310deg,#ffffff,#ffffff);}
.sidenav[data-color="success"] .navbar-nav > .nav-item > .nav-link.active .icon .fa{ color: #2dce89 !important;}
.sidenav[data-color="warning"] .navbar-nav > .nav-item > .nav-link.active .icon {background-image: linear-gradient(310deg,#ffffff,#ffffff);}
.sidenav[data-color="warning"] .navbar-nav > .nav-item > .nav-link.active .icon .fa{ color: #fb6340 !important;}
.sidenav[data-color="danger"] .navbar-nav > .nav-item > .nav-link.active .icon {background-image: linear-gradient(310deg,#ffffff,#ffffff);}
.sidenav[data-color="danger"] .navbar-nav > .nav-item > .nav-link.active .icon .fa{ color: #f5365c !important;}
.fixed-plugin .btn.bg-gradient-primary:not(:disabled):not(.disabled):not(.active) { background-color: transparent; background-image: none;border: 1px solid #1e82cd;color: #1e82cd;}
.btn.bg-gradient-primary:not(:disabled):not(.disabled).active{background-color: #ffffff;}
.required_field {color:#a91e2c; margin-left: 3px}
.fs-12 {font-size: 2rem;}
.navbar-nav .dropdown-menu { position: absolute;} 
.mr-10{margin-right: 10px}
.mr-6{margin-right: 6px}
.choices__list--dropdown{z-index: 111}
.no-img { margin-top: 34px; width: 150px; max-height: 150px; float: left; margin-right: 10px; position: relative}
.no-img img { max-width: 100%; border-radius: inherit;}
label, .form-label{margin-left: 0rem;}
.radio-on-img { margin: 0 auto}
.form-check-input {cursor: pointer}
.clearBoth {clear: both;}
/*.multisteps-form{ min-height: 600px;}*/
.navbar-vertical.navbar-expand-xs{z-index: 1}
.btn-close{font-weight: bold; border-radius: 50%; line-height:7px;padding: 0.4rem!important; font-size: 14px;border: 1px solid #d1d9e6;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;color: #344767;}
.btn-close:hover {color: #344767;opacity: 0.75;}
.modal-header{border-bottom: none; min-height: 50px;padding: .3rem 1rem 1rem;}
.img-box-area{width: 150px; float: left; margin: 10px;margin-left: 0; text-align: center}
.img-box-area .form-check-input[type="radio"] {border: 1px solid #1e82cd !important;}
.img-box-area .form-check:not(.form-switch) .form-check-input[type="radio"]:checked{padding: 5px;}
.actionArea {position: absolute; top: 18px;  right: 18px;background: #00000080; border-radius: 7px;padding: 0 5px;}
.actionArea i {color: #fff; font-size: 13px; opacity: .8}
.actionArea i:hover {opacity: 1}
.actionArea a { margin: 3px}
.form-check-input:checked[type="checkbox"] {background-image: linear-gradient(310deg, #1e82cd 0%, #1e82cd 100%);}
option:checked, option:hover {color: white;background: #1e82cd;}
.top-logout a {padding-left: 0 !important;padding-right: 0 !important;}
.top-logout a i {padding-left: 5px !important;padding-right: 5px !important;}
.main-content{margin-top:10px}
.inner-page-title {position: fixed; top: 35px; z-index: 11; margin-left: 55px;}
.alert {z-index: 1;}
.role-top-check-area{ position: absolute; top: 12px; right: 0px;}
.accordion-item:first-of-type .accordion-button{border-top-left-radius:auto !important;border-top-right-radius:auto !important;margin-bottom: 13px !important;}
.accordion-button:hover, .accordion-button:focus { z-index: 0;}
.accordion-button{padding: .80rem 1rem;}
.accordion-body .p-3{padding: .60rem 1rem !important}
.accordion-item .form-check-label { font-size: 0.80rem;}
.alert{ max-width: 800px; padding: 20!important; margin: 0 auto}
#message {display:none;color: #000;padding: 20px;margin-top: 10px;width: 100%;position: absolute;left: 0; z-index: 111}
#message p {padding: 0px 35px; margin-bottom: 5px;}
.valid { color: green;}
.valid:before { position: relative; left: -13px; content: "✔";}
.invalid { color: red;}
.invalid:before { position: relative; left: -13px; content: "✖";}
#message:before {position: absolute; content: ""; width: 0;height: 0; top: -11px; border-width: 0 7px 12.1px 7px;border-color: transparent transparent #d1d9e6 transparent;border-style: solid;display: inline-block;}

input[type=file]::file-selector-button {border-right: 2px solid #d1d9e6;padding: .2em .8em;border-radius: 0;background-color: transparent !important;transition: 1s;}
.alert-success {background: #e6e7ee; color: #18634b !important; font-weight: 500 !important;font-size: .875rem;}
.alert-danger {background: #e6e7ee; color: #a91e2c !important; font-weight: 500 !important;font-size: .875rem;}
.top-logout a{padding-top: 0 !important; padding-bottom: 0 !important}
.pt-39{padding-top: 39px !important}
.font-18{font-size: 18px}
.p-l-0{padding-left: 0.5rem!important}
.tbl-check {padding-left: 0 !important;margin-left: -7px;}
.tbl-check .form-check-input {float: right !important;margin-right: -25px !important;}
.dataTable-top > nav:last-child, .dataTable-top > div:last-child, .dataTable-bottom > nav:last-child, .dataTable-bottom > div:last-child {float: right;margin-top: -6px;}

.flatpickr-calendar{box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;border-radius: .85rem !important;border: 1px solid #d1d9e6 !important;background-color: #e6e7ee !important;}
.flatpickr-calendar.arrowBottom::before { border-top-color: #d1d9e6}
.flatpickr-calendar.arrowBottom::after { border-top-color: #d1d9e6;}
.flatpickr-calendar.arrowTop::before {border-bottom-color: #d1d9e6;}
.flatpickr-calendar.arrowTop::after { border-bottom-color: #d1d9e6;}
/*.flatpickr-current-month{font-weight: bold; font-size: 16px;font-family: "Open Sans", sans-serif;}*/
.flatpickr-calendar::before { border-width: 5px; margin: 0 132px;}
.flatpickr-calendar::after { border-width: 4px; margin: 0 132px;}
.flatpickr-calendar .flatpickr-day:not(.selected):hover, .flatpickr-calendar .flatpickr-day:not(.selected):focus {
  background: rgba(251, 99, 64, 0.28); border: none;}
.flatpickr-calendar .flatpickr-day.today, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange {
  background: #1e82cd !important; color: #fff; border: none;}

.data-tbl-search:focus-visible{outline: none !important;}
.data-tbl-search{font-size: 0.875rem !important;color: #495057; border: 1px solid #d1d9e6 !important;border-radius: .55rem; padding: .55rem .75rem !important;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;margin-bottom: 10px;}
.flex.justify-between.flex-1.sm\:hidden { display: none;}

nav.flex.items-center.justify-between {  padding: 20px 0;border-top: 1px solid #d1d9e6 !important;}
.tbl-paginate{width: 100%; font-size:14px; margin-top: 20px}
.w-nfull{width: 100%}
.paginate-area { float: right; text-align: right;}
.paginate-area svg{width: 20px !important;}
.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.dark\:bg-gray-800.dark\:border-gray-600 { background: #1e82cd; color: #fff;font-size: 0.875rem !important; border: 1px solid #d1d9e6 !important; border-radius: .55rem; padding: .6rem .75rem !important;
  box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;}
.paginate-area .px-4 {padding-right: 1rem !important;padding-left: 1rem !important;}

.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {justify-content: space-between !important;display: flex !important;}
.relative.z-0.inline-flex.rtl\:flex-row-reverse.rounded-md.shadow-sm { float: right; text-align: right; box-shadow: none !important;}
.w-5.h-5 { width: 20px !important;}
.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-700.bg-white.border.border-gray-300.leading-5.hover\:text-gray-500.focus\:z-10.focus\:outline-none.focus\:border-blue-300.focus\:ring.ring-blue-300.active\:bg-gray-100.active\:text-gray-700.transition.ease-in-out.duration-150.dark\:bg-gray-800.dark\:border-gray-600.dark\:text-gray-400.dark\:hover\:text-gray-300.dark\:active\:bg-gray-700.dark\:focus\:border-blue-800 {padding-left: 1rem !important; padding-right: 1rem !important;font-size: 0.875rem !important; color: #495057; border: 1px solid #d1d9e6 !important; border-radius: .55rem; box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}

.relative.inline-flex.items-center.px-4.py-2.-ml-px.text-sm.font-medium.text-gray-500.bg-white.border.border-gray-300.cursor-default.leading-5.dark\:bg-gray-800.dark\:border-gray-600 {  padding-left: 1rem !important; padding-right: 1rem !important;}

.text-info { color: #1e82cd !important;}
.table > :not(caption) > * > * {padding: 0.5rem 1.5rem;}
.paginate-dropdown {  padding: 0 20px 20px;font-size: 0.875rem !important;}
.bg-gray-50.border.border-gray-300.text-gray-900.text-sm.rounded-lg.focus\:ring-blue-500.focus\:border-blue-500.block.w-full.p-2\.5 {
  font-size: 0.875rem !important;color: #495057;border: 1px solid #d1d9e6 !important;border-radius: .55rem;padding: .6rem .75rem !important;box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.arrow-up, .arrow-down { cursor: pointer;}
.actionAreaInput {top: 42px;right: -34px;cursor: pointer; height: 26px}
.mt-20 {  margin-top: 20px;  margin-bottom: 0;}
.select2-container--default .select2-selection--single { border: 1px solid #d1d9e6 !important; border-radius: .55rem !important; padding: .75rem; box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff; background: none !important; height: 47px!important; font-size: 0.875rem;font-weight: 400;line-height: 1.4rem;}
.select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 19px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #31344b transparent transparent transparent !important; border-width: 6px 5px 0 5px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 9px !important; right: 7px !important;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #31344b transparent !important;border-width: 0 5px 6px 5px !important;}
.select2-dropdown{box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;background-color: #e6e7ee !important;border: 1px solid #d1d9e6 !important;font-size: .75rem !important;}
.select2-search--dropdown .select2-search__field { width: 100%; box-sizing: border-box;border: 1px solid #d1d9e6 !important; border-radius: .55rem;padding: .75rem !important;
  box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff; background: none !important;}
.form-select{background-color: #e6e7ee;border: 1px solid #d1d9e6;border-radius: .55rem; padding: .75rem; box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;}
.text-danger {color: #a91e2c !important; font-size: 13px;}
.form-select:focus {border-color: #d1d9e6 !important;}
.form-select:focus { border-color: #fb6340;  outline: 0; box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff !important;}
.mt-44{margin-top:44px} 
p{font-size: 14px;}
.input-group-text {box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff; background: none !important}
.bg-danger {background-color: #a91e2c !important;}
a{ cursor: pointer}
.button_nobg{background: none; border: none;}
.multisteps-form__panel{position: relative !important}
.min-height-600 { min-height: 300px !important;}
footer.footer {position: fixed; bottom: 0; width: -moz-available; width: -webkit-fill-available; background: #e6e7ee !important;padding-bottom: 18px;border-top: 1px solid #d1d9e6 !important; margin-right: 24px;}
footer.footer .mb-4{margin-bottom: 0 !important}
.form-check:not(.form-switch) .form-check-input[type="radio"]:checked::after { opacity: 0 !important;}
.modal-xxl {  max-width: 1540px; }
.text-12 {font-size: 12px}
.badge {padding: 0.25em 0.5em;}

.flatpickr-calendar .flatpickr-day:not(.selected):hover, .flatpickr-calendar .flatpickr-day:not(.selected):focus {
  background: rgba(40, 60, 168, 0.28);  border: none;}
.select2-container--default .select2-selection--multiple {border: 1px solid #d1d9e6!important; border-radius: .55rem!important; padding:.6rem .75rem .75rem!important; box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff;background: none !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{padding-left: 5px !important; padding-right: 20px !important; font-size: .75rem !important;background-color: transparent !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{left: auto !important; right: 0 !important;border-left: 1px solid #aaa;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;}
.data-tbl-search {padding: .65rem .75rem !important;}
#mngRoleTbl .text-sm{word-wrap: break-word;}
.tbl-search-fld {margin-top: -8px; width: 136px; display: inline-block}
.width-136{width: 136px}
.bg-main{background-color: #cbcccd}
.bg-main-sub{background-color: #d9d9d9}
.ws-no{white-space: nowrap !important;}
.w-80px{ width: 80px}
.full-page-loader{display: flex !important; color: #fff; justify-content: center; align-items: center;z-index: 999999999;}
.full-page-loader .spinner-border{width: 5rem; height: 5rem;}
.form-check-custom {margin-bottom: -5px; margin-right: 0}
.form-check-custom .form-check-input{ width: 1.2rem; height: 1.2rem}
.pln-14{padding-left: 14px !important}
.form-select-cust { min-width: 120px; padding-right: 30px !important;}
.autocomplete { position: relative;}
.autocomplete-items {position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0;}

.autocomplete-items div {  padding: 10px;  cursor: pointer; border-bottom: 1px solid #d4d4d4; }
.autocomplete-items div:hover { background-color: #e0e0e6; }
.autocomplete-active { background-color: DodgerBlue !important; color: #ffffff; }
#myInputautocomplete-list{ max-height: 300px; overflow-y: auto;box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;background-color: #e6e7ee !important;
  border: 1px solid #d1d9e6 !important;border-radius: 15px !important;}
.no-arrow-fld .select2-container--default .select2-selection--single .select2-selection__arrow{display: none}
.min-width-170{min-width: 170px}
.input-group .form-control:focus {border-left: 0px solid #fb6340 !important;border-right: 0px solid #fb6340 !important;}

.input-group.focused {border: none !important;}





.navbar-vertical .navbar-brand > img, .navbar-vertical .navbar-brand-img{max-height: 5rem !important;}
.sidenav .navbar-brand { padding:0; text-align: center;}
.navbar-vertical .navbar-nav .nav-link { white-space: wrap;}
.navbar-vertical .navbar-nav .nav-link.parent-link { white-space: nowrap;}
@media (max-width: 1600px) {
  .max-width-1600 .col-lg-5 { margin-top: 0 !important;}
}

@media (max-width: 1199.98px) {
  .g-sidenav-show.g-sidenav-pinned .sidenav {z-index: 11111;}
  .navbar-vertical.bg-white {box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); background: #fff;}
  .inner-page-title {margin-left: 20px;}
  .accordion-body .form-check-inline {margin-right: .2rem;}
	.accordion-body .p-3 {padding: .60rem 0rem !important;}
	
}
@media (max-width: 767px) {
	.mb-8{ margin-bottom: 2rem !important;}
 	 .me-sm-4 {margin-right: 0rem !important;}
	.role-top-check-area {top: -2px;max-width: 307px;}
	.role-top-check-area .form-check{margin-bottom: 0}
	.min-ht-640 { min-height: auto;}
	.navbar-nav li:nth-child(2){padding-left: 0px !important; }
	.navbar-nav li:nth-child(2) span.d-none{display: block !important}
	
}
@media (max-width: 660px) {
	.accordion-button{ height: 100px}	
	 .role-top-check-area {top: 47px;max-width:100%;}
	.accordion-button{align-items: first baseline;}
}
@media (max-width: 580px) {
	.inner-page-title{max-width: 100%}
	.mt-5 {margin-top: .20rem !important;}
	.multisteps-form {min-height: 500px;}
	.mt-30{margin-top: 10px; margin-bottom: 0;}
	.no-img{margin-top: 4px;}
    .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm{ padding: .5rem}
	.mt-44 {  margin-top: 0px !important;}
	
}
@media (max-width: 575.98px) {
  .dataTable-top > div:last-child {
    float: right;
    margin-top: 0rem;
  }
	
}
@media (max-width: 575.98px) {
  .inner-page-title {top: 75px;margin-left: 10px !important;z-index: 1;}
  .mt-66 { margin-top: 5.5rem !important;margin-bottom: 5px;}
  .navbar-main{padding: 0 !important}
  .navbar-nav.justify-content-end {justify-content: center !important}#navbar {margin-top: 0 !important}
 footer.footer { position: relative; margin-right: 0px;padding-bottom: 0px;}
	
	
	
}