/*-------------FONTS-------------------*/

@font-face {
    font-family: "EncodeSansMedium";
    src: url("../vendor/fonts/encode/EncodeSans-Medium.ttf");
}

@font-face {
    font-family: "EncodeSansBold";
    src: url("../vendor/fonts/encode/EncodeSans-Bold.ttf");
}

@font-face {
    font-family: "EncodeSansSemiBold";
    src: url("../vendor/fonts/encode/EncodeSans-SemiBold.ttf");
}

@font-face {
    font-family: "EncodeSansCondensedMedium";
    src: url("../vendor/fonts/encode/EncodeSansCondensed-Medium.ttf");
}

@font-face {
    font-family: "EncodeSansCondensedBold";
    src: url("../vendor/fonts/encode/EncodeSansCondensed-Bold.ttf");
}

@font-face {
    font-family: "DINProBlack";
    src: url("../vendor/fonts/FF_DIN_Pro_Black.otf");
}

@font-face {
    font-family: "DINProBold";
    src: url("../vendor/fonts/FF_DIN_Pro_Bold.otf");
}

@font-face {
    font-family: "DINProLight";
    src: url("../vendor/fonts/FF_DIN_Pro_Light.otf");
}

@font-face {
    font-family: "DINProMedium";
    src: url("../vendor/fonts/FF_DIN_Pro_Medium.otf");
}

@font-face {
    font-family: "DINProRegular";
    src: url("../vendor/fonts/FF_DIN_Pro_Regular.otf");
}

@font-face {
    font-family: "DINCondRegular";
    src: url("../vendor/fonts/FF_DIN_Condensed_Regular.otf");
}

@font-face {
    font-family: "DINCondMedium";
    src: url("../vendor/fonts/FF_DIN_Condensed_Medium.otf");
}

@font-face {
    font-family: "DINCondLight";
    src: url("../vendor/fonts/FF_DIN_Condensed_Light.otf");
}

@font-face {
    font-family: "DINCondBold";
    src: url("../vendor/fonts/FF_DIN_Condensed_Bold.otf");
}

@font-face {
    font-family: "DINCondBlack";
    src: url("../vendor/fonts/FF_DIN_Condensed_Black.otf");
}

/*-------------GENERALES-------------------*/

body{
	margin: 0;
	padding: 0;
    font-family: "EncodeSansMedium";
    color: #333;
}

input::-webkit-input-placeholder{
    opacity: 0.7!important;
} 
input::-moz-placeholder{
    opacity: 0.7!important;
} 
input:-ms-input-placeholder{
    opacity: 0.7!important;
} 
input::placeholder{
    opacity: 0.7!important;
}

i{
    color: #242C4F!important;
}
i.cargando{
    font-size: 24px;
    overflow-y: hidden;
}

li{
    list-style:none;    
}

a{
    text-decoration: none!important;
    cursor: pointer;    
    color:#555!important;
}

.border.ligth{
    border: 1px solid black;
}
.border.thick{
    border: 5px solid black!important;
}

tbody td{border: none!important;}

.table thead th{
    border:none;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #242C4F!important;
    text-decoration: none;
    background-color: #fff;
}

.modal-header, .modal-footer{
    border: none!important;
}

.modal-content{
    border: 0px solid rgba(0,0,0,.2)!important;
    border-radius: 0rem!important;
}

/*TITULOS GENERALES*/

.titulo_uno{
    font-family: "EncodeSansBold";
    color: #242C4F!important;
    font-size: 1.4rem;
}

.titulo_dos{
    font-family: "EncodeSansMedium";
    color: #242C4F!important;    
    font-size: 1rem;
}

.titulo_tres{  
    font-family: "EncodeSansBold";  
    color: #242C4F!important;
    font-size: 0.9rem!important;    
}

.titulo_cuatro{  
    font-family: "EncodeSansMedium";  
    color: #242C4F!important;
    font-size: 0.8rem;    
}

.titulo_cinco{  
    font-family: "EncodeSansMedium";  
    color: #333!important;
    font-size: 0.8rem;    
}

.titulo_seis{  
    font-family: "EncodeSansMedium";  
    color: #333!important;
    font-size: 1rem;    
}

.titulo_siete{  
    font-family: "EncodeSansCondensedMedium";  
    color: #333!important;
    font-size: 0.8rem;    
}

