@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

::-webkit-scrollbar {
    display: none;
}

html, body {
    max-width: 100%;
    overflow-x: hidden;
    /* overflow-y: hidden;*/
    /* height: 100vh; */
}

#app {
    overflow-y: scroll;
    /* height: 100vh; */
    top: 0;
    left: 0;
}

body {
    position: relative;
}

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body {
    /* height: 100vh; */
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }

.status-bar-safe-area {
    display: none;
}

@supports (-webkit-touch-callout: none) {
    .status-bar-safe-area {
        display: flex;
        position: sticky;
        top: 0;
        height: env(safe-area-inset-top);
        background-color: #f7f7f7;
        width: 100%;
        z-index: 1;
    }

    .flex-column, .navbar-brand {
        padding-left: env(safe-area-inset-left);
    }
}

body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    /*background-color: #DFDFDF;*/
}

.main {
    height: 100%;
    min-height: 100vh;
}

.center {
    text-align: center;
}

.ilustracion {
    width: 100vw;
    max-width: 372px;
    border-radius: 0px 0px 25px 25px;
}

.tarjeta {
    background-color: #fff;
    border: 1px solid lightgray;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.login {
    padding: 30px 20px;
    position: relative;
    height: 50vh;
    top: -10vh;
    width: 90%;
    left: 5%;
}

.logo {
    width: calc(100vw/4);
    max-width: 92px;
}

.form-item {
    margin-bottom: 11px;
}

input::placeholder {
    color: #B1B2B1 !important;
}

.myTextbox .k-input-inner {
    text-align: center;
    font-size: small;
    color: #B1B2B1;
}

.full-width {
    width: 100%;
}



.IcoInBtn {
    height: 16px;
}

.btn-ingresar {
    background: linear-gradient(to right, #72934F, #437141) !important;
    border-radius: 25px !important;
    color: #fff !important;
}

.flex-cont {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.msj-scan {
    color: #157F43;
}

    .msj-scan p {
        font-size: 9pt !important;
    }

.ico-scan {
    width: 48%;
    /* margin-top: 8px; */
    /* margin-bottom: 8px; */
}

.ico-flecha {
    width: 10%;
    margin-top: 8px;
    margin-bottom: 8px;
    height: 20%;
}

.ico-flecha-viaje-en-curso {
    width: 50%;
    margin-top: 8px;
    margin-bottom: 8px;
}


.principal {
    background-color: #DFDFDF;
    width: 100vw;
    height: 100vh;
}

.registro {
    padding: 0px 20px 5px 20px;
    /*color: #14336C;*/
    position: absolute;
    top: 30vh;
    width: 90%;
    left: 5%;
    display: flex;
    flex-direction: column;
    line-height: normal;
}

.k-radio-item {
    padding-block: 4px;
    padding-inline: 0px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    gap: 4px;
    justify-content: space-between;
}

.ecncabezado {
    font-size: 26pt;
    clear: both;
    font-weight: bolder;
    width: 100%;
    font-stretch: inherit;
}

.ecncabezado-boleto {
    font-size: 20pt;
    color: #14336C !important;
}

.ecncabezado-atencion-cliente {
    font-size: 1.5rem;
    color: #14336C !important;
}

.genero {
    background-color: #fff;
    border: 1px solid lightgray;
    border-radius: 5px;
    width: 70%;
    left: 15%;
    position: relative;
    /* max-width: 249px; */
    padding: 0px 25px 0px 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.icoInText {
    /* height: 32px; */
    /* margin-top: 5px; */
    max-height: 23px;
}

.campo-ico {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* align-content: center; */
}

.campo-text {
    width: 85%;
}

.form-registro {
    margin-top: -70px;
    text-align: center;
}

.align-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}



.complemento {
    margin: -20px 0px 5px 0px;
}

.barra {
    width: 80%;
    /* max-width: 249px; */
    position: relative;
    left: 10%;
}

.btn-registrar {
    background: linear-gradient(to right, #016ACA, #14336C);
    width: 50%;
    /* max-width: 185px; */
    position: relative;
    left: 25%;
    margin-top: -25px;
}

.saludo {
    color: #14336C;
    position: relative;
    top: -270px;
}

.atencion-clientes-header {
    color: #14336C;
    position: relative;
    top: -10rem;
}


th {
    background: linear-gradient(to right, #016ACA, #14336C);
    color: #fff;
    text-align: center;
}

td {
    background-color: #fff;
    text-align: center;
}

.info-viaje {
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    margin-top: -155px;
}

.atencion-clientes-header-label {
    margin-top: -10rem !important;
    color: #fff;
}


.info {
    width: 100%;
    /*max-width: 245px;*/
}

.tabla-info {
    width: 100%;
}

.titulo {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding-left: 30px;
    margin-bottom: -30px;
}

.titulo-txt {
    width: calc(100vw/8 + 60px);
    max-width: 107px;
    color: #fff;
    border-radius: 5px;
    text-align: right;
    /* position: relative; */
    z-index: 0;
    padding-right: 6px;
}

.titulo-txt-AMS {
    background: linear-gradient(to right, #016ACA, #14336C);
}

.titulo-ico {
    margin-right: -10px;
    position: relative;
    z-index: 2;
    height: 70px;
}

.origen-destino {
    width: 100%;
    /* padding: 17px 10px; */
    height: 20vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 21px;
}

.ico-ubicacion {
    height: 40px;
}

.ico-lista {
    width: 30%;
}

.txt-lista {
    width: 70%;
}

.edo {
    margin: -15px 0px 5px 0px;
}

.resumen {
    padding: 40px 10px 30px 5px;
}



h3 {
    font-size: 11pt;
}

p {
    font-size: 10pt;
}

.ico-lista-sm {
    width: 20%;
}

.txt-lista-sm {
    width: 100%;
}

.ico-ubicacion-sm {
    height: 20px;
}

h2 {
    font-size: 18pt;
    color: #fff;
}

.estatus {
    width: 70%;
    /* max-width: 224px; */
    padding: 5px;
    background: linear-gradient(to right, #909094, #605f61);
    text-align: center;
    position: absolute;
    border-radius: 5px;
    left: 15%;
    top: 13vh;
}

.ico-retrasado {
    height: 30px;
}

.titulo-ico-sm {
    height: 30px;
    margin-right: -20px;
    position: relative;
    z-index: 2;
}

.mini {
    width: 100%;
    padding: 20px 5px 5px 5px;
}

.titulo-sm {
    /* margin-bottom: -20px; */
    position: absolute;
    top: -2.5vh;
}

.detalle {
    width: calc(100vw - 60px);
    max-width: 312px;
}

.btn-ayuda {
    height: 80px;
}

.tiempo {
    text-align: center;
    width: 100%;
    /* padding: 5px 0px 1px 0px; */
    margin-top: -15px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: x-large;
}

.tiempo-AMS {
    background: linear-gradient(to right, #016ACA, #14336C);
}



.globo {
    height: 20px;
    margin: -30px 0px 0px -20px;
    position: relative;
    z-index: 3;
}

.btn-encuesta {
    width: 100%;
}

.logo-linea {
    width: 40%;
    margin-bottom: 5px;
}

.origen {
    text-align: left;
    padding-top: 10px;
}

.junto {
    margin-bottom: 0px;
}

.boleto {
    background-image: url('../images/Boleto/fondo.png');
    /*background: #fff;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    padding: 20px 20px 20px 20px;
    width: 85vw;
    max-width: 316px;
    border-radius: 5px;
}

.right {
    text-align: right;
}

.asiento {
    color: #14336C;
    background-color: #d8e1f2;
    padding-top: 20px;
    border-radius: 5px;
}

.ico-asiento {
    height: 80px;
}

.titulo-ico-xsm {
    height: 20px;
    margin-left: 10px;
}

.menu {
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    width: calc(100vw - 60px);
    max-width: 306px;
    padding-block: 10px;
    z-index: 4;
}

.btn-menu {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: #fff;
}

.seleccionado {
    background: linear-gradient(to right, #016ACA, #14336C);
}

.ico-btn-menu {
    height: 10vw;
    width: 10vw;
    max-width: 38px;
    max-height: 38px;
}

.page {
    margin-bottom: 60px;
}

.loading-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}

.loading-container {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    align-content: center;
    align-items: center;
    background-color: #006937;
    justify-content: center;
}

@media (max-width: 576px) {
    .loading-container img {
        width: 90%;
        left: 5%;
    }
}

@media (min-width: 576px) {
    .loading-container img {
        width: 90%;
        left: 5%;
    }
}

@media (min-width: 768px) {
    .loading-container img {
        width: 80%;
        left: 10%;
    }
}

@media (min-width: 992px) {
    .loading-container img {
        width: 50%;
        left: 25%;
    }
}

@media (min-width: 1200px) {
    .loading-container img {
        width: 25%;
        left: 37.5%;
    }
}

@media (min-width: 1400px) {
    .loading-container img {
        width: 25%;
        left: 37.5%;
    }
}

.loading-container img {
    position: relative;
}

.loading-progress circle {
    fill: none;
    stroke: #e0e0e0;
    stroke-width: 0.6rem;
    transform-origin: 50% 50%;
    transform: rotate(-90deg);
}


.estilos-lector-qr {
    min-height: 150px;
    max-height: 50%;
    max-width: 100%;
    border: 1px solid gray;
}

.div-footer {
    float: left;
}

    .div-footer button {
        width: 100%;
    }

    .div-footer button {
        background-color: #262525;
    }

@media (max-width: 575.98px) {
    .estilos-lector-qr {
        min-height: 150px;
        max-height: 50%;
        max-width: 100%;
        border: 1px solid gray;
    }

    .div-footer button {
        width: 50%;
    }
}


@media (min-width: 576px) and (max-width: 767.98px) {
    .div-footer button {
        width: 50%;
    }
}

/*@media (min-width: 768px) and (max-width: 991.98px) {
    .modal-dialog {
        position: relative;
        width: auto;
        margin: 15% 0.5rem 0.5rem 13% !important;
        pointer-events: none;
    }
}*/
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}




/*.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
}*/

.btn-codigo-qr {
    background-color: #157F43 !important;
    border-radius: 50rem !important;
}


.k-button-outline-light {
    background-color: #fff !important;
}


.btn-menu-seleccionado-AMS {
    background-color: #14336C !important;
}

.margen-mensaje-scanner {
    margin-top: 0.9rem;
}

.btn-cerrar {
    background-color: #157F43 !important;
    border-radius: 0.5rem;
    border-color: transparent;
}

.modal-header {
    background-color: #157F43 !important;
}

.modal-header {
    color: #fff;
    padding: 0.5rem 0.5rem !important;
}

    .modal-header span {
        color: #fff;
        font-size: 2rem
    }

.datos-informacion-autorizada {
    background-color: #DFDFDF;
}

.img-titulo-tarjeta-datos-viaje {
    top: 20.8rem;
    right: 43.6rem;
}

.img-tamanio {
    width: 4rem;
}

.label-titulo-tarjeta {
    top: 22rem;
    right: 35rem;
    background: linear-gradient(to right, #016ACA, #14336C);
    width: 9rem;
}

.titulo-tarjeta {
    background: linear-gradient(to right, #016ACA, #14336C);
    color: #fff;
    font-weight: bold
}

.div-header-atencion-clientes-botones {
    width: 100%;
}

.menu-atencion-clientes {
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 18.8rem;
    width: calc(100vw - 60px);
    max-width: 306px;
    padding-block: 10px;
    z-index: 4;
}

.div-btn-menu-atencion-clientes {
    background-color: transparent !important;
}

.btn-atencion-clientes {
    background-color: #fff;
    color: #959691;
}

.btn-atencion-clientes-seleccionado-AMS {
    /*background-color: #14336C !important;*/
    background: linear-gradient(to right, #016ACA, #14336C) !important;
    color: #fff !important;
    border-color: #14336C !important;
}

.btn-menu-atencion-cliente {
    width: 4rem;
    height: 4rem;
    border-radius: 2rem;
    font-size: 1.5rem !important;
    font-weight: bold;
}

.btn-multimedia-atencion-cliente {
    width: 3.5rem;
    height: 3.5rem;
    font-size: 1.5rem !important;
    font-weight: bold;
    background-color: transparent !important;
    border-color: transparent !important;
}

.img-multimedia {
    width: 50%;
}


.div-principal-contenido-atencion-clientes {
    position: fixed;
    top: 23.5rem;
}

.div-btn-img-atencion-clientes {
    width: 50%;
    float: left;
}

.img-btn-atencion-clientes {
    width: 100%;
}

.btn-imagen {
    border-color: transparent !important;
    color: inherit !important;
}

.div-btn-mujer-segura {
    width: 100%;
}

.btn-menu-atencion-cliente:disabled, .btn-menu-atencion-cliente.k-disabled {
    opacity: 1.6 !important;
}

.tarjeta-atencion-cliente {
    background: linear-gradient(to right, #016ACA, #14336C);
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 1.5rem;
    padding: 0.3rem;
}

.img-atencion-clientes-header {
    width: 7%;
}

.titulo-atencion-clientes {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.flex-cont-atencion-clientes {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.form-item-atencion-clientes {
    margin-bottom: 3px;
}


.tarjeta-atencion-cliente-motivos {
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    border-radius: 5px;
}

.opcion-motivo-atencion-cliente {
    background-color: #fff;
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 0.9rem;
    padding: 0.3rem;
    color: #14336C;
    border-radius: 2.5rem;
}

.form-descripcion-motivo-atencion-cliente {
    background-color: #fff;
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    border-radius: 5px;
}

.img-btn-ir {
    width: 2rem;
}


.btn-imagen-motivo-ir {
    border-color: transparent !important;
    color: inherit !important;
    border-radius: 50rem;
}

.titulo-atencion-clientes-form {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
    color: #6f6e72 !important;
    font-weight: bold;
}

.titulo-atencion-clientes-form-sub-titulo {
    width: 100%;
    display: flex;
    justify-content: center;
    color: #6f6e72 !important;
    font-weight: bold;
    font-size: 1.3rem;
}

.titulo-atencion-clientes-form-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    color: #6f6e72 !important;
    font-weight: bold;
    font-size: 1rem;
}

.flex-cont-menu-multimedia-atencion-clientes {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}


.img-btn-enviar {
    width: 10rem;
}

.sos-tarjeta {
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    background-color: #9F100C;
}

.sos-titulo {
    color: #14336C;
    position: relative;
    top: 8rem;
    width: 100%;
    color: #fff;
    padding: 1rem;
    font-size: 1.2rem;
}

.sos-contenido {
    position: relative;
    top: 8rem;
}

.img-contador-sos {
    width: 85%;
}

.img-encuesta-satisfaccion {
    width: 85%;
}

.sos-contenido-contador {
    position: relative;
    top: -5rem;
    font-size: 8rem;
    font-weight: bold;
    color: #9F100C;
}

.div-img-sos-contenido {
    width: 4rem;
}

.div-btn-sos-cancelar {
    position: relative;
    top: -3rem;
    width: 100%;
}

.btn-sos-cancelar {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #9F100C !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}

.img-btn-ir-chat {
    width: 1.5rem;
}

.img-btn-user-chat {
    width: 1.5rem !important;
}

.btn-imagen-info-chat {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
    border-radius: 50rem;
}

.chat-asesor-atencion-cliente {
    background-color: #14336C !important;
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-size: 0.9rem;
    padding: 0.3rem;
    color: #fff;
    border-radius: 2.5rem;
}


.contenido-chat {
    margin-bottom: 3px;
}


#chat-whatsapp > .card-body {
    position: relative;
    height: calc(60vh - 135px);
    overflow-y: auto;
}

.bg-whatsapp {
    background-color: #d9fdd3;
}

.text-whatsapp {
    color: #018B3D;
}

.bg-whatsapp-enviados {
    background-color: #fff;
}

.chat-mensaje {
    color: #111b21;
    position: relative;
    padding-bottom: 14px !important;
    min-width: 35%;
    max-width: 85%;
    text-align: justify;
}

.chat-hora-derecha {
    position: absolute;
    right: 5px;
    bottom: 1px;
    font-size: .65em;
}

.fondo-chat {
    background: url(https://res.cloudinary.com/practicaldev/image/fetch/s--WAKqnINn--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://thepracticaldev.s3.amazonaws.com/i/tw0nawnvo0zpgm5nx4fp.png) repeat #efeae2;
}

.btn-yo-te-ayudo {
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn-scan {
    background-color: #157F43 !important;
}



/*.k-radio:checked {
    border-color: #14336C !important;
    background-color: #14336C !important;
}*/

.k-slider .k-draghandle {
    border-color: #14336C;
    background-color: #14336C;
}

.k-slider .k-slider-selection {
    background-color: #14336C !important;
}

h5 {
    color: #fff !important;
}

.letra-boleto {
    color: #6F6E6E !important;
    font-weight: bold !important;
    font-size: 160%;
}

.logo-estrella {
    position: relative;
    width: 3%;
    right: 9rem;
    top: -19rem;
}

.btn-logout {
    position: relative !important;
    right: -9rem !important;
    top: -21.3rem !important;
    width: 3%;
}

/*
    General
*/
.bg-info-viaje {
    background-color: #DFDFDF;
}

.info-viaje-contenido-principal {
    height: 113vh;
    width: 100%;
    /* overflow: hidden; */
    /* overflow-y: scroll; */
}

.info-viaje-contenido-principal-imagen {
    height: 38vh;
    width: 100%;
    background-repeat: round;
    position: relative;
}

.info-viaje-contenido-principal-icono-marca {
    left: 1.5vw;
    top: 1.5vw;
    width: 5.25rem;
    position: absolute;
}

.info-viaje-contenido-principal-icono-salir {
    right: 1.5vw;
    top: 1.5vw;
    width: 2.25rem;
    position: absolute;
}

.info-viaje-contenido-principal-icono-conexion-ws {
    right: 7vh;
    top: 1.5vw;
    width: 2.25rem;
    position: absolute;
}

.info-viaje-main {
    background-color: #DFDFDF;
}

.info-viaje-main-sos {
    background-color: #9F100C;
}

.info-viaje-texto-boleto-detalle {
    font-size: 1.5em;
}

.info-viaje-texto-boleto-detalle-derecha {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
}
/*.info-viaje {
    width: calc(100vw - 60px);
    max-width: 306px;
    text-align: center;
    margin-top: -112px;
}*/
/*
    Boleto
*/

.info-viaje-boleto-origen {
    background-color: #fff;
    border: 1px solid lightgray;
    width: calc(100% - 60px);
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    top: 8vh;
    left: 30px;
}
/*
    Boleto-AMS
*/
.info-viaje-boleto-datos-boleto {
    height: 15vh;
    width: 86%;
    position: absolute;
    left: 5%;
    color: #FFF;
    top: 5vh;
    bottom: 5vh;
}

.contenedor-home-datos-boleto {
    width: 70%;
    position: absolute;
    top: 36vh;
    left: 15%;
}



/*.info-viaje-boleto-anden-sala-contenedor-AMS {
    
    color: #14336C;
    
}

.info-viaje-boleto-anden-sala-bg-AMS {
    background: linear-gradient(to right, #016ACA, #14336C);
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-AMS {
    color: #6F6E6E !important;
    font-weight: bold !important;
}

.info-viaje-boleto-logo-AMS {
    text-align: center;
    background: linear-gradient(to right, #016ACA, #14336C);
    padding: 5px 0px 0px 0px;
    border-radius: 5px;*/
/*box-shadow: 5px 5px 8px #262525;*/
/*width: 60%;
    position: relative;
    left: 20%;
    top: 6vh;
    height: 5vh;
    z-index: 9;
}*/

.info-viaje-boleto-fondo-datos {
    width: 80%;
    position: relative;
    left: 10%;
    top: 4.8vh;
    height: 40vh;
    background-repeat: round;
}

.info-viaje-boleto-datos-boleto-asiento {
    width: 82%;
    position: absolute;
    height: 12vh;
    left: 7%;
    color: #14336C;
    background-color: #d8e1f2;
    padding-top: 15px;
    border-radius: 5px;
    bottom: 10%;
}

.info-viaje-boleto-datos-boleto-asiento-imagen {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    /*color: #14336C;*/
}

.info-viaje-boleto-datos-boleto-asiento-imagen-numero-asiento {
    font-size: 4em;
    line-height: .8;
    font-weight: 400;
    height: 9vh;
}

.info-viaje-encabezado-boleto {
    font-size: 300%;
}

/*.info-viaje-ecncabezado-boleto-AMS {
    
    color: #14336C !important;
}*/

/*
    Info viaje
*/

.info-viaje-contendor-info {
    position: relative;
    width: 92%;
    left: 4%;
    /* top: 8vh; */
    margin-top: 54px;
}

.info-viaje-titulo-ico {
    position: absolute;
    left: 10px;
    z-index: 2;
    top: -29px;
    /* top: -30px; */
}

.info-viaje-ico {
    z-index: 2;
    width: 50px;
}

.info-viaje-tarjeta {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15vh;
}

.info-viaje-tarjeta-finalizado {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15vh;
    display: flex;
    justify-content: center;
}


.info-viaje-tarjeta-retrasado {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15vh;
}

.info-viaje-estancia {
    text-align: center;
}

.info-viaje-estancia-finalizado {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.info-viaje-texto-llegada-salida {
    font-size: x-small;
    color: #14336C;
}

.info-viaje-texto-hora {
    font-size: 105%;
    font-stretch: extra-expanded;
    font-weight: bold;
    color: #6B6B6B;
}

.info-viaje-texto-hora-texto {
    font-size: large;
    font-stretch: extra-expanded;
    font-weight: normal;
    color: #6B6B6B;
}

.info-viaje-contendor-info-real {
    position: relative;
    width: 92%;
    left: 4%;
    /* top: 16vh; */
    margin-top: 60px;
}

.info-viaje-contendor-info-hora-real {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.info-viaje-contendor-info-ayudo {
    position: relative;
    width: 92%;
    left: 4%;
    /* top: 19vh; */
    margin-top: 30px;
}

.info-viaje-icono-autobus-salida-llegada {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    top: -25px;
}

.info-viaje-icono-autobus-salida-llegada-titulo-ico {
    margin-right: -10px;
    z-index: 4;
    height: 50px;
}

/*.info-viaje-finalizado-texto-AMS {
    background: linear-gradient(to right, #016ACA, #14336C);
    position: relative;
    width: 70%;
    text-align: center;
    left: 15%;
}*/

.info-vijea-img-encuesta {
    position: relative;
    width: 70%;
    left: 15%;
    margin-top: 15px;
}


.info-atencion-clientes-titulo {
    background-color: #fff;
    border: 1px solid lightgray;
    width: calc(100% - 70px);
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    top: 28vh;
    left: 40px;
}

.info-atencion-clientes-ecncabezado {
    font-size: 160%;
}

/*.info-atencion-clientes-ecncabezado-AMS {
    
    color: #14336C !important;
}
*/
.negritas {
    font-weight: bold;
}



.info-titulo-opcion-atencion-cliente-contenedor {
    width: 70%;
    position: absolute;
    top: 34vh;
    color: #fff;
    left: 15%;
}

.info-atencion-viaje-stepper {
    width: 100%;
    position: relative;
    color: #FFF;
}


.stepper-atencion-clientes {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin-top: -1vh;
}

.contenido-atencion-clientes-menu-princial {
    /*height: 20vh;*/
    width: 100%;
    position: relative;
    color: #FFF;
    margin-top: 1vh;
    /*top: 1vh;
    bottom: 5vh;*/
}

.logo-atencion-clientes-menu {
    width: 100%;
}

.titulo-atencion-a-cliente {
    color: #14336C !important;
    font-size: 80%;
}

.titulo-sos-boton {
    color: #9F100C !important;
    font-size: 100%;
}

.boton-atenciones-clientes {
    background-color: transparent !important;
    border-color: transparent !important;
}

.titulo-boton-mujer-segura {
    color: #D9177F;
    font-size: 100%;
}

.titulo-atencion-clientes-atencion-clientes {
    width: 80%;
    position: relative;
    color: #FFF;
    left: 10%;
    margin-top: 1vh;
    margin-bottom: 2vh;
}

/*.titulo-atencion-fondo-AMS {
    background: linear-gradient(to right, #016ACA, #14336C);
    padding: 0.5vh;
    font-size: 130%;
}*/

.lista-motivos-atencion-clientes {
    width: 100%;
    position: relative;
    color: #14336C;
    background-color: #fff;
    border-radius: 4vh;
    margin-top: 1vh;
    text-align: justify;
    font-size: 80%;
}

.contenido-motivos {
    position: absolute;
    top: 7vh;
    width: 100%;
    left: -10%;
}

.info-viaje-registro {
    margin-top: 50px;
}

.info-registro-campo {
    width: 90%;
    left: 5%;
    position: relative;
}

.info-font-color {
    color: #B1B2B1;
}

.form-titulo-atencion-clientes-atencion-clientes {
    width: 70%;
    position: relative;
    color: #FFF;
    left: 15%;
    margin-top: 1vh;
    color: #6F6E72;
}

.form-titulo-relata-incidente {
    position: relative;
    width: 90%;
    left: 5%;
    margin-top: 2vh;
    font-size: 125%;
    color: #6F6E72;
}

.form-img-atencion-clientes-header {
    width: 50%;
}

.btn-enviar-reporte-atencion-cliente {
    width: auto !important;
    background-color: transparent !important;
    border-color: transparent;
}

.info-nombre-atiende-chat {
    /*background: linear-gradient(to right, #016ACA, #14336C);*/
    border-radius: 2vh;
}

.info-nombre-asesor-atiende-chat {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.info-chat-contenido {
    position: relative;
    width: 90%;
    left: 5%;
    text-align: end;
    margin-top: 1.5vh;
}

.info-titulo-sos {
    position: relative;
    width: 70%;
    left: 15%;
    margin-top: 12vh;
    color: #fff;
    font-size: 100%;
    text-align: center;
}

.info-tiempo-transcurriod-img {
    position: relative;
    width: 80%;
    left: 10%;
    text-align: center;
    margin-top: 2vh;
}

.info-contador-tiempo-transcurrido-sos {
    position: relative;
    width: 80%;
    left: 10%;
    margin-top: 2vh;
    font-size: 9rem;
    color: #9F100C;
    text-align: center;
}

.info-sos-img {
    position: relative;
    width: 80%;
    left: 10%;
    margin-top: 15vh;
}

.info-btn-cancelar-sos {
    position: relative;
    width: 80%;
    left: 10%;
    text-align: center;
}

.info-titulo-mensaje-sos {
    margin-top: 7vh;
    color: #fff;
    font-size: 150%;
    padding: 4vh;
    text-align: center;
}

.info-titulo-respuesta-encuesta-satisfaccion {
    margin-top: 3vh;
    color: #fff;
    font-size: 150%;
    padding: 4vh;
    text-align: center;
}

.info-titulo-respuesta-label-principal {
    /*margin-top: 10vh;*/
    color: #fff;
    font-size: 400%;
    text-align: center;
    font-weight: bold;
}

.info-titulo-respuesta-label-secundario {
    color: #fff;
    font-size: 165%;
    text-align: center;
}

.info-titulo-respuesta-label-footer {
    color: #fff;
    font-size: 250%;
    text-align: center;
}

.contador-sos {
    margin-top: -60%;
    font-size: 15vh;
    text-align: center;
    color: #9F100C;
}

.img-sos-icono {
    margin-top: 5vh;
    padding: 6vh;
}

.bg-enviados-atencion-cliente {
    /*background: linear-gradient(to right, #016ACA, #14336C);*/
    color: #fff;
}

.text-muted-atencion-cliente {
    color: #fff;
}

.card-chat-incidencia {
    background: transparent;
    border-color: transparent;
}

#pantalla-landscape {
    width: 100%;
    height: 100vh;
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 9999;
    background-image: url('../images/img_msj_vertical.png');
    background-repeat: round;
}

    #pantalla-landscape img {
        width: 100%;
        height: 100vh;
    }

    #pantalla-landscape.visible {
        display: block;
    }

    #pantalla-landscape.hidden {
        display: none;
    }



@media only screen and (hover: none) and (pointer: coarse) and (orientation: landscape) {
    #pantalla-landscape {
        visibility: visible;
    }
}


.info-error-page {
    height: 110vh;
    width: 100%;
    background-image: url('../images/Comunes/Error/FondoError.png');
}

.info-logo-estrella {
    text-align: center;
    margin-top: 4.5em;
}

.info-titulo-error {
    margin-top: 0.5em;
}

.titulo-error {
    color: #fff !important;
    font-size: 3.5em !important;
}

.info-img-icono-warning {
    margin-top: 3em;
}

.img-warning-error {
    width: 60%;
}

.info-titulo-error-texto {
    margin-top: 2em;
    padding: 1.5em;
}

.texto-error {
    color: #fff !important;
}

.btn-error {
    background-color: #25377c !important;
    min-width: 10em !important;
    color: #fff !important;
    font-size: 1.5em !important;
}


.edad {
    background-color: #fff;
    border: 1px solid lightgray;
    border-radius: 5px;
    width: calc(100vw - 240px);
    max-width: 129px;
    /*color: #14336C;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    text-align: center;
}

.k-slider .k-slider-track {
    background-color: #c2bdbd !important;
}

.k-radio:checked:focus, .k-radio.k-checked.k-focus {
    box-shadow: 0 0 0 2px rgb(35 32 32 / 30%) !important;
}

.info-viaje-boleto-logo {
    text-align: center;
    padding: 5px 0px 0px 0px;
    border-radius: 5px;
    /*box-shadow: 5px 5px 8px #262525;*/
    width: 60%;
    position: relative;
    left: 20%;
    top: 11vh;
    height: 5vh;
    z-index: 9;
}

.datos-boleto-asiento-imagen {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.info-viaje-finalizado-texto {
    position: relative;
    width: 70%;
    text-align: center;
    left: 15%;
}

/*Inicio Region para Futura*/
.checkbox-EFS:checked, checkbox-EFI:checked, checkbox-AEF:checked {
    border-color: #7E298E !important;
    color: #ffffff !important;
    background-color: #7E298E !important;
}

.color-letra-EFS, .color-letra-EFI, .color-letra-AEF {
    color: #7E298E;
}

.color-loader-EFS, .color-loader-EFI, .color-loader-AEF > div.k-loader-canvas, div.k-loader-container-label {
    color: #7E298E !important;
}

.btn-registro-EFS, .btn-registro-EFI, .btn-registro-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
    font-weight: bold;
}

.color-edad-EFS, .color-edad-EFI, .color-edad-AEF {
    color: #7E298E;
}

.slider-edad-EFS, .slider-edad-EFI, .slider-edad-AEF span {
    border-color: #7E298E !important;
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.radio-seleccionado-EFS, .radio-seleccionado-EFI, .radio-seleccionado-AEF input[type="radio"]:checked {
    border-color: #7E298E !important;
    background-color: #7E298E !important;
}

.color-datos-home-boleto-EFS, .color-datos-home-boleto-EFI, .color-datos-home-boleto-AEF {
    color: #7E298E;
}

.info-viaje-boleto-anden-sala-bg-EFS, .info-viaje-boleto-anden-sala-bg-EFI, .info-viaje-boleto-anden-sala-bg-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-EFS, .info-viaje-boleto-anden-sala-text-EFI, .info-viaje-boleto-anden-sala-text-AEF {
    color: #7E298E !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-EFS, .info-viaje-boleto-origen-color-EFI, .info-viaje-boleto-origen-color-AEF {
    color: #7E298E;
}

.info-viaje-boleto-logo-EFS, .info-viaje-boleto-logo-EFI, .info-viaje-boleto-logo-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.info-viaje-boleto-datos-boleto-asiento-imagen-EFS, .info-viaje-boleto-datos-boleto-asiento-imagen-EFI, .info-viaje-boleto-datos-boleto-asiento-imagen-AEF {
    color: #7E298E;
}

.btn-menu-seleccionado-EFS, .btn-menu-seleccionado-EFI, .btn-menu-seleccionado-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.info-viaje-boleto-anden-sala-contenedor-EFS, .info-viaje-boleto-anden-sala-contenedor-EFI, .info-viaje-boleto-anden-sala-contenedor-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.info-viaje-ecncabezado-boleto-EFS, .info-viaje-ecncabezado-boleto-EFI, .info-viaje-ecncabezado-boleto-AEF {
    color: #7E298E !important;
}

.info-viaje-finalizado-texto-color-EFS, .info-viaje-finalizado-texto-color-EFI, .info-viaje-finalizado-texto-color-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.titulo-txt-EFS, .titulo-txt-EFI, .titulo-txt-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}


.tiempo-EFS, .tiempo-EFI, .tiempo-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.info-atencion-clientes-ecncabezado-EFS, .info-atencion-clientes-ecncabezado-EFI, .info-atencion-clientes-ecncabezado-AEF {
    color: #7E298E !important;
}

.btn-atencion-clientes-seleccionado-EFS, .btn-atencion-clientes-seleccionado-EFI, .btn-atencion-clientes-seleccionado-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
    color: #fff !important;
    border-color: #7E298E !important;
}

.titulo-atencion-fondo-EFS, .titulo-atencion-fondo-EFI, .titulo-atencion-fondo-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-EFS, .bg-enviados-atencion-cliente-EFI, .bg-enviados-atencion-cliente-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.info-nombre-atiende-chat-EFS, .info-nombre-atiende-chat-EFI, .info-nombre-atiende-chat-AEF {
    background: linear-gradient(to right, #7E298E, #BA2678) !important;
}

.color-marcado-respuesta-EFS, color-marcado-respuesta-EFI, .color-marcado-respuesta-AEF span.k-selected {
    color: #7E298E !important;
}

.color-marcado-respuesta-EFS, color-marcado-respuesta-EFI, .color-marcado-respuesta-AEF span.k-hover, span:hover {
    color: #7E298E !important;
}

.info-viaje-encuesta-satisfaccion-contestada-EFS {
    background-image: url('../images/EFS/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.info-viaje-encuesta-satisfaccion-contestada-EFI {
    background-image: url('../images/EFI/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.info-viaje-encuesta-satisfaccion-contestada-AEF {
    background-image: url('../images/AEF/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-EFS, .btn-encuesta-satisfaccion-regresar-EFI, .btn-encuesta-satisfaccion-regresar-AEF {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #7E298E !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}

/*Termina Region para Futura*/
/*Inicio Region para Estrella del Norte*/
.checkbox-AMS:checked {
    border-color: #14336C !important;
    color: #ffffff !important;
    background-color: #14336C !important;
}

.color-letra-AMS {
    color: #14336C;
}

.color-loader-AMS div.k-loader-canvas, div.k-loader-container-label {
    color: #14336C !important;
}

.btn-registro-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
    font-weight: bold;
}

.color-edad-AMS {
    color: #14336C;
}

.slider-edad-AMS span {
    border-color: #14336C !important;
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.radio-seleccionado-AMS input[type="radio"]:checked {
    border-color: #14336C !important;
    background-color: #14336C !important;
}

.color-datos-home-boleto-AMS {
    color: #14336C;
}

.info-viaje-boleto-anden-sala-bg-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-AMS {
    color: #14336C !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-AMS {
    color: #14336C;
}

.info-viaje-boleto-logo-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.info-viaje-boleto-datos-boleto-asiento-imagen-AMS {
    color: #14336C;
}

.btn-menu-seleccionado-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.info-viaje-boleto-anden-sala-contenedor-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.info-viaje-ecncabezado-boleto-AMS {
    color: #14336C !important;
}

.info-viaje-finalizado-texto-color-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.titulo-txt-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}


.tiempo-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.info-atencion-clientes-ecncabezado-AMS {
    color: #14336C !important;
}

.btn-atencion-clientes-seleccionado-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
    color: #fff !important;
    border-color: #14336C !important;
}

.titulo-atencion-fondo-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.info-nombre-atiende-chat-AMS {
    background: linear-gradient(to right, #016ACA, #14336C) !important;
}

.color-marcado-respuesta-AMS span.k-selected {
    color: #14336C !important;
}

.color-marcado-respuesta-AMS span.k-hover, span:hover {
    color: #14336C !important;
}


.info-viaje-encuesta-satisfaccion-contestada-AMS {
    background-image: url('../images/AMS/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-AMS {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #14336C !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}
/*Termina Region para Estrella del Norte*/


/*Inicio Region para Altamar*/
.checkbox-AMR:checked {
    border-color: #345C8F !important;
    color: #ffffff !important;
    background-color: #345C8F !important;
}

.color-letra-AMR {
    color: #345C8F;
}

.color-loader-AMR div.k-loader-canvas, div.k-loader-container-label {
    color: #345C8F !important;
}

.btn-registro-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
    font-weight: bold;
}

.color-edad-AMR {
    color: #345C8F;
}

.slider-edad-AMR span {
    border-color: #345C8F !important;
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.radio-seleccionado-AMR input[type="radio"]:checked {
    border-color: #345C8F !important;
    background-color: #345C8F !important;
}

.color-datos-home-boleto-AMR {
    color: #14336C;
}

.info-viaje-boleto-anden-sala-bg-AMR {
    background: linear-gradient(to right, #00AED0, #005C93);
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-AMR {
    color: #345C8F !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-AMR {
    color: #345C8F;
}

.info-viaje-boleto-logo-AMR {
    background: linear-gradient(to right, #00AED0, #005C93);
}

.info-viaje-boleto-datos-boleto-asiento-imagen-AMR {
    color: #345C8F;
}

.btn-menu-seleccionado-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.info-viaje-boleto-anden-sala-contenedor-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.info-viaje-ecncabezado-boleto-AMR {
    color: #345C8F !important;
}

.info-viaje-finalizado-texto-color-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.titulo-txt-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}


.tiempo-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.info-atencion-clientes-ecncabezado-AMR {
    color: #345C8F !important;
}

.btn-atencion-clientes-seleccionado-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
    color: #fff !important;
    border-color: #345C8F !important;
}

.titulo-atencion-fondo-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.info-nombre-atiende-chat-AMR {
    background: linear-gradient(to right, #00AED0, #005C93) !important;
}

.color-marcado-respuesta-AMR span.k-selected {
    color: #345C8F !important;
}

.color-marcado-respuesta-AMR span.k-hover, span:hover {
    color: #345C8F !important;
}

.info-viaje-encuesta-satisfaccion-contestada-AMR {
    background-image: url('../images/AMR/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-AMR {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #345C8F !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}

/*Termina Region para Altamar*/


/*Inicio Region para Anahuac*/
.checkbox-24:checked {
    border-color: !important;
    color: #ffffff !important;
    background-color: #00205C !important;
}

.color-letra-24 {
    color: #00205C;
}

.color-loader-24 div.k-loader-canvas, div.k-loader-container-label {
    color: #00205C !important;
}

.btn-registro-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
    font-weight: bold;
}

.color-edad-24 {
    color: #00205C;
}

.slider-edad-24 span {
    border-color: #00205C !important;
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.radio-seleccionado-24 input[type="radio"]:checked {
    border-color: #00205C !important;
    background-color: #00205C !important;
}

.color-datos-home-boleto-24 {
    color: #00205C;
}

.info-viaje-boleto-anden-sala-bg-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-24 {
    color: #00205C !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-24 {
    color: #00205C;
}

.info-viaje-boleto-logo-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.info-viaje-boleto-datos-boleto-asiento-imagen-24 {
    color: #00205C;
}

.btn-menu-seleccionado-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.info-viaje-boleto-anden-sala-contenedor-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.info-viaje-ecncabezado-boleto-24 {
    color: #00205C !important;
}

.info-viaje-finalizado-texto-color-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.titulo-txt-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}


.tiempo-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.info-atencion-clientes-ecncabezado-24 {
    color: #00205C !important;
}

.btn-atencion-clientes-seleccionado-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
    color: #fff !important;
    border-color: #14336C !important;
}

.titulo-atencion-fondo-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.info-nombre-atiende-chat-24 {
    background: linear-gradient(to right, #00BDDC, #00205C) !important;
}

.color-marcado-respuesta-24 span.k-selected {
    color: #00205C !important;
}

.color-marcado-respuesta-24 span.k-hover, span:hover {
    color: #00205C !important;
}

.info-viaje-encuesta-satisfaccion-contestada-24 {
    background-image: url('../images/24/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-24 {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #00205C !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}



/*Termina Region para Anahuac*/


/*Inicio Region para Elite*/

.checkbox-AIS:checked {
    border-color: #386345 !important;
    color: #ffffff !important;
    background-color: #386345 !important;
}

.color-letra-AIM, .color-letra-AIS {
    color: #386345;
}

.color-loader-AIM, color-loader-AIS div.k-loader-canvas, div.k-loader-container-label {
    color: #386345 !important;
}

.btn-registro-AIM, .btn-registro-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
    font-weight: bold;
}

.color-edad-AIM, .color-edad-AIS {
    color: #386345;
}

.slider-edad-AIM, .slider-edad-AIS span {
    border-color: #386345 !important;
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.radio-seleccionado-AIM, .radio-seleccionado-AIS input[type="radio"]:checked {
    border-color: #386345 !important;
    background-color: #386345 !important;
}

.color-datos-home-boleto-AIM, .color-datos-home-boleto-AIS {
    color: #386345;
}

.info-viaje-boleto-anden-sala-bg-AIM, .info-viaje-boleto-anden-sala-bg-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-AIM, .info-viaje-boleto-anden-sala-text-AIS {
    color: #386345 !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-AIM, .info-viaje-boleto-origen-color-AIS {
    color: #386345;
}

.info-viaje-boleto-logo-AIM, .info-viaje-boleto-logo-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.info-viaje-boleto-datos-boleto-asiento-imagen-AIM, .info-viaje-boleto-datos-boleto-asiento-imagen-AIS {
    color: #386345;
}

.btn-menu-seleccionado-AIM, .btn-menu-seleccionado-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.info-viaje-boleto-anden-sala-contenedor-AIM, .info-viaje-boleto-anden-sala-contenedor-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.info-viaje-ecncabezado-boleto-AIM, .info-viaje-ecncabezado-boleto-AIS {
    color: #386345 !important;
}

.info-viaje-finalizado-texto-color-AIM, .info-viaje-finalizado-texto-color-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.titulo-txt-AIM, .titulo-txt-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.tiempo-AIM, .tiempo-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.info-atencion-clientes-ecncabezado-AIM, .info-atencion-clientes-ecncabezado-AIS {
    color: #386345 !important;
}

.btn-atencion-clientes-seleccionado-AIM, .btn-atencion-clientes-seleccionado-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
    color: #fff !important;
    border-color: #386345 !important;
}

.titulo-atencion-fondo-AIM, .titulo-atencion-fondo-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-AIM, .bg-enviados-atencion-cliente-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.info-nombre-atiende-chat-AIM, .info-nombre-atiende-chat-AIS {
    background: linear-gradient(to right, #68B578, #386345) !important;
}

.color-marcado-respuesta-AIM, .color-marcado-respuesta-AIS span.k-selected {
    color: #386345 !important;
}

.color-marcado-respuesta-AIM, .color-marcado-respuesta-AIS span.k-hover, span:hover {
    color: #386345 !important;
}


.info-viaje-encuesta-satisfaccion-contestada-AIM {
    background-image: url('../images/AIM/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.info-viaje-encuesta-satisfaccion-contestada-AIS {
    background-image: url('../images/AIS/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-AIM, .btn-encuesta-satisfaccion-regresar-AIS {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #386345 !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}

.comentario-viaje-AIM, .comentario-viaje-AIS span {
    border-color: #386345 !important;
    color: #386345 !important;
}
/*Termina Region para Elite*/


/*Inicio Region para Frontera*/
.checkbox-TFR:checked {
    border-color: #B92C32 !important;
    color: #ffffff !important;
    background-color: #B92C32 !important;
}

.color-letra-TFR {
    color: #B92C32;
}

.color-loader-TFR div.k-loader-canvas, div.k-loader-container-label {
    color: #B92C32 !important;
}


.btn-registro-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
    font-weight: bold;
}

.color-edad-TFR {
    color: #B92C32;
}

.slider-edad-TFR span {
    border-color: #B92C32 !important;
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.radio-seleccionado-TFR input[type="radio"]:checked {
    border-color: #B92C32 !important;
    background-color: #B92C32 !important;
}

.color-datos-home-boleto-TFR {
    color: #B92C32;
}

.info-viaje-boleto-anden-sala-bg-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-TFR {
    color: #B92C32 !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-TFR {
    color: #B92C32;
}

.info-viaje-boleto-logo-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.info-viaje-boleto-datos-boleto-asiento-imagen-TFR {
    color: #B92C32;
}

.btn-menu-seleccionado-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.info-viaje-boleto-anden-sala-contenedor-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.info-viaje-ecncabezado-boleto-TFR {
    color: #B92C32 !important;
}

.info-viaje-finalizado-texto-color-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.titulo-txt-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}


.tiempo-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.info-atencion-clientes-ecncabezado-TFR {
    color: #B92C32 !important;
}

.btn-atencion-clientes-seleccionado-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
    color: #fff !important;
    border-color: #B92C32 !important;
}

.titulo-atencion-fondo-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.info-nombre-atiende-chat-TFR {
    background: linear-gradient(to right, #C61715, #551100) !important;
}

.color-marcado-respuesta-TFR span.k-selected {
    color: #B92C32 !important;
}

.color-marcado-respuesta-TRF span.k-hover span:hover {
    color: #B92C32 !important;
}

.info-viaje-encuesta-satisfaccion-contestada-TFR {
    background-image: url('../images/TFR/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-TFR {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #B92C32 !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}


/*Termina Region para Frontera*/


/*Inicio Region para Chihuahuenses*/

.checkbox-TCH:checked {
    border-color: #0C3383 !important;
    color: #ffffff !important;
    background-color: #0C3383 !important;
}

.color-letra-TCH {
    color: #0C3383;
}

.color-loader-TCH > div.k-loader-canvas div.k-loader-container-label {
    color: #0C3383 !important;
}

.btn-registro-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
    font-weight: bold;
}

.color-edad-TCH {
    color: #0C3383;
}

.slider-edad-TCH span {
    border-color: #0C3383 !important;
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.radio-seleccionado-TCH input[type="radio"]:checked {
    border-color: #0C3383 !important;
    background-color: #0C3383 !important;
}

.color-datos-home-boleto-TCH {
    color: #0C3383;
}

.info-viaje-boleto-anden-sala-bg-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
    color: #fff;
    text-align: center;
}

.info-viaje-boleto-anden-sala-text-TCH {
    color: #0C3383 !important;
    font-weight: bold !important;
}

.info-viaje-boleto-origen-color-TCH {
    color: #0C3383;
}

.info-viaje-boleto-logo-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.info-viaje-boleto-datos-boleto-asiento-imagen-TCH {
    color: #0C3383;
}

.btn-menu-seleccionado-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.info-viaje-boleto-anden-sala-contenedor-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.info-viaje-ecncabezado-boleto-TCH {
    color: #0C3383 !important;
}

.info-viaje-finalizado-texto-color-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.titulo-txt-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}


.tiempo-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.info-atencion-clientes-ecncabezado-TCH {
    color: #0C3383 !important;
}

.btn-atencion-clientes-seleccionado-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
    color: #fff !important;
    border-color: #0C3383 !important;
}

.titulo-atencion-fondo-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
    padding: 0.5vh;
    font-size: 130%;
}

.bg-enviados-atencion-cliente-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.info-nombre-atiende-chat-TCH {
    background: linear-gradient(to right, #104EC5, #0C3383) !important;
}

.color-marcado-respuesta-TCH span.k-selected {
    color: #0C3383 !important;
}

.color-marcado-respuesta-TCH span.k-hover, span:hover {
    color: #0C3383 !important;
}

.info-viaje-encuesta-satisfaccion-contestada-TCH {
    background-image: url('../images/TCH/Encuesta_Satisfaccion/Respuesta/Fondo.png');
}

.btn-encuesta-satisfaccion-regresar-TCH {
    border-color: transparent !important;
    color: #fff;
    border-radius: 1rem;
    width: 70% !important;
    color: #B92C32 !important;
    font-weight: bold;
    font-size: 1.5rem !important;
}




/*Termina Region para Chihuahuenses*/

.info-viaje-contendor-info-encuesta-satisfaccion {
    position: relative;
    width: 92%;
    left: 4%;
    margin-bottom: 20px;
}

.contenedor-pregunta-encuesta-satisfaccion {
    background-color: #fff;
    border: 1px solid lightgray;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.encuesta-satisfaccion-pregunta {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*margin-top: 21px;*/
    /*height:15px;*/
}

.centrar-contenido {
    text-align: center;
}

.imagen-autobus-calificacion-encuesta {
    font-size: 4vh;
}

.encuesta-satisfaccion-pregunta-respuesta {
    /* width: 73%; */
    position: relative;
    display: flex;
    /*flex-direction: column;*/
    justify-content: space-around;
    /* margin-top: 21px; */
    /* height: 15px; */
    align-content: space-between;
}


.info-viaje-contendor-info-encuesta-satisfaccion-btn-enviar {
    position: relative;
    width: 60%;
    left: 20%;
    margin-bottom: 20px;
}

.btn-enviar-encuesta-satisfaccion {
    width: 70% !important;
}

.btn-yo-te-ayudo-informacion-boleto {
    background-color: transparent !important;
    border-color: transparent !important;
}

.contenedor-terminos-condiciones {
    width: 25%;
    position: absolute;
    top: 34.5vh;
    left: 37%;
    background-color: #fff;
}

.titulo-terminos-condiciones {
    text-align: center;
    font-size: 250%;
}

.lista-terminos-condiciones {
    width: 100%;
    position: relative;
    color: #14336C;
    background-color: #fff;
    border-radius: 4vh;
    margin-top: 1vh;
    text-align: justify;
    font-size: 80%;
}

.contenido-terminos-condiciones {
    width: 100%;
    position: relative;
    color: #14336C;
    background-color: #fff;
    border-radius: 1vh;
    margin-top: 1vh;
    text-align: justify;
    font-size: 80%;
}

.btn-contenido-terminos-condiciones {
    width: 50%;
    position: relative;
    color: #14336C;
    background-color: #fff;
    border-radius: 1vh;
    margin-top: 1vh;
    text-align: justify;
    left: 10vh;
}

.contenido-titulo-terminos-condiciones {
    font-size: 150%;
    text-align: center;
}

.btn-regresar-terminos-condiciones {
    width: 100% !important;
}

.info-titulo-logo-comentario-viaje {
    margin-top: 3vh;
    color: #fff;
    font-size: 150%;
    padding: 2vh;
    text-align: center;
}

.img-comentario-viaje {
    width: 100%;
}

.info-comentario-form-viaje {
    width: 90%;
    position: relative;
    left: 17px;
    background: #fff;
    border-radius: 1vh;
}

.btn-enviar-comentario {
    background-color: transparent !important;
    border-color: transparent !important;
}

.date-picker-sombra {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color: white !important;
    display: grid;
    text-align: center;
    border-radius: 8px;
    color: #B1B2B1;
    width: 250px;
}

.registro-numero-comprobante {
    width: 100%;
}

.borde-botones {
    border: 1px solid lightgray;
    border-radius: 2em;
    height: 2.5em;
    text-align: center;
}

.btn-scan {
    border-radius: 7em;
}

.rating-numero .k-rating-item {
    flex-direction: column;
    font-size: 15px;
}

#text-nuevo-evento span {
    font-size: 0.9rem !important;
}