/* =================== */
/* Wstudio Custom CSS */
/* =================== */

:root {
  --darkblue: #0F2454;  /* rgba(15, 36, 84, 1) */
  --lightblue: #0DB0dA; /* rgba(13, 176, 218, 1) */
  --orange: #E8741D; /* rgba(232, 116, 29, 1) */
  --lightgrey: #F0F0F0;
  --darkgrey: #D3D3D3;
  /*--theme-bg: #1062fe;*/
  --theme-bg: #2095AE!important;
  --theme-color-orange: #E8741D!important;
}

::selection                     { background: #a8d1ff;                                      }
::-moz-selection                { background: #a8d1ff;                                      }
::-webkit-scrollbar             { width: 10px;                                                }
::-webkit-scrollbar-track       { background-color: #eaeaea; border-left: 1px solid #ccc; }
::-webkit-scrollbar-thumb       { background-color: #888888;                                }
::-webkit-scrollbar-thumb:hover { background-color: #636363;                                }

html{ scroll-padding-top: 80px; }

.dropdown-toggle::after{border-top: none;}
input,select.textarea{ outline: 0; box-shadow: none !important; }
.input-items .select2-selection:hover { background: rgba(235, 235, 235, 0.31); border-color: var(--theme-bg); }
.main_search input,.search_box input { height: 64px !important; border: 1px solid #c3c3c3; }
.main_search input[type=text]:hover,.main_search .dropdown-btn:hover { background: rgba(235, 235, 235, 0.31); border: 1px solid var(--theme-bg); }
.dropdown-btn:focus {border: 1px solid var(--theme-bg);}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--theme-bg);}
.select2-container--default .select2-results__option--highlighted[aria-selected] .btn { color : #fff !important;border-color: #fff; }
.select2-results__option.select2-results__option--highlighted:hover .btn { color : #fff !important;border-color: #fff; }
.main_search .nav-item .nav-link.active { border-bottom-color: var(--theme-bg); background: rgb(16 98 254 / 7%) !important; color: var(--theme-bg); fill: var(--theme-bg); }
.main_search .nav-item .nav-link.active svg { fill: var(--theme-bg) }
.main_search .nav-item .nav-link { font-weight: 600; border-bottom: 4px solid transparent !important; border-color: transparent !important; gap: 9px; display: flex; align-items: center; text-transform: uppercase; font-size: 14px; border-radius: 0px !important; padding: 14px 20px; }
.main_search .nav-item .nav-link:hover { background: rgb(238 238 238 / 20%); }
.dropdown-item input { height: 32px !important;}
.nav-tabs svg { fill : var(--theme-bg)}
.icon-box .info-icon { color: #fff; border-radius: 50%;     background: rgb(38 36 36 / 0%);}
.info-icon svg { stroke : #fff !important; height: 26px; width: 26px;}
.select2-results{ 
  /* border-color: var(--theme-bg) !important;  border: 1px solid var(--theme-bg); */
  display:block; border-top: transparent;border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
/* .select2-container--default .select2-search--dropdown .select2-search__field { border-top: 1px solid var(--theme-bg) !important; border-right: 1px solid var(--theme-bg) !important;  border-left: 1px solid var(--theme-bg) !important;} */
.btn-primary {background-color: var(--theme-bg);}
.booking-detail-form .form-check:hover{border:1px solid var(--theme-bg)}
.form-check-input:checked{background-color: var(--theme-bg);}
a { color: var(--theme-bg); }
.bg-primary{ background-color: var(--theme-bg);}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { background-color: var(--theme-bg); }
.irs--round .irs-handle { border-color: var(--theme-bg);}
.irs--round .irs-bar { background-color: var(--theme-bg); }
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: var(--theme-bg); }
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {border-top-color: var(--theme-bg);}
.btn-primary {border-color: var(--theme-bg);}
.bg-primary {background-color: var(--theme-bg)}
.text-primary { color: var(--theme-bg)}
.most--popular-from button, .most--popular-to button {border-color: var(--theme-color-orange);color: var(--theme-color-orange)}
.most--popular-from button:hover, .most--popular-to button:hover, .most--popular-from button:active, .most--popular-to button:active {
    border-color: #000000!important;
    background-color: transparent!important;
    color: #000000;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--theme-bg);
    --bs-btn-border-color: var(--theme-bg);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-bg);
    --bs-btn-hover-border-color: var(--theme-bg);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-bg);
    --bs-btn-active-border-color: var(--theme-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--theme-bg);
    --bs-btn-disabled-border-color: var(--theme-bg);
}


/* General */
body {background-color: #FFFFFF!important;}
#myToast.error > div.toast-header > svg > rect {
  fill: var(--bs-red);
}
#myToast.success > div.toast-header > svg > rect {
  fill: var(--bs-green);
}
#myToast.info > div.toast-header > svg > rect {
  fill: var(--lightblue);
}
#myToast.warning > div.toast-header > svg > rect {
  fill: var(--bs-orange);
}

.colordarkblue { color: var(--darkblue)!important; }
.colorlightblue { color: var(--lightblue)!important; }
.colororange { color: var(--orange)!important; }
.colorlightgrey { color: var(--lightgrey)!important; }
.colordarkgrey { color: var(--darkgrey)!important; }

.bglightgrey { background-color: var(--lightgrey)!important; }
.bgorange { background-color: var(--orange)!important; }

.text-justify {
    text-align: justify!important
}

.col-auto {
    flex: 0 0 auto!important;
    width: auto!important;
    max-width: none!important;
    min-height: 45px!important;
    padding: 0 2px!important;
}

.btn-custom {
    --bs-btn-color: #fff!important;
    --bs-btn-bg: #2095ae!important;
    --bs-btn-border-color: #2095ae!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #0f2454!important;
    --bs-btn-hover-border-color: #0f2454!important;
    --bs-btn-focus-shadow-rgb: 49,132,253!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #0f2454!important;
    --bs-btn-active-border-color: #0a53be!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #2095ae!important;
    --bs-btn-disabled-border-color: #2095ae!important;
}

.pagination-custom {
    --bs-pagination-padding-x: 0.75rem;
    --bs-pagination-padding-y: 0.375rem;
    --bs-pagination-font-size: 1rem;
    --bs-pagination-color: var(--bs-link-color);
    --bs-pagination-bg: #2095ae!important;
    --bs-pagination-border-width: var(--bs-border-width);
    --bs-pagination-border-color: #2095ae!important;
    --bs-pagination-border-radius: var(--bs-border-radius);
    --bs-pagination-hover-color: var(--bs-link-hover-color);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--bs-link-hover-color);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-pagination-active-color: #fff;
    --bs-pagination-active-bg: #0f2454!important;
    --bs-pagination-active-border-color: #0a53be!important;
    --bs-pagination-disabled-color: #fff!important;
    --bs-pagination-disabled-bg: #2095ae!important;
    --bs-pagination-disabled-border-color: #2095ae!important;
    display: flex;
    padding-left: 0;
    list-style: none
}

.btn-warning {
    --bs-btn-color: #fff!important;
    --bs-btn-bg: #E8741D!important;
    --bs-btn-border-color: #E8741D!important;
    --bs-btn-hover-color: #fff!important;
    --bs-btn-hover-bg: #0f2454!important;
    --bs-btn-hover-border-color: #0f2454!important;
    --bs-btn-focus-shadow-rgb: 49,132,253!important;
    --bs-btn-active-color: #fff!important;
    --bs-btn-active-bg: #0f2454!important;
    --bs-btn-active-border-color: #0a53be!important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)!important;
    --bs-btn-disabled-color: #fff!important;
    --bs-btn-disabled-bg: #E8741D!important;
    --bs-btn-disabled-border-color: #E8741D!important;
}

a {
  color: var(--lightblue);
}
a:focus, a:hover {
    color: var(--darkblue);
    text-decoration: none;
}

a.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}

h1.title {
  color: var(--darkblue);
  font-weight: 700;
  font-size: 2.6rem;
  margin: 5px 0 10px 0;
}

h1.title >span {
  color: var(--lightblue);
  font-weight: 700;
  font-size: 2.6rem;
}

h2.title {
  color: var(--darkblue);
  font-weight: 700;
  font-size: 1.8rem;
  margin: 5px 0 10px 0;
}

h2.title >span {
  color: var(--lightblue);
  font-weight: 700;
  font-size: 1.8rem;
}

h3.title {
  color: var(--darkblue);
}

h3.title >span {
  color: var(--lightblue);
}

h4.title {
  color: var(--darkblue);
}

h4.title >span {
  color: var(--lightblue);
}

.panel {
  padding: 10px 20px;
  -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  -moz-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.section-navbar .navbar-collapse {
    padding: 0;
}

.nav-customers {
    display: flex;
    margin: 0;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin: 0;
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 767px) {
  .nav-customers {
    display: block!important;
  }
  .nav-customers>li {
    display: block!important;
  }
  .section-navbar .nav-customers>li>a {
    display: block;
    text-align: center;
  }
}

.section-navbar .nav-customers>li {
    padding: 0 10px 0 0;
}
.nav-customers>li {
    display: inline-flex;
}

.section-navbar {
  margin: 15px 0;
}
.section-navbar .nav-customers>li>a {
    background: #f1f5f9;
    border-radius: 4px;
    color: var(--darkblue);
    transition: ease-in-out .2s;
    padding: 8px 10px;
}

.section-navbar .nav-customers>li>a:focus, .section-navbar .nav-customers>li>a:hover, .section-navbar .nav-customers>li>a.active {
    background: var(--lightblue);
    border-radius: 4px;
    color: #FFFFFF;
    transition: ease-in-out .2s;
    padding: 8px 10px;
}

.dropdown-menu .dropdown-item:hover {
    color: var(--orange);
}