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

@import url('css/variables.css');

body {
    font-family: var(--font)!important;
}


/*Rows para Bootstrap */

/* Row de 0 */
.row.row-0 {margin-left: 0;margin-right: 0;}
.row.row-0 > div {padding-left: 0;padding-right: 0;}

/* Row de 3 */
.row.row-xs ,
.row.row-6 
{margin-left: -3px;margin-right: -3px;}

.row.row-xs > div,
.row.row-6 > div 
{padding-left: 3px;padding-right: 3px;}

/* Row de 5 */
.row.row-sm ,
.row.row-10 {margin-left: -5px;margin-right: -5px;}

.row.row-sm > div,
.row.row-10 > div {padding-left: 5px;padding-right: 5px;}

/* Row de 10 */
.row.row-md,
.row.row-20
{margin-left: -10px;margin-right: -10px;}

.row.row-md > div,
.row.row-20 > div
{padding-left: 10px;padding-right: 10px;}



/* Select2 dentro de un input-group */
.input-group .select2-container .select2-selection{border-color: #ccc;height: 30px;-webkit-border-radius: 1px;-webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius: 1px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-radius: 1px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/*.buscador{
    background-color: red;
}*/

.buscador .form-group {
    margin-bottom: 10px;
}

.buscador form {
    position: relative;
    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;
}

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

.buscador hr {
    display: none;
}

.buscador form label {
    font-weight: 500;
}

.buscador form .select2-container .select2-search--inline .select2-search__field {
    margin-top: 0;
}

.buscador form .select2-container--default .select2-selection--multiple,
.buscador form .select2-container--default .select2-selection--single,
.buscador form .input-group .form-control,
.buscador form .input-sm {
    background-color: #fff;
    background-image: none;
    padding: 7px 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;
}

.buscador form .input-group {
    display: block;
}

.buscador input#desde_PAQ,
.buscador input#hasta_PAQ {
    padding-top: 0!important;
}


.buscador form .col-xs-12.col-sm-6.boton {
    width: 100%;
}

.buscador form .btn-block {
    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 form .btn-block i {
    display: none;
}

div#ui-datepicker-div {
    font-family: var(--font);
}
    
.ui-datepicker#ui-datepicker-div .ui-widget-header {
    background: var(--primary)!important;
}

input#desde_CRU, input#hasta_CRU, input#desde_CIR, input#hasta_CIR {
    padding-top: 0!important;
}

#CRU span.select2-selection.select2-selection--single {
    background-color: #fff;
    background-image: none;
    padding: 7px 5px 0px 15px;
    border-radius: 10px!important;
    height: 40px!important;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px #d9d9d9!important;
    margin-bottom: 10px;
}

#CRU .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    line-height: 21px;
}

#CRU .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px;
}

#CRU .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: var(--gris-texto);
}

@media (min-width: 992px) {
    .paquetes_manual_hor .buscador form,
    .paquetes_catalogo_hor .buscador form {
        max-width: 1170px;
        width: 100%;
    }

    .paquetes_manual_hor .buscador .form-group,
    .paquetes_catalogo_hor .buscador .form-group {
        width: 13%;
    }

    .paquetes_manual_hor .buscador .select2-container--default,
    .paquetes_catalogo_hor .buscador .select2-container--default {
        width: 100%!important;
    }

    .paquetes_manual_hor .buscador .row.row-md > div, .row.row-20 > div,
    .paquetes_catalogo_hor .buscador .row.row-md > div, .row.row-20 > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .paquetes_manual_hor .buscador form .btn-block,
    .paquetes_catalogo_hor .buscador form .btn-block {
        margin-top: 0!important;
        padding: 8px 0px!important;
    }

    .circuitos_manual_hor .buscador form,
    .circuitos_catalogo_hor .buscador form {
        max-width: 1170px;
        width: 100%;
    }

    .circuitos_manual_hor .buscador .form-group {
        width: 13%;
    }

    .circuitos_catalogo_hor .buscador .form-group {
        width: 15%;
    }

    .circuitos_manual_hor .buscador .select2-container--default,
    .circuitos_catalogo_hor .buscador .select2-container--default {
        width: 100%!important;
    }

    .circuitos_manual_hor .buscador .row.row-md > div, .row.row-20 > div,
    .circuitos_catalogo_hor .buscador .row.row-md > div, .row.row-20 > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .circuitos_manual_hor .buscador form .btn-block,
    .circuitos_catalogo_hor .buscador form .btn-block {
        margin-top: 0!important;
        padding: 8px 0px!important;
    }

    .circuitos_catalogo_hor .buscador .boton {
        width: 10%!important;
    }



    .cruceros_manual_hor .buscador form,
    .cruceros_catalogo_hor .buscador form {
        max-width: 1170px;
        width: 100%;
    }

    .cruceros_manual_hor .buscador .form-group {
        width: 13%;
    }

    .cruceros_catalogo_hor .buscador .form-group {
        width: 11%;
    }

    .cruceros_manual_hor .buscador .select2-container--default,
    .cruceros_catalogo_hor .buscador .select2-container--default {
        width: 100%!important;
    }

    .cruceros_manual_hor .buscador .row.row-md > div, .row.row-20 > div,
    .cruceros_catalogo_hor .buscador .row.row-md > div, .row.row-20 > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .cruceros_manual_hor .buscador form .btn-block,
    .cruceros_catalogo_hor .buscador form .btn-block {
        margin-top: 0!important;
        padding: 8px 0px!important;
    }

    .cruceros_catalogo_hor .buscador form label {
        font-size: 10px!important;
    }

    .cruceros_catalogo_hor .buscador .boton {
        width: 11%!important;
    }

}