.titulo_ocho{  
    font-family: "EncodeSansCondensedMedium";  
    color: #242C4F!important;
    font-size: 0.75rem;    
}

.titulo_nueve{  
    font-family: "EncodeSansCondensedMedium";  
    color: #333!important;
    font-size: 0.6rem;    
}

.texto_rojo{
    color: #FF0000!important;
}

.str-upper{
    text-transform: uppercase;!important;
}
.str-lower{
    text-transform: lowercase;!important;
}
.str-capitalize{
    text-transform: capitalize;!important;
}

/*FORMULARIOS GENERALES*/

.form_gral{
    padding: 1.5rem;      
}

.dropdown-menu-gral {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 19rem!important;
    padding: .5rem 0;
    margin: .75rem 0 0;    
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;    
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    border-radius: 0px;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-top: solid .5rem #242C4F!important;
    box-shadow: 0 4px 8px 0 rgba(0, 128, 197, 0.2), 0 6px 20px 0 rgba(0, 128, 197, 0.19);
}

.titulo_form_gral{
    color: #242C4F!important;
    font-family: "EncodeSansBold";
    text-align: left; 
    font-size: 1rem;
}    

.titulo_form_uno{
    font-family: "EncodeSansBold";
    color: #242C4F!important;
    text-align: center; 
    font-size: 1.1rem;
}

.titulo_form_dos{
    font-family: "EncodeSansMedium";        
    font-size: 0.9rem;
    color: #b1b1b1!important;
}

.titulo_form_tres{
    font-family: "EncodeSansMedium";        
    font-size: 0.7rem;
    color: #242C4F!important;
}

.label_form_gral{
    color: #242C4F!important;
    font-family: "EncodeSansMedium";
    margin-bottom: .2rem;
    font-size: 0.8rem;
}

.iconos_login{
    opacity: 0.4;

    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
}

.iconos_login:hover{
    opacity: 0.6;

    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}

select{
    background-color: #d7edf2!important;
    border: none!important;
    border-radius: 0px!important;
}
select:disabled{
    background-color: #e9ecef!important;
}

option{
    background-color: #d7edf2!important;
    border: none!important;
}

.btn_gral{
    background-color: #242C4F;
    color: #fff!important;
    font-family: "EncodeSansSemiBold";
    border-radius: 0px;
    font-size: 0.9rem;
    margin: 0 auto;
}

.btn_gral:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}

.btn_gral.secundario{
    background-color: #999!important;
}

.lnk {
    font-family: "EncodeSansMedium";
    margin-bottom: .2rem;
    font-size: 0.8rem;
    text-decoration-line: underline;
    cursor: pointer;
    color:#474b4e;
}

/*----------CHECK BUTTON GENERALES---------*/

input[type="checkbox"]{
    display: none;
}

input[type="checkbox"] + label span{
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: #c7c7c7 solid 2px;
}

input[type="checkbox"]:checked + label span{
    background-color: #242C4F;
    border: none;
}

input[type="checkbox"]:disabled + label span{
    background-color: #c7c7c7;
    border: #c7c7c7 solid 2px;
    cursor: default;
}

input[type="checkbox"] + label span::after,
input[type="checkbox"]:checked + label span::after {
    -webkit-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
}

/*----------RADIO BUTTON GENERALES---------*/

input[type="radio"] {
    display: none;
}

input[type="radio"] + label span, label.selector span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: #c7c7c7 solid 2px;
}

/*input[type="radio"] + label span.select_categoria {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    cursor: pointer;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: #c7c7c7 solid 1px;
}*/

input[type="radio"]:checked + label span, label.selector.active span {
    background-color: #242C4F;
    border: none;
}

input[type="radio"]:disabled + label span, label.selector.disabled span {
    background-color: #c7c7c7;
    border: #c7c7c7 solid 2px;
    cursor: default;
}
label.selector.disabled, label.selector.disabled span{
    cursor: not-allowed;
}

input[type="radio"] + label span,
input[type="radio"]:checked + label span, label.selector span {
    -webkit-transition: background-color 0.4s linear;
    -o-transition: background-color 0.4s linear;
    -moz-transition: background-color 0.4s linear;
    transition: background-color 0.4s linear;
}

/*----------TOOLTIPS GENERALES---------*/

.tooltip_general .texto_tooltip {    
    display:none;
    padding:5px; 
    width:22%;
    position:relative;
    z-index:9;
}

