﻿ /* header and footer*/ 
 .cl_date__selector .mx-datepicker .mx-input{
    border:none !important;
    background:#eee0;
    color:white;
    border-bottom:2px solid white !important;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);
 } 
 
 /* Menu */
 .overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: white;
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
}

.overlay a {
     padding:1.5rem 2rem;
      text-decoration: none;
      font-size: 18px;
      border-bottom: 1px solid #d4d4d4;
      color: #201e1e;
      font-weight: 600;
      display: block;
      transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  font-size: 40px;
   color: #04a3b1;
  display:block;
  width:100%;
}

.overlay .closebtn:hover{
    color: #04a3b1;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

 
 /* booking haeder */
 .top-bar{
     background:#1a1f2b;
     padding:0.5rem 10rem;
     color:white;
 }
 
 .top-bar a, #footer-wrapper a{
     color:white;
     font-size:14px;
 }
 
  .top-bar a:hover{
      text-decoration:underline;
  } 
 
 #header {
    top: 0;
    width: 100%;
   /*  z-index: 10; */
    background:white;
}

#header .navbar-right{
    padding:2rem 1rem;
}

#header .navbar-right li a{
    color:black;
    font-size: 18px;
    border-bottom: 2px solid transparent;
    color: #201e1e;
    font-weight: 600;
}

#header .navbar-right li a:active,#header .navbar-right li a:hover,#header .navbar-right li a:visited{
    border-bottom: 2px solid #14a7b7;
    color: #201e1e;
    background:white;
}    

/* booking header end */
 
/* agent menu  */
.agent_container{
    padding:4rem 1rem;
}

.agent_container input{
    height:35px;
    font-size:1rem;
    border-radius:0;
}

.agentMenu .nav-item.dropdown .dropdown-menu a {
    color: #343a40 !important;
    font-size: 0.8rem !important;
     text-transform: uppercase;
}
.nav-link {
    display: block;
    padding: .5rem 0.6rem !important;
    text-transform: uppercase;
}

a:focus {
    outline: none;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #d2cece !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--white);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color:#65b9af;
}


.bg-blue {
    background-color: #04a3b1!important;
}

.cyan{
    color:#65b9af;
}

a.btn-primary:hover {
    background: #65b9af !important;
}
 
.sm-bar .bg{
    background:url(../images/sprite.svg) no-repeat 0 0;
}
/* party page */
.inline-block{
    display:flex;
    margin-top: 1rem;
}

/* date picker */
.cl_date__selector .mx-datepicker .mx-input-append {
    padding-top: 102px;
    background: var(--white);
    padding: 11px;
    border-radius: 35px;
    margin: -2px 4px;
    position: absolute;
    top: 0;
    right: 0;
    width: 43px;
    height: 87%;
    background:white;
}
.mx-calendar-content .cell.actived {
    color: #fff;
    background-color:#04a3b1 !important;
}
.mx-panel-date td.today {
    color:white !important;
}
.mx-panel-date th {
    font-size: 12px;
    width: 32px;
    height: 32px;
    padding: 0;
    overflow: hidden;
    text-align: center;
    color: #333f48 !important;
}

/* avaiability table */
.cl_availability-table .cl_availability-table__header>div .day {
    display: block;
    padding: 0 0 0.5rem;
    font-size: 16px;
    text-transform: capitalize;
}
.cl_availability-table .cl_availability-table__detail .cl_availability-fares>div:nth-child(2)>div:hover {
    background: rgba(255,255,255,0);
    -webkit-box-shadow: 0 important;
    box-shadow: 0 important;
}
.cl_availability-table__header .year{
    font-size:0.8 !important;
    font-weight:normal;
    margin-top:1.5rem;
    color:#fff;
}
.cl_availability-table .cl_availability-table__header>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 1rem 0 !important;
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    background: #00A3B2;
    border: 1px solid #ffffff0f;
    color: #fff;
}
.cl_availability-table .cl_availability-table__row>div {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    align-items:unset !important;
    padding: 1rem 0.9rem;
    color: #fff;
}
.cl_availability-table .cl_availability-table__row>div.cl_availability-product__title {
    background: #003b5c;
    font-weight: bold;
    font-size:0.9rem !important;
    border: 1px solid #ffffff0f !important
}

.cl_availability-table .cl_availability-table__row>div.cl_availability-product__select .select:hover {
    background: #8ED0C7 !important;
    color: #fff;
}

/* .cl_availability-table .cl_availability-table__row>div.cl_availability-product__select .select:hover .show-category{
    display:block;
}    
 */
/* Shopping cart */
.shopping-cart {
    padding: 1rem;
    background:#04a3b1 !important;
    box-shadow: 0 -2px 15px rgb(0 0 0 / 10%);
}

.shopping-cart  h3{
    color:white;
    text-align: center;
    font-size:1.2rem !important;
}

.shopping-cart .shopping-cart__cart>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 0 !important;
    border-bottom: 1px solid #eee;
    color:white !important;
}

.shopping-cart .shopping-cart__cart .shopping-cart__product {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #00A3B2;
    font-size: 1.3rem !important;
}

.shopping-cart .shopping-cart__cart .shopping-cart__date::before {
    display:none;
}    

.shopping-cart .shopping-cart__cart .shopping-cart__total {
    font-size: 1.4rem;
}
/* booking names*/

.cl_names .form-control{
    margin:0.5rem;
}

.cl_names .datepicker input{
    margin:0.5rem;
    height:40px;
}

 /*names page end */

/* payment page */
.cl_Payment__opts .btn{
    display:flex;
   width: calc(30% - 40px) !important;
    padding:5px 10px;
    border:1px solid #e8e7e7;
    align-items:center;
}



 .footer-logo {
    background: url(../images/RACT_logo.svg) no-repeat 0 0;
    background-size: cover;
}

/* availability table */
.cl_availability-table .cl_availability-table__header>div{
    background:#04a3b1;
    font-weight:bold;
}


.cl_availability-table .cl_availability-table__row>div.cl_availability-product__title{
    background:#04a3b1 !important;
    font-weight:bold;
}
.cl_availability-table .cl_availability-table__row:hover .cl_availability-product__title,
.pagination-block a.btn:hover, .shopping-cart__buttons a.btn:hover, .btn-primary:hover
{
    background:#003b5c;
}
.cl_availability-table .cl_availability-table__row>div.cl_availability-product__select .select,
.be__fares .be__fares-single .form-group-spinner button:hover
{
    background:#c3c3c35c !important;
    color:black;
}

.btn-primary{
    background:#04a3b1;
}

.pagination-block a.btn{
     background:#04a3b1 !important;
}

.cl_availability-table .cl_availability-table__detail .cl_availability-fares>div:nth-child(2)>div.form-group:not(.disabled){
    background:#00a3b200 !important;
}

.cl_availability-table .cl_availability-table__row>div.cl_availability-product__select .select.active
{
    color:white;
    background:#8ED0C7 !important;
    border: 0 !important;
}
.cl_availability-table .cl_availability-table__header .cl_availability__left, .cl_availability-table .cl_availability-table__header .cl_availability__right{
    color:#003b5c;
}
.cl_availability-table .cl_availability-table__row>div.cl_availability-product__select .unavailable .fa-times-circle{
    padding-right:.5rem !important;
}

/* Media queries */
@media only screen and (max-width: 480px){
    .cl_availability-table .cl_availability-table__header .cl_availability__right {
        font-size:15px;
        left:auto;
        right: -17px;
    }
    .cl_availability-table .cl_availability-table__header .cl_availability__left{
        font-size:15px;
        left:-15px;
    }
    .cancel-btn {
        float: inherit;
        margin: 10px 0 !important;
    }
    .shopping-cart h3{
        font-size:1rem !important;
    }
    
    .shopping-cart .page-heading::before {
       font-size:1rem !important;
    }

}


@media only screen and (max-width: 767px){
         .menu-text:after {
            background: url(../images/sprite.svg) no-repeat 0 0;
            background-size: 176px 264px;
        }
}

@media only screen and (max-width: 768px){
    .inline-block{
        display:block;
    }
    #header{
        padding: 0.1rem;
    }
}

@media only screen and (max-width: 1024px){
    .top-bar{
       padding:0.5rem 1rem;
     }  
}


@media only screen and (min-width: 992px) and (max-width: 1389px){
.cl_availability-table .cl_availability-table__header>div:nth-child(n+6),
.cl_availability-table .cl_availability-table__row>div:nth-child(n+6){
    display: none !important;
}
}
.be__fares .be__fares-single .form-group-spinner input{
    height:40px;
}
.pagination-block a.btn, .shopping-cart__buttons a.btn, .btn-primary{
    padding:.7rem 2rem;
    border-radius:0 !important;
}