.select2-container--default .select2-results__option .select2-results__option:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary)!important;
}



/*** RESULTADOS ***/


/* PASO 1 */

body.PAQ {
    background-color: var(--gris-claro);
}

body.PAQ .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default, .btn-default:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

body.PAQ .panel,
body.PAQ .panel-danger {
    border: none!important;
}

body.PAQ .panel {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.PAQ .panel-heading,
body.PAQ .panel-footer {
    background-color: transparent;
    border: none!important;
    padding: 10px 0px;
}


body.PAQ #filtros {
    background-color: #fff;
    padding: 15px;
    border: solid 1px #d9d9d9;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.PAQ #filtros .panel-danger .btn-danger {
    background-color: var(--primary);
    padding: 10px 5px;
    height: 40px;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.PAQ #filtros .panel-danger .btn-danger i,
body.PAQ #filtros .btn-block i {
    display: none;
}

body.PAQ #filtros .panel {
    box-shadow: none!important;
}

body.PAQ #filtros .btn-block {
    background-color: var(--primary);
    padding: 10px 5px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.PAQ #filtros .list-group-item {
    border: none!important;
    padding: 10px 0px;
}

body.PAQ #filtros .input-group {  
    height: 40px;
    border-radius: 10px;
    
}

body.PAQ #filtros .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    background-image: none;
    padding: 3px 5px 0px 15px;
    border-radius: 10px;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px #d9d9d9!important;
}

body.PAQ #filtros .input-group-addon,
body.PAQ #filtros .form-control,
body.PAQ #filtros .btn-delete {
    height: 40px;
}

body.agencia-buscar #filtros .form-control {
    border-radius: 0px 10px 10px 0px;
}

body.agencia-buscar #filtros #texto {
    border-radius: 10px!important;
}

body.PAQ #filtros .input-group-addon {
    border-radius: 10px 0 0 10px;
    text-align: center;
}

body.PAQ #filtros .btn-delete {
    border-radius: 0 10px 10px 0;
    background-color: var(--primary);
    border-color: var(--primary);
}

body.PAQ div#ordenes .btn {
    height: 40px;
}

body.PAQ div#ordenes .btn-group-sm>.btn {
    border-radius: 0px;
}

#ordenes > div.col-xs-12.col-sm-3.hidden-xs > div > div:nth-child(2) button,
#ordenes > div.col-xs-12.col-sm-4.clearfix > div > div:nth-child(5) > button {
    border-radius: 0 10px 10px 0!important;
}

#ordenes > div.col-xs-12.col-sm-3.hidden-xs > div > div:nth-child(1) button,
#ordenes > div.col-xs-12.col-sm-4.clearfix > div > div:nth-child(1) button {
    border-radius: 10px 0 0 10px!important;
}


body.PAQ #resultados > div > div > div > div.list-group {
    background-color: #fff;
    padding: 15px;
    border: solid 1px #d9d9d9;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.PAQ #resultados > div > div > div > div.list-group > div.list-group-item.info,
body.PAQ #resultados .list-group-item.list-group-item-footer {
    border: none!important;
}

body.PAQ #resultados .list-group-item.list-group-item-footer {
    padding: 20px!important;
}

body.PAQ #resultados .resultados .resultado .info .texto .list-group-item-heading,
body.PAQ #resultados .resultados .resultado .tarifa .h4 {
    font-size: 24px;
}

body.PAQ #resultados .resultados .resultado .info .texto .dl-horizontal {
    border-top: none!important;
}

body.PAQ #resultados .resultados .resultado .info .texto .dl-horizontal dt {
    color: var(--gris-texto)!important;
}

@media (min-width: 768px) {

    body.PAQ #resultados .resultados .resultado .info .texto .dl-horizontal {
        font-size: 14px!important;
        margin-bottom: 10px;
    }

    body.PAQ #resultados .resultados .resultado .info .texto .dl-horizontal dt {
        width: 80px;
        text-align: left;
    }
    body.PAQ #resultados .resultados .resultado .info .texto .dl-horizontal dd {
        margin-left: 0px;
    }
    body.PAQ #resultados .resultados .resultado .info .texto .dl-horizontal dd i {
        margin-right: 10px;
    }

    body.PAQ #resultados > div > div > div > div.list-group > div.list-group-item.info > div > div.col-xs-12.col-sm-7.col-sm-push-5 > div > div {
        font-size: 14px;
    }
}


body.PAQ #resultados > div > div > div > div.list-group > div.list-group-item.list-group-item-footer > div > div.col-xs-12.col-sm-8.col-md-10.tarifa > div > em {
    font-style: normal!important;
}

body.PAQ #resultados > div > div > div > div.list-group > div.list-group-item.list-group-item-footer > div > div.col-xs-12.col-sm-4.col-md-2.hidden-xs > a {
    background-color: var(--primary);
    padding: 7px 5px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.PAQ .resultados .resultado .itinerario.breadcrumb {
    background-color: var(--gris-texto);
    padding: 10px;
}

body.agencia-buscar .resultado .panel-title {
    font-size: 24px;
    padding-top: 10px;
}

body.agencia-buscar .resultado .panel-title small {
    display: block;
    margin-top: 20px;
}

body.agencia-buscar .resultado .panel-body {
    padding: 20px 20px 20px 0;
}

body.agencia-buscar .resultado .panel-footer {
    padding: 10px 30px 20px 0;
}

body.agencia-buscar .resultado .panel-footer strong {
    font-size: 24px;
}

body.agencia-buscar .resultado .btn-block {
    background-color: var(--primary);
    padding: 7px 5px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.agencia-buscar #filtro .btn-group>.btn-group .btn {
    height: 40px;
}


body.agencia-buscar #filtro .btn-group>.btn-group:first-child .btn{
    border-radius: 10px 0 0 10px;
}

body.agencia-buscar #filtro .btn-group>.btn-group:last-child .btn {
    border-radius: 0px 10px 10px 0px;
}


/* PASO 2 */


body.spider-paquete .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding: 0;
}

body.spider-paquete #container > div > aside > div.panel-group.panel-group-lists.collapse.in.panel-buscador > div {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.spider-paquete #container > div > aside > div.panel-group.panel-group-lists.collapse.in.panel-buscador > div > div.panel-heading {
    background-color: var(--primary);
    color: #ffffff;
    border-radius: 10px 10px 0 0;
}

body.spider-paquete #container > div > aside > div.panel-group.panel-group-lists.collapse.in.panel-buscador > div > div.panel-heading i {
    display: none;
}

body.spider-paquete #container > div > aside > div.panel-group.panel-group-lists.collapse.in.panel-buscador > div > div.panel-heading a {
    font-weight: 700!important;
}

body.spider-paquete #PAQ > form {
    box-shadow: none!important;
}


body.spider-paquete div#relacionados-container {
    border: solid 1px #d9d9d9;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.spider-paquete div#relacionados-container .page-header {
    margin: 0!important;
    background-color: var(--primary);
    color: #ffffff;
    border-radius: 10px 10px 0 0;
    padding: 10px 20px;
}

body.spider-paquete div#relacionados-container .page-header h4 {
    margin: 0;
    font-weight: 700;
}

body.spider-paquete #productos-relacionados > div {
    border: none!important; 
}

body.spider-paquete .panel-group#productos-relacionados {
    padding: 15px;
    
}

body.spider-paquete .panel-group#productos-relacionados .list-inline.list-theme {
    background-color: var(--primary)!important;
    font-style: normal!important;
    padding: 10px!important;
    font-size: 14px!important;
}

