/*** RESULTADOS circuitos ***/


/* PASO 1 */

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

body.CIR .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.CIR .panel,
body.CIR .panel-danger {
    border: none!important;
}

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

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


body.CIR #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.CIR #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.CIR #filtros .panel-danger .btn-danger i,
body.CIR #filtros .btn-block i {
    display: none;
}

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

body.CIR #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.CIR #filtros .list-group-item {
    border: none!important;
    padding: 10px 0px;
}

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

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

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

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

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

body.CIR 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.CIR #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.CIR #resultados > div > div > div > div.list-group > div.list-group-item.info,
body.CIR #resultados .list-group-item.list-group-item-footer {
    border: none!important;
}

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

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

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

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

@media (min-width: 768px) {

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

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

    body.CIR #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.CIR #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.CIR #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.CIR .resultados .resultado .itinerario.breadcrumb {
    background-color: var(--gris-texto);
    padding: 10px;
}

body.CIR #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.CIR button[data-original-title="Fecha de Salida"] {border-radius: 10px!important; margin-left: 5px!important;}

body.CIR .input-group .select2-container .select2-selection {min-height:40px!important}