body {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url('../fonts/Gotham-Book.eot');
    src: local('☺'), url('../fonts/Gotham-Book.woff') format('woff'), url('../fonts/Gotham-Book.ttf') format('truetype'), url('../fonts/Gotham-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham Bold Regular';
    src: url('../fonts/Gotham Bold Regular.eot');
    src: local('☺'), url('../fonts/Gotham Bold Regular.woff') format('woff'), url('../fonts/Gotham Bold Regular.ttf') format('truetype'), url('../fonts/Gotham Bold Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.checkbox_suspender {
    font-family: 'Conv_Gotham-Book';
    color: #999;
}

.titulo_logopost {
    position: absolute;
}

.campo_comparativo {
    width: 14.28%;
    border: 1px #e8e8e8 solid;
}

.activar_bloqueo {
    height: 100%;
    width: 100%;
    background: #000000ab;
    z-index: 9999;
    position: fixed;
}

.presenta_pc {
    width: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.presenta_pc_img {
    width: 100%;
    position: relative;
}

.pc {
    width: 43%;
    position: absolute;
    top: 24%;
    right: 50%;
}

.enlace {
    text-decoration: none; /* Sin subrayado */
    cursor: pointer; /* Cambia el cursor a manita */
}

    .enlace:hover {
        text-decoration: underline; /* Subrayado al pasar el ratón */
        color: #0056b3; /* Color al pasar el ratón */
    }

.graficos {
    width: 26%;
    position: absolute;
    top: 55%;
    left: 20%;
    animation: graficos_2 2800ms;
    opacity: 1;
}

@keyframes graficos_2 {
    0% {
        opacity: 1;
        width: 20%;
        top: 57%;
        left: 14.6%;
    }

    60% {
        opacity: 1;
        width: 20%;
        top: 57%;
        left: 14.6%;
    }

    100% {
        opacity: 1;
        width: 26%;
        top: 55%;
        left: 20%;
    }
}

.titulo_pc {
    width: 21%;
    position: absolute;
    top: 37%;
    left: 18%;
    animation: titulo_pc 2600ms;
}

@keyframes titulo_pc {
    0% {
        opacity: 1;
        width: 18%;
        left: 14%;
    }

    60% {
        opacity: 1;
        width: 18%;
        left: 14%;
    }

    100% {
        opacity: 1;
        width: 21%;
        left: 18%;
    }
}

.caja_selec {
    width: 19%;
    position: absolute;
    top: 23%;
    left: 40%;
    animation: cajas_selec 2400ms;
}

@keyframes cajas_selec {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        width: 18%;
        top: 36%;
        left: 14%;
    }

    100% {
        opacity: 1;
        top: 23%;
        left: 40%;
    }
}

.caja_bus {
    width: 20%;
    position: absolute;
    top: 43%;
    left: 45%;
    animation: cajas_bus 2200ms;
}

@keyframes cajas_bus {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        width: 18%;
        top: 47%;
        left: 14%;
    }

    100% {
        opacity: 1;
        top: 43%;
        left: 45%;
    }
}

.cajas {
    width: 20%;
    position: absolute;
    top: 53%;
    left: 50%;
    animation: graficos 2000ms;
}

@keyframes graficos {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
        top: 58%;
        left: 14%;
    }

    100% {
        opacity: 1;
        top: 53%;
        left: 50%;
    }
}





.titulo_logopost {
    right: 40px;
    top: 20px;
    text-align: center;
    z-index: 1;
}

    .titulo_logopost h1 {
        color: #fff;
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 70px;
        animation: titulo_logopost 3s;
        position: relative;
    }

@keyframes titulo_logopost {
    0% {
        top: -100px;
        opacity: 0;
    }

    70% {
        top: -100px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

@keyframes buttom_logopost {
    0% {
        top: 50px;
        opacity: 0;
    }

    85% {
        top: 50px;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}


.titulo_logopost button {
    animation: buttom_logopost 4000ms;
    color: #fff;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 20px;
    background: #ff6e00;
    padding: 5px 30px;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
}

    .titulo_logopost button:hover {
        background: #af4b00
    }

.log_block {
    animation: log_block 2s;
    display: none;
    opacity: 1
}

.log_block_2 {
    animation: log_block_2 1s;
    display: none;
    opacity: 0.6;
}


@keyframes log_block_2 {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 0.6;
    }
}

@keyframes log_block {
    0% {
        opacity: 0;
    }

    70% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}



.logo {
    padding: 10px;
}


.header_fijo {
    background-image: linear-gradient(90deg, #142130, #155172);
}

.estado_cambiado {
    background: green;
}

.content_titulo {
    text-align: center;
    padding: 30px 0;
    overflow: hidden;
}

    .content_titulo h1 {
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 30px;
        color: #ffffff;
        margin: 0;
    }

    .content_titulo p {
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 22px;
        margin: 0;
        white-space: nowrap;        
        animation: slidein 100s ease-in 3 normal;
    }

@keyframes slidein {
    from {
        margin-left: 0%;
        width: 100%;
    }

    to {
        margin-left: -100%;
        width: 100%;
    }
}

.content_user {
    width: 50px;
    height: 50px;
    float: right;
    position: relative;
}

.tipo_cambio {
    text-align: center;
    float: right;
    margin: 0px 30px;
}

    .tipo_cambio h1 {
        float: left;
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 16px;
        color: #fff;
        text-align: center;
        float: none;
        margin: 0;
    }

    .tipo_cambio h2 {
        float: left;
        font-family: 'Conv_Gotham-Book';
        font-size: 16px;
        color: #fff;
        text-align: center;
        float: none;
    }

.base_img {
    width: 100%;
    height: auto;
    position: relative;
}

.banderas {
    position: absolute;
    width: 24%;
    animation: letras_superior 1500ms;
}

.letras_superior {
    position: absolute;
    width: 53%;
    right: 17%;
    animation: letras_superior 2000ms;
}

.forma_inferior {
    position: absolute;
    width: 100%;
    width: 100%;
    bottom: 0;
    animation: forma_inferior 1s;
}

.logo_content {
    position: relative;
    width: 200px;
    height: auto;
}

.tipo_c_content {
    padding-top: 25px;
}


.imprimir_Arqueo i {
    color: #142130;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.imprimir_caminos i {
    color: #142130;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.cerrar_caja i {
    color: #142130;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.tooltip_liquidacion {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
    opacity: 1;
}

    .tooltip_liquidacion .tooltiptext_liquidacion {
        visibility: hidden;
        background-color: #155172;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .tooltip_liquidacion:hover .tooltiptext_liquidacion {
        visibility: visible;
    }




@keyframes forma_inferior {
    0% {
        left: -110%;
        opacity: 0;
    }

    50% {
        left: -110%;
        opacity: 0;
    }

    100% {
        left: 0px;
        opacity: 1;
    }
}

@keyframes letras_superior {
    0% {
        top: -50%;
        opacity: 0;
    }

    50% {
        top: -50%;
        opacity: 0;
    }

    100% {
        top: 0px;
        opacity: 1;
    }
}

.wrapper {
}

.menu-1, .menu-2,
.menu-3, .menu-4 {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 50px;
    cursor: pointer;
    transition: all 0.3s;
}

    .menu-1:before, .menu-1:after, .menu-2:before, .menu-2:after,
    .menu-3:before,
    .menu-3:after, .menu-4:before, .menu-4:after {
        content: "";
        position: absolute;
        transition: all 0.3s;
    }

.menu-4 {
    top: -10px;
    width: 30px;
    height: 30px;
    border-bottom: 4px solid #e3e3e3;
}

    .menu-4:hover {
        border-bottom-color: hotpink;
    }

        .menu-4:hover:before, .menu-4:hover:after {
            background-color: hotpink;
        }

    .menu-4:before, .menu-4:after {
        background-color: #e3e3e3;
        height: 4px;
        width: 30px;
        top: 50%;
        left: 50%;
        margin-left: -15px;
    }

    .menu-4:before {
        margin-top: -10px;
    }

    .menu-4:after {
        margin-top: 3px;
    }

.menu-4-active {
    top: 0;
    margin-left: 38px;
    height: 50px;
    width: 50px;
    border: 0;
    background-color: red;
}

    .menu-4-active:before, .menu-4-active:after {
        background-color: #e3e3e3 !important;
        margin-left: -15px !important;
        margin-top: -2px !important;
    }

    .menu-4-active:before {
        transform: rotate(45deg) !important;
    }

    .menu-4-active:after {
        transform: rotate(-45deg) !important;
    }

.menu-3 {
    background-color: #e3e3e3;
    width: 50px;
    height: 50px;
}

    .menu-3:hover {
        background-color: orange;
    }

    .menu-3:before, .menu-3:after {
        background-color: #212121;
        height: 4px;
        width: 30px;
        top: 50%;
        left: 50%;
        margin-left: -15px;
    }

    .menu-3:before {
        margin-top: -6px;
    }

    .menu-3:after {
        margin-top: 4px;
    }

.dias_plantilla {
    display: none;
}

.cargando_none {
    display: none;
}

.dias_plantilla_active {
    display: block;
}

.menu-3-active {
    border-radius: 40px;
    background-color: red !important;
}

    .menu-3-active:before, .menu-3-active:after {
        background-color: #e3e3e3;
        margin-left: -15px !important;
        margin-top: -2px !important;
    }

    .menu-3-active:before {
        transform: rotate(45deg) !important;
    }

    .menu-3-active:after {
        transform: rotate(-45deg) !important;
    }

.menu-2 {
    border: 4px solid #e3e3e3;
}

    .menu-2:hover {
        border-color: aqua;
    }

    .menu-2:before, .menu-2:after {
        background-color: #e3e3e3;
        height: 4px;
        width: 30px;
        top: 50%;
        left: 50%;
        margin-left: -15px;
    }

    .menu-2:before {
        margin-top: -6px;
    }

    .menu-2:after {
        margin-top: 4px;
    }

.menu-2-active {
    transform: rotate(45deg);
    border-color: red !important;
    background-color: red !important;
}

    .menu-2-active:before, .menu-2-active:after {
        margin-left: -15px !important;
        margin-top: -2px !important;
    }

    .menu-2-active:after {
        transform: rotate(-90deg) !important;
    }

.menu-1 {
    border: 4px solid #e3e3e3;
    border-radius: 50px;
}

    .menu-1:hover {
        border-color: limegreen;
        background-color: limegreen;
    }

    .menu-1:before, .menu-1:after {
        width: 60px;
        height: 4px;
        background-color: #e3e3e3;
        left: 50%;
        margin-left: -30px;
    }

    .menu-1:before {
        top: 50%;
        margin-top: -8px;
    }

    .menu-1:after {
        top: 50%;
        margin-top: 4px;
    }

.menu-1-active {
    background-color: red !important;
    border-color: red !important;
}

    .menu-1-active:before, .menu-1-active:after {
        margin-top: -2px;
    }

    .menu-1-active:before {
        transform: rotate(45deg);
    }

    .menu-1-active:after {
        transform: rotate(-45deg);
    }

.user {
    width: 100%;
    position: relative;
}

.content_user p {
    width: 20px;
    height: 20px;
    position: absolute;
    color: #fff;
    background: red;
    z-index: 1;
    border-radius: 90px;
    bottom: 0;
    right: 0;
    margin: 0;
    text-align: center;
    font-size: 13px;
}


.menu-toggle {
    display: none;
    height: 32px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    width: 40px;
    float: right;
    right: 15px;
    margin-left: 48px;
    margin-top: 10px;
    z-index: 900;
}

    .menu-toggle:hover {
        color: #999;
    }

    .menu-toggle i,
    .menu-toggle i:after,
    .menu-toggle i:before {
        display: block;
        position: absolute;
        height: 3px;
        width: 40px;
        right: 0;
        background: #fff;
        border-radius: 2px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

.menu-toggle_n i,
.menu-toggle_n i:after,
.menu-toggle_n i:before {
    display: block;
    position: absolute;
    height: 3px;
    width: 40px;
    right: 0;
    background: #000;
    border-radius: 2px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


.menu-toggle i:after,
.menu-toggle i:before {
    content: '';
}

.menu-toggle i:after {
    top: -32px;
}

.menu-toggle i:before {
    top: -16px;
}

.menu-toggle i {
    top: 32px;
}

.menu-toggle.open i:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -22px;
}

.menu-toggle.open i:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: -22px;
}


.menu-toggle.second i,
.menu-toggle.second i:after,
.menu-toggle.second i:before {
    width: 40px;
    border-radius: 0px;
}

    .menu-toggle.second i:nth-child(1):after {
        top: 14px;
    }

    .menu-toggle.second i:nth-child(1):before {
        top: -14px;
    }

    .menu-toggle.second i:nth-child(1) {
        top: 14px;
        right: 0;
    }

    .menu-toggle.second i:nth-child(2):after {
        top: 14px;
    }

    .menu-toggle.second i:nth-child(2):before {
        top: 14px;
    }

    .menu-toggle.second i:nth-child(2) {
        top: 14px;
    }

.menu-toggle.second.open i:nth-child(1) {
    right: 25px;
}

.menu-toggle.second.open i:nth-child(2) {
    right: -25px;
}

.menu-toggle.second.open i:before {
    top: 0px
}

.menu-toggle.second.open i:after {
    top: 0px
}

.menu-toggle.second.open i:nth-child(1):before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -25px;
}

.menu-toggle.second.open i:nth-child(1):after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -25px;
}

.menu-toggle.second.open i:nth-child(2):after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 25px;
}

.menu-toggle.second.open i:nth-child(2):before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 25px;
}

.relative {
    position: relative;
}

