.w-15 {
    width: 15%;
}
.opacity-block-color {
    opacity: 0.7;
    background: #000;
    border-radius: 25px;
}
.h-96px {
    height: 96px;
}
.main-color {
    color: #3b98ef !important;
}
.second-color {
    color: #58585A !important;
}
.fs-1 {
    font-size: 1em !important;
}
input[type="checkbox"] {
    accent-color: #3b98ef !important;
}
body.dark-only .page-wrapper .page-body-wrapper .page-body .card:not(.email-body) .bg-white {
    background-color: #374558 !important;
    padding-left: 1em !important;
}
#pageWrapper > div.page-body-wrapper > div.page-body > div:nth-child(1) > div > div > div > nav > div.flex.justify-between.flex-1.sm\:hidden{
    padding-left: 2.5em;
}
#pageWrapper > div.page-body-wrapper > div.page-body > div:nth-child(1) > div > div > div > nav > div.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between > div:nth-child(1) > p{
    padding: 1em 3em;
}
#pageWrapper > div.page-body-wrapper > div.page-body > div:nth-child(1) > div > div > div > nav > div.hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between > div:nth-child(2){
    display: none;
}
.swal2-styled.swal2-confirm {
    background-color: #3b98ef !important;
}
.bg-img-details {
    height: 60vh;
    background-size: cover !important;
    background-position: center center !important;
    background-attachment: fixed !important;
}
.alert-theme .progress {
    margin-top: -2px !important;
    height: 2px;
    width: 100%;
}
.alert [data-notify='message'] {
    display: inline-block;
    width: 100%;
}
.alert-theme span+span+span {
    background-color: #fff;
    color: #3b98ef;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 14px -3px rgb(0 0 0 / 20%);
    box-shadow: 0 2px 14px -3px rgb(0 0 0 / 20%);
    padding: 1.5em;
}
.alert .close {
    opacity: 1;
}
.notify-alert .close {
    background: unset;
    border: none;
    font-size: 25px;
}
.alert-theme button {
    top: 15px !important;
    right: 20px !important;
    color: #3b98ef;
}
.alert-theme .progress .progress-bar {
    background-color: #3b98ef;
}
.progress-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #3b98ef;
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.rating-groups {
    float: right !important;
    text-align: right !important;
    justify-content: right;
    width: 50%;
}
.top-groups {
    width: 100%;
    display: flex;
}
.tour-records {
    justify-content: center;
    text-align: center;
    display: flex;
    width: 100%;
    padding-top: 1em;
}
.category-sec .category-box .content-category h6 span:hover {
    color: #858585 !important;
}
.group-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    background-attachment: fixed;
}
.v-hide {
    position: absolute;
    left: 500em;
    visibility: hidden;
}
.nav-link-hover-main:hover {
    color: #3b98ef !important;
}
h4.content-title {
    color: #3b98ef;
}
table.hotels, .hotels > thead > tr > th, .hotels > tbody > tr > td {
    border: 1px solid #3b98ef !important;
    border-collapse: collapse !important;
}
.qty-box {
    font-size: 0.9em;
}
lable.main-color.room-typs {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: -0.8em;
}
.bedrooms-count-style {
    font-weight: 600;
    color: gray;
}
.border-error {
    border: 1px solid red !important;
}
.message-error {
    color: red;
}
.text-left {
    text-align: left;
}
.total-price-group-style {
    border: 1px solid #3b98ef !important;
    justify-content: center;
    text-align: center;
    padding: 8px;
    font-weight: 700;
}
.disabled-action {
    pointer-events: none;
    opacity: 0.5;
}
.bg-overlay {
    background-color: #121212c9;
    padding: 2em;
}
.comming-soon-section{
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    z-index: 999 !important;
    pointer-events: none !important;
    text-align: center !important;
    opacity: 0.8 !important;
    background: #fff !important;
}
.comming-soon-text {
    text-align: center !important;
    width: 100% !important;
    color: #000 !important;
    font-size: 2em !important;
}
.fs-14 {
    font-size: 14px !important;
    opacity: 1 !important;
}
.cursor-pointer {
    cursor: pointer;
}
.orange-color {
    color: #3b98ef !important;
}
/* Scrollbar */
/* width */
::-webkit-scrollbar {
width: 40px;
height: 25px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey; 
border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: #cacaca; 
border-radius: 5px;
box-shadow: inset 0 0 5px grey; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #374558; 
}

/* Min-width */
@media only screen and (min-width: 768px)  {
    .dk-pt-5 {
        padding-top: 3em;
    }
    .img-fluid--about {
        height: 60vh !important;
    }
    .dk-none{
        display: none;
    }
}

/* Max-width */
@media only screen and (max-width: 767px)  {
    .img-fluid--about {
        height: 25vh !important;
    }
}

/* Loder payment */
.lds-roller {
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    position: absolute;
    pointer-events: none;
    justify-content: center !important;
    padding-top: 35%;
    /* align-items: center !important; */
    background: #0000006e;
  }
  .lds-roller div {
    animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    transform-origin: 40px 40px;
  }
  .lds-roller div:after {
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    margin: -4px 0 0 -4px;
  }
  .lds-roller div:nth-child(1) {
    animation-delay: -0.036s;
  }
  .lds-roller div:nth-child(1):after {
    top: 63px;
    left: 63px;
  }
  .lds-roller div:nth-child(2) {
    animation-delay: -0.072s;
  }
  .lds-roller div:nth-child(2):after {
    top: 68px;
    left: 56px;
  }
  .lds-roller div:nth-child(3) {
    animation-delay: -0.108s;
  }
  .lds-roller div:nth-child(3):after {
    top: 71px;
    left: 48px;
  }
  .lds-roller div:nth-child(4) {
    animation-delay: -0.144s;
  }
  .lds-roller div:nth-child(4):after {
    top: 72px;
    left: 40px;
  }
  .lds-roller div:nth-child(5) {
    animation-delay: -0.18s;
  }
  .lds-roller div:nth-child(5):after {
    top: 71px;
    left: 32px;
  }
  .lds-roller div:nth-child(6) {
    animation-delay: -0.216s;
  }
  .lds-roller div:nth-child(6):after {
    top: 68px;
    left: 24px;
  }
  .lds-roller div:nth-child(7) {
    animation-delay: -0.252s;
  }
  .lds-roller div:nth-child(7):after {
    top: 63px;
    left: 17px;
  }
  .lds-roller div:nth-child(8) {
    animation-delay: -0.288s;
  }
  .lds-roller div:nth-child(8):after {
    top: 56px;
    left: 12px;
  }
  @keyframes lds-roller {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }