body.jb-body{
  background-color: #E4D7B0 !important;
  font-family: "proxima-nova", sans-serif !important;
}
.jb-top-header{
  background-color: #47442F !important;
}

/* VAJIRA JB */
.rail-booking-header-bar{
  background-color: #E4D7B0;
  margin-top: 5%;
}
.rail-booking-header-bar .jb-search-help-text{
  font-family: "proxima-nova", sans-serif;
  margin-top: 40px;
}
.rail-booking-header-bar .jb-search-help-text p{
  color: #464435 !important;
  letter-spacing: 3px;
  font-size: 1.0em;
  font-weight: bold;
  text-transform: uppercase;  
}
.jb-train-brands{
  margin-top: 20px;
  margin-bottom: 40px;
}
.jb-search-body{
  background-color: #E4D7B0;
  margin-left: 12%;
  margin-right: 12%;
}
.jb-search-heading-text{
  margin-top: 50px !important;
  margin-bottom: 40px !important;
}
.rail-booking-header-bar .page-header h1{
  font-family: "proxima-nova", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #47442f !important;
  font-size: 1.8em;
}
.rail-booking-header-bar .page-header p{
  color: #a48e7b !important;
}
.rail-booking-header-bar #btn-fit-rails-search:hover{
  background-color: #7f6906 !important;
}
#search-departures .form-control{
  color: #47442F !important;
  border: 0px;
}
#search-departures .form-control::placeholder{
  color: #47442F !important;
}
#search-departures .form-control[readonly]{
  background-color: #fff !important;
  opacity: unset !important;
}
#search-departures .form-control:focus{
  border: 1px solid #47442F;
  box-shadow: unset;
}
#search-departures #train_code, .departure_month{
  background-color: #E4D7B0;
  font-family: unset !important;
  font-weight: unset !important;
  font-size: 1.5em !important;
  font-weight: normal !important;
  border-radius: 0px;
  border-bottom: 2px solid #47442F !important;
}
#search-departures #train_code option{
  background-color: #fff !important;
  font-family: unset !important;
  font-weight: unset !important;
  font-size: 0.85em !important;
  font-weight: normal !important;
}
#search-departures select{
  background-color: #fff !important;
}
#search-departures .jb-search-button-container{
  margin-top: 8%;
}
.flatpickr-monthSelect-months{
  font-size: 1.5em !important;
}
.flatpickr-calendar{
  margin: 05px 10px 10px 40px;
}
.fit-jb-header-container{
  background-color: #432a16;
}
.jb-search-button-container .button-fit-search{
  font-family: "proxima-nova", sans-serif;
  color: #ffffff;
  background-color: #D5C07E !important;
  border: unset;
  font-weight: bold;
  text-transform: uppercase;  
  border-radius: 4px !important;
  letter-spacing: 3px;
  font-size: 1.0em;
  padding: 12px;
}
.rail-search-temp-card span{
  color: #432a16;
  font-weight: bold;
}
.fit-jb-result-sub-container h1{
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8em;
  line-height: 1.0;
  font-weight: bold;
  text-transform: uppercase;
  color: #432a16;
}
.fit-jb-result-sub-container h2{
  position: relative;
  margin-top: -54px;
  font-family: "proxima-nova", sans-serif;
  background-color: rgba(71, 68, 47, 0.75);
  padding: 15px;
  font-size: 1.5em;
  line-height: 1.0;
  font-weight: normal;
  color: #fff;
  z-index: 100;
}
.fit-jb-result-sub-container .departure-box-container{
  margin-top: 50px;
}
.fit-jb-result-sub-container .departure-box{
  padding: 10px;
}
.fit-jb-result-sub-container .departure-box-IPROW:hover{
  background-color: #12487e;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.fit-jb-result-sub-container .departure-box-GHROW:hover{
  background-color: #a1223e;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.fit-jb-result-sub-container .departure-box-GSROW:hover{
  background-color: #df7d2d;
  transition: all .2s ease;
  -webkit-transition: all .2s ease;
}
.fit-jb-result-sub-container .departure-box-content{
  background-color: #fff;
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}
.fit-jb-result-sub-container .rail-depature-headings h2{
  font-family: "proxima-nova", sans-serif;
  font-size: 2.0em;
  line-height: 1.0;
  font-weight: normal;
  text-transform: uppercase;
}
.fit-jb-result-sub-container .departure-box-content h5{
  font-family: "proxima-nova", sans-serif;
  color: #8A8B90;
  font-weight: normal;
  margin-bottom: 10px;
}
.fit-jb-result-sub-container .departure-box-content p, .departure-box-content li{
  font-family: "proxima-nova", sans-serif;
  color: #373a3c;
  font-size: 1.0em;
  margin-bottom: 10px !important;
}
.fit-jb-result-sub-container .jb-view-dates{
  font-family: "proxima-nova", sans-serif;
  background-color: #fff;
  border-top: 1px solid #cecece;
  padding: 15px;
  font-size: 1.1em;
  letter-spacing: 1px;
  font-weight:600;
  text-transform: uppercase;
}
.fit-jb-result-sub-container .IPROW .view-date-link, .view-date-link:hover{
  color: #12487e;
}
.fit-jb-result-sub-container .GHROW .view-date-link, .view-date-link:hover{
  color: #a1223e;
}
.fit-jb-result-sub-container .GSROW .view-date-link, .view-date-link:hover{
  color: #df7d2d;
}
.fit-jb-result-sub-container .fit-rail-package-title-expand-dexktop-button{
  margin-top: -10px;
}
.fit-jb-result-sub-container .fit-jb-find-out-more-button{
  font-size: 14px !important;
  text-transform: uppercase;
}
.fit-jb-result-sub-container .fit-jb-find-out-more-button:hover{
  text-decoration: underline;
}
/* .fit-jb-result-sub-container .departure-static-content{
  border: 1px solid #a48e7b !important;
  border-radius: 15px;
} */
.fit-jb-result-sub-container .jb-list{
  background-color: #fff;
  /* border: 1px solid #5e5e5e !important; */
  /* border-radius: 15px;
  margin-bottom: 20px; */
}
.fit-jb-result-sub-container h5{
  font-size: 16px;
  font-weight: bold;
}
.fit-jb-result-sub-container h5 span{
  color: #8b470c !important;
}
.jb-list .depature-start, .depature-start-region, .depature-end, .depature-end-region{
  font-family: "proxima-nova", sans-serif;
  font-weight: 100;
  color: #373a3c !important;
}
.jb-list .departures-header .day{
  font-size: 24px !important;
}
.jb-list .departures-header .month{
  text-transform: uppercase;
}
.jb-list .departures-header .depature-price .frompricelabel{
  color: #373a3c !important;
  font-size: 12px !important;
}
.jb-list .IPROW .depature-price .fromprice {
  font-size: 22px;
  font-weight: bold;
  color: #12487e;
}
.jb-list .GHROW .depature-price .fromprice {
  font-size: 22px;
  font-weight: bold;
  color: #a1223e;
}
.jb-list .GSROW .depature-price .fromprice {
  font-size: 22px;
  font-weight: bold;
  color: #df7d2d;
}
.jb-list .departures-header .depature-arrow{
  font-family: "proxima-nova", sans-serif !important;
  font-weight: normal !important;
  color: #8d8d8d !important;
  font-size: 40px !important;
}
.jb-list .departures-header{
  /* border-top-left-radius: 14px;
  border-top-right-radius: 14px; */
  /* background-color: #ece6e1; */
  background-color: #F7F7F9;
}
.jb-list .rail-pricing-tabs .active{
  background-color: #F7F7F9 !important;
  /* border-top-left-radius: 20px;
  border-top-right-radius: 20px; */
}
.jb-list  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.jb-list .cabin-content-card-header{
  background-color: #F7F7F9 !important;
}
.jb-list .cabin-content-find-more-button{
  margin-top: 8px;
}
.jb-list .btn-jb-direct-booking{
  font-family: "proxima-nova", sans-serif;
  color: #ffffff;
  background-color: #D5C07E !important;
  border: unset;
  font-weight: bold;
  text-transform: uppercase;  
  border-radius: 4px !important;
  letter-spacing: 3px;
  font-size: 1.0em;
}
.jb-list .btn-jb-direct-booking:hover{
  background-color: #7f6906 !important;
  border-color: #eaeaea;
}
.jb-list #tabs{
  margin-top: 10px;
}
.jb-list .bookingsubmit{
  font-family: "proxima-nova", sans-serif !important;
  color: #ffffff !important;
  background-color: #D5C07E !important;
  border: unset !important;
  font-weight: bold !important;
  text-transform: uppercase !important;  
  border-radius: 4px !important;
  letter-spacing: 3px !important;
  font-size: 1.0em !important;
}
.jb-list .tab-content{
  border-left:  1px solid #eaeaea;
  border-right:  1px solid #eaeaea;
  border-bottom:  1px solid #eaeaea;
  margin-bottom: 20px;
}
.jb-list .rail-pricing-tabs a{
  font-size: 16px;
  color: #7f6906 !important;
  font-weight: bold;
}
.jb-list .cabin-content-container{
  border-bottom: 1px solid #eaeaea;
  box-shadow: none !important;
}
.jb-list .price-row{
  font-size: 18px;
}
.jb-list .price-row .rail-price{
  font-size: 18px;
}
#JBbookingForm{
  padding: 10px;
  border: 1px solid #5e5e5e !important;
  background-color: #fff;
  /* border-radius: 15px; */
}
.jb-booking-form h2{
  font-family: "proxima-nova", sans-serif !important;
  color: #47442f;
  font-size: 1.8em;
  line-height: 1.0;
  font-weight: bold;
  text-transform: uppercase;
}
.jb-booking-form h3{
  font-family: "proxima-nova", sans-serif !important;
  font-size: 1.8em;
  line-height: 1.0;
  font-weight: normal;
  text-transform: uppercase;
}
.jb-booking-form #jb-back-button{
  font-family: "proxima-nova", sans-serif !important;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
}
.jb-booking-form .need-assistance-bottom{
  margin-top: 0px;
}
.jb-booking-form .booking-form-header, .bg-standard-hoa-purple{
  font-family: "proxima-nova", sans-serif !important;
  font-size: 1.2em;
  /* border-radius: 10px; */
  color: #000;
  background-color: #fff !important;
}
.jb-booking-form #packagename, #departuredate, #cabinname{
  font-family: "proxima-nova", sans-serif !important;
  background-color: #fff0dc !important;
  border: none;
  /* background-color: #efefef !important; */    
}
.jb-list .bookingsubmit{
  font-family: "proxima-nova", sans-serif !important;
  color: #ffffff !important;
  background-color: #D5C07E !important;
  border: unset !important;
  font-weight: bold !important;
  text-transform: uppercase !important;  
  border-radius: 4px !important;
  letter-spacing: 3px !important;
  font-size: 1.0em !important;
}
.jb-list .bookingsubmit:hover{
  background-color: #7f6906 !important;
  border-color: #eaeaea;
}
.jb-list .booking-options{
  font-family: "proxima-nova", sans-serif !important;
}
.jb-booking-form{
  background-color: unset;
}
.jb-booking-form .bg-inner-ocean-blue{
  background-color: #fff7dd !important;
}
.jb-booking-form .booking-form-header{
  border-bottom: 1px solid #000;
}
.jb-booking-form h1{
  font-family: "proxima-nova", sans-serif;
  font-size: 1.8em;
  line-height: 1.0;
  font-weight: bold;
  text-transform: uppercase;
  color: #432a16;
}
.jb-btn-startover{
  font-family: "proxima-nova", sans-serif !important;
  background-color: #47442F !important;
  /* background-color: #D5C07E !important; */
  border: unset !important;
  font-weight: bold !important;
  text-transform: uppercase !important;  
  border-radius: 4px !important;
  letter-spacing: 3px !important;
  font-size: 1.0em !important;
  padding: 10px;
  margin: 10px;
  border: 1px solid #47442F !important;
}
.jb-btn-startover:hover{
  border: 1px solid #fff7dd !important;
}
/* HTML: <div class="loader"></div> */
#rail-search-loader {
  position: relative;
  left: 50%;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}
