.panel_compra{padding:4px 0px;}
.anchomaximo{width:100% !important}
.ancho_80{width:80% !important}
.textofuerte{font-weight: bold;}
.subrayado{text-decoration:underline}
.div_sesion {
    max-width: 250px;
    margin: -50px 2px 10px 2px;
    padding: 5px 10px 0px 10px;
    border-radius: 0px 15px;
    border: 1px solid #8c8c8c;
    box-shadow: 0px 10px 10px -6px #adb5bd;
    position:absolute;
    background:white;
    right:90px;
    z-index:999;
}
.divonline {
    background: #21f151;
    padding:2px
}
.textocentrado{text-align:center}
.alineacioncero{margin: 0 auto;}
.fondogray{background:#adb5bd !important}
.color_blanco{color:white !important;}
.sinmargen{margin:0% !important;}
.sinpadding{padding:0% !important;}
.padding_2px{padding: 2px}
.padding_4px{padding: 4px}
.padding_6px{padding: 6px}
.margin_2px{margin: 2px}
.margin_4px{margin: 4px}
.margin_6px{margin: 6px}
.table2{border-collapse:collapse;}
.table2 td {padding:5px;}
.pointer{cursor:pointer;}

.letra10{font-size:10px !important}
.letra11{font-size:11px !important}
.letra12{font-size:12px !important}
.letra13{font-size:13px !important}
.letra14{font-size:14px !important}
.letra15{font-size:15px !important}
.letra16{font-size:16px !important}
.letra17{font-size:17px !important}
.letra18{font-size:18px !important}
.letra19{font-size:19px !important}
.letra20{font-size:20px !important}
.letra50{font-size:50px !important}

.romper_palabra{white-space:break-spaces !important;}
.tabladefault2x{max-height:70vh; overflow:auto;}

.flotarizquierda { float: left; }
.flotarderecha{ float:right; }

.parte2{width:50% !important}
.parte3{width:33.3% !important}
.parte4{width:25% !important}
.parte75{width:75% !important}

.numero_registros{color:#d11019;margin:2px 0px;font-weight:bold}

.banner-form-agileinfo2 { background: #fff;background: rgba(241, 241, 241, 0.54); padding: 3em 2em;  width: 100%; }
.coloramarillo{color:#d11019;}
.margin-1arribabajo{margin-top:1%;margin-bottom:1%}
.margin-2arribabajo{margin-top:2%;margin-bottom:2%}
.margin-5arribabajo{margin-top:5%;margin-bottom:5%}
.margin-1lados{margin-left:1%;margin-right:1%}

.noshow{display:none}
.panelpasajeroscss{ padding:4%; }
.titulopasajeors{color: #d11019;}
.contenedor_pasaj{max-height:500px;overflow:auto}
.link_formularios {
    float: right;
    padding: 3px 5px;
    color: #f7f7f7;
    font-weight: bold;
    display: inline-block;
    background: #4cb8cf;
    border-radius: 10px;
    margin: 5px 1px 1px 1px;
    font-size: 12px;
}
/*.link_formularios:hover{background:#d11019;color:white}*/

.colorverde{color:green}
/*.colorrojo{color:red}*/
.colorrojo {
    color: #3a3a3a
}
/*.colorreina{color:#d11019}*/
.colorreina {
    color: #3a3a3a
}

.contenedores_png {background-image: url(../iconos/piso1.png); background-repeat: no-repeat; padding: 20px 30px 15px 45px; background-size:cover; margin:1% 0%; height:280px;width: 704px; }
.filapasillo{ padding:2%;background:#f5f5f5;text-align:center;color:#f5f5f5 }
.micarcateristica{font-size:20px !important;color:#af8b90;}
.texto-vertical-2 { writing-mode: vertical-lr; transform: rotate(180deg); font-size:20px; font-weight:bold; color:#d11019 }
#pass2,#pass3,#selecc2{display:none}
.mipass1{max-height:600px;overflow:auto}
.mipass2{overflow:auto;position:relative}

.btn-tarjj{color: #455a64; max-width: 200px; margin-bottom: 10px; margin-top: 8px; display: inline-block; background: #ffffff; padding: 3px 6px; border: 2px solid #f9f9f9; border-radius: 10px;cursor:pointer }
.btn-tarjj:hover,.btn-tarjj:focus{color: black;background: #ffd200; text-decoration:none;cursor:pointer; }

.correcto{color:green}
.incorrecto{color:red}


.js-payment-checkout{background:red;color:white}
.mistarjetas{display:none}
.listatarjetacredito{color:white;display: inline-block; width: 100%; height: 100%;padding: 10px;}
.listatarjetacredito:hover{color:#d11019;}
.contenedorunicotar:hover{border: 2px solid  #d11019;}
.contenedorunicotar{ transition: 0.5s all; -webkit-transition: 0.5s all;width:100%; text-align: center; margin-top: 5px;margin-bottom:5px; border: 2px solid white; border-radius: 20px;}

.regresoinicio{padding: 1% 5%; background: #d11019;color: white; cursor:pointer }
.regresoinicio:hover{background: #d11019;color: white;}
.contieneregreso{width:100%;margin: 0% 0% 1% 0%;}
/*============================================*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../iconos/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249);
    opacity: .8;
}

.btn-sistema {
    width: 100%;
    margin-top: 0px;
    padding: 12px 0px;
    font-size: 15px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: none;
    background: #d11019;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
}
.btn-sistema:hover {
    background: #d11019;
}
.clase_a{
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 15px 0;
    margin: 0 1em;
    position: relative;
    font-weight: 400;
}

.clase_a:hover{
    color: #fff;    
}

.labelerrormodal{
    text-align: center;
    padding: 0% 2% 4%2%;
    color:red;
}

.labelerrormodal_backend{
    text-align: center;
    padding: 0% 2% 4%2%;    
}



/*-------principal-------*/
.destinos{ padding:2%; }
.misdestinos{color:black; margin:2%; }
.misdestinos span { color:#d11019; }
.colorventa{/*background:#ccd0d4;*/ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; padding-top:2%; }
.colorventa:hover{ /*background:white;*/ transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all; -ms-transition: 0.5s all; }
.contienedestinos{ }
.contieneinfo{padding:4%;}
.titulo_des{ color:#d11019 }
.titulo_ori{ color:black }

@import url('https://fonts.googleapis.com/css?family=Arimo:400,700&display=swap');
h2.tabsx{ color:#000; text-align:center; font-size:1em; }
.warpper{ display:flex; flex-direction: column; align-items: center; width:100% }
.tab{ cursor: pointer; padding:10px 20px;   background:#d11019; display:inline-block; color:#fff;   }
.panels{ background:#fffffff6;   min-height:200px; width:100%;       }
.panel{ display:none; animation: fadein .8s; padding:3% }
.panelex{ display:none; }
@keyframes fadein { from { opacity:0; } to { opacity:1; } }
.panel-title{ font-size:13px; font-weight:bold;text-align:center; }
.radio{ display:none; }
#one:checked ~ .panels #one-panel, #two:checked ~ .panels #two-panel{ display:block; }
#one:checked ~ .tabs #one-tab, #two:checked ~ .tabs #two-tab{ background:#fffffff6; color:#d11019; border-top: 3px solid #d11019; }

/*--------compra--------*/

.eje{ margin: 0%; padding: .9%; /* vertical-align: middle;  float:left;*/position:absolute; color:red; opacity:0.5;font-weight:bold; }
table.bus_estr { width:100%; padding: 3% 0% 2% 0%; border-collapse: separate; border-spacing: 10px 5px; }
table.bus_estr td#pasillo{ width: 45px; height: 40px; background: #DFF0D8;	 text-align: center; }

#paso3,#paso4{display:none;}
.titulosimbologia{margin:2%}
.contenedor_simbologia{padding:0% 0% }
.tablasimbologia{width:100%;margin:0%; }

.btn_back{float:left}
.btn_next{float:right}
.contenedordepasos{background:#f3f1f1;padding-bottom: 1%;margin-bottom: 2%;}
.contenedordescripcionpasos{margin-bottom:2%}

.timerx{font-size: 30px; color: #d11019;}

.titulofactura{padding:4% 0%;}
.paneldatosfa{        
    border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
    text-align: center; border: 0px solid #000000; padding: 2%; 
    /*background: #777;*/ margin: 1%; /*color: white;*/
}

.labelvaloresfactura{font-weight:bold;font-size:20px;color:#ffa000}

/*---------encomiendas-----------*/

.encomiendaspanel{ margin:3% 0% }
.encomiendas_img{ width:100%; height:300px;overflow:hidden;background-image: url('../iconos/encomienda.jpg') ;background-repeat:no-repeat;background-size:100%}
.textoencomienda{padding:3% 0% 0% 3%; }
.textoencomienda h4{font-size:29px; font-weight:bold;color:white;text-shadow: 1px 2px 2px #555;}
.textoencomienda p{font-size:20px; font-weight:bold;color:#cbf5e6;text-shadow: 1px 2px 2px #555;}
.areabtnencomienda{padding:3% 0% 0% 3%;}

.contienepanelencomiendas{margin:3% 0% }
.contienepasosencomiendas{ padding:0% 3%}



.contiene_mapa_encomiendas{margin:3% 0% }
.contienemapa{width:100%; height:90%; background:#e4e5e6; margin:0% 0% 0% 0%;}
.map {height: 400px;  width: 100%;}
.map2 {height: 500px;  width: 100%;}

.color1{background:#b6cfe4}
.color2{background:#d5e499}

#qrcode { width:100px; height:100px; margin-top:15px; margin-left: 19%;}

/**qr**/
.modal-body img {
    
}
.nsh{display:none}
@media (max-width: 991px) {
    .banner-form-agileinfo {
        background:#4e4e4e !important;
        opacity:0.9 !important;
    }
    .bannergrids{display:none}
    .subtituloslider{display:none !important}
    .contienebutonslider{display:none !important}
}

@media (max-width: 590px) {
    .textoencomienda h4{font-size:15px; }
    .textoencomienda p{font-size:12.5px; }
    .encomiendas_img { height: 180px; }
    .contieneregreso{width:100%;margin: 0% 0% 5% 0%;}
    .regresoinicio{padding: 2% 7%;  }

    .banner-form-agileinfo input[type="submit"] {font-size:10px }
    .div_sesion {
        margin: -30px 2px 9px 2px;
        position:sticky;
        float:right;
        right:0px;
    }

}

/*nuevo process*/
.paso_activo{ background: #d11019 !important;}
.paso_simple{ background: #999;}
.titulopaso{font-size: 10px; font-weight: bold;}
.circulo { width: 50px; height: 50px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin:0px auto }
.circulo  h5{ padding:18% 0%; color:white; font-size:25px }
.tablepasos td,th{padding:5px}
.contienepasos_newcompra{background:#f5f5f5;padding:2%;max-height:300px; overflow:auto;}
.contienepasos_newcompra_1{overflow:auto;position: relative;}


.nav-tabs > li > a { color: white; cursor:pointer; }
.nav-tabs > li.active > a{  cursor:pointer; }
.nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus { color: black; cursor: default; background-color: #fff; cursor:pointer }
#menu1{padding:0% 2%;}
.contienelistatar{max-height:250px;overflow:auto}

.barra_normal{margin:0% !important;}
.barra_gris{border: 4px solid #898989}
.barra_verde{border: 4px solid #b0cb1f;}

.btn-redd{ width: 40px !important; height: 40px !important; border-radius: 50%; padding: 5px 10px !important; font-size: 20px !important;}
.btn-exit{ background:none !important; padding:0px !important;  }
.nav-contact-w3ls i.fa:hover{ background:#b0cb1f}
.h_cabecera{text-align:center;padding:0px 0px 14px 0px}

.contiene_labelra {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.contiene_labelra input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark_radio {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.contiene_labelra:hover input ~ .checkmark_radio {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.contiene_labelra input:checked ~ .checkmark_radio {
  background-color: #d11019;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark_radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.contiene_labelra input:checked ~ .checkmark_radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.contiene_labelra .checkmark_radio:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.link_parametrosruta {
    color: #f1e8e8;
    font-size: 12px;
    padding: 4px;
    background: #f5bb0e;
    margin: 0px 1px;
    cursor: pointer;
    text-decoration: none;
}
.link_parametrosruta:hover{  background: #f1e8e8; color: #262a2f;}

.link_parametrosruta2 {
    color: white;
    font-size: 12px;
    padding: 4px;
    background: red;
    margin: 0px 1px;
    cursor:pointer;
    text-decoration:none;
}

    .link_parametrosruta2:hover {
        background: #a73b3b;
        color: white;
        text-decoration: none
    }

/*css checkbox*/
input[type=checkbox] {
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    transform: scale(2);
    padding: 10px;
    margin:9px;
}

.boton_paso{color:white;width:200px;}