body.spider-paquete #productos-relacionados .list-group .list-group-item h4.list-group-item-heading {
    font-size: 16px!important;
}

body.spider-paquete #fichaSpiderPaquete > .page-header:first-child {
    margin: 0 0 20px;
    border: none!important;
}

body.spider-paquete #fichaSpiderPaquete > div > h2 {
    font-weight: 700;
    margin-top: 0!important;
}

body.spider-paquete #fichaSpiderPaquete > div:nth-child(2) > div > div:nth-child(1) {
    padding: 0!important;
}

body.spider-paquete #fichaSpiderPaquete .panel {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.spider-paquete #fichaSpiderPaquete .panel>.list-group .list-group-item {
    padding: 20px;
}

body.spider-paquete #fichaSpiderPaquete .btn-block {
    background: var(--primary);
    color: #ffffff;
    padding: 8px 20px;
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    margin: 0 auto;
}

#fichaSpiderPaquete > div > div > div.list-group-item.hidden-print > div > div.col-md-8.text-center > h3 > small > em {
    font-style: normal!important;
}

body.spider-paquete .list-group .list-group-item-precios.active,
body.spider-paquete .list-group .list-group-item-precios.active:nth-of-type(odd), 
body.spider-paquete .list-group .list-group-item-precios.active:nth-of-type(odd) .row > div {
    background: var(--gris-texto);
    border-color: var(--gris-texto);
}

body.spider-paquete #fichaSpiderPaquete > div.page-header > h3 > a > i,
body.spider-paquete #observacionesCont > div.page-header > h3 > a > i {
    color: #fff;
}

body.spider-paquete #tarifas > div.panel.panel-default.panel-pesificado.small .panel-heading {
    font-size: 14px;
    font-weight: 700;
}

body.spider-paquete #pesificacion > div {
    text-align: center;
    padding: 10px;
}

body.spider-paquete #fichaSpiderPaquete > .page-header {
    border: none!important;
}

body.spider-paquete #tarifas > div.tarifa > div.panel-heading i {
    color: var(--gris-texto);
}

body.spider-paquete #tarifas > div.panel.panel-default.panel-pesificado.small > div.panel-heading i {
    color: var(--gris-texto);
}

body.spider-paquete #fichaSpiderPaquete > .page-header,
body.spider-paquete #observacionesCont > .page-header {
    margin: 40px 0 0px;
    border: none!important;
}

body.spider-paquete #fichaSpiderPaquete > .page-header h3,
body.spider-paquete #observacionesCont > .page-header h3 {
    background-color: var(--gris-texto);
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 700;
}

/* PASO 2 MANUAL */

.ficha-producto .page-header {
    padding-bottom: 0px;
    margin: 0px 0 20px;
    border-bottom: none;
}

.ficha-producto .page-header h1 {
    font-weight: 700;
}

.ficha-producto .panel {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.ficha-producto .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: var(--gris-texto);
    border-color: var(--gris-texto);
}

.ficha-producto .panel>.list-group:last-child .list-group-item:last-child a {
    color: var(--gris-texto);
}

.ficha-producto .btn-toolbar-share .btn {
    background-color: transparent;
    background: none !important;
    border: none !important;
    font-size: 14px;
}

.ficha-producto a.btn.btn-default.btn-theme.btn-back {
    border-radius: 10px 0 0 10px;
}

.ficha-producto a.btn.btn-default.btn-theme:last-child {
    border-radius: 0 10px 10px 0;
}

.ficha-producto a.btn.btn-default.btn-theme:hover {
    color: #fff!important;
}

.ficha-producto .list-group-item.list-group-item-precios .btn-block {
    background: var(--primary);
    color: #ffffff;
    padding: 8px 5px;
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px!important;
    margin: 0 auto;
}

#collapseBuscador > .panel-body {
    padding: 0;
}

#container > div > aside > div.panel-group.panel-group-lists.collapse.in.panel-buscador > .panel {
    border: none;
    border-radius: 10px;
}

.panel-group#productos-relacionados > .panel {
    border-radius: 10px;
    border: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.panel-group#productos-relacionados .list-inline.list-theme {
    background-color: var(--gris-texto)!important;
    padding: 10px!important;
    font-style: normal!important;
}