.tooltip_general:hover .texto_tooltip{
    font-family: inherit;
    text-align: center;
    display: block;
    position: absolute;   
    background: #242C4F;
    margin-top: 0.8rem;
    color: #fff;
    margin-left: -0.3rem;
    opacity: 0.85;
    font-size: 0.8rem;
}

.tooltip_general:hover .texto_tooltip::after {
    content: "";
    display: block;
    width: 0rem;
    height: 0rem;
    border-left: 0.5rem solid transparent;  /* izquierda flecha */
    border-right: 0.5rem solid transparent; /* derecha flecha */
    border-bottom: 0.5rem solid #242C4F; /* base flecha y color*/
    font-size: 0rem;
    line-height: 0rem;
    position: absolute;
    top: -0.5rem;
    left: 0.3rem;
}

/*----------TOOLTIPS FORMS ALERTAS / ERRORES---------*/

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;  
    max-width: 100%;
    padding: .6rem;
    margin-top: .1rem;
    font-size: .9rem;
    /*line-height: 1;*/
    color: #fff;
    background-color: rgba(249,186,110,.8);    
    border-radius: 0rem;
    color: #555;
}

.invalid-tooltip i {
    position: absolute;
    top: -1.1rem;
    color: rgba(249,186,110,.8)!important;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #242C4F!important;
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: #242C4F;
    box-shadow: 0 0 0 0.2rem rgba(249,186,110,.25);
}
span.form-control.is-invalid, span.form-control.is-invalid:focus{
    background-color: inherit !important;
}
span.form-control {
    border: none !important;
    background-color: inherit !important;
}

.input-group.is-invalid,
input.recorrido.selectized.is-invalid~.selectize-control.recorrido > .selectize-input {
    border: 0.1rem solid #242C4F!important;
}
.input-group.is-invalid~.invalid-tooltip {
    display: block;
}

input.is-invalid, select.is-invalid {
    border-width: 0.1rem!important;
    border-style: solid!important;
}

.form-control.is-loading {
  border-color: #1698d0;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 50 50'%3E%3Cpath fill='%231698d0' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.5s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  cursor: not-allowed;
}

.error > * {
    color: #de7f0c!important;
}

/*----------MODALS PARA EVENTOS / ERRORES / AVISOS---------*/
#modal_alerta{
    background-color: rgba(0, 0, 0, 0.4)!important;
}
#modal_alerta > .modal-dialog > .modal-content{
    /*border: 0.13rem solid #242C4F !important;*/
}

#modal_alerta table tr {
    font-size: 1rem;
}

#modal_alerta table tr th {
    color: #fff!important;
    background-color: #242C4F;
    border: 0.1rem solid #fff;
}

#modal_alerta .modal_header_alerta{
    background-color: #242C4F;
    border-radius: 0;
}
#modal_alerta .modal_header_alerta.error{
    background-color: #999!important;
}

#modal_alerta .modal_header_alerta i{
    color: #fff!important;
    text-align: center;
    width: 100%;
    font-size: 3.5rem;    
    margin-bottom: 0.5rem;
}

#modal_alerta .modal_header_alerta h2{
    color: #fff;
    font-family: "EncodeSansBold";
    text-align: center;
    font-size: 1.5rem!important;
}

#modal_alerta .modal-button button{
    background-color: #242C4F;
}

#modal_alerta .mensaje_alerta{  
    font-family: "EncodeSansMedium";
    font-size: 1rem;
    margin-top: 3rem;
    text-align: center;
}

#modal_alerta > .modal-dialog > .modal-content > .modal-body p img{
   width: 100%;
}

/*-------------MODAL ITINERARIO-------------------*/

.modal_header_itinerario button{
    color: #fff;
}

.modal_header_itinerario button:hover{
    color:#fff;    
}

.modal_header_itinerario button:focus{
    outline: none;
}

/*-------------HEADER-------------------*/

header{
    position: relative;
}

/*LOGO Y USUARIO*/

/* .pre-cabecera{
    z-index: 2;
    background-color: #242C4F;
    height: 0.7rem;
    margin: 0;
} */
.cabecera{
	/* position: absolute; */
    /* top: 2.5%;  */
    z-index: 2;
    margin: 0;
    padding: 10px 20px;
    background-color: #fff;
}

