@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
:root{
    --bs-font-sans-serif: Inter, sans-serif !important;
    --bs-body-font-weight: 500;
    --bs-body-line-height: 1.5;
    --bs-body-bg: #f8fafd;
}
.app-header{
    background: var(--bs-body-bg);
    box-shadow: none !important;
}
.left-sidebar{
    border-right: none!important;
    box-shadow: 7px 7px 10px rgba(0, 0, 0, .03);
}
.body-wrapper>.container-fluid{
    max-width: 100%;
}
.card {
    --bs-card-spacer-y: 24px;
    --bs-card-spacer-x: 24px;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: #111c2d;
    --bs-card-subtitle-color: rgba(17, 28, 45, 0.6);
    --bs-card-border-width: 0px;
    --bs-card-border-color: #ebf1f6;
    --bs-card-border-radius: 24px;
    --bs-card-box-shadow: 0px 1px 4px 0px rgba(133, 146, 173, 0.2);
    --bs-card-inner-border-radius: 24px;
    --bs-card-cap-padding-y: 12px;
    --bs-card-cap-padding-x: 24px;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--bs-card-box-shadow);
}


.table td, .table th{
  padding: 8px 10px;
}
.cl_Requested{
  background: #FF9800;
  border-color: #FF9800;
}
.cl_Approved{
  background: #0ecc6c;
  border-color: #0ecc6c;
}
.cl_Cancelled{
  background: #F44336;
  border-color: #F44336;
}
.cl_Completed{
  background: #9E9E9E;
  border-color: #9E9E9E;
}
.cl_btn{
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  padding: 8px 10px;
  min-width: 85px;
}
.cl_btn i{
  padding-left: 5px;
}
.flex_row{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.ct_btns{
  font-size: 12px;
  padding: 5px 5px;
  text-align: center;
  width: 30px;
  margin: 0px 2px 2px 0;
}
.error-box {
    border: var(--bs-border-width) solid #dc3545!important;
}
.error {
    color: #dc3545;
    font-size: 10px;
    margin: 0;
    position: absolute;
    bottom: -15px;
}

.form-error-span {
    color: #dc3545;
    font-size: 10px;
    margin: 0;
}

.modal.show .modal-dialog{
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100%;
    max-width: unset;
}
.modal-content{
    width: var(--bs-modal-width);
}
.next_prev_pege .flex{
    display: flex;
}
.next_prev_pege .flex>div{
    width: 100%;
}
.next_prev_pege .flex>div:not(.hidden){
    display: none;
}
.next_prev_pege .hidden{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.next_prev_pege svg{
    width: 30px;
    margin-bottom: 3px;
}

.card-title{
    font-weight: 600;
}
.card-subtitle {
    --bs-card-subtitle-color: rgba(17, 28, 45, 0.6);
    font-size: 14px;
    line-height: 24px;
    color: var(--bs-card-subtitle-color);
}
.fs-7{
    font-size: 24px;
}
.hot_info {
    min-width: 24px;
    min-height: 24px;
}
#calender_bookings .apexcharts-tooltip-text-y-label{
    display: none!important;
}
.events .ti-calendar-week{
    width: 20px;
    height: 20px;
}
.event_details ul{

}
.event_details ul li{
    margin-top: 10px !important;
}
.event_details ul li h6{
    display: flex;
    justify-content: space-between;
    margin: 0;
    align-items: center;
}
.event_details ul li h6 strong{
    font-size: 24px;
    font-weight: 700;
    padding: 0 15px;
}
.event_details ul li h6 span{

}

.att_info i{
    font-size: 50px;
    color: #b4b4b4;
    margin-right: 15px;
}
.att_info svg{
    color: #b4b4b4;
    margin-right: 15px;
    width: 50px;
    height: 50px;
}
.att_info h3{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.app-header .navbar-nav .dropdown-menu{
    box-shadow: 0px 50px 150px 20px rgb(0 0 0 / 45%);
}
.select2-container{
    z-index: 99999;
    min-width: 220px;
}
.body-wrapper .folder_sec:not(:has(.card-body)){
    background: #ffffff;
    padding: 24px !important;
    border-radius: 24px;
    box-shadow: 0px 1px 4px 0px rgba(133, 146, 173, 0.2);
}
.body-wrapper .folder_sec div.dataTables_wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
}
.body-wrapper .folder_sec div.dataTables_wrapper > .row{
    width: 100%;
}
.table_hldr > .row{
    margin-left: 0px;
    margin-right: 0px;
}
.body-wrapper .folder_sec table.dataTable{
    width: 100%!important;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius-xl) !important;
}
.inner_folder .dt-export-btn, .inner_folder .dt-button.buttons-excel, .inner_folder .dt-button.buttons-csv {
    background: #FFAE1F!important;
    border-radius: 5px!important;
    border: 1px solid #FFAE1F!important;
    color: #000!important;
    position: relative;
    z-index: 1;
    padding-left: 30px !important;
}
.inner_folder .dt-export-btn::before, .inner_folder .dt-button.buttons-excel::before, .inner_folder .dt-button.buttons-csv::before {
    content: '';
    position: absolute;
    background-image: url(../images/ui_img/download.svg);
    width: 16px;
    height: 16px;
    left: 8px;
    top: 8px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.inner_folder .dt-export-btn:hover{
    background: #cc8b19!important;
}
.card .card-body form .row > div > *{
    height: 100%;
}
.card .card-body form .row > div input, .card .card-body form .row > div select, .card .card-body form .row > div button{
    height: 100%;
}
.card .card-body form .row > div .ss-main{
    border-radius: 7px;
    height: 100%;
    box-shadow: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    border: var(--bs-border-width) solid #DFE5EF;
}
body .select2-container {
    display: block;
    z-index: 9999;
    max-width: 100%;
    width: 220px;
    flex-grow: 1;
}
.modal-open .select2-container {
    z-index: 999999;
}
body .select2-container--classic .select2-selection--single, body .select2-container--classic .select2-selection--single .select2-selection__arrow, body .select2-container--classic .select2-selection--single .select2-selection__rendered, body .select2-container--default .select2-selection--multiple, body .select2-container--default .select2-selection--single, body .select2-container--default .select2-selection--single .select2-selection__arrow, body .select2-container--default .select2-selection--single .select2-selection__rendered {
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
    height: 46px;
    line-height: 46px;
}
body .select2-container--classic .select2-selection--single, body .select2-container--default .select2-selection--multiple, body .select2-container--default .select2-selection--single {
    border-radius: var(--bs-border-radius);
}
body .select2-container--classic .select2-selection--single .select2-selection__arrow, body .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px;
    right: 15px;
    width: auto;
}
body .select2-container .select2-search--inline .select2-search__field{
    margin-top: 0;
}
body .select2-container--default .select2-selection--single .select2-selection__clear{
    margin-right: 5px;
    color: red;
}

@media (max-width: 480px) {
    .app-header {
        background: #671095;
        color: #fff;
        border-radius: 0 0 25px 25px;
        box-shadow: 0 5px 65px rgb(0 0 0 / 10%) !important;
    }
    .app-header .navbar .navbar-nav .nav-item .nav-link{
        color: #fff;
    }
}
@media (min-width: 1200px) {
    #main-wrapper[data-layout=vertical][data-sidebartype=full] .left-sidebar, #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar {
        left: 0px;
    }
    #main-wrapper[data-layout=vertical][data-sidebartype=mini-sidebar] .left-sidebar, #main-wrapper[data-layout=vertical][data-sidebartype=mini-full] .left-sidebar {
        left: -270px;
    }
}