html {
    font-size: 16px
}

body {
    color: #737373 !important
}

ul,
li {
    list-style: none
}

#menu-principal a {
    color: #737373 !important
}

.socialmedia {
    font-size: .8rem
}

.menu-superior .navbar {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.menu-superior a {
    color: #565658
}

.menu-superior .btn-logueo {
    padding: .3rem 2rem !important
}

.menu-superior .btn-registrar {
    background-color: #fff;
    border: 1px solid #565658;
    color: #565658;
    padding: .3rem 2rem
}

.formlario-busqueda .btn-buscar {
    background-color: #FFF !important;
    border-radius: 10px;
    font-size: 1.2rem;
    font-weight: 500 !important;
}

    .formlario-busqueda .btn-buscar:hover {
        background-color: #dd221a !important;
        color: #fff
    }

.detalle-compra {
    border: 1px solid #565658;
    border-radius: 10px
}

    .detalle-compra .titulo-mensaje {
        border-radius: 10px;
        color: #fff;
        font-size: 2.3rem !important
    }

    .detalle-compra .separador {
        background-color: #dcdcdc !important;
        height: 1px !important
    }

.error-transaccion {
    border: 1px solid #565658;
    border-radius: 10px;
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75)
}

    .error-transaccion .titulo-mensaje {
        border-radius: 10px;
        color: #fff
    }

    .error-transaccion .mensaje-error {
        color: #dd2119;
        font-size: 1.7rem
    }


.formulario-login input {
    border-radius: 10px;
    border: 1px solid #565658;
    width: 100%;
}

.formulario-login textarea {
    border-radius: 10px;
    border: 1px solid #565658;
    width: 100%;
}

.formulario-login .btn-ingresar {
    border-radius: 10px;
    width: 100%;
}

.formulario-login .close {
    color: #fff;
}

.lista-turnos {
    border: none !important
}

    .lista-turnos .full-header-ruta {
        background-color: #f2f2f2
    }

    .lista-turnos .header-ruta {
        color: #000;
        font-weight: 500
    }

    .lista-turnos .item-ruta {
        font-size: .8rem;
        font-weight: 500;
        cursor: pointer;
        -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75)
    }

        .lista-turnos .item-ruta i {
            color: #e81e35;
            font-size: 1rem
        }

        .lista-turnos .item-ruta .acortar-texto {
            width: 99%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

        .lista-turnos .item-ruta .btn-elegir-asiento {
            border: 1px solid #e81e35;
            border-radius: 10px;
            color: #737373;
            font-size: .8rem
        }

            .lista-turnos .item-ruta .btn-elegir-asiento:hover {
                background-color: #e81e35;
                color: #fff
            }

        .lista-turnos .item-ruta .item-field,
        .lista-turnos .item-ruta .item-value {
            height: 60px;
        }

        .lista-turnos .item-ruta .item-field {
            color: #000
        }

        .lista-turnos .item-ruta .item-shadow {
            background-color: #f2f2f2;
        }

        .lista-turnos .item-ruta .item-unidad {
            border: 1px solid #000;
            border-radius: 10px;
        }

        .lista-turnos .item-ruta .no-resultados {
            font-size: 1.5rem;
            color: #dd221a !important;
        }

        .lista-turnos .item-ruta .error-boton-pago {
            font-size: 0.8rem;
            color: #dd221a !important;
        }

        .lista-turnos .item-ruta .no-resultados p {
            color: #3B3E9B !important;
            font-size: 1.2rem;
            font-weight: bold;
        }

    .lista-turnos .tab-turnos {
        border-radius: 10px
    }

.plano-bus .leyenda-plano ul li {
    list-style: none;
    display: inline-flex;
    margin-right: .8rem;
    align-items: center
}

.plano-bus .info-viaje {
    border: 1px solid #565658;
    border-radius: 10px;
    width: 100%
}

    .plano-bus .info-viaje .contenido-precios-especiales table {
        width: 100%
    }

        .plano-bus .info-viaje .contenido-precios-especiales table thead {
            text-decoration: underline
        }

    .plano-bus .info-viaje .titulo-info-viaje {
        border-radius: 10px;
        color: #fff
    }

    .plano-bus .info-viaje .titulo-precios-especiales {
        background-color: #f2f2f2
    }

.plano-bus .lista-pasajero {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.75)
}

    .plano-bus .lista-pasajero .formulario-pasajero i {
        color: #000
    }

    .plano-bus .lista-pasajero .titulo-asiento {
        border-bottom: 1px solid #dcdcdc
    }

        .plano-bus .lista-pasajero .titulo-asiento a {
            color: #3B3E9B;
            text-decoration: underline
        }

