/*Overwriting BS colors*/
:root {
    --bs-primary: #ba0c2f;
    --bs-primary-active: #868e92;
    --bs-pagination-active-bg: #ba0c2f;
    --bs-component-active-bg: #ba0c2f;
    --bs-component-active-bg: #ba0c2f;
    --bt-theme: #868e92;
    /*--bt-airport: #009688;
    --bt-airport-departure: #009688;
    --bt-hourly: #283593;
    --bt-point: #512DA8;
    --bt-point-return: #512DA8;
    --bt-shuttle: #FFB300;
    --bt-shuttle-return: #FFB300;*/
    --bt-equipment: #1B84FF;
    --bt-boat: #212529;
    --bs-text-white: #FFFFFF;
}
.bg-theme{background-color:var(--bt-theme)!important}
.bg-airport{background-color:var(--bt-airport)!important}
.bg-airport-border{border:1px solid var(--bt-airport)}
.bg-airport-departure{background-color:var(--bt-airport-departure)!important}
.bg-airport-departure-border{border:1px solid var(--bt-airport-departure)}
.bg-hourly{background-color:var(--bt-hourly)!important}
.bg-hourly-border{border:1px solid var(--bt-hourly)}
.bg-point{background-color:var(--bt-point)!important}
.bg-point-border{border:1px solid var(--bt-point)}
.bg-point-return{background-color:var(--bt-point-return)!important}
.bg-point-return-border{border:1px solid var(--bt-point-return)}
.bg-shuttle{background-color:var(--bt-shuttle)!important}
.bg-shuttle-border{border:1px solid var(--bt-shuttle)}
.bg-shuttle-return{background-color:var(--bt-shuttle-return)!important}
.bg-shuttle-return-border{border:1px solid var(--bt-shuttle-return)}
.bg-equipment{background-color:var(--bt-equipment)!important}
.bg-equipment-border{border:1px solid var(--bt-equipment)}
.bg-boat{background-color:var(--bt-boat)!important}
.bg-boat-border{border:1px solid var(--bt-boat)}
.highlight-pop{transition:transform .3s ease,box-shadow .3s ease;transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,.3)}
.text-active-primary.active,.text-active-primary.active i{color:var(--bs-component-active-bg)!important}
.error{color:var(--bs-text-danger)!important}
.form-check-input:checked{background-color:#ba0c2f}
[readonly]{background-color:var(--bs-app-sidebar-base-border-color)}
.intl-tel-input.allow-dropdown{width:100%}
#ui-datepicker-div{z-index:9999!important}
.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group-after>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}
label[for]{cursor:pointer}
.graph_section.card-header{min-height:0;padding:5px 0 0 5px}
.export_pdf_button i{color:#000!important}
.menu-sub-dropdown.filter_scroll{overflow-x:auto;height:500px}
.img-company-logo{height:100%;width:100%;max-width:500px;max-height:250px}
.img-company-logo-small{width:auto;max-width:230px;height:auto;max-height:30px}
.btn.btn-secondary.active,.btn.btn-secondary.active:focus:not(.btn-active),.btn.btn-secondary.active:hover:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active){color:var(--bs-primary-inverse)!important;background-color:var(--bs-primary)!important}
#cover-spin{position:fixed;width:100%;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,.7);z-index:9999}
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}
#cover-spin::after{content:'';display:block;position:absolute;left:48%;top:40%;width:40px;height:40px;border-style:solid;border-color:transparent #868e92 #868e92;border-width:4px;border-radius:50%;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}
#cover-spin-text {z-index: 99999;color: var(--bs-gray-800)}
[data-kt-app-layout=dark-sidebar] .app-sidebar-menu .menu>.menu-item.show{background:rgba(63,66,84,.35);border-radius:5px}
[data-kt-app-layout=dark-sidebar] .app-sidebar-menu .menu>.menu-item.show .menu-link .menu-title{color:#e2e2e2}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active,[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here){background-color:#ba0c2f}
.image-wrapper{display:inline-block;position:relative}
.btn-remove-image,.remove-pkg-img{position:absolute;top:2px;right:2px;color:red;cursor:pointer;font-size:14px;padding:2px}
.pac-container{z-index:99999}
table.table_route,table.table_route td,table.table_route th,table.table_route tr{border:1px solid #f1f1f4!important}
table.table_route{border-collapse:collapse!important}
.table_route td,.table_route th{padding:8px!important}
.vsb-main{width:100%}
.vsb-main button{border-radius:5px!important;padding:10px!important;max-width:100%!important}
.vsb-menu .multi li:not(.grouped-option)::before{margin-right:7px!important}
.vsb-menu .multi li.active::after{height:10px!important}
.readonly-field{background-color:var(--bs-gray-200);pointer-events:none;touch-action:none}
.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:0}
.input-group>.dropdown-menu,.input-group>.invalid-feedback,.input-group>.invalid-tooltip,.input-group>.valid-feedback,.input-group>.valid-tooltip,.route_price_textbox .input-group> :first-child{margin-left:calc(1px * -1);border-radius:0!important}
.route_price_textbox .input-group-text{border-radius:0!important}
.btn img{max-height:15px}
.table_manifest{color:#fff}
.card-body .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.7);z-index:100;display:none!important;pointer-events:auto}
.card-body.loading .overlay{display:flex!important}
div.dataTables_wrapper div.dataTables_processing{background:#d3d3d3}
.timeline-label .timeline-label{width:180px}
.timeline-label::before{left:180px}
#detailModal,#sendSMSModal{z-index:99999}
[data-bs-theme=dark] .jconfirm .jconfirm-box{background:var(--bs-body-bg)}
tr.highlighted{background:var(--bs-border-color)}
/* .form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked {background-color: var(--theme_btn_link_color);}
.form-check-input.is-valid,.was-validated .form-check-input:valid {border-color: var(--theme_btn_link_color);} */
.was-validated .is-valid {border-color: #198754;padding-right: calc(1.5em + .75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(.375em + .1875rem) center;background-size: calc(.75em + .375rem) calc(.75em + .375rem);margin-bottom: 0px;}
.was-validated .is-invalid {border-color: #dc3545;padding-right: calc(1.5em + .75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(.375em + .1875rem) center;background-size: calc(.75em + .375rem) calc(.75em + .375rem);margin-bottom: 0px;}
.was-validated .form-control:invalid,.was-validated .form-control:valid {background: none;border-color: #b2b7b9;}
.invalid-feedback.custom-validation-message {display: block;}
.is-loading {position: relative;}
.is-loading>.textbox,.is-loading>.textbox-plaintext,.is-loading>.custom-select,.is-loading>textarea[rows="1"].textbox {padding-right: calc(1.5em + 0.75rem);}
.is-loading>.textbox~.spinner-border,.is-loading>.textbox~.spinner-grow,.is-loading>.textbox-plaintext~.spinner-border,.is-loading>.textbox-plaintext~.spinner-grow,.is-loading>.custom-select~.spinner-border,.is-loading>.custom-select~.spinner-grow,
.is-loading>textarea[rows="1"].textbox~.spinner-border,.is-loading>textarea[rows="1"].textbox~.spinner-grow {position: absolute;top: 3px;right: calc(0.375em + 0.1875rem);z-index: 4;}
.is-loading>.textbox~.spinner-border.spinner-border-sm,.is-loading>.textbox~.spinner-border.spinner-grow-sm,.is-loading>.textbox~.spinner-grow.spinner-border-sm,.is-loading>.textbox~.spinner-grow.spinner-grow-sm,
.is-loading>.textbox-plaintext~.spinner-border.spinner-border-sm,.is-loading>.textbox-plaintext~.spinner-border.spinner-grow-sm,.is-loading>.textbox-plaintext~.spinner-grow.spinner-border-sm,.is-loading>.textbox-plaintext~.spinner-grow.spinner-grow-sm,.is-loading>.custom-select~.spinner-border.spinner-border-sm,
.is-loading>.custom-select~.spinner-border.spinner-grow-sm,.is-loading>.custom-select~.spinner-grow.spinner-border-sm,.is-loading>.custom-select~.spinner-grow.spinner-grow-sm,.is-loading>textarea[rows="1"].textbox~.spinner-border.spinner-border-sm,.is-loading>textarea[rows="1"].textbox~.spinner-border.spinner-grow-sm,
.is-loading>textarea[rows="1"].textbox~.spinner-grow.spinner-border-sm,.is-loading>textarea[rows="1"].textbox~.spinner-grow.spinner-grow-sm {top: calc((0.375em + 0.1875rem) + 10px);}
.is-loading>textarea.textbox~.spinner-border,.is-loading>textarea.textbox~.spinner-grow,.is-loading>select[multiple]~.spinner-border,.is-loading>select[multiple]~.spinner-grow,
.is-loading>.custom-select[multiple]~.spinner-border,.is-loading>.custom-select[multiple]~.spinner-grow {top: calc((0.375em + 0.1875rem) + 2px);}
.is-loading>.custom-select {padding-right: calc(0.75em + 2.3125rem);}
.is-loading>.custom-select~.spinner-border,.is-loading>.custom-select~.spinner-grow {right: calc(1.75rem + 2px);}
.is-loading>.textbox-sm~.spinner-border,.is-loading>.textbox-sm~.spinner-grow,.is-loading.input-group-sm>.textbox~.spinner-border,
.is-loading.input-group-sm>.textbox~.spinner-grow {top: -0.5px;}
.is-loading>.textbox-sm~.spinner-border.spinner-border-sm,.is-loading>.textbox-sm~.spinner-border.spinner-grow-sm,.is-loading>.textbox-sm~.spinner-grow.spinner-border-sm,
.is-loading>.textbox-sm~.spinner-grow.spinner-grow-sm,.is-loading.input-group-sm>.textbox~.spinner-border.spinner-border-sm,.is-loading.input-group-sm>.textbox~.spinner-border.spinner-grow-sm,
.is-loading.input-group-sm>.textbox~.spinner-grow.spinner-border-sm,.is-loading.input-group-sm>.textbox~.spinner-grow.spinner-grow-sm {top: 8px;}
.is-loading>.textbox-lg~.spinner-border,.is-loading>.textbox-lg~.spinner-grow,.is-loading.input-group-lg>.textbox~.spinner-border,.is-loading.input-group-lg>.textbox~.spinner-grow {top: 8px;}
.is-loading>.textbox-lg~.spinner-border.spinner-border-sm,.is-loading>.textbox-lg~.spinner-border.spinner-grow-sm,.is-loading>.textbox-lg~.spinner-grow.spinner-border-sm,.is-loading>.textbox-lg~.spinner-grow.spinner-grow-sm,.is-loading.input-group-lg>.textbox~.spinner-border.spinner-border-sm,.is-loading.input-group-lg>.textbox~.spinner-border.spinner-grow-sm,.is-loading.input-group-lg>.textbox~.spinner-grow.spinner-border-sm,.is-loading.input-group-lg>.textbox~.spinner-grow.spinner-grow-sm {top: 16px;}
.was-validated .is-loading>.textbox.is-valid,.is-loading>.textbox.is-valid {padding-right: calc((1.5em + 0.75rem) + 25px);}
.was-validated .is-loading>.textbox.is-valid~.spinner-border,.was-validated .is-loading>.textbox.is-valid~.spinner-grow,.is-loading>.textbox.is-valid~.spinner-border,.is-loading>.textbox.is-valid~.spinner-grow { right: calc((1.75rem + 2px) + 3px);}
.was-validated .is-loading>textarea.textbox.is-valid~.spinner-border,.was-validated .is-loading>textarea.textbox.is-valid~.spinner-grow,.is-loading>textarea.textbox.is-valid~.spinner-border,.is-loading>textarea.textbox.is-valid~.spinner-grow {top: 3px;}
.was-validated .is-loading>textarea.textbox.is-valid~.spinner-border.spinner-border-sm,.was-validated .is-loading>textarea.textbox.is-valid~.spinner-border.spinner-grow-sm,.was-validated .is-loading>textarea.textbox.is-valid~.spinner-grow.spinner-border-sm,.was-validated .is-loading>textarea.textbox.is-valid~.spinner-grow.spinner-grow-sm,.is-loading>textarea.textbox.is-valid~.spinner-border.spinner-border-sm,.is-loading>textarea.textbox.is-valid~.spinner-border.spinner-grow-sm,.is-loading>textarea.textbox.is-valid~.spinner-grow.spinner-border-sm,.is-loading>textarea.textbox.is-valid~.spinner-grow.spinner-grow-sm {top: calc((0.375em + 0.1875rem) + 2px);}
.was-validated .is-loading>.custom-select:not([multiple]).is-valid,.is-loading>.custom-select:not([multiple]).is-valid {padding-right: calc(calc(0.75em + 2.3125rem) + 25px);}
.was-validated .is-loading>.custom-select:not([multiple]).is-valid~.spinner-border,.was-validated .is-loading>.custom-select:not([multiple]).is-valid~.spinner-grow,.is-loading>.custom-select:not([multiple]).is-valid~.spinner-border,.is-loading>.custom-select:not([multiple]).is-valid~.spinner-grow {right: calc((1.75rem + 2px) + 25px);}
.was-validated .is-loading>.textbox-lg.is-valid~.spinner-border,.was-validated .is-loading>.textbox-lg.is-valid~.spinner-grow,.is-loading>.textbox-lg.is-valid~.spinner-border,.is-loading>.textbox-lg.is-valid~.spinner-grow,.was-validated .is-loading.input-group-lg>.textbox.is-valid~.spinner-border,.was-validated .is-loading.input-group-lg>.textbox.is-valid~.spinner-grow,.is-loading.input-group-lg>.textbox.is-valid~.spinner-border,.is-loading.input-group-lg>.textbox.is-valid~.spinner-grow {right: 38px;}
.was-validated .is-loading>.textbox:invalid,.is-loading>.textbox.is-invalid {padding-right: calc((1.5em + 0.75rem) + 25px);}
.was-validated .is-loading>.textbox:invalid~.spinner-border,.was-validated .is-loading>.textbox:invalid~.spinner-grow,.is-loading>.textbox.is-invalid~.spinner-border,.is-loading>.textbox.is-invalid~.spinner-grow {right: calc((1.75rem + 2px) + 3px);}
.was-validated .is-loading>textarea.textbox:invalid~.spinner-border,.was-validated .is-loading>textarea.textbox:invalid~.spinner-grow,.is-loading>textarea.textbox.is-invalid~.spinner-border,.is-loading>textarea.textbox.is-invalid~.spinner-grow {top: 3px;}
.was-validated .is-loading>textarea.textbox:invalid~.spinner-border.spinner-border-sm,.was-validated .is-loading>textarea.textbox:invalid~.spinner-border.spinner-grow-sm,.was-validated .is-loading>textarea.textbox:invalid~.spinner-grow.spinner-border-sm,.was-validated .is-loading>textarea.textbox:invalid~.spinner-grow.spinner-grow-sm,.is-loading>textarea.textbox.is-invalid~.spinner-border.spinner-border-sm,.is-loading>textarea.textbox.is-invalid~.spinner-border.spinner-grow-sm,.is-loading>textarea.textbox.is-invalid~.spinner-grow.spinner-border-sm,
.is-loading>textarea.textbox.is-invalid~.spinner-grow.spinner-grow-sm {top: calc((0.375em + 0.1875rem) + 2px);}
.was-validated .is-loading>.custom-select:not([multiple]):invalid,.is-loading>.custom-select:not([multiple]).is-invalid { padding-right: calc(calc(0.75em + 2.3125rem) + 25px);}
.was-validated .is-loading>.custom-select:not([multiple]):invalid~.spinner-border,.was-validated .is-loading>.custom-select:not([multiple]):invalid~.spinner-grow,.is-loading>.custom-select:not([multiple]).is-invalid~.spinner-border,.is-loading>.custom-select:not([multiple]).is-invalid~.spinner-grow {right: calc((1.75rem + 2px) + 25px);}
.was-validated .is-loading>.textbox-lg:invalid~.spinner-border,.was-validated .is-loading>.textbox-lg:invalid~.spinner-grow,.is-loading>.textbox-lg.is-invalid~.spinner-border,.is-loading>.textbox-lg.is-invalid~.spinner-grow,.was-validated .is-loading.input-group-lg>.textbox:invalid~.spinner-border,
.was-validated .is-loading.input-group-lg>.textbox:invalid~.spinner-grow,.is-loading.input-group-lg>.textbox.is-invalid~.spinner-border,.is-loading.input-group-lg>.textbox.is-invalid~.spinner-grow {right: 38px;}
.textbox:disabled~.spinner-border,.textbox[readonly]~.spinner-border,.custom-select:disabled~.spinner-border {opacity: 0.65;}
.textbox:disabled~.spinner-grow,.textbox[readonly]~.spinner-grow,.custom-select:disabled~.spinner-grow {animation-name: spinner-grow-disabled;}
.card-type {position: absolute;right: 15px;height: 35px;top: 25px;border-radius: 0px;}
#card-number-field img{width: 50px;position: absolute;bottom: 5px;right: 5px;border-radius: 5px;}
.select-wrapper {position: relative;display: inline-block;width: 100%;}
.select-wrapper .loading-icon {position: absolute;top: 30%;right: 10px;width: 16px;height: 16px;border: 2px solid #000;border-top: 2px solid transparent;border-radius: 50%;animation: spin 0.8s linear infinite;display: none;transform: translateY(-50%);}
.select-wrapper.loading select {appearance: none}
.select-wrapper.loading .loading-icon {display: block}
.ui-state-active, .ui-widget-content .ui-state-active{border: 1px solid var(--bt-theme);background: var(--bt-theme);}
.sticky-sidebar {position: sticky;top: 60px;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
#card-number, #cvv, #expiration-date {border: 1px solid #b2b7b9;padding: 4px 8px;margin-bottom: 10px;height: 45px;border-radius: 5px;}
#form-login label.text-danger,.forgot-username-password-form,.register-form label.text-danger{color:red!important}
#form-login .form-check-input:checked{border-color:#ba0c2f}
.masked-input {letter-spacing: 1px;}
.clear-file,.clear-media-db {position: absolute;color: #dc3545;cursor: pointer;}
.btn_trash_img.btn-remove-image {position: relative;}
.table_td_width {min-width: 160px;}
.table_td_width_300 {min-width: 300px;}
.modal .sticky-top {position: sticky !important;top: 0;z-index: 1020;}
.hover-underline:hover {text-decoration: underline !important;}
#sortable1,#sortable2 {list-style-type: none;margin: 0;padding: 0;margin-right: 100px;background: lightgray;padding: 5px;width: 350px;border: 1px solid gray;}
#sortable1 li,#sortable2 li {color: black;cursor: move;margin: 5px;padding: 5px;font-size: 1.2em;width: 330px;background: none;background-color: white;}
.sec-sortable .selected {background: var(--bg-theme) !important;color: var(--text-white) !important;}
#credit_cards img {max-width: 35px;position: absolute;top: 10px;right: 10px;}
.wide-tooltip .tooltip-inner {max-width: 400px;white-space: normal;text-align: left;}
.mode-icon {filter: invert(0%) brightness(0%); /* black */}
.deleted-booking .fc-event-time, .deleted-booking .fc-event-title,.fc-list-event-title.deleted-booking {text-decoration: line-through;}
.fc-list-event:hover {color: var(--bs-gray-800) !important}
#map {width: 100%;height: 600px;position: relative;overflow: hidden;}
.multiselect-native-select .btn-group {width: 100%;text-align: left;}
.multiselect.dropdown-toggle {text-align: left !important}
.multiselect-container.dropdown-menu {max-height: 250px;overflow:scroll;}
.multiselect-option .form-check-label{color:var(--bs-gray-dark)}
.sec-dashboard-icon {background-color: #F6F7F8;border: 2px solid #D3D3D2;}
.sec-dashboard-icon:hover {transform: translateY(-2px) scale(1.03);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);transition: all 0.3s ease;}
.sec-dashboard-icon span {color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;}
.sec-dashboard-icon {transition: all 0.3s ease;}
[data-bs-theme="dark"] .sec-dashboard-icon {background-color: #2b2b2b;border: 2px solid #444444;}
[data-bs-theme="dark"] .sec-dashboard-icon span{color: var(--bs-text-white) !important;}
[data-bs-theme="dark"] .mode-icon, .mode-icon-white {filter: invert(100%) brightness(200%); /* white */}
[data-bs-theme="dark"] .form-control[readonly] {background-color: var(--bs-gray-200);color: var(--bs-gray-800);}
[data-bs-theme="dark"] .multiselect-option .form-check-label{color:inherit;}
[data-bs-theme="dark"] .intl-tel-input .country-list{background: var(--bs-body-bg) !important}
[data-bs-theme="dark"] .intl-tel-input .country-list {background-color: var(--bs-app-bg-color);}
[data-bs-theme="dark"] .ms-container .ms-selectable,[data-bs-theme="dark"]  .ms-container .ms-selection {background-color: var(--bs-app-bg-color);}
[data-bs-theme="dark"] #sortable1,#sortable2 {background-color: var(--bs-app-bg-color);}
[data-bs-theme="dark"] {background: var(--bs-app-bg-color);background-color: var(--bs-app-bg-color);color: inherit;border: 1px solid;}
.dataTables_paginate .pagination .paginate_button.disabled{background-color: transparent !important;}
.note-editable {background-color: #FFFFFF;}
.fc .fc-timegrid-slot {height: 5rem;}
.fc-timegrid-event {min-height: 25px;}
@media (max-width: 991.98px) {
    .card .card-header{min-height:40px}
    .app-container{padding-left:10px!important;padding-right:10px!important}
}
@media(max-width:768px) {
    #card-number-field img {width: 40px;}
    .fc-list-event-time {max-width:70px;}
    .fc .fc-list-event-time {white-space: break-spaces;  word-break: inherit;}
}
@media(max-width:576px) {
   .was-validated input,.was-validated select,.was-validated textarea{margin:5px 0 0}
    .timeline-label .timeline-label{width:85px}
    .timeline-label::before{left:85px}
    .img-company-logo-small{max-width:160px}
}