.usuario{
    padding-top: 19px;
    font-size: 13px;
    font-family: "EncodeSansMedium";
    /* cursor: pointer; */
}

 /*MENU*/

.menu{
    padding: 3rem;   
}

.menu a, .menu a i{
    color:#949494;
}

.menu a i{
    color:#949494;
}

.menu a:hover{
    color:#242C4F;
}

/*SLIDER*/

.visible-sof{
	display: block !important;
}

.carousel-caption-slider{
	display: none;
    position: absolute;
    right: 0%;
    bottom: 10%;
    z-index: 10;
    padding: 12px 150px 12px 20px;
    color: #fff;
    text-align: left;
    background-color: rgba(0, 128, 197, .75);
}

.slider_destinos{        
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
    height: 440px;
}

/* .slider_destinos_banner{
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center center!important;
    height: 200px;
} */

.img_slider_uno{
    background: url(../img/banner_superior/banner-1.jpg);
}

.img_slider_dos{
    background: url(../img/banner_superior/banner-2.jpg);    
}

.img_slider_tres{
    background: url(../img/banner_superior/banner-3.jpg);    
}

.img_slider_cuatro{
    background: url(../img/banner_superior/banner-4.jpg);
}

.img_slider_cinco{
    background: url(../img/banner_superior/banner-5.jpg);
}

.img_slider_seis{
    background: url(../img/banner_superior/banner-6.jpg);
}

.img_slider_siete{
    background: url(../img/banner_superior/banner-7.jpg);
}

.img_slider_ocho{
    background: url(../img/banner_superior/banner-8.jpg);
}

/*.img_slider_nueve{
    background: url(../img/banner_superior/chivilcoy_2.jpg);
}

.img_slider_diez{
    background: url(../img/banner_superior/rosario_1.jpg);
}*/

.img_banner{
     background: url(../img/banner_superior/mdp_2.jpg);
}

.carousel-indicators{
    bottom: 0px;
    z-index: 1!important;
}    

/*FORM BUSCAR SERVICIOS*/

.form_busqueda_servicios{  
    position: absolute;
    z-index: 1;
    width: 35%;
    left: 4%;
    /*top: 35%;*/
    top: 30%;
    padding: 0.6rem;  
    background-color: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;

    border-radius: 0px;       
  
}

/*-------------Carousel General-------------------*/

.contenedor-carousel{
    margin: 0 auto;
        z-index: 0!important;
}
.flecha_carousel{
    display: block;
}

/*-------------SECTION OFERTA DESTINOS-------------------*/

/*ICONOS CAROUSEL PARA INDEX*/  

.contenedor-carousel.oferta_destinos{
    width: 95%;
}

.flecha_carousel.oferta_destinos{
    width: 2.5%;
}

.flecha_carousel.oferta_destinos a{
    top: 47%;
    position: relative;
}

/*-------------SECTION ICONOS INDEX-------------------*/

.iconos_index{
    /*margin: 2% 2.5%!important;*/
    background-color: #242C4F;
    font-family: "EncodeSansMedium"!important;
    /*text-align: center;*/
}

/* .iconos_index a img{        
    padding: 1.5rem;    
    margin: 0 2rem;
} */

.iconos_index a:hover{
    opacity: 0.6;
}

/*-------------SECTION BANNER -------------------*/

.banner{
    padding: 2.5% 8% 4%;    

}

.banner img{
    width: 100%;
}

.carousel-caption-banner{
    font-family: "EncodeSansMedium";
    display: none;
    position: absolute;
    right: 0%;
    bottom: 60px;
    z-index: 10;
    padding: 12px 20px;
    color: #242C4F;
    text-align: center;
    background-color: rgba(255, 255, 255, .75);
}

.carousel-caption-banner h5{        
    font-size: 2rem;
    margin: 0.5% 0 0 0;
}

.logo_banner{
    width: 40%!important;
    margin-left: 2%;
}

.btn-banner{
    position: absolute;
    right: 0%;
    bottom: 5px;
    z-index: 10;
    display: none;
}

/*-------------SECTION GENERAL-------------------*/

.seccion_general{
    width: 100%;
    height: auto;
    padding: 2% 8% 2%;
}

/*------------- SECTION NAV AVANCE DE COMPRA -------------------*/

.nav_avance_compra{
    padding: 4% 8% 0%;
}

.nav_avance_compra.web{
    display: block;
}

