:root {
    --hsi-blue: #253D4B;
}

.text-hsi-blue {
    color: var(--hsi-blue) !important;
}

.bg-hsi-blue {
    background-color: var(--hsi-blue) !important;
    border: none!important;
}

.btn.bg-hsi-blue:hover {
    background-color: #41d47f!important;
}

.btn.text-hsi-blue.signOut {
    background-color: var(--hsi-blue)!important;
    border-color: white!important;
    color: white!important;
    font-weight: 600;
}

.btn.text-hsi-blue.signOut:hover {
    background-color: white!important;
    border-color: transparent;
    color: var(--hsi-blue)!important;
}

.adjust-height {
    height: 2.5rem!important;
}
    html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.glassmorphism {
    width: 400px;
    border-radius: 8px;
    background-color: rgba(37, 61, 75,.3);
    padding: 30px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(9px);
}

.btn-primary-login {
    background-color: rgb(37, 61, 75);
    border: 1px solid #cecece;
}

    .btn-primary-login:hover {
        background-color: #41d47f;
        border-color: white;
    }
 
.bg-login-page {
    background: url('https://members.holidaysystems.com/Content/images/image-bg/hero-homepage.jpg') center no-repeat;
}

.container {
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.bg-hsi-dark {
    background-color: rgb(37, 61, 75)!important;
}

.adjustSize {
    width: 70vw!important;
}

.extra-light-color {
    color: #b5babe;
}

body {
    overflow-x: hidden;
}

.roundedImage {
    border-radius: 19% 81% 55% 45%;
    max-width: 99%;
    height: 100%;
    object-fit: cover;
}

.beachBackground {
    background: url('https://www.holidaysystems.com/wp-content/uploads/sites/5/2021/05/travel-exp2.jpg') center no-repeat;
    margin-top: -18px;
    margin-left: -20px!important;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-left: 0px!important;
}

.form-control.date-picker-input {
    position: absolute;
    z-index: 100;
    width: 220px;
    left: 475px !important;
    height: 36px;
    top: 5px !important;
}


.dateRangePositionLabel {
    position: absolute;
    z-index: 101;
    width: 200px;
    left: 475px !important;
    height: 36px;
    top: -5px !important;
}


.divider {
    width: 1px; 
    height: 40px; 
    background-color: #ccc;
    margin: 0 10px; 
}

.error-status{
    color: orangered;
}