@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&display=swap');

.navbar-inverse { background-color: #1d2951}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #23438C}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #1d2951}
.navbar-inverse .navbar-brand { color: #E6E6E6}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

.justify {
    text-align:justify !important;
}

.josefin{
    font-family: 'Josefin Sans', sans-serif !important;
}

.blue_bg{
    background-color: #286090;
    color: #fff;
    border-color: #fff;
}

.panel-default > .panel-heading {
  color: #00000;
  background-color: #428BCA;
  border-color: #428BCA;
}

.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: #FFFFFF;
}

.panel-default > .panel-heading {
    color: #FFFFFF;
    background-color: #428BCA;
    border-color: #428BCA;
}

.panel-map > .panel-heading {
    background-image: linear-gradient(to bottom, #487EAD 0%, #487EAD 100%);
    background-repeat: repeat-x;
	color: #FFF;
}

.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #428BCA 0%, #428BCA 100%);
  background-image: -o-linear-gradient(top, #428BCA 0%, #428BCA 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#428BCA), to(#428BCA));
  background-image: linear-gradient(to bottom, #428BCA 0%, #428BCA 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff96c6eb', endColorstr='#ff81bae7', GradientType=0);
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-green { border-color: #32CD32 !important; }
.panel-green > .panel-heading {
  background-image: -webkit-linear-gradient(top, #008000 0%, #008000 100%);
  background-image: -o-linear-gradient(top, #008000 0%, #008000 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#008000), to(#008000));
  background-image: linear-gradient(to bottom, #008000 0%, #008000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning {border-color:#FF8C00}
.panel-warning > .panel-heading {
    color: #FFF;
  background-image: -webkit-linear-gradient(top, #FF8C00 0%, #FF8C00 100%);
  background-image: -o-linear-gradient(top, #FF8C00 0%, #FF8C00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8C00), to(#FF8C00));
  background-image: linear-gradient(to bottom, #FF8C00 0%, #FF8C00 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C00', endColorstr='#FF8C00', GradientType=0);
}
.panel-danger {border-color:#dc3545}
.panel-danger > .panel-heading {
    color: #FFF;
  background-image: -webkit-linear-gradient(top, #dc3545 0%, #dc3545 100%);
  background-image: -o-linear-gradient(top, #dc3545 0%, #dc3545 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dc3545), to(#dc3545));
  background-image: linear-gradient(to bottom, #dc3545 0%, #dc3545 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3545', endColorstr='#dc3545', GradientType=0);
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}

small, .small {
    font-size: 75%
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
}

.thborderless thead th {
    border: none;
}

.table-map > tbody > tr > td, .table > tfoot > tr > td {
    padding: 0px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #DDD;
}

.progress {
    height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #FFF;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}

th {
    background-color: #e3e6e8;
    color: #215169;
}

/********************************************** IRVA headers */
.navbar {
    margin-bottom:0px !important;
}
.page-header{
    margin:0px 0px 40px 0px;
    padding:0px;  
    width:100%;
    min-height:260px;
    overflow:hidden;
    box-shadow: 0px 5px 15px rgba(14, 77, 146, 0.55);
}
.page-header img {
    display:block;
    margin:auto;
}
.irva-page-title{
    position: absolute;
    margin-top:-170px;
    margin-left:18%;
}

/********************************************** IRVA headers INDEX ONLY*/
    .page-header-index {
        margin:0px 0px 40px 0px;
        padding:0px;  
        width:auto;
        min-height:100%;
        overflow:hidden;
        box-shadow: 0px 5px 15px rgba(14, 77, 146, 0.55);
    }
    
.carousel-control {
    top: 40%;
    width: 10%;
    font-size: 35px;
}
    
@media (min-width:1199px) {

    .page-header-index img {
        display:block;
        margin:auto;
        max-height:245px;
        min-height:245px;
    }
    .irva-page-title-index {
        position: absolute;
        margin-top:-150px;
        margin-left:20%;
    }
}

@media (min-width:992px) and (max-width:1199px) {

    .page-header-index img {
        display:block;
        margin:auto;
        max-height:230px;
        min-height:230px;
    }
    .irva-page-title-index {
        position: absolute;
        margin-top:-130px;
        margin-left:15%;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .page-header-index img {
        display:block;
        margin:auto;
        max-height:140px;
        min-height:140px;
    }
    .irva-page-title-index {
        position: absolute;
        margin-top:-110px;
        margin-left:12%;
    }
}

@media (max-width:767px) {

    .page-header-index img {
        display:block;
        margin:auto;
        max-height:100px;
        min-height:100px;
    }
    .irva-page-title-index {
        position: absolute;
        margin-top:-55px;
        margin-left:10%;
    }
}

/**********************************************  The customcheck */
.customcheck {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
    background-color: #0095ff;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/********************************************** booking page */

.book-aircraft-image p{
    font-family: 'Josefin Sans', sans-serif !important;
    position: absolute;
    padding-left: 10px;
    color: #fff;
    margin-top: 30px;
}

.book-aircraft-image img{
    border-radius: 4px;
}

.airport-type-box, .distance-box, .pax-box, .pax-revenue-box, .fuel-box, .airplane_header, .map_header, .dep_flag, .arr_flag, .alt_flag {
    padding:5px 10px 10px 10px;
}
.ac-status-box{
    padding:5px 10px 0px 10px;
}
.ac-type-box{
    padding:5px 10px 5px 10px;
}
.max-allowed-dist-box{
    padding:5px 10px 0px 10px;
}
.my-fuel-box{
    padding:5px 10px 5px 10px;
}
#mapid{
    min-width:100%;
    min-height:350px;
    border-radius: 4px;
    background:#AAD3DF;
}


.select-airplane, .select-departure, .select-arrival, .select-alternative {
    font-family: 'Josefin Sans', sans-serif !important;
}

.select-airplane .bootstrap-select .dropdown-menu li a {
    text-align:left !important;
    direction:ltr !important;
}

.select-departure .bootstrap-select .dropdown-menu li a {
    text-align:left !important;
    direction:ltr !important;
}
.select-arrival .bootstrap-select .dropdown-menu li a {
    text-align:left !important;
    direction:ltr !important;
}

.select-alternative .bootstrap-select .dropdown-menu li a {
    text-align:left !important;
    direction:ltr !important;
}

.book-error {
    margin-top: 5px;
    padding: 5px;
    border-radius: 4px;
    background-color: #fa8072;
    color: #fff;
}

.blue-button{
    background-color: #0080ff;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    color: #000;
    font-size: 16px;
}
.booking-airports{
    font-family: 'Josefin Sans', sans-serif !important;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 10px 10px 0px 10px;
    border: 1px dotted gray;
}

/* buy aircraft */
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; margin: 0px 20px 20px 20px; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#f1f1f1; color:#666;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#ccc; }
.MultiCarousel .lead { font-family: 'Josefin Sans', sans-serif; padding-top: 10px; font-size: 18px; font-weight: bold; }

.buy-airplane .media{
    padding-left: 0;
}
.buy-airplane h1{
    font-family: 'Josefin Sans', sans-serif; font-size: 30px; font-weight: bold; text-align:left; padding-left: 20px;
}
.buy-airplane h1 i{vertical-align: baseline; padding-right: 10px}

/* icon for flight datatable */
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    right: 2em;
    content: "\02C7" !important;
}