.nav_avance_compra.mobile{
    display: none;
}

.iconos_pasos {
    opacity: 0.4;
    max-width: 14%;
}

.iconos_pasos.activo {
    opacity: 1;
}

.iconos_pasos p{
    font-family: "EncodeSansMedium";
    font-size: 1rem;
    color: #242C4F;
    margin: 0px;
}

.breadcrumb {
    background-color: transparent!important;
}
    
.breadcrumb-item{
    font-family: "EncodeSansMedium";
    margin: 0px;
}

.breadcrumb-item a{
    color: #555!important;
}

.breadcrumb-item.active a{
    color: #242C4F!important;
}

/*----------LINEA DE SEPARACION DE SECCIONES-------------*/

.linea_secciones{
    padding: 2rem 0rem;    
}

.titulo_secciones{     
    font-family: "EncodeSansSemiBold";
    color: #242C4F!important;
    text-align: left; 
    font-size: 1.4rem;   
}

.linea_separar{
    background-color: #c7c7c7;
    box-sizing: border-box;    
    height: 4px;    
    position: relative;   
}

.linea_separar_mini {
    background:#242C4F;
    width:3%;
    height: 4px;
    z-index:1;  
    color:#2E8DEF;
    position:absolute;    
}

/*------------- SECTION CALENDARIO -------------------*/

/*CALENDARIO PARA SECTION CALENDARIO*/ 

/*Dias disponibles en section calendario*/

.dia_disponible{
    width: 8.15rem;
    height: 8.15rem;
    border: 1px solid #242C4F;
    padding: 0.6rem;
    text-align: center;
    box-sizing: content-box;
}

.dia_disponible:hover{
    opacity: 0.8;
 }

.dia_numero{
    font-family: "EncodeSansCondensedBold";
    color: #242C4F;
    font-size: 1.2rem;
    position: relative;
}

.dia_precio{
    font-family: "EncodeSansCondensedMedium";;
    color: #555;
    font-size: 1rem;
    position: relative;
    right: 0rem;
    top: -0.5rem;
}

.btn_seleccionar{
    position: relative;
    right: 0rem;
    top: -0.5rem;
}

.disponibles{
    font-family: "EncodeSansCondensedBold";
    color: #333;
}

.disponibles p{
    margin: 0px;
    line-height: 1rem;
    font-size: 0.75rem;
}

.disponibles p span{
    color: #333;
}

/*Dias NO disponibles en section calendario*/

.dia_no_disponible{
    width: 8.15rem;
    height: 8.15rem;
    border: 1px solid #ccc;
    background-color: #efeeee;
    padding: 0.6rem;
    text-align: center;
    box-sizing: content-box;
}

.dia_numero_no_disponible{
    font-family: "EncodeSansCondensedBold";
    color: #888;
    font-size: 1.2rem;
    position: relative;
}

.texto_no_disponible{
    font-family:"EncodeSansCondensedMedium";
    color: #888;
    font-size: 0.8rem;
    position: relative;
    top:2rem;
    text-align: center;
    display: inline-block;
}

/*------------- SECTION SERVICIOS-------------------*/

/*CALENDARIO CAROUSEL PARA SECTION SERVICIO*/  

.contenedor-carousel.calendario_servicio{
    width:90%;
    margin: 0 auto;
}

.flecha_carousel{
    width: 5%;
}

.flecha_carousel a{
    top: 50%;
    position: relative;
}     

/*Dias disponibles en section servicio*/

.dia_horizontal_servicio{
    font-family: "DINCondBold";
    color: #242C4F;
    font-size: 1.1rem;
    text-align: center;
    margin-bottom: 0.5rem;
}

.dia_servicio{
    width: 6rem;
    height: 6rem;
    border: 2px solid #242C4F;
    padding: 0.5rem;
    text-align: center;
    box-sizing: content-box;
    cursor: pointer;
    font-family: "DINCondBold";
    font-size: 0.8rem;
    margin: 0px;
}

.dia_servicio:hover{
    opacity: 0.8;
 }

.fecha_servicio{
    color: #242C4F;
    font-size: 1.2rem;
    position: relative;
}

.dia_precio_servicio{
    color: #242C4F;
    right: 0rem;
    margin: 0px;
}

.disponibles_servicio{
    font-family: "DINCondMedium";    
    color: #888;
    font-size: 0.75rem; 
    top: 0.5rem;
    position: relative;                    
}
.disponibles_servicio.blue{
    color: #242C4F;
}

