.badge-light {
    color: #212434;
    background-color: #dde1e3;
}
.form-check.form-check-solid .form-check-input, .form-control.form-control-solid, .form-select.form-select-solid, .form-control.form-control-solid[readonly] {
    border-bottom: 1px solid #7339e9;
    background-color: #f0ecfb;
}
.form-control-sm{padding: 0.45rem 0.45rem;min-height: calc(1em + 0.3rem + 1px);}
.input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text, .form-select-sm{padding: 0.45rem 0.45rem;}
.svg-icon.svg-icon-2 svg {
    height: 1.35rem!important;
    width: 1.35rem!important;
}
.input-group-text{border-bottom: 1px solid #7339e9;}
.btn.btn-bg-light {
    border-color: #f5f8fa;
    background-color: #e6e7e8;
}
.border-bottom {border-bottom: 1px solid #c5c8cc!important;}
.table.table-row-bordered tr, table.dataTable th{border-bottom-color: #a4a7ab;}
.card .card-header{min-height: 35px;text-transform: uppercase;}
fieldset {
    border: 1px solid #c8c8c8;
    padding: 0px 20px 0;
    margin-bottom: 20px;
    box-shadow: 0px 5px 5px rgb(0 0 0 / 50%);
    border-radius: 10px;
}
legend {
    float: none;
    width: 15%;
    padding: 5px 10px;
    color: #9b0073;
    font-weight: 500;
    margin-bottom: 0;
}
.form-select{background-position: right 0.5rem center;}
.menu-title-gray-600 .menu-item .menu-link .menu-title {
    color: #d1bf81;
}
.menu-state-title-primary .menu-item .menu-link.active .menu-title, .menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .menu-state-title-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title {
    color: #990072;
}
.aside-menu .menu-state-title-primary .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .menu-state-title-primary .menu-item.hover>.menu-link:not(.disabled):not(.active) .menu-title {
    color: #ffaa00;
}
.border-end {
    border-right: 1px solid #c0c4c9!important;
}
.btn.btn-outline-dashed {
    border: 1px dashed #7e84a1;
}
.review_section{position: relative;}
.review_section:before{
  background-color: #f1e5e88f!important;
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

div.dataTables_wrapper div.dataTables_length{float: left;}
.dt-buttons a {
    float: right;
    background: #00bfff;
    padding: 5px 10px;
    color: #ffffff;
    margin: 20px 0 0px 10px;
    border-radius: 4px;
}
.dt-buttons a span{color: #ffffff;}
.pagination{padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#337ab7;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;background-color:#337ab7;border-color:#337ab7;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.33333}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.badge,.label{font-weight:700;line-height:1;white-space:nowrap;text-align:center}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
.bootstrap-timepicker-widget.dropdown-menu.open {display: none !important;}
.menu-title-gray-800 .menu-item .menu-link .menu-title{color: #ffffff;}
.menu-item .menu-link .menu-arrow{margin: 0 0.5rem;}
.aside-fixed .aside.bg-primary{background: #663259 !important;overflow-y: auto;}
.dropzone{ position: relative;}
.son{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}
video#video {width: 100% !important;}
canvas#canvas {width: 100% !important;}
#control {
    bottom: -15px;
    top: auto !important;
}
div#DataTables_Table_0_info{float: left;}
.captcha_bg {
    background: url(../media/captcha_bg.jpg);
    padding: 5px;
    background-size: cover;
    color: #000000;
    font-weight: 600;
}
.modal{background: rgba(0,0,0,0.6);}
.aside .menu>.menu-item>.menu-link .menu-icon{width: 35px; height: 35px;}
.dataTables_wrapper .custom_table.creditor_list.dataTable td{vertical-align: top;padding: 10px 5px;}
.daterangepicker, .select2-container--open{z-index: 9999;}

.spinner {
  position: relative;
}
.spinner:before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  border-radius: 50%;
  border: 2px solid #D1D3E0;
  border-right: 2px solid transparent;
}
.spinner:before {
  width: 1.5rem;
  height: 1.5rem;
  margin-top: -0.75rem;
}
.spinner.spinner-center:before {
  left: 50%;
  margin-left: -0.75rem;
}
.spinner.spinner-left:before {
  right: auto;
}
.spinner.spinner-right:before {
  left: auto;
}
.spinner.spinner-sm:before {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: -0.625rem;
}
.spinner.spinner-sm.spinner-center:before {
  left: 50%;
  margin-left: -0.625rem;
}
.spinner.spinner-sm.spinner-left:before {
  right: auto;
}
.spinner.spinner-sm.spinner-right:before {
  left: auto;
}
.spinner.spinner-lg:before {
  width: 2rem;
  height: 2rem;
  margin-top: -1rem;
}
.spinner.spinner-lg.spinner-center:before {
  left: 50%;
  margin-left: -1rem;
}
.spinner.spinner-lg.spinner-left:before {
  right: auto;
}
.spinner.spinner-lg.spinner-right:before {
  left: auto;
}
.spinner:before {
  -webkit-animation: animation-spinner 0.5s linear infinite;
  animation: animation-spinner 0.5s linear infinite;
}
.spinner.spinner-primary:before {
  border: 2px solid #3699FF;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-primary:before {
  border: 2px solid #1287ff;
  border-right: 2px solid transparent;
}
.spinner.spinner-secondary:before {
  border: 2px solid #E4E6EF;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-secondary:before {
  border: 2px solid #ced1e2;
  border-right: 2px solid transparent;
}
.spinner.spinner-success:before {
  border: 2px solid #1BC5BD;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-success:before {
  border: 2px solid #17a69f;
  border-right: 2px solid transparent;
}
.spinner.spinner-info:before {
  border: 2px solid #8950FC;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-info:before {
  border: 2px solid #712dfb;
  border-right: 2px solid transparent;
}
.spinner.spinner-warning:before {
  border: 2px solid #FFA800;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-warning:before {
  border: 2px solid #db9000;
  border-right: 2px solid transparent;
}
.spinner.spinner-danger:before {
  border: 2px solid #F64E60;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-danger:before {
  border: 2px solid #f42c41;
  border-right: 2px solid transparent;
}
.spinner.spinner-light:before {
  border: 2px solid #F3F6F9;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-light:before {
  border: 2px solid #dbe4ed;
  border-right: 2px solid transparent;
}
.spinner.spinner-dark:before {
  border: 2px solid #181C32;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-dark:before {
  border: 2px solid #0c0e1a;
  border-right: 2px solid transparent;
}
.spinner.spinner-white:before {
  border: 2px solid #ffffff;
  border-right: 2px solid transparent;
}
.spinner.spinner-darker-white:before {
  border: 2px solid #ededed;
  border-right: 2px solid transparent;
}
.spinner.spinner-right:before {
  left: auto;
  right: 1rem;
}
.spinner.spinner-right.btn:not(.btn-block) {
  padding-right: 3.5rem;
}
.spinner.spinner-right.btn:not(.btn-block).spinner-sm {
  padding-right: 3.25rem;
}
.spinner.spinner-right.btn:not(.btn-block).spinner-lg {
  padding-right: 4rem;
}
.spinner.spinner-left:before {
  right: auto;
  left: 1rem;
}
.spinner.spinner-left.btn:not(.btn-block) {
  padding-left: 3.5rem;
}
.spinner.spinner-left.btn:not(.btn-block).spinner-sm {
  padding-left: 3.25rem;
}
.spinner.spinner-left.btn:not(.btn-block).spinner-lg {
  padding-left: 4rem;
}
.spinner.spinner-track:before {
  -webkit-animation: animation-spinner 0.5s linear infinite;
  animation: animation-spinner 0.5s linear infinite;
}
.spinner.spinner-track.spinner-primary:before {
  border: 2px solid #cfe7ff;
  border-top-color: #2791ff;
}
.spinner.spinner-track.spinner-darker-primary:before {
  border: 2px solid #9ccdff;
  border-top-color: #037fff;
}
.spinner.spinner-track.spinner-secondary:before {
  border: 2px solid white;
  border-top-color: #dadde9;
}
.spinner.spinner-track.spinner-darker-secondary:before {
  border: 2px solid white;
  border-top-color: #c4c8dc;
}
.spinner.spinner-track.spinner-success:before {
  border: 2px solid #8aefea;
  border-top-color: #19b8b0;
}
.spinner.spinner-track.spinner-darker-success:before {
  border: 2px solid #5de9e2;
  border-top-color: #159892;
}
.spinner.spinner-track.spinner-info:before {
  border: 2px solid #eee6ff;
  border-top-color: #7f41fc;
}
.spinner.spinner-track.spinner-darker-info:before {
  border: 2px solid #cdb4fe;
  border-top-color: #671efb;
}
.spinner.spinner-track.spinner-warning:before {
  border: 2px solid #ffdc99;
  border-top-color: #f09e00;
}
.spinner.spinner-track.spinner-darker-warning:before {
  border: 2px solid #ffcb66;
  border-top-color: #cc8600;
}
.spinner.spinner-track.spinner-danger:before {
  border: 2px solid #fde0e3;
  border-top-color: #f53f53;
}
.spinner.spinner-track.spinner-darker-danger:before {
  border: 2px solid #fbafb7;
  border-top-color: #f41d34;
}
.spinner.spinner-track.spinner-light:before {
  border: 2px solid white;
  border-top-color: #e9eef4;
}
.spinner.spinner-track.spinner-darker-light:before {
  border: 2px solid white;
  border-top-color: #d1dde8;
}
.spinner.spinner-track.spinner-dark:before {
  border: 2px solid #4a5699;
  border-top-color: #131628;
}
.spinner.spinner-track.spinner-darker-dark:before {
  border: 2px solid #394377;
  border-top-color: #070910;
}
.spinner.spinner-track.spinner-white:before {
  border: 2px solid white;
  border-top-color: #f7f7f7;
}
.spinner.spinner-track.spinner-darker-white:before {
  border: 2px solid white;
  border-top-color: #e6e6e6;
}
.spinner-grow {
  vertical-align: sub;
}
.spinner-border {
  vertical-align: sub;
}

@-webkit-keyframes animation-spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animation-spinner {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  padding-top: 30%;
  text-align: center;
  z-index: 9;
  display: none;
}

.loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008f;
    z-index: 999999;
}

.loader .spinner{z-index: 999999999;}

.datepicker.datepicker-dropdown {
    padding: 10px;
    margin: 0;
    border: 0;
    width: auto;
    background-color: #fff;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    font-family: Poppins,Helvetica,sans-serif;
    z-index: 1000;
    border-radius: 0.475rem;
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 4px;
    font-weight: 500;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}
.datepicker table{margin: 0 auto;}
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled],.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover{
  background: #f8f5ff!important;
  color: #7239ea!important;
}
.datepicker-dropdown:before{display: none;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{text-decoration: line-through; color: #dc9c9c;}

.room_name {
  white-space: normal;
  text-align: left;
  width: 80% !important;
}
.custom_height {
    height: 200px;
    overflow-y: auto;
}
thead {display: table-header-group;}
.card .card-body {
    padding: 2rem 1.5rem;
}
.menu-state-title-primary .menu-item.here>.menu-link .menu-title, .menu-state-title-primary .menu-item.show>.menu-link .menu-title{color: #ffaa00;}
.aside .menu>.menu-item.show>.menu-link .menu-icon{background-color: transparent;}
.dataTables_wrapper .dataTable th, .dataTables_wrapper .dataTable td{padding: 0.5rem 1rem;}
.table tbody tr:last-child td.border-dark {border-color: #181c32!important;}
div::-webkit-scrollbar-thumb, ol::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, span::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
    background-color: #cecece;
}
div::-webkit-scrollbar, ol::-webkit-scrollbar, pre::-webkit-scrollbar, span::-webkit-scrollbar, ul::-webkit-scrollbar{background: #808080;}
.border_bottom_dashed{border-bottom: 1px dashed #7239ea;}
.select_room .selection{display: flex;justify-content: center;}
input[type="number"].form-control.form-control-solid[readonly]{text-align: center;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.table tbody tr:last-child td.border-primary, .table tbody tr:last-child th.border-primary, .table tfoot tr:last-child td.border-primary, .table tfoot tr:last-child th.border-primary{
  border-bottom: 1px solid #7239ea !important;
}
.table tbody tr td.border-primary{
  border-top: 0 !important;
}
.table tbody tr:last-child td.border-danger, .table tbody tr:last-child th.border-danger, .table tfoot tr:last-child td.border-danger, .table tfoot tr:last-child th.border-danger{
  border-bottom: 1px solid #f1416c !important;
}
.table tbody tr td.border-danger{
  border-top: 0 !important;
}
.table tbody tr:last-child td.border-info, .table tbody tr:last-child th.border-info, .table tfoot tr:last-child td.border-info, .table tfoot tr:last-child th.border-info{
  border-bottom: 1px solid #009ef7 !important;
}
.table tbody tr td.border-info{
  border-top: 0 !important;
}
.dataTables_scrollBody {
  z-index: 0;
  overflow: visible !important;
}
/* Added by ADC on 20221226 */
.aside-menu .menu-active-bg .menu-item .menu-link.active{background-color: rgb(132 83 120);}
/* Added by ADC on 20221226 */
@media (max-width: 1400px){
  .aside-fixed .aside{top: 10%;}
}
@media (min-width: 992px){
  .wrapper {padding-left: 250px;}
  .aside {width: 250px;}
  .header-fixed .header{left: 0;}
  .aside-fixed .aside{top: 10%;}
}
@media (max-width: 768px){
  .mobile_view .logo_sec{
    flex-direction: column;
  }
  .mobile_view .logo_sec img{margin-bottom: 10px;}
  .mobile_view .logo_sec h3{font-size: 14px;}
  .mobile_view .mbox{width: 100%;margin-right: 0 !important;}
  .mobile_view legend span{display: block;}
}