.plano-bus .plano-nivel {
    width: 100%
}

    .plano-bus .plano-nivel .nivel {
        border: 1px solid #000;
        width: 100%
    }

        .plano-bus .plano-nivel .nivel .disponible,
        .plano-bus .plano-nivel .nivel .ocupado,
        .plano-bus .plano-nivel .nivel .seleccionado {
            text-align: center;
            vertical-align: middle;
            height: 35px;
            width: 35px
        }

        .plano-bus .plano-nivel .nivel .disponible {
            border: 1px solid #000;
            background: #fff
        }

        .plano-bus .plano-nivel .nivel .ocupado {
            border: 1px solid #000;
            background: #000;
            color: #fff
        }

        .plano-bus .plano-nivel .nivel .seleccionado {
            border: 1px solid #3B3E9B;
            background: #3B3E9B;
            color: #fff
        }

        .plano-bus .plano-nivel .nivel .vacio,
        .plano-bus .plano-nivel .nivel .tv,
        .plano-bus .plano-nivel .nivel .baño,
        .plano-bus .plano-nivel .nivel .escalera {
            height: 35px;
            width: 35px
        }

.plano-bus .btn-continuar {
    border-radius: 10px
}

    .plano-bus .btn-continuar:hover {
        background-color: #fff !important;
        border: 1px solid #3B3E9B;
        color: #3B3E9B !important
    }

.lista-turnos .item-ruta .medio-pago .datos-compra {
    border: 1px solid #dcdcdc !important;
    border-radius: 10px !important
}

    .lista-turnos .item-ruta .medio-pago .datos-compra table {
        color: #3c3c3e !important
    }

    .lista-turnos .item-ruta .medio-pago .datos-compra .separador {
        background-color: #dcdcdc !important;
        height: 1px !important
    }

    .lista-turnos .item-ruta .medio-pago .datos-compra .titulo-compra {
        border-radius: 10px !important;
        font-size: .9rem
    }

    .lista-turnos .item-ruta .medio-pago .datos-compra .total-pagar {
        font-size: 1.5rem;
        font-weight: 700
    }

.lista-turnos .item-ruta .medio-pago .formulario-cliente {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    box-shadow: 3px 6px 9px 0px #757475
}

    .lista-turnos .item-ruta .medio-pago .formulario-cliente h6 {
        color: #3B3E9B !important;
        font-size: 1.2rem;
        text-decoration: underline
    }

    .lista-turnos .item-ruta .medio-pago .formulario-cliente a {
        color: #293688 !important;
        font-size: .8rem !important;
        text-decoration: underline !important
    }

    .lista-turnos .item-ruta .medio-pago .formulario-cliente .start-js-btn,
    .lista-turnos .item-ruta .medio-pago .formulario-cliente .kr-popin-button {
        display: none;
    }

.kr-popin-modal-header-background-image {
    background-color: #dd221a !important;
    color:#fff !important;
}


.kr-popin-modal-header span.kr-popin-shop-name span {
    visibility: hidden !important
}

    .kr-popin-modal-header span.kr-popin-shop-name span:before {
        content: 'EMP. DE TRANS. GH BUS S.A.C.';
        visibility: visible;
        text-align: center;
        display: block;
        color: #FFF;
        margin-top: 20px;
    }



.kr-popin-modal-footer {
    display: none !important;
    background-color: #3B3E9B !important;
}

.kr-logo-mcw {
    display: none;
}

.kr-header-logo {
    background-color: #3B3E9B !important;
}

.kr-payment-button {
    background-color: #3B3E9B !important;
    color: #fff !important
}

.kr-popin-button {
    background-color: #3B3E9B !important;
}

.kr-embedded {
    background-color: #FFF !important;
}