.disponibles_servicio p{
    margin: 0px;
}

.disponibles p span{
    color: #333;
}

/*Dias NO disponibles en section servicio*/

.item.no_disponible *,.item.inhabilitado *{
    color: #777;
    cursor: default;
}
.item.no_disponible > .dia_servicio, .item.inhabilitado > .dia_servicio{
    border: 2px solid #777;
}
.dia_servicio.no_disponible{
    /*color: #777;*/
    /*border: 2px solid #777;*/
    background-color: #efeeee;
    cursor: default;
    text-align: center;
}

/* .fecha_servicio.no_disponible{
    color: #777;
}
 */
.texto_no_disponible_servicio{
    position: relative;
    top:1.2rem;
    display: inline-block;
}

/*Dia servicio seleccionado*/

.seleccionado .dia_servicio{      
    background-color: #242C4F!important;
}

.seleccionado .dia_servicio *{        
    color: #fff!important;
}

/*TABLA DE SERVICIO SELECCIONADO*/

.cabecera_datos{
    background-color: #242C4F;
    color: #fff;
    font-family: "EncodeSansCondensedMedium";
    font-size: 0.75rem;
    border:none!important;
}

.cuerpo_datos_servicio{
    color: #555;
    background-color: #f7f7f7;
    font-family: "EncodeSansCondensedBold";
    font-size: 0.85rem;
    height: 110px;
    border: 1px solid #f7f7f7;
}

.cuerpo_datos_categoria{
    color: #555;
    background-color: #f7f7f7;
    font-family: "EncodeSansCondensedMedium";
    font-size: 0.7rem;
    /*height: auto;*/
    height: 110px;
    border: 1px solid #f7f7f7;
}
.conjunto .cuerpo_datos_servicio, .conjunto .divide_tramo, .conjunto .cuerpo_datos_categoria{
    background-color: #f7f7f7!important;
}
.conjunto:nth-of-type(2n) .cuerpo_datos_servicio, .conjunto:nth-of-type(2n) .divide_tramo, .conjunto:nth-of-type(2n) .cuerpo_datos_categoria{
    background-color: #fefefefe!important;   
}

.divide_tramo{
    background-color: #f7f7f7;
    color: #242C4F;
    font-size: 0.6rem;
    height: 0.6rem!important;
}

.divide_tramo hr{        
    border-top: 1px solid #242C4F;
}

.contenedor-categorias .divide_tramo hr {
    border-top: 1px solid #cacaca;
}

.cabecera_categoria{
    background-color: #cacaca;
    color: #FFF;
    font-family: "EncodeSansCondensedMedium";    
    font-size: 0.75rem;
    /*border:none!important;*/
    border-left: 0.2rem solid #fff !important;
}

.contenedor-servicios .servicio.activo > *, .contenedor-categorias .categoria.activo > *{
    color:  #242C4F;
}

/*Talbas de servicios y de reimpresion de reservas y boletos*/
table.datos_servicios th,
table.datos_boletos_usuario th, table.datos_boletos_usuario tr,
table.datos_reservas_usuario th, table.datos_reservas_usuario tr{
    border-bottom: 0.5rem solid #fff !important;
}

table.datos_boletos_usuario tbody tr.boleto_seleccionado td,
table.datos_reservas_usuario tbody tr.reserva_seleccionado td{
    color: #00a7b7;
    margin-top: 2rem;
}

table.datos_servicios tr td,
table.datos_boletos_usuario tr td,
table.datos_reservas_usuario tr td{
    color: #555;
    background-color: #f0f0f0;
    font-family: "EncodeSansCondensedMedium";    
    font-size: 0.8rem;
    padding: 0.6rem!important;
    border:none!important;
    text-align: center;
    vertical-align: middle!important;
}

table.datos_servicios tr td p,
table.datos_boletos_usuario tr td p,
table.datos_reservas_usuario tr td p{
    margin: 0;
    line-height: 1rem;
}

table.datos_servicios tr.servicio.activo td.datos_categoria{    
    color: #00a7b7;
}

table.datos_servicios tr td.datos_categoria p{
    margin: 0;
    line-height: 1rem;
}