a:hover,a:focus{
  outline: none;
  text-decoration: none;
}
@media (max-width: 767px) {
  .jb-search-body{
    background-color: #E4D7B0;
    margin-left: 2%;
    margin-right: 2%;
  }
  .fit-jb-result-sub-container h2{
    position: relative;
    margin-top: -54px;
    font-family: "proxima-nova", sans-serif;
    background-color: rgba(71, 68, 47, 0.75);
    padding: 15px;
    font-size: 1.0em;
    line-height: 1.0;
    font-weight: normal;
    color: #fff;    
  }
}
@media (max-width: 1375px) {
  .fit-jb-result-sub-container h2{
    position: relative;
    margin-top: -54px;
    font-family: "proxima-nova", sans-serif;
    background-color: rgba(71, 68, 47, 0.75);
    padding: 15px;
    font-size: 1.0em;
    line-height: 1.0;
    font-weight: normal;
    color: #fff;    
  }
}
@media (max-width: 1680px) {
  .fit-jb-result-sub-container h2{
    position: relative;
    margin-top: -54px;
    font-family: "proxima-nova", sans-serif;
    background-color: rgba(71, 68, 47, 0.75);
    padding: 15px;
    font-size: 1.1em;
    line-height: 1.0;
    font-weight: normal;
    color: #fff;    
  }
}