#relacionados-container .productos-relacionados .panel-default>.panel-heading {
    color: #fff;
    background-color: var(--primary);
    border-color: #ddd;
    border: none;
    border-radius: 10px;
}

.ficha-producto h3 {
    background-color: var(--gris-texto);
    color: #fff;
    border-radius: 10px;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 700;
}


#container > div > aside > div.panel-group.panel-group-lists.collapse.in.panel-buscador > div > div.panel-heading {
    border-radius: 10px 10px 0 0;
    background-color: var(--primary);
    color: #ffffff;
}


/* PASO 3 */

body.producto-consultar #desglose > .table > tbody > tr.tarifa th, 
body.producto-consultar #desglose > .table > tbody > tr.tarifa td {
    background-color: #ffffff;
}

body.producto-consultar #desglose > .table > tbody > tr > td.moneda, 
body.producto-consultar #desglose > .table > tfoot > tr > th.moneda {
    display: none;
}

body.producto-consultar #desglose > .table > tbody > tr > td.monto, 
body.producto-consultar #desglose > .table > tfoot > tr > th.monto {
    font-family: 'Montserrat';
}

body.producto-consultar #desglose > .table > tfoot > tr > th {
    background-color: var(--primary);
    border: none!important;
    color: #ffffff;
    font-size: 16px;
}

body.producto-consultar #app > form > div > div.col-xs-12.col-sm-9 > div.panel.panel-default.panel-paquete {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.producto-consultar #app > form .panel-body {
    padding: 20px 30px;
}

body.producto-consultar #app form ul {
    list-style: none;
    padding-left: 0;
}

body.producto-consultar #app form ul li {
    padding: 5px 0;
}


/* PASO CONSULTAR */

body.producto-consultar #app > form > div > div.col-xs-12.col-sm-9 > .page-header h4 {
    font-size: 16px;
    padding: 10px 10px 10px 15px;
    margin: 0px;
    line-height: initial;
    font-weight: 600;
    font-style: normal;
    color: #ffffff;
    background-color: var(--gris-texto);
    border-radius: 10px;
}

body.producto-consultar #app .page-header {
    border-bottom: none!important;
}

body.producto-consultar #app .form-group,
body.producto-consultar #app .list-group,
body.producto-consultar #app .list-group:last-child,
body.producto-consultar #app .list-group-item,
body.producto-consultar #app .list-group-item:last-child {
    border: none!important;
    border-bottom: none!important;
}

body.producto-consultar #app > form label {
    font-weight: 500;
}

body.producto-consultar #app > form input,
body.producto-consultar #app > form select {
    background-color: #ffffff;
    border: 1px solid var(--gris-medio);
    padding: 7px 10px;
    width: 100%;
    font-size: 13px !important;
    border-radius: 0 10px 10px 0!important;
    min-height: 40px;
}

body.producto-consultar #app .input-group-addon {
    background-color: var(--gris-texto);
    border: 1px solid var(--gris-texto);
    color: #ffffff;
    padding: 7px 15px;
    font-size: 13px !important;
    border-radius: 10px 0 0 10px!important;
    min-height: 40px;
}

body.producto-consultar #app textarea.form-control {
    background-color: #ffffff;
    border: 1px solid var(--gris-medio);
    padding: 7px 10px;
    width: 100%;
    font-size: 13px !important;
    border-radius: 10px!important;
    resize: none;
    color: var(--gris-texto);
}

body.producto-consultar #app .btn-block {
    background: var(--primary);
    color: #ffffff;
    padding: 8px 60px;
    border: 0;
    outline: 0;
    /* width: 100%; */
    display: block;
    margin-right: 0;
    margin-left: auto;
    font-size: 16px;
    font-weight: 700;
    /*margin: auto;*/
    border-radius: 10px;
}

body.producto-consultar #app .btn-block i {
    display: none;
}


/*** TRASLADOS ***/

@media (min-width: 992px) {
    .buscador#TRA form {
        max-width: 1170px;
        width: 100%;
    }

    .buscador#TRA .form-group,
    .buscador#TRA .boton {
        width: 20%;
    }

}

.buscador#TRA .boton label {
    display: none;
}

.buscador#TRA .boton .btn-block {
    margin: 24px auto auto;
}

.buscador#TRA form .input-group .select2-container .select2-selection {
    background-color: #fff;
    background-image: none;
    padding: 7px 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;
}


.buscador#TRA label i {
    color: var(--gris-texto)!important;
}

/*** RESULTADOS ***/


