@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;900&display=swap');

@media (min-width: 992px) {
    form.buscador-vertical {
        max-width: 550px;
    }
}


.list-group {
    margin-bottom: 0!important;
}

.list-group-item {
    border: none!important;
}

#buscador .fa {
    font-size: 16px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: 1!important;
}

/** Buscador Vertical */
form.buscador-vertical {
    width: 100%;
    background-color: #ffffff;
    color: #333;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding-top: 10px;
    font-family: 'Montserrat', sans-serif;
    padding: 25px;
}

form.buscador-vertical > .list-group-item {padding: 0px; /*min-height: 54px;*/}
form.buscador-vertical > .list-group-item > label {display: block;margin: 0;color: #333333;}
form.buscador-vertical > .list-group-item > small,
form.buscador-vertical > .list-group-item > .pasajeros_display {color: #d9d9d9; font-size: 12px; line-height: 27px; font-weight: normal;}

form.buscador-vertical > .list-group-item > select {width: 100%;outline: none;font-style: normal;border: 0;color: #d9d9d9;font-size: 12px;padding: 4px 4px 5px 0;text-indent: -1px;}

form.buscador-vertical > .list-group-item > .popover-select > label {display: block;margin: 0;color: #333333;cursor: pointer; font-size: 14px; font-weight: 500; margin-bottom: 5px; }
form.buscador-vertical > .list-group-item > .popover-select > .placeholder, .popover-ocupacion > .placeholder {
    background-color: #fff;
    background-image: none;
    padding: 9px 5px 0px 15px;
    border-radius: 10px;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px #d9d9d9!important;
    margin-bottom: 10px;
}

form.buscador-vertical > .list-group-item .select2 {font-size: 12px;}
form.buscador-vertical > .list-group-item .select2 .select2-selection {border: 0;border-radius: 0;outline: none;padding: 0;}
form.buscador-vertical > .list-group-item .select2 .select2-selection .select2-selection__rendered {padding: 0 5px 0 0; color: #d9d9d9;}
form.buscador-vertical > .list-group-item .select2 .select2-selection .select2-selection__arrow {display: none;}

.select2-container .select2-dropdown {font-size: 10px;border-top: 1px solid #ddd;}

/*form.buscador-vertical > .list-group-item:last-child {min-height: auto; padding: 10px ;}*/
form.buscador-vertical > .list-group-item #btn-buscar { 
    background: var(--primary);
    color: #ffffff;
    padding: 8px 60px;
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    margin: 15px auto auto;
    border-radius: 10px;
}


/** Buscador Horizontal */
form.buscador-horizontal {
    max-width: 1170px;
    width: 100%;
    background-color: #ffffff;
    color: #333;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding-top: 10px;
    font-family: 'Montserrat', sans-serif;
    padding: 40px 25px;
}

form.buscador-horizontal > .list-group-item > .popover-select > .placeholder, .popover-ocupacion > .placeholder {
    background-color: #fff;
    background-image: none;
    padding: 9px 5px 0px 15px!important;
    border-radius: 10px;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px #d9d9d9!important;
    margin-bottom: 10px;
}

form.buscador-horizontal .row {margin-left: -5px;margin-right: -5px;}
form.buscador-horizontal .row > div {padding-left: 5px; padding-right: 5px;}

form.buscador-horizontal .row > div .panel {min-height: 54px; border-bottom: 2px solid #dadada;}
form.buscador-horizontal .row > div .panel .panel-body {padding: 11px 10px 0px;}
form.buscador-horizontal .row > div .panel .panel-body label {display: block;margin: 0;color: #333333;}
form.buscador-horizontal .row > div .panel .panel-body small,
form.buscador-horizontal .row > div .panel .panel-body .pasajeros_display
{color: #d9d9d9; font-size: 12px; line-height: 27px; font-weight: normal;}

form.buscador-horizontal .row > div .panel .panel-body select {width: 100%;cursor: pointer;outline: none;font-style: normal;border: 0;color: #d9d9d9;font-size: 12px;padding: 4px 4px 5px 0; -webkit-box-shadow: none; box-shadow: none;}

form.buscador-horizontal .row > div #btn-buscar {
    padding: 8px 10px;
    font-size: 16px;
    display: block;
    float: right;
    color: #fff;
    background-color: var(--primary);
    font-size: 16px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    border: none;
    border-radius: 10px;
    width: 100%;
    min-height: 40px;
    margin-top: 24px;
}

form.buscador-horizontal .row > div .panel .panel-body .popover-select label {cursor: pointer;}
form.buscador-horizontal .row > div .panel .panel-body .popover-select .placeholder {color: #d9d9d9; padding: 4px 0px 3px;}

form.buscador-horizontal .row > div .panel .panel-body .popover-ocupacion label {font-size: 12px;}
form.buscador-horizontal .row > div .panel .panel-body .popover-ocupacion .placeholder {color: #d9d9d9; padding: 4px 0px 3px;}

form.buscador-horizontal .popover-select .placeholder {
    background-color: #fff;
    background-image: none;
    padding: 9px 5px 0px 15px;
    border-radius: 10px;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px #d9d9d9!important;
    margin-bottom: 10px;
}

/** Ocupacion Plugin */
.popover-ocupacion { font-family: var(--font); position: relative;}
.popover-ocupacion > .dialog {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 1050;background: rgba(51, 51, 51, 0.2);}

.popover-ocupacion > label {display: block; margin: 0;color: #333333;cursor: pointer;font-size: 14px; font-weight: 500; margin-bottom: 5px;}
/*.popover-ocupacion > .placeholder {color: #d9d9d9;font-size: 12px; padding: 6px 0;cursor: pointer;}*/

.popover-ocupacion > .popover {display: block; position: absolute; top: 100%; left: 50%;min-width: 320px; margin-left: -160px; margin-top: 5px; background: #FFF; border: 0; padding: 0;font-size: 12px;box-shadow: 0 40px 30px rgba(0, 0, 0, 0.4);}

.popover-ocupacion > .popover.bottom .arrow, 
.popover-ocupacion > .popover.bottom .arrow:after {border-bottom-color: var(--primary);}

.popover-ocupacion > .popover > .popover-title {background: #333333; border: 0; color: #FFF; text-align: center; padding: 5px 10px; font-size: 15px; line-height: 27px; min-height: 37px;}

.popover-ocupacion > .popover > .popover-content { padding: 0; overflow: hidden;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

.popover-ocupacion > .popover > .popover-content > .table {margin-bottom: 0;}

.popover-ocupacion > .popover > .popover-content > .table > thead > tr > th {font-family: var(--font); border-bottom: 0;background-color: var(--primary); color: #FFF!important; font-size: 13px;}
.popover-ocupacion > .popover > .popover-content > .table > thead > tr > th > small {font-family: var(--font); font-weight: normal; font-size: inherit;color: #fff;}

.popover-ocupacion > .popover > .popover-content > .table > thead > tr > th > .btn-group {}
.popover-ocupacion > .popover > .popover-content > .table > thead > tr > th > .btn-group > .btn {border: 0;padding: 3px 7px; color: #d9d9d9;}
.popover-ocupacion > .popover > .popover-content > .table > thead > tr > th:last-child {text-align: center;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > th,
.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > td {font-family: var(--font); vertical-align: middle; border-top: 1px dashed #ddd;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > th {color: #333333; font-weight: 500;}
.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > td {color: #656D78;}

.popover-ocupacion > .popover > .popover-content > .table > thead > tr > th > .fa {color: #FFF;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > th > .fa,
.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > td > .fa,
.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th > .fa {text-align: center;width: 20px;color: #333333;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr:first-child > th,
.popover-ocupacion > .popover > .popover-content > .table > tbody > tr:first-child > td {border-top: none;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > td.select {padding: 0 0 0 8px; width: 80px;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr > td > select.form-control {height: auto;border: 0;box-shadow: none; font-style: normal; border-radius: 0;/*color: #d9d9d9;*/cursor: pointer;font-size: 13px;font-family: monospace; padding: 8px 10px 8px 0px;}

.popover-ocupacion > .popover > .popover-content > .table > tbody > tr.edad_aclaracion > td > .fa {font-size: 24px; width: 25px; text-align: left; height: 28px;}

.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th {font-family: var(--font); border-top: 0; vertical-align: middle; font-size: 13px;}
.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th:last-child {}
.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th:last-child > .btn {font-style: normal;}

.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th > strong { display: inline-block; padding: 3px 0;}
.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th > .btn-group {float: right;}
.popover-ocupacion > .popover > .popover-content > .table > tfoot > tr > th > .btn-group > .btn { font-family: var(--font); background-color: var(--primary)!important; font-style: normal; padding: 3px 10px; font-size: 12px; border: none;}

.popover-ocupacion > .popover > .popover-content {color: #333333;}

@media (max-width: 800px){
    .popover-ocupacion > .placeholder{padding: 10px 0 0;}
    .popover-select .placeholder:after{top: 20px;}
}

.popover-ocupacion span{
    color: #333;
}