table.datos_servicios tr td.datos_categoria{
    border-left: 0.3rem solid #fff !important;
    color: #555;
    background-color: #f0f0f0;
    font-family: "EncodeSansCondensedMedium";    
    font-size: 0.7rem;
    padding: 0.6rem!important;
    text-align: center;
    vertical-align: middle!important;
}

@media (max-width: 1000px) {
  .icono_atencion {
    display: none;
  }
}

/*------------------SECTION DATOS DE PASAJEROS------------------*/

.contenedor-datos_pasajeros{
    border-radius: 0px; 
 }

.contenedor-datos_pasajeros:nth-child(odd){
    background-color: #f7f7f7;
}

.contenedor-datos_pasajeros:nth-child(even){
    background-color: #fff;
}

.btn_menor span{
    font-family: "DINCondMedium"!important;
    font-size: 0.7rem;
}

.contenedor-bebe {
    padding-top: 0!important;
}
.row.p-3 + .contenedor-bebe{
    padding-bottom: 0!important;
}
/* .btn_menor:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
}*/

.tag-resultado{
    border-radius: 10px;
    color: #000!important;
    background-color: #ddd!important;
    height: fit-content;
}
.tag-resultado.success, .tag-resultado.success *{
    color: #fff!important;
    background-color: #242C4F!important;
}
.tag-resultado.error, .tag-resultado.error *{
    color: #000!important;
    background-color: rgba(249,186,110)!important;
}

/*------------SECTION ASIENTOS-------------------*/

/*CAMBIO DE COCHE*/

.dropdown-cambio-coche, .dropdown-cambio-servicio {
    min-width: 22rem!important;
    padding: 1.5rem;   
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    border-radius: 0px;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-top: solid .5rem #242C4F!important;
    box-shadow: 0 4px 8px 0 rgba(0, 128, 197, 0.2), 0 6px 20px 0 rgba(0, 128, 197, 0.19);
}

.table.info_coches > tbody > tr.item-coche, .table.info_servicios > tbody > tr.item-servicio {
    cursor: pointer;
}
.table.info_coches > tbody > tr.item-coche:hover, .table.info_servicios > tbody > tr.item-servicio:hover {
    background-color: rgba(0, 128, 197, 0.15);
}

/*------------SECTION TERMINOS Y CONDICIONES-------------------*/

.texto_terminos{
    font-stretch: 0.8rem;
    font-family: "EncodeSansMedium";
    columns: #333;
}

 /*------------BOTON CONTINUAR-------------------*/

.btn_footer{
    padding: 1% 0;  
}

/*------------- ASIDE LATERAL RESUMEN DE COMPRA -------------------*/

.resumen, .pasajeros, .pasajeros_seleccionados, .asientos_seleccionados, .detalle_pago, .cambio_importe_abonado{
    font-family: "EncodeSansMedium";
    background-color: #f7f7f7;    
    height: auto;        
    margin:0.5rem 0;
    padding: 8%;
    font-size: 0.8rem;
}

.resumen{
    text-transform: capitalize;
}

.total{
    font-family: "EncodeSansBold";
    color: #fff!important;
    background-color: #242C4F;          
    margin:0.5rem 0;
    padding: 8%;
    font-size: 1.2rem!important;
}

aside.pasajeros_seleccionados td:not(.tipo), aside.asientos_seleccionados td:not(.tipo) {
    text-transform: capitalize;
}

aside.pasajeros_seleccionados td:not(.tipo).informacion_pasajero {
    font-size: 1rem;
}

aside.pasajeros_seleccionados td:not(.tipo).eliminar, aside.asientos_seleccionados td:not(.tipo).eliminar {
    width: 5%;
}

aside.asientos_seleccionados td:not(.tipo).coche_resumen {
    width: 5%;
}

aside.asientos_seleccionados td:not(.tipo).asiento_resumen {
    width: 5%;
}

.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}
 
.truncate-ellipsis > * {
    display: table-cell;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

/*------------------FOOTER INSTITUCIONAL------------------*/

footer{
    background-color: #242C4F;
    font-family: "EncodeSansMedium";
    width: 100%;
    text-align:center;
    color: #fff;
    font-size:0.7em;    
    padding: 1.5%;
}

footer p{
    margin: 0px;    
}
/*
body div, body *:not(p,span,b,img,section) { background-color: #888!important; border: #999 solid 1px!important;}
body, body section, body aside { background-color: #000!important; border: 1px solid #444 !important;}
*/