.lista-turnos .item-ruta .medio-pago .formulario-cliente .btn-pagar {
    border: 1px solid #3B3E9B !important;
    font-size: 1.3rem !important;
    color: #fff !important;
    text-decoration: none !important;
}

.lista-turnos .item-ruta .medio-pago .formulario-cliente .error-boton-pago {
    color: #3B3E9B !important;
    font-size: 1rem;
}

.secciones-diversas .bloque-seccion {
    border-radius: 10px;
    -webkit-box-shadow: 3px 6px 9px 0px #757475;
    -moz-box-shadow: 3px 6px 9px 0px #757475;
    box-shadow: 3px 6px 9px 0px #757475;
    width: 100%
}

    .secciones-diversas .bloque-seccion .contenido-avatar {
        height: 7rem !important;
        padding: 4rem 0 !important
    }

    .secciones-diversas .bloque-seccion .titulo {
        border-radius: 10px;
        font-weight: 500;
        font-size: 1.1rem;
        width: 100%
    }

.preguntas-frecuentes .descripcion {
    border: none;
    color: #565658;
    height: auto !important
}

.preguntas-frecuentes .titulo {
    background-color: #FFF;
    border: none;
    border-bottom: 1px solid #dcdcdc;
    color: #565658;
    width: 100%
}

    .preguntas-frecuentes .titulo span {
        display: none
    }

    .preguntas-frecuentes .titulo .item-numero {
        width: 1rem;
        height: 1rem;
        border: 1px solid #565658;
        border-radius: 50%;
        padding: 1rem
    }

.medios-pagos {
    border: 2px solid #dcdcdc;
    border-radius: 10px;
    font-size: .9rem
}



    .medios-pagos a {
        color: #737373 !important;
        text-decoration: underline
    }

.pie-pagina {
    border-top: 4px solid #dd2119;
    color: #fff
}

.politicas-privacidad .contenido, .terminos-codiciones .contenido {
    color: #737373;
    font-size: 1rem !important;
    height: 450px;
    overflow: scroll;
}

.politicas-privacidad .titulo, .terminos-codiciones .titulo {
    font-size: 2rem !important;
    text-align: center;
}

    .politicas-privacidad .titulo .fa-times-circle, .terminos-codiciones .titulo .fa-times-circle {
        color: #fff;
        font-size: 2rem !important;
    }

.lista-turnos .ui-widget.ui-widget-content {
    border: none !important
}

.vista-carrito-compra table {
    width: 100%;
}

.vista-carrito-compra .modal-footer {
    font-size: 1.5rem;
    text-align: center !important;
}

.lista-turnos .ui-widget-header {
    background-color: transparent !important;
    border: none !important
}

    .lista-turnos .ui-widget-header li.ui-state-default {
        background-color: #fff !important;
        border: none !important
    }

        .lista-turnos .ui-widget-header li.ui-state-default a {
            background-color: #fff !important;
            border: 1px solid #737373 !important;
            color: #3B3E9B !important;
            border-radius: 10px;
            font-weight: bold
        }

    .lista-turnos .ui-widget-header li.ui-tabs-active a,
    .lista-turnos .ui-widget-header li.ui-state-active a,
    .lista-turnos .ui-widget-header li.ui-state-hover a {
        background-color: #3B3E9B !important;
        border: 1px solid #3B3E9B !important;
        border-radius: 10px;
        color: #fff !important
    }

.bg-primary,
.btn-primary {
    background-color: #3B3E9B !important;
    border: 1px solid #3B3E9B !important
}

.bg-secondary {
    background-color: #f2f2f2 !important
}

.btn-secondary {
    background-color: #fff !important;
    border: 1px solid #3B3E9B !important;
    color: #3B3E9B !important
}

.text-primary {
    color: #3B3E9B !important
}

/*******Modal*********/


@media (max-width: 772px) {
    html {
        font-size: 13px
    }
}

@media (max-width: 991px) {
    .plano-bus .info-viaje {
        width: 50% !important
    }
}

@media (max-width: 768px) {
    .formlario-busqueda .form-group,
    .formlario-busqueda .btn-buscar {
        width: 100% !important
    }

    .pie-pagina span {
        padding: 1rem 0 !important
    }
}

@media (max-width: 575px) {
    html {
        font-size: 11px
    }

    .plano-bus .info-viaje {
        width: 100% !important
    }
}