/** BOOTSTRAP OVERLAY MODAL **/
.modal-dialog .modal-content .country-header,.modal-dialog .modal-content .calling-content{font-size:14px!important;}
    .modal-body div, .modal-header{font-size:24px!important;}
    .modal-backdrop.in { filter: alpha(opacity=20)!important;opacity: .2!important;}
    .overlay-modal .modal-content{font-size:24px!important;}
    .overlay-modal .modal-body{display:inline-block;}
    .overlay-modal .modal-body{background-color:#e5ecf7;padding:10px 15px!important;}
    .overlay-modal .modal-content .modal-header h3{font-size:1em;margin:0;}
    .overlay-modal .modal-content .modal-header h4{font-size:0.6em;margin:0;}
    .overlay-modal .modal-content .modal-body{width:100%;}
    .overlay-modal .modal-content .modal-footer{border:none;font-size:12px;}
    .overlay-modal::-webkit-scrollbar{width: 0px;}
    .overlay-modal::-webkit-scrollbar-track-piece{background-color: transparent;-webkit-border-radius: 6px;}
    /*.modal-open {overflow-y:auto!important;}*/
    .overlay-modal{max-width:none!important;height:auto;max-height:100%;background-color:transparent!important;border:none!important;}
/** BOOTSTRAP OVERLAY MODAL **/
 
/** BOOTSTRAP MODAL - CONTENT = LABELS / RADIO INPUT / CHECKBOX **/   
    .overlay-modal div.filter_col_left, .overlay-modal div.filter_col_right {width: 270px!important;}
    .overlay-modal label {padding:3px 5px!important;font-size:0.5em!important;}
    .overlay-modal .modal-body label{border-left:1px #ddd solid;border-right:1px #ddd solid;border-top:1px #ddd solid;}
    .overlay-modal .rounded-bottom,.overlay-modal .rounded-top{-webkit-border-radius: 0!important;border-radius: 0!important;}
    .overlay-modal .modal-footer{border-top:none!important;}
    .overlay-modal div.filter_col_left, .overlay-modal div.filter_col_right{width:50%!important;padding:0!important;}
    .overlay-modal .modal-body label{width:100%!important;white-space: nowrap;}
    .overlay-modal .modal-body .filter_col_left label:first-child{-webkit-border-radius: 5px 0 0 0!important;border-radius: 5px 0 0 0!important;}
    .overlay-modal .modal-body .filter_col_left label:last-child{-webkit-border-radius: 0 0 0 5px!important;border-radius: 0 0 0 5px!important;border-bottom:1px #ddd solid;}
    .overlay-modal .modal-body .filter_col_right label:first-child{-webkit-border-radius: 0 5px 0 0!important;border-radius: 0 5px 0 0!important;}
    .overlay-modal .modal-body .filter_col_right label:last-child{-webkit-border-radius: 0 0 5px 0!important;border-radius: 0 0 5px 0!important;border-bottom:1px #ddd solid;}
    .overlay-modal .filter_col_right{margin:0!important;}
    .overlay-modal .modal-dialog{width:50%;max-width:700px;overflow-y:scroll;}
    .overlay-modal .modal-dialog::-webkit-scrollbar {width: 1px;}
    .overlay-modal .modal-dialog .modal-content{overflow-y:scroll;}
    .overlay-modal .modal-dialog .modal-content::-webkit-scrollbar {width: 1px;}

    .overlay-modal .modal-body label input{margin:5px 7px 7px 5px;vertical-align:middle;}
    .overlay-modal .modal-body label img{margin:3px;vertical-align:middle;}
    @media (orientation : landscape) and (max-width: 1024px) {
        .modal-dialog{
            width:50%;
            max-width:700px;
            /*max-height:700px;*/
            overflow:hidden;
            overflow-y:scroll!important;
            -webkit-overflow-scrolling: touch}
    }
    
    #filter-departureport .modal-header,#filter-cruiseline .modal-header,#filter-destination .modal-header,#filter-cruiselength .modal-header,#filter-cruisechips .modal-header,
    #filter-direction .modal-header{text-align: center;color:#212529;background-color: #ffffff}
    #filter-departureport .modal-title,#filter-cruiseline .modal-title,#filter-destination .modal-title,#filter-cruiselength .modal-title,#filter-cruisechips .modal-title,
    #filter-direction .modal-title{margin:5px 0;font-size:24px;text-align: center;}
    #filter-departureport .subtitle,#filter-cruiseline .subtitle,#filter-destination .subtitle,#filter-cruiselength .subtitle,#filter-cruisechips .subtitle,
    #filter-direction .subtitle{font-size:22px;font-weight:100;}
    #filter-departureport #filterDeparturePortLoad label,#filter-cruiseline #filterCruiseLineLoad label,#filter-destination label,#filter-cruiselength label,#filter-cruisechips label,#filter-direction #filterDirectionsLoad label{font-size:14px!important;}
    
    .search_filter .modal-header .close{font-size:24px;}
    #filter-cruiseline #filterCruiseLineLoad label,
    #filterDeparturePortLoad label,
    #filter-cruiseline #filterCruiseLineLoad label,
    #filter-destination label,
    #filter-cruiselength label,
    #filter-cruisechips label,
    #filter-direction label{height:38px;}
    
    #filterCruiseLineLoad .vendorlogo{width:25px;height:25px;margin: -2px 8px 0 0;}
    #filterCruiseLineLoad .cruiselineall-container{font-size:14px!important;}
    #filterCruiseLineLoad .cruiselineall-container #cruiselineall{margin: 8px 11px 11px 5px;}
    #filterCruiseLineLoad input,#filterDeparturePortLoad input{width:20px;height:20px;}

    #filter-departureport ul.depart-toolbar{padding-left:0;list-style-image: none;}
    .depart-toolbar{margin: 15px auto 0;border: 1px #4272bf solid;display: inline-block;-webkit-border-radius: 5px;border-radius: 5px;}
    .depart-toolbar .depart-toolbarnav{list-style-type: none;float:left; text-align: center;padding: 6px; width:150px; cursor:pointer;font-size:14px;}
    .depart-toolbar .depart-toolbarnav:hover{background-color:#4272bf;color:#fff; }
    .depart-toolbar .depart-toolbarnav:nth-child(-n+2) {border-right:1px #4272bf solid;}
    .depart-toolbar .depart-toolbarnav.depart_nav_all{background-color:#4272bf;color:#fff;}
    .depart-toolbar .depart-toolbarnav.cruiseships_nav_all{background-color:#4272bf;color:#fff;}
    .checkmark {
        display:block!important;
        position: absolute;
        top: 6px;
        left: 6px;
        height: 24px;
        width: 24px;
        background-color: #ffffff;
        border: 1px solid #cccccc;
    }
    #filterDeparturePortLoad input:checked ~ .checkmark:after,#filterCruiseLineLoad input:checked ~ .checkmark:after,#filter-destination input:checked ~ .checkmark:after,
    #filter-cruiselength input:checked ~ .checkmark:after,#filter-cruisechips input:checked ~ .checkmark:after,#filterDirectionsLoad input:checked ~ .checkmark:after{ display: block; }
    
    #filterDeparturePortLoad .checkmark:after,#filterCruiseLineLoad .checkmark:after,#filter-destination .checkmark:after,#filter-cruiselength .checkmark:after,#filter-cruisechips .checkmark:after,#filterDirectionsLoad .checkmark:after{ content: "";  display: none;position: absolute; }
    
    #filterDeparturePortLoad .checkmark:after,#filterCruiseLineLoad .checkmark:after,#filter-destination .checkmark:after,#filter-cruiselength .checkmark:after,#filter-cruisechips .checkmark:after,#filterDirectionsLoad .checkmark:after{ left: 7px; top: 2px; width: 9px; height: 16px; border: solid #009800; border-width: 0 5px 5px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    
    #filterDeparturePortLoad input[type=checkbox],#filterCruiseLineLoad input[type=checkbox],#filter-destination input[type=checkbox],#filter-cruiselength input[type=checkbox],
    #filter-cruisechips input[type=checkbox],#filterDirectionsLoad input[type=checkbox]{position:absolute; width: 0;height: 0;opacity:0;}
    
    #filterDeparturePortLoad input[type=radio],#filterCruiseLineLoad input[type=radio],#filter-destination input[type=radio],#filter-cruiselength input[type=radio],#filter-cruisechips input[type=radio],#filterDirectionsLoad input[type=radio]{position:absolute; width: 0;height: 0;opacity:0;}
    
    #filterDeparturePortLoad .all_ports,#filterCruiseLineLoad .all_ports,#filter-destination .all_ports,#filter-cruiselength .all_ports,#filter-cruisechips .all_ports,
    #filterDirectionsLoad .all_ports{position:relative;padding:8px 8px 8px 37px!important;}
    
    #filterDeparturePortLoad .all_ports_default,#filterCruiseLineLoad .all_ports_default,#filter-destination .all_ports_default,#filter-cruiselength .all_ports_default,#filter-cruisechips .all_ports_default,#filterDirectionsLoad .all_ports_default{position:relative;padding:8px 8px 8px 37px!important;}




/** BOOTSTRAP MODAL - CONTENT = LABELS / RADIO INPUT / CHECKBOX **/ 

/** COMMON INPUT BUTTON **/
.button-action-common {
    display: inline-block;
    background: none;
    background-color: #00ba00;
    padding: 10px 15px;
    color: #FFFFFF;
    font-size: 1.2em;
    cursor: pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.button-action-common:hover {
    background-color: #068D06;
}

/** OVERLAY INPUT BUTTONS **/
.overlay-button-common {
    display: inline-block;
    background: none;
    background-color: #FFF;
    padding: 5px 10px;
    color: #000;
    font-size: 1.0em;
    font-weight:100;
    line-height:1.5;
    cursor: pointer;
    -webkit-border-radius: 3px!important;
    border-radius: 3px!important;
    border:1px #ccc solid!important;
}
.overlay-button-common:hover{
    background-color:#ddd;
}
.overlay-action-button{
    background-color: #5cb85c!important;
    border-color:#4cae4c!important;
    color:#fff;
}
.overlay-action-button:hover{
    background-color: #068D06!important;
}
/** OVERLAY INPUT BUTTONS **/

/** COMMON INPUT BUTTON **/


/** OVERLAY DIALOG FOR SEARCH FILTERS **/
.overlay-modal .modal-dialog {width:700px;font-size:24px;}
.modal-open #filter-time-travel #calendar-traveldate-input{font-weight:normal;font-size:14px;padding:5px;border:1px solid #ccc;width: 100%; -webkit-border-radius:4px;border-radius:4px;}
.modal-open #filter-time-travel .modal-content .modal-footer{display:none;}
.modal-open #filter-time-travel .modal-content .modal-body{height:350px;}
.modal-open .daterangepicker{width:517px;}
.modal-open .daterangepicker .calendar-table td{line-height:12px;}
.modal-open .calendar.left{width:49%;}
.modal-open .calendar.right{width:49%;}
#filter-box-time-travel .filter_choice .travel-datelist{list-style-position: inside;margin: 5px 0 0 0;list-style-type: none;font-weight:100;list-style-image:none;padding:0;}
.modal-open .daterangepicker.ltr.show-calendar .ranges{float:right;}
.modal-open{padding:0!important;}
.modal-open .modal-dialog .btn-default, .daterangepicker .btn-default{color:#000!important;border:1px solid #ccc;}
body{padding-right:0!important;}
#bootstrapContainer .itintour-map .modal-body img{width:100%;}
@media only screen and (orientation: portrait) and (max-width: 1024px){
    .overlay-modal .modal-dialog{width:800px;max-width:800px;}
}
/** OVERLAY DIALOG FOR SEARCH FILTERS **/