.notificaciones {
    position: absolute;
    right: 0;
    background-image: linear-gradient(90deg, #155172, #1b6e99);
    color: #fff;
    border: 1px solid #fff;
    padding: 24px;
    display: none;
    z-index: 10;
}

    .notificaciones h1 {
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 20px;
        margin-bottom: 12px;
    }

    .notificaciones h2 {
        font-family: 'Conv_Gotham-Book';
        font-size: 16px;
        margin-bottom: 12px;
    }

    .notificaciones a {
        font-family: 'Conv_Gotham-Book';
        font-size: 16px;
        margin-bottom: 12px;
        color: #212529 !important;
    }

        .notificaciones a:hover {
            color: #212529 !important;
            text-decoration: none;
        }

    .notificaciones h1 img {
        width: 30px;
        height: auto;
        margin-top: -9px;
    }

    .notificaciones h2 img {
        width: 30px;
        height: auto;
        margin-top: -9px;
    }

    .notificaciones h2:hover {
        color: #7dd7ff !important;
        text-decoration: none;
    }

.content_responsive_not {
    padding-top: 20px;
    display: none;
}

.menu_desplegable {
    width: 20%;
    /*height: 100%;*/
    background: #999;
    float: left;
    transition: 300ms;
    border-top: 4px #fff solid;
    min-height: 350px;
    z-index: 1001;
}

.contenido {
    width: 80%;
    height: auto;
    float: right;
    background: #fff;
}

.sidebar-submenu {
    display: none;
}

.atras {
    width: 20px;
    float: right;
    position: relative;
}

.delante {
    width: 20px;
    float: right;
    position: relative;
}

.esconder {
    padding: 15px;
    background: #142130;
    height: 54px;
}

.abrir_menu {
    display: none;
    cursor: pointer;
}

.esconder_menu {
    cursor: pointer;
}

.esconder h1 {
    font-family: 'Conv_Gotham Bold Regular';
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.sidebar-menu {
    padding-left: 0;
}

.sidebar-submenu {
    background: #c7c7c7;
}

.sidebar-menu li {
    list-style: none;
    width: 100%;
    text-align: left;
    color: #000;
    border-bottom: 1px #717171 solid;
    font-size: 22px;
    padding: 10px 0;
}

    .sidebar-menu li ul li {
        border-bottom: none;
        padding: 5px 0;
    }

    .sidebar-menu li a {
        animation: lista_menu 500ms;
        font-size: 18px;
        color: #000;
        text-decoration: none;
    }

        .sidebar-menu li a i {
            font-size: 24px;
            animation: 500ms lista_iconos;
        }




@keyframes lista_iconos {
    0% {
        font-size: 0px;
        opacity: 0;
    }

    50% {
        font-size: 24px;
        opacity: 0;
    }

    100% {
        font-size: 24px;
        opacity: 1;
    }
}


@keyframes lista_menu {
    0% {
        font-size: 0px;
        opacity: 0;
    }

    50% {
        font-size: 18px;
        opacity: 0;
    }

    100% {
        font-size: 18px;
        opacity: 1;
    }
}

.content_m {
    padding: 15px;
}

.lista_lugares {
    list-style: none;
    background: #ffffff;
    margin: 1%;
    padding: 15px;
    width: 48%;
}

.lista_lugares_agregados {
    list-style: none;
    background: #ffffff;
    margin: 1%;
    padding: 15px;
    width: 48%;
}

.item-lugar-lista {
    margin: 5px;
    padding: 5px;
}

.tipo-lugar-1 {
    background-image: linear-gradient(to bottom right, #FF6E00, #823F11);
    padding: 10px;
    color: #fff;
}

.tipo-lugar-2 {
    background: orange;
}

.tipo-lugar-3 {
    background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
    padding: 10px;
    color: #fff;
}

.tipo-lugar-4 {
    background: gray;
}

.tipo-lugar-5 {
    background: #5a5c5f;
}

.tipo-lugar-6 {
    background-image: linear-gradient(to bottom right, #3b693b, #183118);
    padding: 10px;
    color: #fff;
}

.tipo-lugar-7 {
    background: #123546;
}

.sidebar-submenu {
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 12px;
}

    .sidebar-submenu li a {
        color: #4a4a4a;
    }

        .sidebar-submenu li a i {
            color: #4a4a4a;
        }

.sidebar-menu li:hover a {
    color: #4a4a4a;
}

.padding-left-60 {
    padding-left: 60px;
}

.pull-right {
    float: right;
}

.desplegar_exportar {
    display: none;
}

.form-modal {
    float: right;
}

.botones-funciones {
    padding-top: 15px;
}

.titulo-pantalla-contenido {
    padding-top: 10px;
    color: #231F20;
    font-family: 'Conv_Gotham Bold Regular';
}

.content_bg_overlay {
    background-image: url(../img/banner_full_2.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    animation: log_block 500ms;
}

.overlay_bg_login {
    background: #000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    position: absolute;
}

.content_campos_login {
    width: 550px;
    height: auto;
    background: #fff;
    position: absolute;
    z-index: 98;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    padding: 15px;
    border-radius: 40px 0;
}

    .content_campos_login .logo_content {
        margin: 0 auto;
        float: none;
        width: 249px;
    }

.content_campos_agencia .logo_content {
    margin: 0 auto;
    float: none;
    width: 249px;
}

.content_campos_login input {
    width: 70%;
    padding: 8px;
    margin-top: 14px;
    border: 1px #999 solid;
    font-family: 'Conv_Gotham-Book';
    border-radius: 5px;
}

.content_campos_login_2 input {
    width: 70% !important;
}

.content_campos_login .submit_login {
    width: 70%;
    padding: 5px;
    background-image: linear-gradient(90deg, #142130, #155172);
    color: #fff;
    font-size: 22px;
    border: 0;
    margin: 0 auto;
    margin-top: 15px;
    font-family: 'Conv_Gotham Bold Regular';
    margin-bottom: 15px;
    border-radius: 5px;
    cursor: pointer;
}

.info_n_contrasena {
    z-index: 99;
    text-align: left;
    width: 66%;
    height: auto;
    margin: 0 auto;
    color: #fff;
    background: #155172;
    padding: 15px;
    top: 56px;
    display: inline-block;
    display: none;
    border-radius: 10px;
}

.user_name_login_1 {
    animation: buttom_logopost 3s;
    position: relative;
}

.user_name_login_2 {
    animation: buttom_logopost 3500ms;
    position: relative;
}

.info_n_contrasena_2:hover .info_n_contrasena {
    display: block;
}

.content_campos_login .submit_login:hover {
    opacity: 0.8;
}

.content_campos_agencia .submit_login:hover {
    background: #204758;
    transition: 500ms;
    cursor: pointer;
}

.content_imput {
    width: 100%;
    height: auto;
}

.rest_con {
    color: #fff !important;
    animation: buttom_logopost 4500ms;
    position: relative;
}

    .rest_con:hover {
        color: #ccc !important;
    }

.content_imput input {
    width: 100%;
    padding: 8px;
    margin-top: 14px;
    border: 1px #999 solid;
    font-family: 'Conv_Gotham-Book';
    border-radius: 5px;
}


.fix_agencia {
    position: fixed;
}

.content_campos_agencia {
    width: 550px;
    height: auto;
    background: #fff;
    overflow: hidden;
    padding: 15px;
    border-radius: 40px 0;
    margin: 0 auto;
}

.position_agenc {
    position: absolute;
    margin-top: 40px;
    margin-bottom: 40px;
}

.content_campos_agencia {
    text-align: center;
}

    .content_campos_agencia .submit_login {
        width: 70%;
        padding: 5px;
        background: #155172;
        color: #fff;
        font-size: 22px;
        border: 0;
        margin: 0 auto;
        font-family: 'Conv_Gotham Bold Regular';
        display: inline-block;
        border-radius: 5px;
        margin: 8px 0;
    }

.texto_cortesia p {
    color: #155172;
    padding: 6px 10px;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 20px;
}

.texto_cortesia input {
    width: 70%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    padding: 6px;
    color: #7b7b7b;
    margin-bottom: 10px;
}





/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************** inicio swicht *************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin: 0;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }



/********************************************************************************************************************/
/********************************************************************************************************************/
/***************************************** fin swicht ***************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/



/*-------------------------------------------Modal-------------------------------------------*/

.overlay_modal_1 {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    background: #000000b0;
    z-index: 999;
    animation: opacity 1500ms;
}

.position_modal {
    width: 100%;
    position: absolute;
    z-index: 999;
}

.position_modal_detalle_transaccion_caja {
    width: 77%;
    position: absolute;
    z-index: 999;
}

.modal_color {
    background: #fff;
    height: auto;
    width: 750px;
    margin-top: 30px;
    border-radius: 5px;
    z-index: 999;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    box-shadow: 5px 5px 40px #000000bf;
    overflow: hidden;
    margin-bottom: 40px;
    animation: scale 1000ms;
}

.itin_1 h1 {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 40px;
    text-align: center;
    padding: 14px 0;
    color: #fff;
}

.itin_1 h2 {
    font-size: 20px;
    font-family: 'Conv_Gotham-Book';
    text-align: center;
}

.itin_1 select {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #000;
    padding: 3px;
}

    .itin_1 select:focus {
        outline: 0px;
    }

.itin_check .checkbox {
    margin-left: 30px;
    margin-right: 8px !important;
    float: left;
    margin-top: 6px;
}

.espacio_r {
    padding: 15px;
}

.espacio_r_interno {
    background: #ccc;
    padding: 15px;
    border-radius: 5px;
}

.guardar_check {
    padding: 0px 0 15px 0;
}

    .guardar_check a {
        background: #28a745;
        padding: 10px 30px;
        margin: 0 auto;
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
    }

.multicheck {
    font-family: 'Conv_Gotham-Book';
    font-size: 14px;
}

.cerrar_modal {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    cursor: pointer;
}

.cerrar_modal_detalle_transaccion_caja {
    color: #fff;
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 40px;
    cursor: pointer;
}

@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    60% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.tablinks {
    border-right: 1px #ccc solid !important;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 28px;
}

.espacio_numero_nuevo_1 {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #999;
    padding: 3px;
}

.despliega_modal_1 {
    display: none;
}


/*-------------------------------------------Fin Modal-------------------------------------------*/

/*-------------------------------------------Modal Unificacion-------------------------------------------*/

.overlay_modal_2 {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    background: #000000b0;
    z-index: 999;
    animation: opacity 1500ms;
}

.position_modal_2 {
    width: 100%;
    position: absolute;
    z-index: 999;
}

.modal_color_2 {
    background: #fff;
    height: auto;
    width: 750px;
    margin-top: 30px;
    border-radius: 5px;
    z-index: 999;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    box-shadow: 5px 5px 40px #000000bf;
    overflow: hidden;
    margin-bottom: 40px;
    animation: scale 1000ms;
}

.itin_2 h1 {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 40px;
    text-align: center;
    padding: 14px 0;
    color: #fff;
}

.itin_2 h2 {
    font-size: 20px;
    font-family: 'Conv_Gotham-Book';
    text-align: center;
}

.itin_2 select {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #000;
    padding: 3px;
}

    .itin_2 select:focus {
        outline: 0px;
    }

.itin_check .checkbox {
    margin-left: 30px;
    margin-right: 8px !important;
    float: left;
    margin-top: 6px;
}

.espacio_r {
    padding: 15px;
}

.espacio_r_interno {
    background: #ccc;
    padding: 15px;
    border-radius: 5px;
}

.guardar_check {
    padding: 0px 0 15px 0;
}

    .guardar_check a {
        background: #28a745;
        padding: 10px 30px;
        margin: 0 auto;
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
    }

.multicheck {
    font-family: 'Conv_Gotham-Book';
    font-size: 14px;
}

.cerrar_modal_2 {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    cursor: pointer;
}


@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    60% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.tablinks {
    border-right: 1px #ccc solid !important;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 28px;
}

.espacio_numero_nuevo_2 {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #999;
    padding: 3px;
}

.despliega_modal_2 {
    display: none;
}


/*-------------------------------------------Fin Modal Unificacion-------------------------------------------*/


/*-------------------------------------------Modal Encomiendas Crear Guias-------------------------------------------*/

.overlay_modal_3 {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    background: #000000b0;
    z-index: 999;
    animation: opacity 1500ms;
}

.position_modal_3 {
    width: 100%;
    position: absolute;
    z-index: 999;
}

.modal_color_3 {
    background: #fff;
    height: auto;
    width: 950px;
    margin-top: 30px;
    border-radius: 5px;
    z-index: 999;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    box-shadow: 5px 5px 40px #000000bf;
    overflow: hidden;
    margin-bottom: 40px;
    animation: scale 1000ms;
}

.itin_3 h1 {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 40px;
    text-align: center;
    padding: 14px 0;
    color: #fff;
}

.itin_3 h2 {
    font-size: 20px;
    font-family: 'Conv_Gotham-Book';
    text-align: center;
}

.itin_3 select {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #000;
    padding: 3px;
}

    .itin_3 select:focus {
        outline: 0px;
    }

.itin_check .checkbox {
    margin-left: 30px;
    margin-right: 8px !important;
    float: left;
    margin-top: 6px;
}

.espacio_r {
    padding: 15px;
}

.espacio_r_interno {
    background: #ccc;
    padding: 15px;
    border-radius: 5px;
}

.guardar_check {
    padding: 0px 0 15px 0;
}

    .guardar_check a {
        background: #28a745;
        padding: 10px 30px;
        margin: 0 auto;
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
    }

.multicheck {
    font-family: 'Conv_Gotham-Book';
    font-size: 14px;
}

.cerrar_modal_3 {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    cursor: pointer;
}


@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    60% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.tablinks {
    border-right: 1px #ccc solid !important;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

    /* Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 28px;
}

.espacio_numero_nuevo_3 {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #999;
    padding: 3px;
}

.despliega_modal_3 {
    display: none;
}



/*-------------------------------------------Fin Modal Encomiendas Crear Guias-------------------------------------------*/


/*---------------------------------------Modal Sucursal Cliente Encomienda--------------------------------*/

.overlay_modal_4 {
    position: fixed;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    background: #000000b0;
    z-index: 999;
    animation: opacity 1500ms;
}

.position_modal_4 {
    width: 100%;
    position: absolute;
    z-index: 999;
}

.modal_color_4 {
    background: #fff;
    height: auto;
    width: 750px;
    margin-top: 30px;
    border-radius: 5px;
    z-index: 999;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    box-shadow: 5px 5px 40px #000000bf;
    overflow: hidden;
    margin-bottom: 40px;
    animation: scale 1000ms;
}

.itin_4 h1 {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 40px;
    text-align: center;
    padding: 14px 0;
    color: #fff;
}

.itin_4 h2 {
    font-size: 20px;
    font-family: 'Conv_Gotham-Book';
    text-align: center;
}

.itin_4 select {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #000;
    padding: 3px;
}

    .itin_4 select:focus {
        outline: 0px;
    }

.itin_check .checkbox {
    margin-left: 30px;
    margin-right: 8px !important;
    float: left;
    margin-top: 6px;
}

.espacio_r {
    padding: 15px;
}

.espacio_r_interno {
    background: #ccc;
    padding: 15px;
    border-radius: 5px;
}

.guardar_check {
    padding: 0px 0 15px 0;
}

    .guardar_check a {
        background: #28a745;
        padding: 10px 30px;
        margin: 0 auto;
        color: #fff;
        border-radius: 5px;
        text-decoration: none;
    }

.multicheck {
    font-family: 'Conv_Gotham-Book';
    font-size: 14px;
}

.cerrar_modal_4 {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 40px;
    cursor: pointer;
}


@keyframes opacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    60% {
        transform: scale(0.7);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.tablinks {
    border-right: 1px #ccc solid !important;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

    /*Change background color of buttons on hover */
    .tab button:hover {
        background-color: #ddd;
    }

    /* Create an active/current tablink class */
    .tab button.active {
        background-color: #ccc;
    }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

/* Style the close button */
.topright {
    float: right;
    cursor: pointer;
    font-size: 28px;
}

.espacio_numero_nuevo_4 {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #999;
    padding: 3px;
}

.despliega_modal_4 {
    display: none;
}



/*--------------------------------------- Fin Modal Sucursal Cliente Encomienda--------------------------------*/




.select2-container {
    z-index: 99999;
}

.titulo_pagina {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 24px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background: #142130;
    padding: 13px;
    margin-top: 4px;
    z-index: 1;
    position: relative;
}

.buttons-copy {
    background-image: linear-gradient(to bottom right, #999, #000) !important;
    color: #fff !important;
    border: 0 !important;
}

.buttons-excel {
    background-image: linear-gradient(to bottom right, #3b693b, #183118) !important;
    color: #fff !important;
    border: 0 !important;
}

.buttons-csv {
    background-image: linear-gradient(to bottom right, #217348, #134129) !important;
    color: #fff !important;
    border: 0 !important;
}

.buttons-pdf {
    background-image: linear-gradient(to bottom right, #903333, #3b0404) !important;
    color: #fff !important;
    border: 0 !important;
}


/***********************************Agregado para cuando se tiene dos tablas en una misma vista( Por ejemplo cuando se usan los Tabs)*************************************************************/


.buttons-copy1 {
    color: #fff !important;
    border: 0 !important;
}

.buttons-excel1 {
    color: #fff !important;
    border: 0 !important;
}

.buttons-csv1 {
    color: #fff !important;
    border: 0 !important;
}

.buttons-pdf1 {
    color: #fff !important;
    border: 0 !important;
}


/*******************************************************************************************************************************/


.borrado-estado i {
    color: #903333 !important;
    font-size: 16px !important;
}

.delet_esp i {
    color: red;
    font-size: 18px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}


.detail_esp i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.bord_sup_tit {
    border-radius: 0px 0px 10px 10px;
}

.rol_activado {
    color: #217348 !important;
    font-size: 20px;
    margin: 0 2px;
    margin-top: 9px;
    cursor: pointer;
}

.rol_desactivado {
    color: #b70000 !important;
    font-size: 20px !important;
    margin: 0 5px !important;
    margin-top: 9px !important;
    cursor: pointer !important;
}

.editar_esp i {
    color: #5AC7F7;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.parametro_hacienda_esp i {
    font-size: 20px;
    margin: 0 5px;
    margin-top: 6px;
    cursor: pointer;
}

.parametro_busae_esp i {
    font-size: 20px;
    margin: 0 5px;
    margin-top: 6px;
    cursor: pointer;
}

#DataTables_Table_0_filter label input {
    border: 1px #ccc solid;
    padding: 8px;
}

.btn_nuevo {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.btn_nuevo_itinerario {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.btn_tesoreria {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.btn_elecciones {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.btn_cortesia_estilo {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.btn_exportar {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
    display: none;
}

.btn_consultar_transaccion {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: right;
    width: 70%;
    margin-top: 30px;
}

.btn_consultar_deposito_tesoreria {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: right;
    width: 90%;
    margin-top: 30px;
}

.btn_consultar_liquidacion_tesoreria {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: right;
    width: 90%;
    margin-top: 30px;
}

.btn_nueva_cuenta {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.consultar_ingresos_agencia {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: right;
    width: 60%;
    margin-top: 30px;
}

.consultar_ingresos_choferes {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: right;
    width: 60%;
    margin-top: 30px;
}

.btn_consultar_bitacora_deposito_tesoreria {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    float: right;
    width: 90%;
    margin-top: 30px;
}

.sorting {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 16px;
}

.sorting_asc {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 16px;
}

.paginate_button {
    border: 1px #999 solid !important;
    background: #ccc;
}

#DataTables_Table_0_length label select {
    padding: 7px;
    margin-top: 4px;
}


.sorting_desc {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 16px;
}

.header_fixed_tabla {
    background: #fff;
    width: auto;
    z-index: 999;
}

.btn_editar {
    cursor: pointer;
}

.contenido-para-modal {
    width: 100%;
    background: #e4e4e4;
    margin-top: 15px;
    margin-bottom: 15px;
}

.titulo_modal {
    background-image: linear-gradient(to bottom right, #155172, #142130);
}

.titulo_modal_4 {
    background-image: linear-gradient(to bottom right, #155172, #142130);
}


.form-group {
    width: 50%;
    float: left;
}

.contenido-para-modal h2 {
    text-align: center;
    font-family: 'Conv_Gotham Bold Regular';
    color: #5d5d5d;
    padding: 10px 0 5px 0;
}

.form-horizontal h4 {
    margin: 0;
    font-family: 'Conv_Gotham Bold Regular';
    background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
    padding: 10px;
    color: #fff;
    border-radius: 6px;
}

.form-horizontal .btn-default {
    background-image: linear-gradient(90deg, #142130, #155172);
    padding: 4px 50px;
    margin: 0;
    width: 100%;
    color: #fff;
    font-size: 23px;
    font-family: 'Conv_Gotham Bold Regular';
    border: 0;
}

.content_back_list {
    width: 100%;
    text-align: center;
}

.contenido-para-modal a {
    color: #3b693b;
    text-align: center;
}

.content_m {
    scroll-behavior: smooth;
}

.c_sesion {
    border-bottom: 0 !important;
}

.sidebar-menu li ul li i {
    color: #4a4a4a;
}

.tamano_lavel {
    width: 100%;
}

.tab {
    width: 96%;
    margin: 0 auto;
    border-radius: 6px;
}

.tabcontent {
    width: 100% !important;
}

.content_modal_up_ruta {
    background: #e4e4e4;
    margin: 15px 0px;
    padding: 20px;
}

.numero_ruta {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.select2-selection__rendered {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    color: #7b7b7b !important;
}

.itin_1_reportes .select2-selection__rendered {
    width: 100%;
    height: 34px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    color: #7b7b7b !important;
}

.itin_1_reportes .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 15px;
}

.select2-selection {
    border: 0 !important;
}

.itin_check h2 {
    margin: 0;
    font-family: 'Conv_Gotham Bold Regular';
    background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
    padding: 10px;
    color: #fff;
    border-radius: 6px;
    margin-bottom: 15px;
}



.itin_check {
    padding: 15px !important;
}

.btn_guardar_ruta {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.btn_guardar_ingreso_dinero_camino {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 55px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_desactivado {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.btn_generar_reporte {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
    height: 40px;
    line-height: 15px;
}

.btn_reporte_camino {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 30px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.btn_eliminar_accion_chofer {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 15px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_guardar_b {
    text-align: center;
}

.content_boton_guardar_b {
    text-align: center;
    width: 100%;
}


.table-responsive h6 {
    font-family: 'Conv_Gotham Bold Regular';
    margin-bottom: 0;
}

.contenido-para-modal .container-fluid {
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both;
}

    .contenido-para-modal .container-fluid .dl-horizontal dt {
        float: left;
        width: 31%;
        height: 45px;
        padding: 11px;
        background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
        color: #fff;
    }

    .contenido-para-modal .container-fluid .dl-horizontal dd {
        float: left;
        width: 69%;
        height: 45px;
        padding: 11px;
        background: #225065;
        color: #fff;
    }

.clear {
    clear: both;
}

.form-horizontal .form-group input {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-horizontal .form-group select {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


#hora_itinerario {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contenido-para-modal .container-fluid .contenido-para-modal .container-fluid {
    padding: 0 !important;
}

.contenido-para-modal .container-fluid .contenido-para-modal {
    padding: 0 !important;
    margin: 0;
}

.div-ruta-select .select_buscador_nuevo {
    width: 100%;
    height: 44px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.guardar_button {
    background-image: linear-gradient(to bottom right, #3b693b, #183118) !important;
    border: 0px !important;
    margin: 0 auto;
    padding: 6px 50px;
    color: #fff;
    border-radius: 5px;
}

.multicheck .multicheck {
    float: left;
    padding: 10px;
    border: 1px #e4e4e4 solid;
}

    .multicheck .multicheck .checkbox_lugar_ruta {
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    .multicheck .multicheck input {
        width: 100%;
        height: 44px;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        padding: 9px;
    }

.guardar_button_plantilla {
    background-image: linear-gradient(to bottom right, #3b693b, #183118) !important;
    border: 0px !important;
    margin: 0 auto;
    padding: 6px 50px;
    color: #fff;
    border-radius: 5px;
}

.campos_itinerario {
    float: left;
}

.campos_itinerario {
    border-left: 15px #e4e4e4 solid;
    border-right: 15px #e4e4e4 solid;
    border-bottom: 4px #e4e4e4 solid;
    border-top: 4px #e4e4e4 solid;
    padding: 6px;
    background: #fff;
}

.padding_guardar_tipo {
    margin-top: 32px;
}

.titulo_rutas {
    margin: 0;
    font-family: 'Conv_Gotham Bold Regular';
    background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
    padding: 10px;
    color: #fff !important;
    border-radius: 6px;
    margin-bottom: 15px;
}

.guardar_lugar_tiempo {
    background-image: linear-gradient( 90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
}

.tiempo_lugares {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.tiempo_lugares_input input {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.tiempo_lugares_input {
    padding: 0;
}

.content_tab_dos {
    border: 0 !important;
}

.fecha_rol {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    height: 45px;
}

.input_reportes {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    height: 34px;
}

.boton_roll_cargar {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    padding: 9px 60px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
}

.btn_cargar_carreras {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    padding: 9px 60px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
}


.margen_p_cero p {
    margin: 0;
}

.tab_superior li a {
    font-size: 16px;
    color: #fff !important;
    margin: 0;
    font-family: 'Conv_Gotham-Book';
    background: #636363;
    border-right: 1px #e4e4e4 solid;
    padding: 10px;
    border-radius: 6px 6px 0 0;
}

.tab_superior {
    padding-bottom: 6px;
    padding-top: 10px;
    background: #f1f1f1;
    padding-left: 10px;
}

    .tab_superior li a:hover {
        background: #231F20;
        color: #fff !important;
    }

.active {
    background: #231F20 !important;
    color: #fff !important;
    border-radius: 20px 20px 0 0 !important;
}


.tab_inferior {
    background: #e4e4e4;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 0px;
}

.tabs_sentidos {
    background: #d0d0d0;
    padding-left: 50px !important;
    padding-top: 10px;
    padding-bottom: 0px;
}

.tab_inferior li a {
    font-size: 16px;
    color: #fff !important;
    margin: 0;
    font-family: 'Conv_Gotham-Book';
    background: #636363;
    border-right: 1px #e4e4e4 solid;
    padding: 10px;
    border-radius: 6px 6px 0 0;
}

.tab_inferior li {
    margin-bottom: 5px;
    display: inherit;
}

    .tab_inferior li a {
        color: #fff;
        text-decoration: none;
    }

.tab_superior li a {
    text-decoration: none;
    display: inline-block;
}

.titulo_roles {
    margin: 0;
    font-family: 'Conv_Gotham Bold Regular';
    background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
    padding: 10px;
    color: #fff !important;
    border-radius: 6px;
    margin-bottom: 15px;
}

.buscador_buses_rol {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.sidebar-menu .active {
    background: none !important;
}

.tab-pane {
    background: #f5f5f5 !important;
    color: #000 !important;
}

.titulo_modal_rol {
    font-family: 'Conv_Gotham Bold Regular' !important;
    font-size: 24px !important;
    text-align: center !important;
    margin: 0 auto !important;
    color: #fff !important;
    background: #225065 !important;
    padding: 13px !important;
    margin-bottom: 15px !important;
    margin-top: 15px !important;
}

.boton_despliega_m {
    cursor: pointer;
    display: none;
}


.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .is-flex > [class*='col-'] {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }


.tab-pane {
    display: none;
}

.active {
    display: block;
}

.campo_calendar p {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
}

.campo_calendar input {
    width: 100%;
    height: auto;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

    .campo_calendar input label {
        margin: 0;
    }

.campo_calendar_sub button {
    background-image: linear-gradient(90deg, #142130, #155172) !important;
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
}

.btn_agregar_fecha i {
    color: #6f6f6f;
    font-size: 18px;
}

.tiempo_lugar_2 {
    width: 100%;
    height: auto;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

    .tiempo_lugar_2 label {
        margin: 0;
    }

.campo_cambio_roll select {
    width: 100%;
    height: auto;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}


.campo_cambio_roll textarea {
    width: 100%;
    height: 60px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.hermano_itin {
    padding: 0 !important;
    margin-top: 15px;
}

.icn {
    display: none;
    font-size: 24px;
}

.sidebar-menu .fas {
    display: none;
}

.sidebar-menu a .fas {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.sidebar-submenu .fas {
    display: block;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

body {
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.itin_1 select {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.itin_1_reportes select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.bot_extra {
    margin: 0;
    margin-top: 0 !important;
    display: inline-block;
    float: none;
    background-image: linear-gradient(to bottom right, #3b693b, #183118) !important;
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 0px !important;
    color: #fff !important;
    padding: 7px 24px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
}

.modal_extra select {
    height: 44px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.modal_extra p {
    margin: 0;
}

.extra_crear {
    margin: 12px;
}

.boton_cargar_guardar, .btn_rol_guardar {
    /*display:none;*/
    margin-bottom: 12px;
}

.table_buschofer .select2-container .select2-selection--single {
    height: 44px;
}

.content_tablas_select .select2-container {
    width: 70% !important;
}

.rol_bus_chofer {
    float: right;
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    padding: 9px 30px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
}

.boton_cargar_guardar, .extra_crear, .btn_rol_guardar {
    float: left;
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    padding: 9px 30px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
    margin-left: 15px !important;
}

.rol_bus_chofer {
    float: right;
}

.btn_enviar_rol {
    float: right;
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    padding: 9px 30px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}


.guardar_select_hora {
    display: inline-block;
    float: none;
    background-image: linear-gradient(to bottom right, #3b693b, #183118) !important;
    border: 0px !important;
    margin: 0 auto !important;
    margin-bottom: 0px !important;
    color: #fff !important;
    padding: 7px 24px !important;
    font-size: 20px !important;
    margin-top: 0px !important;
    border-radius: 10px !important;
}

.btn_guardar_cambios_rol, .btn_abortar_cambios_rol {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    color: #fff !important;
    padding: 9px 30px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
    margin-left: 15px !important;
}

.btn_guardar_cambios_rol_sentido, .btn_abortar_cambios_rol_sentido {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    color: #fff !important;
    padding: 9px 30px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
    margin-left: 15px !important;
}

.table-condensed .select2-container {
    z-index: 990;
}

.select2-container--default .select2-selection__rendered {
    float: left;
}

.imput_content_caja .select2-container--default {
    width: 100% !important;
    margin-top: 5px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    color: #999 !important;
}

.imput_content_caja i {
    color: #ff6e00;
}

.imput_content_caja p {
    font-size: 18px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172;
}

.bg_selector_caja {
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    position: relative;
}

.content_opciones_scroll {
    overflow: auto;
    width: 100%;
    height: 320px;
    border: 1px solid #ced4da;
}

.contenedor_ul_padre {
    position: relative;
}

.content_opciones_scroll ul li {
    width: 100%;
    height: auto;
    background-color: #fff;
    background-clip: padding-box;
    padding: 9px 9px;
    cursor: pointer;
    text-align: left !important;
    border-bottom: 1px solid #bdbdbd;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b;
    font-size: 16px;
    padding: 10.3px 9px;
}

.content_opciones_scroll ul {
    padding-left: 0;
    margin-bottom: 0;
}

.boton_user {
    width: 100%;
    background: #155172;
    height: auto;
    padding: 15px 10px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}

    .boton_user:hover {
        background: #0d354a;
    }

.boton_user_2 {
    width: 100%;
    background: #903333;
    height: auto;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
}

.icono_opcion {
    font-size: 36px;
    margin-bottom: 10px;
    color: #fff;
}


.boton_user_2:hover {
    background: #501b1b;
}

.boton_user img {
    width: 70px;
}

.boton_user h2 {
    color: #fff;
    font-size: 13px;
    font-family: 'Conv_Gotham-Book';
}

.boton_user_2 img {
    width: 70px;
}

.boton_user_2 h2 {
    color: #fff;
    font-size: 13px;
    font-family: 'Conv_Gotham-Book';
    margin-bottom: 0;
}

.posicion_boton_usuario {
    padding: 0;
    padding-left: 10px;
}

.info_cliente_caja {
    background: #fff;
    border-radius: 10px;
    position: relative;
}

.borde_chadow {
}

.info_cliente_caja p {
    margin: 0;
    color: #264426;
    margin-bottom: 4px;
}

    .info_cliente_caja p strong {
        margin: 0;
        color: #7b7b7b !important;
        font-family: 'Conv_Gotham Bold Regular';
        text-transform: uppercase;
    }

    .info_cliente_caja p span {
        margin: 0;
        color: #264426;
        font-family: 'Conv_Gotham-Book';
        font-size: 14px;
    }

.detalle_cliente_caja {
    background: #fff;
    padding-bottom: 15px;
    padding-top: 15px;
    border-radius: 10px;
}

.titulo_caja {
    padding: 10px 10px 10px 10px;
    background: #155172;
    border-radius: 10px 10px 0px 0px;
}

    .titulo_caja h1 {
        color: #fff;
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 26px;
        margin: 0;
    }

.procesar {
    background-image: linear-gradient(to bottom right, #3b693b, #183118) !important;
    border: 0px !important;
    padding: 10px 60px;
    color: #fff;
    font-size: 25px;
    font-family: 'Conv_Gotham Bold Regular';
    cursor: pointer;
    border-radius: 10px;
}

.detalle_seleccion {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    margin-bottom: 6px;
}

.detalle_imagen_caja {
    background: #3b693b;
    border-radius: 10px;
    position: relative;
}

    .detalle_imagen_caja i {
        color: #fff;
        font-size: 60px;
        position: absolute;
        z-index: 98;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.titulo_detalle {
    width: 40%;
    float: left;
    background: #155172;
    padding: 5px 8px;
    margin-bottom: 0 !important;
    color: #fff !important;
    height: 36px;
    font-family: 'Conv_Gotham-Book';
}

    .titulo_detalle i {
        color: #ff6e00;
    }

.info_resultado {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}



.info_resultado span {
    float: right;
}

.resp_detail {
    width: 60%;
    float: left;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    height: 36px;
    margin-bottom: 18px !important;
}


.flecha_content_caja i {
    color: #fff;
    font-size: 50px;
}

.detalle_seleccion {
    margin: 0;
    color: #264426;
    margin-bottom: 4px;
}

    .detalle_seleccion strong {
        font-family: 'Conv_Gotham Bold Regular';
    }

.esconde_seleccion_r {
    width: 40px;
    cursor: pointer;
}

.esconde_seleccion_r_2 {
    width: 40px;
    cursor: pointer;
}

.rotate {
    transform: rotate(-180deg);
    transition: 500ms;
}

.rotate2 {
    transform: rotate(0deg);
    transition: 500ms;
}

.rrotate {
    transform: rotate(-180deg);
    transition: 500ms;
}

.rrotate2 {
    transform: rotate(0deg);
    transition: 500ms;
}

.botones_numeracion {
    margin: 0
}

.numero_tick p {
    text-align: center;
    margin: 0;
    background: #a7cea7;
    border-radius: 10px;
    position: relative;
    padding: 4px;
    margin: 0;
    color: #264426;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 22px;
    cursor: pointer;
}

    .numero_tick p:hover {
        background: #fff;
    }

.cantidad_tick {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.imput_content_caja .select2-container {
    z-index: 10;
}

.numero_tipo_servicio {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.input_fecha_1 {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 5px;
}

.detalle_servicio_2 textarea {
    width: 100%;
    height: auto;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.info_cliente_caja_2 {
    border-radius: 10px !important;
}

.tam_fijo tr td .select2-container--default {
    width: 260px !important;
}

.campos_cliente input {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 5px;
}

.campos_cliente h2 {
    text-align: left;
}

    .campos_cliente h2 span {
        color: darkred;
    }

.span_separador {
    font-size: 14px;
    top: 0px;
    position: relative;
}

.hora_p {
    width: 150px !important;
    margin: 0 20px;
}

.lista_lug p {
    margin: 0;
}

.total_venta p {
    margin: 8px 5px;
}

.total_venta h1 {
    margin: 0;
    color: #155172;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 28px;
}


@keyframes pronto_salir {
    0% {
        color: #ffffff;
        background-color: #b74f00;
    }

    70% {
        color: #ffffff;
        background-color: #ff6e00;
    }

    100% {
        color: #ffffff;
        background-color: #b74f00;
    }
}

.conten_anima_lista {
    width: 100%;
    height: auto;
}

.bot_bus_lleno {
    float: left;
}

.bot_pronto_salir {
    float: left;
}

.bot_casi_lleno {
    float: left;
}

.bot_de_pie {
    float: left;
}

.anima_2 {
    padding: 2px;
    width: 33.333%;
    float: left;
    text-align: center;
}

.anima_3 {
    padding: 2px;
    width: 33.333%;
    float: left;
    text-align: center;
}

.anima_4 {
    padding: 2px;
    width: 33.333%;
    float: left;
    text-align: center;
}

.pronto_salir {
    animation: pronto_salir 2s linear infinite;
}

.bus_lleno {
    background: #903333 !important;
    color: #ffff !important;
}

.casi_lleno {
    background: #11948b !important;
    color: #ffff !important;
}

.de_pie {
    background: #254723 !important;
    color: #ffff !important;
}


.bot_casi_lleno {
    float: left;
}


.content_table_cliente {
    padding: 15px;
    background: #fff;
    border-radius: 10px;
}

.tabla_clientes {
    background: #fff;
}

.content_table_cliente th {
    margin: 0;
    color: #264426;
    font-family: 'Conv_Gotham Bold Regular';
    text-transform: uppercase;
}

.content_table_cliente td {
    margin: 0;
    color: #264426;
    font-family: 'Conv_Gotham-Book';
}

.boton_mis_clientes {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_carta_pasaje {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_buscar_cliente_carta {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.contenedor_img {
    overflow: hidden;
    position: relative;
}

    .contenedor_img img {
        width: 100%;
        transform: scale(1);
        transition: 300ms;
    }

    .contenedor_img:hover img {
        transform: scale(1.1);
    }

.texto_contenedor_caja {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 4% 0;
    transition: 300ms;
    z-index: 31;
    background: #000000ad;
}

.boton_caja_accion {
    border: 0 !important;
    background: #fff !important;
    font-family: 'Conv_Gotham Bold Regular' !important;
    padding: 8px 30px !important;
    border-radius: 8px !important;
    color: #142130 !important;
    cursor: pointer !important;
    float: none;
    margin: 0 !important;
}

.contenedor_img:hover .texto_contenedor_caja {
    padding: 8% 0;
}

.overlay_boton {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    top: 0;
    transition: 300ms;
    z-index: 8;
}

.contenedor_img:hover .overlay_boton {
    opacity: 0;
}

.titulo_graficos {
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #142130;
    font-size: 24px;
}

.bg_index_banner {
    background-image: url("../img/imagen_index.jpg");
    background-position: center;
    height: 160px;
    width: 100%;
    background-size: cover;
    position: relative;
}

    .bg_index_banner h1 {
        position: absolute;
        z-index: 99;
        text-align: center;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-family: 'Conv_Gotham Bold Regular';
        text-shadow: 0px 0px 23px #000;
    }

.index_landing .texto_contenedor_caja {
    background: #000000ad;
}

.content_carga {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    overflow: hidden;
}

.content_carga_hidden {
    display: none;
}

.bus_carga {
    width: 36%;
    position: relative;
    top: 10%;
    left: -34%;
    animation: bus_camina 5s infinite linear;
}

@keyframes bus_camina {
    0% {
        left: -34%;
    }

    100% {
        left: 98%;
    }
}

.bus_imagen {
    width: 100%;
}

.llanta_imagen_1 {
    width: 9%;
    position: absolute;
    top: 63%;
    left: 24%;
    animation: rotate 600ms infinite linear;
}

.llanta_imagen_2 {
    width: 9%;
    position: absolute;
    top: 63%;
    left: 68.8%;
    animation: rotate 600ms infinite linear;
}

.cargando_titulo {
    margin: 60px 0;
    text-align: center;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 40px;
    animation: opacity_cargar 700ms linear infinite;
}

@keyframes opacity_cargar {
    0% {
        opacity: 0.2;
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}

.rol_chofer_1 {
    float: right;
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin-bottom: 10px !important;
    color: #fff !important;
    padding: 9px 30px !important;
    font-size: 20px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
}

.chofer_m {
    text-transform: uppercase !important;
}

.restabl {
    color: #999;
    font-family: 'Conv_Gotham-Book';
    margin-bottom: 0;
}

    .restabl:hover {
        color: #484848;
    }

.boton_deposito_cargar {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 9px;
    color: #fff;
    padding: 9px 24px;
    font-size: 18px;
    margin-top: 10px;
    border-radius: 10px !important;
}

.contenido_arqueos {
    background: #e4e4e4;
}

.tabla_arqueos {
    width: 100%;
    background: #fff;
}

.titulo_arqueo {
    background: #155172;
    color: #fff !important;
}

.tabla_arqueos tr th h6 {
    font-family: 'Conv_Gotham-Book';
    color: #777777 !important;
}

    .tabla_arqueos tr th h6 strong {
        font-family: 'Conv_Gotham Bold Regular';
        color: #464646 !important;
        font-weight: 900;
    }

.tabla_arqueos tr td strong {
    font-family: 'Conv_Gotham Bold Regular';
    color: #464646 !important;
    font-weight: 900;
}

.tabla_arqueos tr td {
    color: #7f8386 !important;
}

.tabla_arqueos td {
    color: #495057 !important;
}

.tabla_arqueos th {
    border-bottom: 0px !important;
}

.tabla_consultas_filter label {
    font-family: 'Conv_Gotham Bold Regular';
}

.dataTables_filter label input {
    border: 1px #ccc solid;
    padding: 8px;
}

.icono_cliente {
    border: 1px #225065 solid;
    cursor: pointer;
}

    .icono_cliente i {
        color: #225065;
    }

.cort_but {
    height: 36px;
    color: #155172;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 6px 10px;
    font-family: 'Conv_Gotham Bold Regular';
    cursor: pointer;
    font-size: 15px;
}



.content_opciones_scroll::-webkit-scrollbar {
    width: 12px;
}

.content_opciones_scroll::-webkit-scrollbar-track {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-scrollbar-base-color: #000;
}

.content_opciones_scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background: #155172;
}

.filtros_carreras {
    color: #7b7b7b;
}


.info_cliente_caja {
    border-radius: 10px 10px 0px 0px;
}

.radius {
    border-radius: 10px !important;
}

.tabla_clientes th {
    background: #155172;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 15px !important;
    color: #fff;
    border: 1px solid #dee2e6;
}

.tabla_clientes td {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    color: #5d5d5d !important;
    border: 1px solid #dee2e6;
}

.info_resultado p {
    text-align: left;
    margin-bottom: 9px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b;
    font-size: 14px;
    border-bottom: 1px solid #bdbdbd;
    text-transform: none !important;
}

.info_resultado_2 p {
    border-bottom: 0px !important;
}

.info_resultado_2 input {
    width: 100%;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    border: 1px solid #bdbdbd;
    height: 44px;
    border-radius: 5px;
}

.info_resultado p span {
    float: right;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b;
    font-size: 14px;
}

.info_resultado h1 span {
    float: right;
}

.pagar_procesar {
    background: #ff6e00;
    font-size: 16px !important;
    font-family: 'Conv_Gotham Bold Regular';
    color: #fff;
    border-radius: 5px;
    border: 0;
    padding: 11px 20px;
    width: 100%;
    cursor: pointer;
}

    .pagar_procesar:hover {
        background: #944000;
    }

.tipo_tiquete p select {
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    border: 1px solid #bdbdbd;
    height: 44px;
    border-radius: 5px;
}

.tipo_tiquete p {
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
}

body::-webkit-scrollbar {
    width: 12px;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-scrollbar-base-color: #000;
}

body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    background: #155172;
}

.desabilitar_segun_permiso {
    display: none !important;
}

.flecha_content_caja {
    position: relative;
}

.seleccion_tiquete {
    float: left;
    position: absolute;
    top: 10px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172 !important;
    font-size: 30px !important;
}

.seleccion_tiquete_f {
    float: left;
    position: relative;
    top: 10px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172 !important;
    font-size: 30px !important;
}


.seleccion_tiquete i {
    color: #ff6e00;
    font-size: 30px;
}

.tipo_ser {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.menu_tabs {
    position: absolute;
    z-index: 10;
    background: #ccc;
    right: -15px;
    top: 16px;
    display: none;
    font-family: 'Conv_Gotham Bold Regular';
    box-shadow: 2px 2px 7px #00000063;
}

    .menu_tabs .nav {
        display: inherit !important;
    }

        .menu_tabs .nav a {
            border-radius: 0 !important;
            color: #231F20 !important;
            border-top: 1px #949494 solid;
        }

        .menu_tabs .nav .active {
            background: #000;
            border-radius: 0 !important;
            color: #fff !important;
        }

.contenido_tabs .active {
    border-radius: 0 !important;
}

.cont_titul_manual {
    background: #142130;
    padding: 15px;
    margin-top: 4px;
}

.titulo_manual {
    color: #fff;
}

    .titulo_manual h2 {
        font-family: 'Conv_Gotham Bold Regular';
        color: #fff;
        font-size: 20px;
        margin: 0;
    }

.abre_menu_tab {
    cursor: pointer;
}

.bg_tema_manual {
    background: #155172;
}

    .bg_tema_manual h1 {
        color: #fff;
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 30px;
        margin-bottom: 0;
    }

.number_p {
    background: #ff6e00;
    padding: 3px 8px;
    text-align: center;
    color: #fff;
    border-radius: 90px;
    margin: 0;
    font-family: 'Conv_Gotham Bold Regular';
}

.info_manual p {
    margin-bottom: 12px;
    font-family: 'Conv_Gotham-Book';
    color: #464646;
}

.img_tab img {
    box-shadow: 2px 2px 7px #00000063;
}

.servicio_log {
    position: absolute;
    width: 4%;
    right: 1%;
    bottom: 3%;
}

    .servicio_log:hover {
        opacity: 0.5;
        cursor: pointer;
    }

.subtitulo_punto p {
    color: #7b7b7b;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 18px;
}

.buscar_reval {
    width: 70%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    padding: 6px;
    color: #7b7b7b;
    margin-bottom: 10px;
}

.input_reval input {
    width: 70%;
    height: 40px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    padding: 6px;
    color: #7b7b7b;
    margin-bottom: 10px;
}

.input_reval select {
    width: 70%;
    text-align: center;
    display: inline-block;
}

.input_reimpresion {
    height: 40px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    padding: 6px;
    color: #7b7b7b;
    margin-bottom: 10px;
}

.codigo_data {
    padding: 10px;
    font-size: 24px;
    text-align: center;
    background: #e0e0e0;
    margin: 15px 0;
}

.cambiar_estado_venta_web_2 {
    height: 40px;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    padding: 6px;
    color: #7b7b7b;
    margin-bottom: 10px;
}

.bg_libera {
    background: #e0e0e0;
}

.content_opciones_scroll_2 {
    overflow: auto;
    width: 100%;
    height: 91px;
    border: 1px solid #ced4da;
    margin-top: 30px;
}

.tik_abierto .titulo_detalle {
    width: 100% !important;
    height: 44px;
    padding: 10px;
}

.tik_abierto .resp_detail {
    width: 100% !important;
    height: 44px;
    padding: 10px;
}

.btn-is-disabled {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.selector_c {
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
}

.btn_n {
    float: right !important;
    height: 44px;
}

.cargando {
    width: 50px;
    animation: rota_cargar 2s infinite linear;
    position: relative;
    z-index: 98;
    text-align: center;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cargando_lista {
    width: 50px;
    animation: rota_cargar 2s infinite linear;
    position: relative;
    z-index: 98;
    text-align: center;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cargando_ramal {
    width: 50px;
    animation: rota_cargar 2s infinite linear;
    position: relative;
    z-index: 98;
    text-align: center;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cargando_rep_estadistica {
    width: 50px;
    animation: rota_cargar 2s infinite linear;
    z-index: 98;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes rota_cargar {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#clockdiv {
    font-family: 'Conv_Gotham Bold Regular';
    color: #fff;
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 17px;
    float: right;
    right: 15px;
    top: 12px;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    z-index: 1000;
}

.header_fixed {
    position: absolute;
}

#clockdiv > div {
    display: inline-block;
}

#clockdiv div > span {
    padding: 0 5px;
    border-radius: 3px;
    background: #11948b;
    display: inline-block;
}

.smalltext {
    font-size: 12px;
}

.dos_p {
    font-family: 'Conv_Gotham Bold Regular';
    background: none !important;
    color: #ff6e00;
    font-size: 17px;
    padding: 0 !important;
}

.numero_corre {
    width: 40px !important;
}


.fixed {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    color: #fff;
    background: #25566c;
    padding: 10px;
    position: fixed;
}

.esconde_admin {
    display: none;
}

.textos_info_revalidar p {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    color: #fff;
    background: #25566c;
    padding: 10px;
}

.btn_reval {
    font-family: 'Conv_Gotham Bold Regular';
    padding: 5px 15px;
    background: #fff;
    font-weight: 900;
    color: #142130;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

.prueba .tabla_padre {
    margin: 0 auto;
    background: #fff;
    padding: 15px;
}

    .prueba .tabla_padre h1 {
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 24px;
        margin-bottom: 0px;
        margin-top: 17px;
    }

    .prueba .tabla_padre p {
        margin-bottom: 8px;
    }

    .prueba .tabla_padre hr {
        border: 0;
        border-top: 1px solid rgb(0, 0, 0);
        width: 90%;
    }

.up_p {
    padding-top: 10px;
}

.content_des_bus {
    display: none;
}

.time_a:hover {
    text-decoration: none;
}

.time_a {
    color: #fff !important;
}

.input_distancia {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #7b7b7b;
    width: 100px;
}

.cambio_estado_deposito {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.bot_dir {
    color: #ff6e00 !important;
    padding: 9px 10px 7px 10px;
}

    .bot_dir:hover {
        text-decoration: none;
    }

.text_r {
    float: right;
}

/*.tabla_arqueos td {
    text-align: right;
}*/

.detalle_tran {
    background: #3c3c3c;
    color: #fff;
}

.editar_camino {
    border: 0;
    background: none;
}

    .editar_camino i {
        color: #155172;
        font-size: 26px;
        margin-top: 6px;
    }

.titulos_edit {
    background-image: linear-gradient(90deg, #142130, #155172);
}

.conte_edit {
    background: #fff;
}

.titulos_edit .tit_carre {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
}

    .titulos_edit .tit_carre p {
        margin: 0;
    }

.conte_edit .tit_carre {
    color: #142130;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

    .conte_edit .tit_carre p {
        margin: 0;
    }

.ingresar_monto {
    width: 100%;
    padding: 6px;
    border: 0;
    font-size: 17px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #5f5f5f;
}

.tit_carre h2 {
    font-size: 17px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}


.contenedor_tab_camino .tab-pane {
    background: #e6e6e6 !important;
}

.tab_camino li a {
    border-radius: 0px !important;
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    background: #5d5d5d;
    text-decoration: none;
}

.tab_camino li .active {
    top: -10px;
    position: relative;
}

.validar_camino {
    width: 50%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.conte_edit .campo_comparativo {
    border: 0;
}

.tit_carre i {
    color: #b90000;
    font-size: 18px;
    margin-top: 9px;
}

.guardar_camino {
    cursor: pointer;
}

    .guardar_camino h2 {
        color: #fff;
        font-size: 18px;
        margin-top: -3px;
    }

        .guardar_camino h2 i {
            color: #fff;
            font-size: 18px;
            margin-top: 0px;
        }

.btn_guardar_ingreso_dinero_camino i {
    color: #fff !important;
    font-size: 18px !important;
    margin-top: 0px !important;
    background-image: linear-gradient(to bottom right, #155172, #142130);
    border-radius: 5px;
}

.borrar_caminos i {
    color: #fff;
}

.borrar_caminos {
    background: #b90000;
    cursor: pointer;
}

.carrera_vacia {
    color: #217348;
}

.borrar_caminos_regreso i {
    color: #fff;
}

.borrar_caminos_regreso {
    background: #b90000;
    cursor: pointer;
}

.icono_desactivacion i {
    font-size: 24px;
    margin-top: 7px;
    color: #155172;
    cursor: pointer;
}

.bot_desac {
    width: auto;
    padding: 8px 24px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    background: #155172;
    border: 0;
    border-radius: 5px;
    margin: 0 6px;
    font-family: 'Conv_Gotham Bold Regular';
    /*background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto !important;
    color: #fff !important;
    padding: 9px 30px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
    margin-left: 15px !important;*/
}

.puntos_paso {
    font-size: 17px;
}

.selec_desactiva {
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.empresarial select {
    width: 100%;
    height: 40px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 6px;
}

.empresarial input {
    width: 100%;
    height: 40px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 6px;
}

.conte_edit_empresarial {
    color: #142130;
    padding: 2px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    background: #fff;
}

.b_right {
    border-right: 2px #e6e6e6 solid;
}

.tipo_em_nor {
    width: 78% !important;
    height: 46px !important;
}



.cantidad_asientos select {
    width: 53px;
    height: 35px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 2px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 6px;
}

.checkbox_block input {
    width: 9%;
    height: 21px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 4px;
}

.lista_pendiente {
    height: 100%;
    background: #c5c5c5;
}

.lista_Sumable {
    height: 100%;
    background: #c5c5c5;
}

.listas_traspaso ul li {
    border-radius: 0 !important;
}

.titulo_list_pendiente {
    background-image: linear-gradient(90deg, #142130, #155172) !important;
    border: 0 !important;
}

.campo_total {
    background: #fff !important;
    text-align: right;
    font-weight: bold;
    font-size: 15px;
    font-family: 'Conv_Gotham Bold Regular' !important;
    color: #155172 !important;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.lista_pendiente li {
    background: #fff !important;
    font-weight: 100;
    font-size: 14px;
    font-family: 'Conv_Gotham-Book';
    color: #155172 !important;
    margin: 0;
    cursor: move;
}

    .lista_pendiente li span {
        font-weight: bold;
        font-size: 16px;
        font-family: 'Conv_Gotham Bold Regular' !important;
        color: #155172 !important;
        margin: 0;
        cursor: move;
        float: right;
    }

    .lista_pendiente li:hover {
        background: #97c8e4 !important;
    }

.lista_Sumable li {
    background: #fff !important;
    font-weight: 100;
    font-size: 14px;
    font-family: 'Conv_Gotham-Book';
    color: #bd5000 !important;
    margin: 0;
    cursor: move;
}

    .lista_Sumable li span {
        font-weight: bold;
        font-size: 16px;
        font-family: 'Conv_Gotham Bold Regular' !important;
        color: #bd5000 !important;
        margin: 0;
        cursor: move;
        float: right;
    }


    .lista_Sumable li:hover {
        background: #ffd6c3 !important;
    }

.lista_lugares_disponibles {
    height: 100%;
    background: #c5c5c5;
}

.lista_lugares_carrera {
    height: 100%;
    background: #c5c5c5;
}

.bloqueo_asientos i {
    color: #217348 !important;
    font-size: 20px;
    margin: 0 2px;
    margin-top: 9px;
    cursor: pointer;
}

.tabla_reporte_carrera tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_reporte_carrera tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_reporte_correo tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_reporte_correo tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}



.tabla_reporte_abordaje tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 15px;
    text-align: left;
}

.tabla_reporte_abordaje tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 14px;
    color: #142130;
    text-align: left;
    padding: 10px;
}

.lw-100 {
    width: 100%;
}

.anima_list {
    animation: 1s opacity_list;
}

@keyframes opacity_list {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1
    }
}

.text_detalle {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.numero_ruta_2 {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
}

.campo_sin_pro {
    background: #fff !important;
    text-align: right;
    font-weight: bold;
    font-size: 17px;
    font-family: 'Conv_Gotham Bold Regular' !important;
    color: #155172 !important;
    margin: 0;
}

.titulo_deposito {
    background: #fff;
    padding: 10px;
}

.custom-checkbox-tamano {
    text-align: center;
    font-family: 'Conv_Gotham Bold Regular';
    color: #5d5d5d;
}

.cajas_anteriores {
    display: none;
}

.btn_guardar_autorizado {
    color: #fff !important;
    background-image: linear-gradient(90deg, #142130, #155172) !important;
    border: 0px !important;
    float: left !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
    height: 40px;
    padding: 8px !important;
    cursor: pointer;
}

.empresarial input {
    margin-top: 0px;
}

.empresarial h2 {
    margin-bottom: 6px;
}

.guardar_camino h2 {
    background-image: linear-gradient(to bottom right, #155172, #142130);
    border-radius: 5px;
}

.conten_cortesias {
    text-align: right;
}

.boton_editar_tesoreria {
    border: 0;
    background: none;
}

.borrar_deposito i {
    color: red !important;
    font-size: 16px;
    cursor: pointer;
}

.boton_editar_tesoreria {
    color: #5AC7F7 !important;
    font-size: 20px;
    cursor: pointer;
}

.checkbox_verificar_deposito {
    height: 24px;
    width: 24px;
}


.borrar_deposito_liquidacion i {
    color: red !important;
    font-size: 21px;
    cursor: pointer;
}

.boton_info_deposito_liquidacion {
    background: white;
    border: none;
}

.boton_info_deposito_liquidacion i {
    color: #5AC7F7 !important;
    font-size: 21px;
    cursor: pointer;
}

.dataTable {
    margin-bottom: 5px !important;
}

.tesorer_01 input {
    width: 100%;
}

.tesorer_01 select {
    width: 100%;
}

.tesorer_01 {
    z-index: 1 !important;
}

.tabla_cajeros {
    display: none;
}

.tabla_cajeros_2 {
    display: none;
}

.bg_selector_caja {
    border-radius: 0;
}

.manifiesto_filtros {
    width: 100%;
}

.reporte_manifiestos {
    background: #ccc;
}

    .reporte_manifiestos iframe {
        background: #fff;
        margin-top: 30px;
        margin-bottom: 30px;
    }

.content_detalle_comision .tit_carre {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    background: #142130;
}

    .content_detalle_comision .tit_carre p {
        margin: 0;
    }

.contentini_detalle_comision .tit_carre {
    color: #142130;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    background: #fff;
}

    .contentini_detalle_comision .tit_carre p {
        margin: 0;
    }

.tiquetes_irregulares h2 {
    background-image: linear-gradient(to bottom right, #155172, #142130);
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    margin-top: -3px;
    font-family: 'Conv_Gotham Bold Regular';
    padding-left: 6px;
    padding-right: 6px;
}

.lista_tesoreria {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 13px;
    color: #155172 !important;
    text-align: center;
    padding: 10px;
}

.sin_cursor li {
    cursor: default !important;
}

    .sin_cursor li span {
        cursor: default !important;
    }



.lista_tesoreria span {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Conv_Gotham Bold Regular' !important;
}

.conte_edit .titul_carre {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 18px;
    background-image: linear-gradient(90deg, #142130, #155172);
}

.hora_pasada {
    width: 100%;
    height: 40px;
    border: 1px #ccc solid;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    height: 40px;
}

.titulo_punto_p {
    font-size: 17px !important;
    color: #495057 !important;
}

.lista_suich {
    float: none;
}

.select2-container span span span {
    text-align: left !important;
}


.titulo_detalle_asiento {
    width: 85% !important;
}

.resp_detail_asiento {
    width: 15% !important;
}

/*-------------------------------------------Bus-------------------------------------------*/
.fila_bus {
    width: 200px;
}

.chofer_bus {
    background: orange;
}

.pasillo_bus {
    background: gray;
}

.asientos_normales {
    background: green;
}

.asientos_discapacitado {
    background: blue;
}

.silla_bus {
    background: red;
}

.puerta_trasera {
    background: black;
}

.escalera_bus {
    background: chocolate;
}

.bano_bus {
    background: aqua;
}

.campo_bus_seleccionar {
    width: 40px;
    height: 40px;
    float: left;
    padding: 5px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid white;
}

.desabilitar_caja {
    background: hsla(0, 0%, 100%, 0.60);
    width: 100%;
    position: absolute;
    top: 0px;
    height: 100%;
    z-index: 32;
}

.sidebar-menu i {
    color: #142130 !important;
}


.select_moneda {
    width: 100%;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    border: 1px solid #bdbdbd;
    height: 44px;
    border-radius: 5px;
}

.botton-silla-encendido {
    background: #11948b !important;
}

.botton-silla-apagado {
    background: #283899;
}

    .botton-silla-apagado:hover {
        background: #0d354a;
    }

.botton-silla-encendido i {
    animation: silla_enciende 1s infinite;
}



@keyframes silla_enciende {
    0% {
        top: -5px;
    }

    50% {
        top: 5px;
    }

    100% {
        top: -5px;
    }
}

.silla_ruedas {
    position: relative;
}

.campo_s_espacio {
    margin-bottom: 0 !important;
}

.horario_agencia {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 30px;
    text-align: center;
    margin: 0;
    color: #155172;
}

.silla_ruedas_bus h1 {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    color: #fff;
    background: #25566c;
    padding: 10px;
}

.fixed_silla_r {
    position: fixed;
    z-index: 98;
    text-align: center;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: silla 2s;
}

@keyframes silla {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.select2-container--default {
    width: 100% !important;
}

.carrera_detail .select2-container--default .select2-selection__rendered {
    width: 100% !important;
    float: left;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    height: 36px;
    margin-bottom: 18px !important;
}

.carrera_detail .select2-container--default {
    width: 60% !important;
    z-index: 0;
}


.carrera_detail_factura_servicio_especial .select2-container--default .select2-selection__rendered {
    width: 100% !important;
    float: left;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    height: 36px;
    margin-bottom: 18px !important;
}

.carrera_detail_factura_servicio_especial .select2-container--default {
    width: 60% !important;
    z-index: 0;
}

.carrera_detail_factura_servicio_especial .input_fecha_servicio_especial {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 5px;
}

.info_cliente_caja_factura_servicio_especial {
    background: #fff;
    border-radius: 10px;
    position: relative;
}

    .info_cliente_caja_factura_servicio_especial p {
        margin: 0;
        color: #264426;
        margin-bottom: 4px;
    }

        .info_cliente_caja_factura_servicio_especial p strong {
            margin: 0;
            color: #7b7b7b !important;
            font-family: 'Conv_Gotham Bold Regular';
            text-transform: uppercase;
        }

        .info_cliente_caja_factura_servicio_especial p span {
            margin: 0;
            color: #264426;
            font-family: 'Conv_Gotham-Book';
            font-size: 14px;
        }

.info_cliente_caja_factura_servicio_especial {
    border-radius: 10px 10px 0px 0px;
}

.info_cliente_caja_2_factura_servicio_especial {
    border-radius: 10px !important;
}

.info_resultado_factura_servicio_especial {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}



    .info_resultado_factura_servicio_especial span {
        float: right;
    }



    .info_resultado_factura_servicio_especial p {
        text-align: left;
        margin-bottom: 9px;
        font-family: 'Conv_Gotham-Book';
        color: #7b7b7b;
        font-size: 14px;
        border-bottom: 1px solid #bdbdbd;
        text-transform: none !important;
    }

        .info_resultado_factura_servicio_especial p span {
            float: right;
            font-family: 'Conv_Gotham-Book';
            color: #7b7b7b;
            font-size: 14px;
        }

    .info_resultado_factura_servicio_especial h1 span {
        float: right;
    }

    .info_resultado_factura_servicio_especial p {
        margin-left: 0;
        margin-right: 0;
    }

	

.resp_detail_factura_servicio_especial {
    padding: 10px 5px;
    font-size: 13px !important;
}

.resp_detail_factura_servicio_especial {
    width: 60%;
    float: left;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    height: 36px;
    margin-bottom: 18px !important;
}




.detail_crear_guia .select2-container--default .select2-selection__rendered {
    width: 100% !important;
    float: left;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    height: 36px;
    margin-bottom: 18px !important;
}

.detail_crear_guia .select2-container--default {
    z-index: 0;
}



.content_clientes p {
    background: #b9b9b9;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-family: 'Conv_Gotham Bold Regular';
}

.logo_login {
    position: absolute;
}

.bg_sub {
    background: #155172;
}

.bg_sub_2 {
    background: #142130;
}

.sup_tit {
    background-image: linear-gradient(90deg, #142130, #155172);
}

.bg_none {
    background: none;
}

.conte_edit .bg_sub_2 {
    color: #fff;
    border: 1px #e6e6e6 solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
}

.bg_casila_b {
    background: #fff;
}

.content_grupo_pendiente {
    position: relative;
}

    .content_grupo_pendiente p {
        padding: 3px 7px;
        position: absolute;
        color: #fff;
        background: red;
        z-index: 1;
        border-radius: 90px;
        bottom: -9px;
        right: -12px;
        margin: 0;
        text-align: center;
        font-size: 11px;
    }

.content_cant_chofer {
    display: contents;
    color: #000;
    font-size: 18px;
    font-family: 'Conv_Gotham Bold Regular';
}
/*-------------------------------------------Bus-------------------------------------------*/
/*-------------------------------------------Media-query-------------------------------------------*/
@media(max-width: 1024px) {
    .sidebar-menu li a {
        font-size: 15px;
    }

    .pull-right {
        display: none;
    }
}

@media(max-width: 990px) {
    .content_titulo h1 {
        font-size: 22px;
    }

    .content_titulo {
        padding: 38px 0;
    }

    .tipo_cambio {
        margin: 0px 20px;
    }
}


@media(max-width: 768px) {

    .campo_comparativo {
        width: 33.333%;
    }

    .header_fixed {
        position: relative;
    }

    .conten_cortesias {
        text-align: center;
    }

    .buscar_cortesia {
        float: none !important;
        margin-top: 10px;
    }

    .conten_cortesias select {
        width: 100%;
    }

    .conten_cortesias input {
        width: 100%;
    }

    .logo_login {
        position: relative;
    }

    .detalle_imagen_caja {
        margin-top: 10px;
    }

    .titulo_caja h1 {
        font-size: 16px;
    }

    .esconde_seleccion_r {
        width: 24px;
        float: right;
    }

    .caja_numeracion {
        margin-bottom: 15px;
    }

    .boton_user, .boton_user_2 {
        margin-top: 15px;
    }

    .posicion_boton_usuario {
        padding-left: 0;
    }

    .detalle_imagen_caja i {
        position: relative;
        padding: 15px 0px;
    }

    .content_tablas_select .select2-container {
        width: 100% !important;
    }

    .titulos_detalle_temporada h2 {
        font-size: 16px;
    }

    .pull-right {
        display: block;
    }

    .sidebar-menu li a {
        font-size: 18px;
    }

    .contenido-para-modal .container-fluid .dl-horizontal dt {
        width: 100%;
        height: auto;
    }

    .contenido-para-modal .container-fluid .dl-horizontal dd {
        width: 100%;
        height: auto;
    }


    .itin_1 h1 {
        font-size: 24px;
    }

    .form-group {
        width: 100%;
    }

    .content_bg_overlay {
        background-position: left;
    }

    .padding-left-60 {
        padding-left: 0px;
    }

    .content_titulo {
        display: none;
    }

    .logo_content {
        position: relative;
        width: 120px;
        height: auto;
    }

    .tipo_c_content {
        padding-top: 10px;
    }

    .tipo_cambio {
        display: none;
    }

    .hamburger {
        display: block;
        float: right;
    }

    .menu-toggle {
        display: block;
    }

    .content_responsive_not {
        display: block;
    }

    .notificaciones h1 {
        font-family: 'Conv_Gotham-Book';
        font-size: 16px;
    }

    .esconder {
        display: none;
    }

    .menu_desplegable {
        position: absolute;
        width: 100%;
        /*height: 100%;*/
        display: none;
    }

    .contenido {
        width: 100%;
    }

    .sidebar-menu li a {
        animation: none;
    }

        .sidebar-menu li a i {
            animation: none;
        }

    .content_campos_login {
        width: 90%;
    }

    .content_campos_agencia {
        width: 90%;
    }

    .content_campos_login input {
        width: 90%;
    }

    .content_campos_login .submit_login {
        width: 90%;
    }

    .content_campos_agencia .submit_login {
        width: 90%;
        font-size: 14px;
    }

    .notificaciones {
        width: 100%;
    }

    .btn_exportar {
        display: block;
        float: left;
        margin: 0 10px;
    }



    .dataTables_wrapper .dt-buttons {
        display: none;
    }

    /*-------------------------------------------Modal responsive-------------------------------------------*/
    .modal_color {
        width: 90%;
    }

    /*-------------------------------------------Fin Modal responsive-------------------------------------------*/

}

@media(max-width: 1024px) {
    .titulo_caja h1 {
        font-size: 21px;
    }

    .titulo_caja_guia h1 {
        font-size: 21px;
    }

    .cort_but {
        font-size: 11px;
        height: 30px;
        margin-top: 12px;
    }

    .esconder h1 {
        font-size: 17px;
    }

    .info_resultado p {
        margin-left: 0;
        margin-right: 0;
    }

    .padding_top_accesos {
        padding-top: 12px;
    }

    .seleccion_tiquete {
        font-size: 22px !important;
    }

    .info_resultado {
        padding: 5px;
    }

    .total_venta h1 {
        font-size: 22px;
    }

    .titulo_detalle i {
        font-size: 14px;
    }

    .titulo_detalle {
        padding: 9px 3px;
        font-size: 15px;
    }

    .clockdiv {
        position: fixed;
    }

    .descrip_bus_color {
        width: 100% !important;
    }

    .resp_detail {
        padding: 10px 5px;
        font-size: 13px !important;
    }

    .tabla_clientes td {
        font-size: 14px;
    }

    .icono_opcion {
        font-size: 21px;
    }

    .boton_caja_accion {
        padding: 8px 10px !important;
    }

    .boton_user_2 {
        padding: 10px 2px;
    }
}


@media(max-width: 768px) {
    .titulo_logopost {
        position: relative;
        margin: 0 auto;
        right: 0;
        top: 30px;
        width: 90%;
    }

        .titulo_logopost h1 {
            font-size: 50px;
        }

    .servicio_log {
        position: absolute;
        width: 10%;
        right: 3%;
        bottom: 8%;
    }
}

/***********************REPORTES***********************/

.boton_reporte_estadistica {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.bg_selector_caja_reporte_estadistica {
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.bg_selector_caja_reporte_estadistica {
    border-radius: 0;
}

.borde_chadow_reporte_estadistica {
}

.subtitulo_punto_reporte_estadistica p {
    color: #7b7b7b;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 18px;
}

.imput_content_caja_reporte_estadistica .select2-container--default {
    width: 100% !important;
    margin-top: 5px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    color: #999 !important;
}

.imput_content_caja_reporte_estadistica i {
    color: #ff6e00;
}

.imput_content_caja_reporte_estadistica p {
    font-size: 18px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172;
}

.imput_content_caja_reporte_estadistica .select2-container {
    z-index: 10;
}

.imput_select_reporte_estadistica .select2-container {
    z-index: 10;
}

.selector_c_reporte_estadistica {
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
}

.boton_mis_acciones_reporte_estadistica {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.bg_selector_caja_revision_carreras_estadistica {
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    position: relative;
}

.bg_selector_caja_revision_carreras_estadistica {
    border-radius: 0;
}

.borde_chadow_revision_carreras_estadistica {
}

.boton_mis_acciones_revision_carreras_estadistica {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_caja_accion_revision_carreras_estadistica {
    border: 0 !important;
    background-color: #fff !important;
    font-family: 'Conv_Gotham Bold Regular' !important;
    padding: 8px 30px !important;
    border-radius: 8px !important;
    color: #142130 !important;
    cursor: pointer !important;
    float: none;
    margin: 0 !important;
    text-align: center !important;
}

.titulo_revision_carreras_estadistica {
    margin: 0;
    font-family: 'Conv_Gotham Bold Regular';
    background-image: linear-gradient(to bottom right, #5AC7F7, #225065);
    padding: 10px;
    color: #fff !important;
    border-radius: 6px;
    margin-bottom: 15px;
}


.boton_aplicar_cambios_revision_carreras_estadistica {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.imput_content_caja_revision_carreras_estadistica .select2-container--default {
    width: 100% !important;
    margin-top: 5px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    color: #999 !important;
}

.imput_content_caja_revision_carreras_estadistica i {
    color: #ff6e00;
}

.imput_content_caja_revision_carreras_estadistica p {
    font-size: 18px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172;
}

.imput_content_caja_revision_carreras_estadistica .select2-container {
    z-index: 10;
}


/**************************GUIA ENCOMIENDAS**************************/

/*************Tab Guias***************************/
.tab_guias {
    padding: 10%;
    margin-top: -8%;
}

    .tab_guias #tabs_guias {
        background: #007b5e;
        color: #eee;
    }

        .tab_guias #tabs_guias h6.section-title {
            color: #eee;
        }

        .tab_guias #tabs_guias .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #0062cc;
            background-color: transparent;
            border-color: transparent transparent #f3f3f3;
            border-bottom: 3px solid !important;
            font-size: 16px;
            font-weight: bold;
        }

    .tab_guias .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #0062cc;
        font-size: 16px;
        font-weight: 600;
    }

        .tab_guias .nav-link:hover {
            border: none;
        }

    .tab_guias thead {
        background: #f3f3f3;
        color: #333;
    }

    .tab_guias a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

.btn_accion_producto {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}


a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.tab_guias {
    font-family: 'Nunito', sans-serif;
}

    .tab_guias .nav-tabs {
        background-color: transparent;
        border: none;
    }

        .tab_guias .nav-tabs li a {
            color: #222;
            background: transparent;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: 1px;
            text-align: center;
            text-transform: uppercase;
            padding: 15px 15px 10px;
            margin: 0;
            border: none;
            border-radius: 0;
            overflow: hidden;
            position: relative;
            z-index: 1;
            transition: all 0.3s ease 0s;
        }

        .tab_guias .nav-tabs li:last-child a {
            margin-right: 0;
        }

        .tab_guias .nav-tabs li a:hover,
        .tab_guias .nav-tabs li.active a {
            color: #222;
            background: #fff;
            border: none;
        }

        .tab_guias .nav-tabs li.active a {
            color: #6CBF1C;
        }

        .tab_guias .nav-tabs li a:before,
        .tab_guias .nav-tabs li a:after {
            content: "";
            background-color: #d1d1d1;
            height: 7px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transition: all 0.5s ease 0s;
        }

        .tab_guias .nav-tabs li a:after {
            background-color: #6CBF1C;
            height: 100%;
            opacity: 0;
        }

        .tab_guias .nav-tabs li.active a:before,
        .tab_guias .nav-tabs li a:hover:before {
            height: 100%;
            opacity: 0;
        }

        .tab_guias .nav-tabs li.active a:after,
        .tab_guias .nav-tabs li a:hover:after {
            height: 7px;
            opacity: 1;
        }

    .tab_guias .tab-content {
        color: #555;
        background: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 23px;
        padding: 20px;
    }

.tab_productos_encomienda .tab-content h3 {
    color: #222;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 7px 0;
}

@media only screen and (max-width: 479px) {
    .tab_productos_encomienda .nav-tabs li {
        width: 100%;
    }

        .tab_productos_encomienda .nav-tabs li a {
            margin: 0 0 10px;
        }

    .tab_productos_encomienda .tab-content h3 {
        font-size: 18px;
    }
}



.titulo_detalle_seleccion {
    width: 80%;
    float: left;
    background: #155172;
    padding: 5px 8px;
    margin-bottom: 0 !important;
    color: #fff !important;
    height: 36px;
    font-family: 'Conv_Gotham-Book';
}

    .titulo_detalle_seleccion i {
        color: #ff6e00;
    }

.resp_detail_seleccion {
    width: 100%;
    float: left;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    height: 36px;
    margin-bottom: 18px !important;
}

.titulo_detalle_seleccion {
    width: 100% !important;
    height: 44px;
    padding: 10px;
}

    .titulo_detalle_seleccion i {
        font-size: 14px;
    }

.titulo_detalle_seleccion {
    padding: 9px 3px;
    font-size: 15px;
}

.btn_nuevo_guia {
    background-image: linear-gradient( 90deg, #142130, #155172);
    border: 0px !important;
    float: left;
    margin-bottom: 10px;
}

.contenido {
    background: #e8e8e8;
}

.datos_disable_pago_sin_efectivo {
    display: none;
    pointer-events: none;
    background-color: #f0f0f0;
}

.datos_disable_cliente {
    pointer-events: none;
    background-color: #f0f0f0;
}

.datos_disable_valor_declarado {
    pointer-events: none;
    background-color: #f0f0f0;
}

.datos_disable_valor_prima {
    pointer-events: none;
    background-color: #f0f0f0;
}

.datos_disable_cortesia {
    pointer-events: none;
    background-color: #f0f0f0;
}

.check_cortesia_o_comercial {
    height: 27px;
    width: 27px;
    vertical-align: middle;
}

.resp_detail_boton {
    width: 40%;
    float: initial;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: white !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    border: 1px solid #bdbdbd;
    height: 36px;
}

.resp_detail_cantidad {
    width: 60%;
    float: initial;
    font-family: 'Conv_Gotham-Book';
    color: white !important;
    font-size: 16px !important;
    margin-bottom: 18px !important;
    border: 1px solid #bdbdbd;
    height: 36px;
    border: none;
}

.select_guia {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    color: #7b7b7b !important;
}

.deshabilitar_input {
    pointer-events: none;
    background-color: lightgray !important;
}

.mayuscula {
    text-transform: uppercase;
}

.cliente_fisico_hidden {
    display: none;
}

.cliente_empresa_hidden {
    display: none;
}

.cliente_pasaporte_hidden {
    display: none;
}

.datos_hacienda_hidden {
    display: none;
}

.datos_tarifa_impuesto_hidden {
    display: none;
}

.datos_exoneracion_hidden {
    display: none;
}

.datos_exoneracion_hidden {
    display: none;
}

.datos_articulo_exoneracion_hidden {
    display: none;
}


.datos_inciso_exoneracion_hidden {
    display: none;
}

.datos_otra_institucion_exoneracion_hidden {
    display: none;
}


.datos_autorizados_hidden {
    display: none;
}

.autorizado_pasaporte_hidden {
    display: none;
}

.pais_externa_hidden {
    display: none;
}

.ocultar_datos_sucursal_hidden {
    display: none;
}

.ocultar_datos_autorizados_hidden {
    display: none;
}

.ocultar_combo_autorizado_hidden {
    display: none;
}

.ocultar_datos_personas_externas_hidden {
    display: none;
}

.ocultar_check_persona_externa_hidden {
    display: none;
}

.ocultar_div_busqueda_agencia_destino_fechas_guia_creada_hidden {
    display: none;
}

.content_tiquete_vista {
}

.titulos_normal_tiquete h1 {
    font-family: sans-serif;
    font-size: 28px;
    font-weight: 900;
}

.titulos_normal_tiquete p {
    font-size: 16px;
    font-family: sans-serif;
    margin: 0px;
    line-height: 15px;
}

.titulos_normal_tiquete_vista h1 {
    font-family: sans-serif;
    font-size: 28px;
    font-weight: 900;
}

.titulos_normal_tiquete_vista p {
    font-size: 16px;
    font-family: sans-serif;
    margin: 0px;
    line-height: 15px;
}

.contenido_destac_tiquete {
    border: 2px #000 solid;
    padding: 5px;
    font-family: sans-serif;
    margin-bottom: 5px;
}

.conten_dest_bold {
    font-weight: 900;
}

.contenido_destac_detalle {
    font-family: sans-serif;
    font-weight: 900;
}

.content_tiquete_vista hr {
    border: 0.5px #000 solid;
    margin-bottom: 5px;
    margin-top: 5px;
    position: relative;
    z-index: 9999;
}

/*.contenido_derecha {
    line-height: 15px;
}

.contenido_izquierda {
    line-height: 15px;
}*/

.contenido_normal_tiquete_vista {
    width: 100%;
    font-size: 16px;
    font-family: sans-serif;
    margin: 0px;
}

.contenido_tiquete_vista {
    font-size: 16px;
    font-family: sans-serif;
    margin: 0px;
}

    .contenido_tiquete_vista p {
        font-size: 16px;
        font-family: sans-serif;
        margin: 0px;
    }

/*.total_tik {
    font-weight: 900;
    font-size: 18px;
}*/

/*.img_qr {
    width: 30%;
}*/

.text-center_vista {
    text-align: center;
}

.text-right_vista {
    text-align: right;
}

.text-left_vista {
    text-align: left;
}

/*.col-12 {
    width: 100%;
}

.col-6 {
    width: 50%;
    float: left;
}

.col-4 {
    width: 30%;
    min-height: 20px;
    float: left;
}

.col-8 {
    width: 70%;
    float: left;
    min-height: 20px;
}*/

.clear_vista {
    clear: both;
}

/*.m-0 {
    margin: 0;
}*/

/*.mb-2 {
    margin-bottom: 5px;
}*/

/*.mt-2 {
    margin-top: 5px;
}*/

/*.mt-3 {
    margin-top: 5px;
}*/

/*.mb-3 {
    margin-bottom: 5px;
}*/

.content_tiquete_vista {
    margin-top: -10px;
}

/*.cod_qr {
    margin-top: -12px;
    margin-bottom: -12px;
    overflow: hidden;
}*/

/*.flota_der {
    float: right;
    font-size: 22px;
    font-family: sans-serif;
}*/

/*.espacio_blanco {
    Color: #fff !important;
}*/

.btn_guardar_datos {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 14px;
    border-radius: 10px;
    cursor: pointer;
    width: 99%;
}

.estilos_editar_perfil {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}


.titulo_cliente_vista {
    width: 100%;
}

.info_guia_caja {
    background: #fff;
    border-radius: 10px;
    position: relative;
}

.borde_chadow {
}

.info_guia_caja p {
    margin: 0;
    color: #264426;
    margin-bottom: 4px;
}

    .info_guia_caja p strong {
        margin: 0;
        color: #7b7b7b !important;
        font-family: 'Conv_Gotham Bold Regular';
        text-transform: uppercase;
    }

    .info_guia_caja p span {
        margin: 0;
        color: #264426;
        font-family: 'Conv_Gotham-Book';
        font-size: 14px;
    }

.info_guia_caja_2 {
    border-radius: 10px !important;
}

.info_guia_caja {
    border-radius: 10px 10px 0px 0px;
}

.info_resultado_guia p {
    text-align: left;
    margin-bottom: 9px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b;
    font-size: 14px;
    border-bottom: 1px solid #bdbdbd;
    text-transform: none !important;
}

.info_resultado_guia_2 p {
    border-bottom: 0px !important;
}

.info_resultado_guia_2 input {
    width: 100%;
    padding: 5px 8px;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b !important;
    font-size: 16px !important;
    border: 1px solid #bdbdbd;
    height: 44px;
    border-radius: 5px;
}

.info_resultado_guia p span {
    float: right;
    font-family: 'Conv_Gotham-Book';
    color: #7b7b7b;
    font-size: 14px;
}

.info_resultado_guia h1 span {
    float: right;
}

.info_resultado_guia_pago_vista {
    width: 100%;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}

.info_resultado_guia {
    width: 100%;
    height: 100%;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}

    .info_resultado_guia span {
        float: right;
    }

.total_venta_guia p {
    margin: 8px 5px;
}

.total_venta_guia h1 {
    margin: 0;
    color: #155172;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 28px;
}

.info_resultado_pago_vista {
    width: 100%;
    padding: 15px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
}

.check_perecedero_encomienda {
    width: 100% !important;
    height: 101% !important;
}

.check_toma_seguro_encomienda {
    width: 100%;
    height: 101%;
}

.switch_encomienda input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider_encomienda {
    width: 37%;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 20%;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: 0.4s;
}

    .slider_encomienda.round_encomienda {
        border-radius: 48px;
    }

        .slider_encomienda.round_encomienda:before {
            border-radius: 50%;
        }

    .slider_encomienda:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 54px;
        right: 63px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider_encomienda {
    background-color: #2196F3;
}

input:focus + .slider_encomienda {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_encomienda:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.bg_selector_caja_guia {
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    position: relative;
    background: #fff;
}

.bg_selector_caja_guia {
    border-radius: 0;
}

.borde_chadow_guia {
}

.titulo_caja_guia {
    padding: 10px 10px 10px 10px;
    background: #155172;
    border-radius: 10px 10px 0px 0px;
}

    .titulo_caja_guia h1 {
        color: #fff;
        font-family: 'Conv_Gotham Bold Regular';
        font-size: 26px;
        margin: 0;
    }

/*.titulo_caja_guia h1 {
        font-size: 16px;
}*/

.padding_top_accesos_guia {
    padding-top: 12px;
}

.subtitulo_punto_guia p {
    color: #7b7b7b;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 18px;
}

.imput_content_caja_guia .select2-container--default {
    width: 100% !important;
    margin-top: 5px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    color: #999 !important;
}

.imput_content_caja_guia i {
    color: #ff6e00;
}

.imput_content_caja_guia p {
    font-size: 18px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172;
}

.imput_content_caja_guia .select2-container {
    z-index: 10;
}

.imput_select_guia .select2-container {
    z-index: 10;
}

.selector_c_guia {
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
}

.boton_mis_acciones_guia {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_mis_acciones_buscar {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}


.boton_agregar_autorizado_acciones_guia {
    background-color: seagreen;
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_info_autorizado_acciones_guia {
    background-color: blue;
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.boton_cancelar_autorizado_acciones_guia {
    background-color: red;
    border: 0px !important;
    margin: 0 auto;
    color: #fff;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
}

.btn_accion_guia {
    background-image: linear-gradient( 90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.icono_cliente_encomienda {
    border: 1px #225065 solid;
    cursor: pointer;
}

    .icono_cliente_encomienda i {
        color: #225065;
    }

.tabla_linea_encomienda th {
    background: #155172;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 15px !important;
    color: #fff;
    border: 1px solid #dee2e6;
}

.tabla_linea_encomienda td {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    color: #5d5d5d !important;
    border: 1px solid #dee2e6;
}

.tabla_lista_guia tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_lista_guia tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_lista_documento_hacienda tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_lista_documento_hacienda tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_lista_remito tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_lista_remito tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_remitos_carrera tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_remitos_carrera tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.boton_desactivado_guia {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.tit_carre_guia h2 {
    font-size: 17px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #155172;
    margin: 0;
    padding-left: 6px;
    padding-right: 6px;
}

.tit_carre_guia i {
    color: #b90000;
    font-size: 18px;
    margin-top: 9px;
}

.titulos_edit_guia {
    background-image: linear-gradient(90deg, #142130, #155172);
}

.conte_edit_guia {
    background: #fff;
}

.titulos_edit_guia .tit_carre_guia {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
}

    .titulos_edit_guia .tit_carre_guia p {
        margin: 0;
    }

.conte_edit_guia .tit_carre_guia {
    color: #142130;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

.conte_edit_guia .bot_buscar_guia {
    color: #142130;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

.conte_edit_guia .tit_carre_guia p {
    margin: 0;
}

.conte_edit_guia .campo_comparativo_guia {
    border: 0;
}

.conte_edit_guia .titul_carre_guia {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 18px;
    background-image: linear-gradient(90deg, #142130, #155172);
}

.input_anulacion_guia {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.input_text_area_anulacion_guia {
    width: 100%;
    height: auto;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.textArea_cliente_encomienda {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 5px;
}

.campos_cliente_encomienda input {
    width: 100%;
    height: 44px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 5px;
}

.campos_cliente_encomienda h2 {
    text-align: left;
}

    .campos_cliente_encomienda h2 span {
        color: darkred;
    }

.campo_cliente_encomienda h1 {
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 40px;
    text-align: center;
    padding: 14px 0;
    color: #fff;
}

.campo_cliente_encomienda h2 {
    font-size: 20px;
    font-family: 'Conv_Gotham Bold Regular';
    color: #5d5d5d;
    text-align: center;
}

.campo_cliente_encomienda select {
    width: 100%;
    height: 36px;
    border: #999 1px solid;
    color: #000;
    padding: 3px;
}

    .campo_cliente_encomienda select:focus {
        outline: 0px;
    }

.tabla_sucursal_cliente_encomienda th {
    background: #155172;
    font-family: 'Conv_Gotham Bold Regular';
    font-size: 15px !important;
    color: #fff;
    border: 1px solid #dee2e6;
}

.tabla_sucursal_cliente_encomienda td {
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    color: #5d5d5d !important;
    border: 1px solid #dee2e6;
}

.tabla_autorizado_cliente_encomienda tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_autorizado_cliente_encomienda tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_autorizado_sucursal_cliente_encomienda tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_autorizado_sucursal_cliente_encomienda tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.btn_accion_cliente_encomienda {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.btn_cancelar_accion_cliente_encomienda {
    background-image: linear-gradient(90deg, #142130, #ff0303);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.sucursal_esp_guia i {
    color: #5AC7F7;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.editar_esp_guia i {
    color: #5AC7F7;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.detail_esp_guia i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.borrado-estado_guia i {
    color: #903333 !important;
    font-size: 16px !important;
}

.delet_esp_guia i {
    color: red;
    font-size: 18px;
}

.anulado_esp_guia i {
    color: red;
    font-size: 18px;
    margin: 0 5px;
    cursor: pointer;
}

.btn-is-disabled-guia {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.editar_esp_autorizado i {
    color: #5AC7F7;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.detail_esp_autorizado i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.delet_esp_autorizado i {
    color: red;
    font-size: 18px;
    margin: 0 5px;
    cursor: pointer;
}

.ocultar_filtro_tipo_identificacion_cliente_encomienda_hidden {
    display: none;
}

.selector_c_cliente_encomienda {
    height: 40px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 2px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
}

.content_clientes_encomienda p {
    background: #b9b9b9;
    color: #fff;
    text-align: center;
    padding: 8px;
    font-family: 'Conv_Gotham Bold Regular';
}

.tabla_lista_correo_hacienda_encomienda tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_lista_correo_hacienda_encomienda tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_lista_correo_sucursal_encomienda tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_lista_correo_sucursal_encomienda tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.textArea_sucursal_encomienda {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
    font-family: 'Conv_Gotham-Book';
    font-size: 15px;
    margin-top: 5px;
}

/*************Tab Productos***************************/
.tab_producto_guia {
    padding: 10%;
    margin-top: -8%;
}

    .tab_producto_guia #tabs_producto_guia {
        background: #007b5e;
        color: #eee;
    }

        .tab_producto_guia #tabs_producto_guia h6.section-title {
            color: #eee;
        }

        .tab_producto_guia #tabs_producto_guia .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #0062cc;
            background-color: transparent;
            border-color: transparent transparent #f3f3f3;
            border-bottom: 3px solid !important;
            font-size: 16px;
            font-weight: bold;
        }

    .tab_producto_guia .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        color: #0062cc;
        font-size: 16px;
        font-weight: 600;
    }

        .tab_producto_guia .nav-link:hover {
            border: none;
        }

    .tab_producto_guia thead {
        background: #f3f3f3;
        color: #333;
    }

    .tab_producto_guia a {
        text-decoration: none;
        color: #333;
        font-weight: 600;
    }

.btn_accion_producto {
    background-image: linear-gradient(90deg, #142130, #155172);
    border: 0px !important;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 60px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 10px;
    cursor: pointer;
}


a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

.tab_productos_encomienda {
    font-family: 'Nunito', sans-serif;
}

    .tab_productos_encomienda .nav-tabs {
        background-color: transparent;
        border: none;
    }

        .tab_productos_encomienda .nav-tabs li a {
            color: #222;
            background: transparent;
            font-size: 18px;
            font-weight: 800;
            letter-spacing: 1px;
            text-align: center;
            text-transform: uppercase;
            padding: 15px 15px 10px;
            margin: 0;
            border: none;
            border-radius: 0;
            overflow: hidden;
            position: relative;
            z-index: 1;
            transition: all 0.3s ease 0s;
        }

        .tab_productos_encomienda .nav-tabs li:last-child a {
            margin-right: 0;
        }

        .tab_productos_encomienda .nav-tabs li a:hover,
        .tab_productos_encomienda .nav-tabs li.active a {
            color: #222;
            background: #fff;
            border: none;
        }

        .tab_productos_encomienda .nav-tabs li.active a {
            color: #6CBF1C;
        }

        .tab_productos_encomienda .nav-tabs li a:before,
        .tab_productos_encomienda .nav-tabs li a:after {
            content: "";
            background-color: #d1d1d1;
            height: 7px;
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: -1;
            transition: all 0.5s ease 0s;
        }

        .tab_productos_encomienda .nav-tabs li a:after {
            background-color: #6CBF1C;
            height: 100%;
            opacity: 0;
        }

        .tab_productos_encomienda .nav-tabs li.active a:before,
        .tab_productos_encomienda .nav-tabs li a:hover:before {
            height: 100%;
            opacity: 0;
        }

        .tab_productos_encomienda .nav-tabs li.active a:after,
        .tab_productos_encomienda .nav-tabs li a:hover:after {
            height: 7px;
            opacity: 1;
        }

    .tab_productos_encomienda .tab-content {
        color: #555;
        background: #fff;
        font-size: 15px;
        letter-spacing: 1px;
        line-height: 23px;
        padding: 20px;
    }

        .tab_productos_encomienda .tab-content h3 {
            color: #222;
            font-size: 22px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin: 0 0 7px 0;
        }

@media only screen and (max-width: 479px) {
    .tab_productos_encomienda .nav-tabs li {
        width: 100%;
    }

        .tab_productos_encomienda .nav-tabs li a {
            margin: 0 0 10px;
        }

    .tab_productos_encomienda .tab-content h3 {
        font-size: 18px;
    }
}


@media(max-width: 1024px) {
    .titulo_caja_guia h1 {
        font-size: 21px;
    }

    .info_resultado_guia p {
        margin-left: 0;
        margin-right: 0;
    }


    .info_resultado_guia {
        padding: 5px;
    }

    .total_venta_guia h1 {
        font-size: 22px;
    }
}


/**************Inicio Documento Hacienda Encomiendas***********/

.ocultar_div_busqueda_agencia_origen_fechas_documento_hacienda_hidden {
    display: none;
}

.detail_resp_esp_doc_hac i {
    color: #217348;
    font-size: 24px;
    margin: 0 5px;
    margin-top: 3px;
    cursor: pointer;
}

.detail_reenvio_unitario_esp_doc_hac i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.detail_corregir_esp_doc_hac i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.detail_refacturacion_esp_doc_hac i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.refrescar_estado_esp_doc_hac i {
    color: seagreen;
    cursor: pointer;
    font-size: 41px;
    margin: 0px 2px;
}

.procesar_esp_doc_hac i {
    color: seagreen;
    cursor: pointer;
    font-size: 41px;
    margin: 0px 2px;
}

.ocultar_refrescar_estado_esp_doc_hac i {
    display: none;
}

.ocultar_procesar_esp_doc_hac i {
    display: none;
}

.datos_disable_doc_hac {
    pointer-events: none;
    background-color: #f0f0f0;
}

.delet_esp_linea_guia_doc_hac i {
    color: red;
    font-size: 22px;
    margin: 0 5px;
    cursor: pointer;
}

.detail_anular_esp_doc_hac i {
    color: red;
    font-size: 18px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.correo_anular_esp_doc_hac i {
    color: red;
    font-size: 19px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.tabla_Doc_Hac tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_Doc_Hac tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.tabla_lista_Doc_Hac tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_lista_Doc_Hac tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}



/**************Fin Documento Hacienda Encomiendas**************/


/*************Autocompletado input***************************/
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 20px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

    .ui-autocomplete > li > div {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        /*color: #333333;*/
        color: black;
        white-space: nowrap;
    }

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #5f9ea0;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/**************Inicio inputs files de Encomiendas***************************/
.file-upload_exoneracion_cliente_encomienda {
    background-color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.file-upload_exoneracion_cliente_encomienda-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload_exoneracion_cliente_encomienda-btn:hover {
        background: #1AA059;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload_exoneracion_cliente_encomienda-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload_exoneracion_cliente_encomienda-content {
    display: none;
    text-align: center;
}

.file-upload_exoneracion_cliente_encomienda-input {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    outline: none !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

.image-upload_exoneracion_cliente_encomienda-wrap {
    margin-top: 20px;
    border: 4px dashed #1FB264;
    position: relative;
}

    .image-dropping_exoneracion_cliente_encomienda,
    .image-upload_exoneracion_cliente_encomienda-wrap:hover {
        background-color: #1FB264;
        border: 4px dashed #ffffff;
    }

.image-title-wrap_exoneracion_cliente_encomienda {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text_exoneracion_cliente_encomienda {
    text-align: center;
}

    .drag-text_exoneracion_cliente_encomienda h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824B;
        padding: 60px 0;
    }

.file-upload_exoneracion_cliente_encomienda-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image_exoneracion_cliente_encomienda {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image_exoneracion_cliente_encomienda:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image_exoneracion_cliente_encomienda:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload_autorizado_cliente_encomienda {
    background-color: #ffffff;
    width: 600px;
    margin: 0 auto;
    padding: 20px;
}

.file-upload_autorizado_cliente_encomienda-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload_autorizado_cliente_encomienda-btn:hover {
        background: #1AA059;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload_autorizado_cliente_encomienda-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload_autorizado_cliente_encomienda-content {
    display: none;
    text-align: center;
}

.file-upload_autorizado_cliente_encomienda-input {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    outline: none !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

.image-upload_autorizado_cliente_encomienda-wrap {
    margin-top: 20px;
    border: 4px dashed #1FB264;
    position: relative;
}

    .image-dropping_autorizado_cliente_encomienda,
    .image-upload_autorizado_cliente_encomienda-wrap:hover {
        background-color: #1FB264;
        border: 4px dashed #ffffff;
    }

.image-title-wrap_autorizado_cliente_encomienda {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text_autorizado_cliente_encomienda {
    text-align: center;
}

    .drag-text_autorizado_cliente_encomienda h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824B;
        padding: 60px 0;
    }

.file-upload_autorizado_cliente_encomienda-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image_autorizado_cliente_encomienda {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image_autorizado_cliente_encomienda:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image_autorizado_cliente_encomienda:active {
        border: 0;
        transition: all .2s ease;
    }


/**************Fin inputs files de Encomiendas***************************/

/************** Inicio inputs files de Parametros Hacienda ***************************/

.file-upload_certificado_empresa {
    background-color: #ffffff;
    width: 100%;
    height: 55px;
    margin: 0 auto 6px 0;
    padding: 0;
}

.file-upload_certificado_empresa-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .file-upload_certificado_empresa-btn:hover {
        background: #1AA059;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .file-upload_certificado_empresa-btn:active {
        border: 0;
        transition: all .2s ease;
    }

.file-upload_certificado_empresa-content {
    display: none;
    text-align: center;
}

.file-upload_certificado_empresa-input {
    position: absolute !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: 55px !important;
    outline: none !important;
    opacity: 0 !important;
    cursor: pointer !important;
}

.image-upload_certificado_empresa-wrap {
    margin-top: 5px;
    border: 4px dashed #1FB264;
    position: relative;
}

    .image-dropping_certificado_empresa,
    .image-upload_certificado_empresa-wrap:hover {
        background-color: #1FB264;
        border: 4px dashed #ffffff;
    }

.image-title-wrap_certificado_empresa {
    padding: 0 15px 15px 15px;
    color: #222;
}

.drag-text_certificado_empresa {
    text-align: center;
}

    .drag-text_certificado_empresa h3 {
        font-weight: 100;
        text-transform: uppercase;
        color: #15824B;
        padding: 6px 0;
    }

.file-upload_certificado_empresa-image {
    max-height: 200px;
    max-width: 200px;
    margin: auto;
    padding: 20px;
}

.remove-image_certificado_empresa {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #cd4535;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #b02818;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

    .remove-image_certificado_empresa:hover {
        background: #c13b2a;
        color: #ffffff;
        transition: all .2s ease;
        cursor: pointer;
    }

    .remove-image_certificado_empresa:active {
        border: 0;
        transition: all .2s ease;
    }

/************** Fin inputs files de Parametros Hacienda ***************************/


/**************Inicio crear remito encomiendas***********/

.btn-is-disabled-remito {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.input-group-remito {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.input-group-remito-despacho {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.conte_agregar_guia_remito .tit_agregar_guia_remito {
    color: #142130;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

.conte_agregar_guia_remito .bot_buscar_guia {
    color: #142130;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

.conte_agregar_guia_remito .tit_agregar_guia_remito p {
    margin: 0;
}

.conte_agregar_guia_remito .campo_comparativo_guia {
    border: 0;
}

.conte_agregar_guia_remito .titul_carre_guia {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 18px;
    background-image: linear-gradient(90deg, #142130, #155172);
}

.input_agregar_guia_al_remito {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.lista_esp_remito i {
    color: #060606;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.despacho_esp_remito i {
    color: #217348;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}


.delete_esp_remito i {
    color: red;
    font-size: 18px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.delete_esp_guia_remito i {
    color: red;
    cursor: pointer;
    font-size: 24px;
    margin: 0 17px;
}

.detail_esp_remito i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.detail_guias_esp_remito i {
    color: #217348;
    font-size: 20px;
    margin: 0 5px;
    margin-top: 9px;
    cursor: pointer;
}

.delet_esp_linea_guia i {
    color: red;
    font-size: 22px;
    margin: 0 5px;
    cursor: pointer;
}

.imprimir_esp_remito i {
    color: #142130;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.check_tamano {
    height: 20px !important;
    width: 20px !important;
}

.accordion_remito {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 92%;
    border: none;
    font-weight: bold;
    border-bottom: medium double #369;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
}

    .active, .accordion_remito:hover {
        background-color: #ccc;
    }

    .accordion_remito:after {
        content: '\002B';
        color: #777;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

/*.active:after {
    content: "\2212";
}*/

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.tabla_guias_remitos tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_guias_remitos tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}
/**************Fin crear remito encomiendas**************/


/**************Inicio entregar remito encomiendas***********/
.tabla_recibir_remitos tr th {
    background: #155172;
    border: 1px #fff solid;
    color: #fff;
    font-size: 13px;
    text-align: center;
}

.tabla_recibir_remitos tr td {
    background: #fff;
    border: 1px #ccc solid;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
    color: #142130;
    text-align: center;
    padding: 10px;
}

.recibir_esp_remito i {
    color: #217348;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.btn-is-disabled-recibir-remito {
    pointer-events: none; /* Disables the button completely. Better than just cursor: default; */
    opacity: 0.5;
}

.lista_esp_recibir_remito i {
    color: #060606;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.imprimir_esp_recibir_remito i {
    color: #142130;
    cursor: pointer;
    font-size: 18px;
    margin: 0 2px;
}

.input-group-remito-recibir {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.conte_recibir_guia_remito .tit_recibir_guia_remito {
    color: #142130;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

.conte_recibir_guia_remito .bot_buscar_guia {
    color: #142130;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 12px;
}

.conte_recibir_guia_remito .tit_agregar_guia_remito p {
    margin: 0;
}

.conte_recibir_guia_remito .campo_comparativo_guia {
    border: 0;
}

.conte_recibir_guia_remito .titul_carre_guia {
    color: #fff;
    border: 1px #e6e6e6 solid;
    padding: 10px;
    font-family: 'Conv_Gotham-Book';
    font-size: 18px;
    background-image: linear-gradient(90deg, #142130, #155172);
}

.input_recibir_guia_del_remito {
    width: 100%;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    padding: 9px;
}

.ocultar_div_busqueda_agencia_destino_fechas_remitos_hidden {
    display: none;
}
/**************Fin entregar remito encomiendas**************/

.tabs {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    background: white;
    padding: 50px;
    padding-bottom: 80px;
    width: 100%;
    /*height: 250px;*/
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    border-radius: 5px;
    min-width: 240px;
}

    .tabs input[name=tab-control] {
        display: none;
    }

    .tabs .content section h2,
    .tabs ul li label {
        font-family: "Montserrat";
        font-weight: bold;
        font-size: 18px;
        color: #428BFF;
    }

    .tabs ul {
        list-style-type: none;
        padding-left: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }

        .tabs ul li {
            box-sizing: border-box;
            flex: 1;
            width: 25%;
            padding: 0 10px;
            text-align: center;
        }

            .tabs ul li label {
                transition: all 0.3s ease-in-out;
                color: #929daf;
                padding: 5px auto;
                overflow: hidden;
                text-overflow: ellipsis;
                display: block;
                cursor: pointer;
                transition: all 0.2s ease-in-out;
                white-space: nowrap;
                -webkit-touch-callout: none;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

                .tabs ul li label br {
                    display: none;
                }

                .tabs ul li label svg {
                    fill: #929daf;
                    height: 1.2em;
                    vertical-align: bottom;
                    margin-right: 0.2em;
                    transition: all 0.2s ease-in-out;
                }

                .tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
                    outline: 0;
                    color: #bec5cf;
                }

                    .tabs ul li label:hover svg, .tabs ul li label:focus svg, .tabs ul li label:active svg {
                        fill: #bec5cf;
                    }

    .tabs .slider {
        position: relative;
        width: 25%;
        transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    }

        .tabs .slider .indicator {
            position: relative;
            width: 50px;
            max-width: 100%;
            margin: 0 auto;
            height: 4px;
            background: #428BFF;
            border-radius: 1px;
        }

    .tabs .content {
        margin-top: 30px;
    }

        .tabs .content section {
            display: none;
            -webkit-animation-name: content;
            animation-name: content;
            -webkit-animation-direction: normal;
            animation-direction: normal;
            -webkit-animation-duration: 0.3s;
            animation-duration: 0.3s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
            line-height: 1.4;
        }

            .tabs .content section h2 {
                color: #428BFF;
                display: none;
            }

                .tabs .content section h2::after {
                    content: "";
                    position: relative;
                    display: block;
                    width: 30px;
                    height: 3px;
                    background: #428BFF;
                    margin-top: 5px;
                    left: 1px;
                }

    .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        cursor: default;
        color: #428BFF;
    }

        .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
            fill: #428BFF;
        }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .slider {
    transform: translateX(0%);
}

.tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #428BFF;
}

    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
        fill: #428BFF;
    }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .slider {
    transform: translateX(100%);
}

.tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #428BFF;
}

    .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
        fill: #428BFF;
    }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .slider {
    transform: translateX(200%);
}

.tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block;
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #428BFF;
}

    .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
        fill: #428BFF;
    }

@media (max-width: 600px) {
    .tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ .slider {
    transform: translateX(300%);
}

.tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }

    to {
        opacity: 1;
        transform: translateY(0%);
    }
}

@media (max-width: 1000px) {
    .tabs ul li label {
        white-space: initial;
    }

        .tabs ul li label br {
            display: initial;
        }

        .tabs ul li label svg {
            height: 1.5em;
        }
}

@media (max-width: 600px) {
    .tabs ul li label {
        padding: 5px;
        border-radius: 5px;
    }

        .tabs ul li label span {
            display: none;
        }

    .tabs .slider {
        display: none;
    }

    .tabs .content {
        margin-top: 20px;
    }

        .tabs .content section h2 {
            display: block;
        }
}

.btn_enlace_movil {
    display: none;
}

@media (max-width: 767px) {
    .btn_enlace_pc {
        display: none;
    }

    .btn_enlace_movil {
        position: relative;
        width: 100%;
        display: inline;
    }

    .links_home {
        height: 5rem !important;
    }
}

/****** CSS REPORTES_OPERACIONES ******/
.rep_nueva_carrera {
    color: red;
    font-weight: bold;
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}


/****** CSS RESTABLECER_CREDENCIALES ******/

.password-container {
    align-items: center !important;
}

    .password-container input {
        flex: 1 !important;
        padding-left: 50px !important; /* Espacio para el botón de ojo */
        min-height: 38px !important; /* Mantener altura constante */
    }

.toggle-password {
    position: absolute !important;
    left: 14px !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 20px !important;
    color: black !important;
    margin-top: 22px !important;
}

.form-group {
    position: relative !important;
    width: 100% !important;
    float: none !important;
}

.error-message {
    color: red !important;
    font-size: 12px !important;
    margin-top: 5px !important; /* Espacio para que el mensaje salga debajo del input */
}