/* PASO 1 */

body.TRA {
    background-color: var(--gris-claro);
}

body.TRA .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default, .btn-default:hover {
    color: #fff;
    background-color: var(--primary);
    border-color: var(--primary);
}

body.TRA .panel,
body.TRA .panel-danger {
    border: none!important;
}

body.TRA .panel {
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.TRA .panel-heading,
body.TRA .panel-footer {
    background-color: transparent;
    border: none!important;
    padding: 10px 0px;
}


body.TRA #filtros {
    background-color: #fff;
    padding: 15px;
    border: solid 1px #d9d9d9;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.TRA #filtros .panel-danger .btn-danger {
    background-color: var(--primary);
    padding: 10px 5px;
    height: 40px;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.TRA #filtros .panel-danger .btn-danger i,
body.TRA #filtros .btn-block i {
    display: none;
}

body.TRA #filtros .panel {
    box-shadow: none!important;
}

body.TRA #filtros .btn-block {
    background-color: var(--primary);
    padding: 10px 5px;
    height: 40px;
    font-size: 14px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.TRA #filtros .list-group-item {
    border: none!important;
    padding: 10px 0px;
}

body.TRA #filtros .input-group {  
    height: 40px;
    border-radius: 10px;
    
}

body.TRA #filtros .select2-container--default .select2-selection--multiple {
    background-color: #fff;
    background-image: none;
    padding: 3px 5px 0px 15px;
    border-radius: 10px;
    height: 40px;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #717171;
    border: solid 1px #d9d9d9!important;
}

body.TRA #filtros .input-group-addon,
body.TRA #filtros .form-control,
body.TRA #filtros .btn-delete {
    height: 40px;
}

body.TRA #filtros .input-group-addon {
    border-radius: 10px 0 0 10px;
    text-align: center;
}

body.TRA #filtros .btn-delete {
    border-radius: 0 10px 10px 0;
    background-color: var(--primary);
    border-color: var(--primary);
}

body.TRA div#ordenes .btn {
    height: 40px;
}

body.TRA div#ordenes .btn-group-sm>.btn {
    border-radius: 0px;
}

body.TRA #resultados > div > div > div > div.list-group {
    background-color: #fff;
    padding: 15px;
    border: solid 1px #d9d9d9;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

body.TRA #resultados > div > div > div > div.list-group > div.list-group-item.info,
body.TRA #resultados .list-group-item.list-group-item-footer {
    border: none!important;
}

body.TRA #resultados .list-group-item.list-group-item-footer {
    padding: 20px!important;
}

body.TRA #resultados .resultados .resultado .info .texto .list-group-item-heading,
body.TRA #resultados .resultados .resultado .tarifa .h4 {
    font-size: 24px;
}

body.TRA #resultados .resultados .resultado .info .texto .dl-horizontal {
    border-top: none!important;
}

body.TRA #resultados .resultados .resultado .info .texto .dl-horizontal dt {
    color: var(--gris-texto)!important;
}

@media (min-width: 768px) {

    body.TRA #resultados .resultados .resultado .info .texto .dl-horizontal {
        font-size: 14px!important;
        margin-bottom: 10px;
    }

    body.TRA #resultados .resultados .resultado .info .texto .dl-horizontal dt {
        width: 80px;
        text-align: left;
    }
    body.TRA #resultados .resultados .resultado .info .texto .dl-horizontal dd {
        margin-left: 0px;
    }
    body.TRA #resultados .resultados .resultado .info .texto .dl-horizontal dd i {
        margin-right: 10px;
    }

    body.TRA #resultados > div > div > div > div.list-group > div.list-group-item.info > div > div.col-xs-12.col-sm-7.col-sm-push-5 > div > div {
        font-size: 14px;
    }
}


body.TRA #resultados > div > div > div > div.list-group > div.list-group-item.list-group-item-footer > div > div.col-xs-12.col-sm-8.col-md-10.tarifa > div > em {
    font-style: normal!important;
}

body.TRA #resultados > div > div > div > div.list-group > div.list-group-item.list-group-item-footer > div > div.col-xs-12.col-sm-4.col-md-2.hidden-xs > a {
    background-color: var(--primary);
    padding: 7px 5px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    border-radius: 10px;
    border-color: var(--primary);
}

body.TRA .resultados .resultado .itinerario.breadcrumb {
    background-color: var(--gris-texto);
    padding: 10px;
}