html * {    
    font-family: 'Roboto' !important;    
    letter-spacing: 0.03em;
}

input, button{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
}

p{ letter-spacing: 0em !important; }


div.txtBlue{  height: auto !important;}
p.txtBlue{
    margin: 0;
    padding: 12px 0;    
    font-size: 1.3em;
    letter-spacing: 0.02em;
}
.txtBlue{ color: #014CA9;}
.txtWhite{ color: #FFF;}
.txtBlack{ color: #000;}
.txtRed{ color:#ca4542; }
.primaryBackground{ background: #014CA9;}
.secondaryBackground{ background: #0072c3;}
.greyBackgroud{ background:#f8f9fa;}

.padding-top-ten{  padding-top: 10px;  }
.padding-bottom-ten{ padding-bottom: 10px;  }
.padding-top-five{  padding-top: 5px;  }
.padding-bottom-five{ padding-bottom: 5px;  }
.btn ,.form-control{ padding: 3px 10px; margin: 3px;}
.form-control{ height: 30px;}
.cavans{
    max-width: 900px;
    margin: 0 auto;
}
.bookingJourney{ font-size: 14px;}

.btn-dark-custom{
    background-color: rgb(0,0,0) !important;
    color: rgb(255,255,255);
    padding: 5px 8px;
    letter-spacing: 0.05em;
    
    -webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.44);  
    -moz-box-shadow: 0 4px 4px -2px  rgba(0,0,0,0.44);
    -ms-box-shadow: 0 4px 4px -2px  rgba(0,0,0,0.44);  
    -o-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.44);  
    box-shadow: 0 4px 4px -2px  rgba(0,0,0,0.44);  
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.header-table-padding{   padding: 5px !important; }

.header{
    height: auto !important;
    background-color: rgb(1,76,169) !important;  

    -webkit-box-shadow: 0px -2px 16px 10px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px -2px 16px 10px rgba(0,0,0,0.44);
    -ms-box-shadow: 0px -2px 16px 10px rgba(0,0,0,0.44);
    -o-box-shadow: 0px -2px 16px 10px rgba(0,0,0,0.44);
    box-shadow: 0px -2px 16px 10px rgba(0,0,0,0.44);
}

.header .fixed{ top:0 ;}

.header > h2{    
    margin: 0;
    padding: 20px 0;
    font-size: 2em;    
    vertical-align: middle !important;
    color:rgb(255,255,255);     
}

#txt-confirm-booking{  background-color: rgba(136,172,46,0.2) ;   }

#txt-confirm-booking > p{
    margin: 0;
    padding: 20px 0;
    color: rgb(136,172,46);
    font-size: 1.3em;   
    letter-spacing: 0.02em; 
}

.txt-bold{   font-weight: bolder !important; }

.clearfix{
    display: block;
    content: "";
    clear: both;
}

.no-padding{    padding: 0;}

.no-margin{    margin: 0; }

#panel-confirm-booking{    padding-top: 20px; }


#panel-confirm-booking p{     font-size: 1.3em; }

#panel-confirm-booking-icon{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#panel-booking-button{     margin-top: 2.25em; }

#panel-booking-button .btn-secondary-custom,
.btn-secondary-custom{     
    background-color: rgb(0,0,0) !important;
    color: rgb(255,255,255);
    padding: 10px 16px;
    letter-spacing: 0.05em;
    
    -webkit-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.44);  
    -moz-box-shadow: 0 4px 4px -2px  rgba(0,0,0,0.44);
    -ms-box-shadow: 0 4px 4px -2px  rgba(0,0,0,0.44);  
    -o-box-shadow: 0 4px 4px -2px rgba(0,0,0,0.44);  
    box-shadow: 0 4px 4px -2px  rgba(0,0,0,0.44);  
    
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.radioSeat{ display: none;}
.labelSeat { font-size: 14px; width: 9%; margin-left: 0.5%; text-align: center; padding: 10px 0;}
.labelSeat:checked { font-weight: bold;  background: #1e7e34;}
input[type="radio"]:checked+label { font-weight: bold; background: #1e7e34; }
.logo-center{
    width: 120px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/**
* Tracking
*/

#map {
    height: 100%;
}

.mapboxgl-popup-content{
    padding: 10px 10px 10px !important;
}
.gray-out{
    background: #6c757d78;
    color: #0f101094;
}   
.overflow{
    background: #dc7979fc;
}
.overflow-v2{
    background: #ec5a5afc;
}
.cursor-pointer{
    cursor: pointer;
}
.overflow-v2:hover{
    background: #e85050;
}