/********** ESTILOS **********/
/* GENERALES */
body {
    background-image: url('/admin/img/fondo.png');
    font-family: 'Poppins', sans-serif !important;
    height: 100%;
    font-weight: 100;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Poppins', sans-serif !important;
}

a {
    text-decoration: none !important;
}

select, select option {
    cursor: pointer;
}

.carita_feliz {
    font-size: 19px !important;
    padding-right: 3px;
}

.numero {
    font-family: 'Poppins', sans-serif !important;
}

.form-control.chico {
    width: 90px;
}

.modal-body {
    overflow: visible;
}

.no_padding {
    padding: 0 !important;
}

.no_border {
    border: none !important;
}

.overflow_visible {
    overflow: visible !important;
}

.no_select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contenedor_centrado_vertical {
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
}

.contenido_centrado_vertical {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.subtitulo {
    font-size: 20px;
    color: #348cd8;
}

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

/* COLORES */
.color_verde {
    color: green !important;
}

.background_azul {
    background-color: #348cd8 !important;
    color: white !important;
}

.background_azul a {
    color: white;
}

.color_azul {
    color: #348cd8 !important;
}

.border_azul {
    border-color: rgb(51, 124, 176) !important;
    ; }

button {
    background-color: white;
}

button.background_azul:hover, button.background_azul:active, .contenedor_dropdown.open button.background_azul {
    background-color: var(--color_layout_1) !important;
}

.boton.background_azul[disabled=disabled],.boton[disabled=disabled] {
    background-color: var(--color_gris_2) !important;
    opacity: .4;
}

.contenedor_menu .nav li.active a.background_azul {
    background-color: rgb(237, 240, 242) !important;
}

.contenedor_menu .nav li a {
    background-color: transparent !important;
}

.contenedor_menu a.background_azul:hover, .contenedor_menu a.background_azul:focus {
    color: #348cd8 !important;
}

.contenedor_menu .navbar-nav li a.separacion {
    background-color: #336c95 !important;
    cursor: default !important;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    color: white !important;
    border: none !important;
}

.background_color_base_sitio {
    background-color: #348cd8;
}

.color_base_sitio {
    color: #348cd8;
}

.border_color_base_sitio {
    border-color: #348cd8 !important;
}

.chosen-container-single .chosen-single {
    height: 44px;
    font-size: 15px;
    line-height: 40px;
    font-weight: 400;
    background: none;
    box-shadow: none !important;
    border-radius: 3px;
    border: #b9b9b9 solid 1px !important;
    background-image: none !important;
}

/********************************************************/
.no-margin-top {
    margin-top: 0 !important;
}

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

.no-margin {
    margin: 0 !important;
}

.mb0 {
    margin-bottom: 0px !important
}

.mb5 {
    margin-bottom: 5px!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb15 {
    margin-bottom: 15px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb25 {
    margin-bottom: 25px!important
}

.mb30 {
    margin-bottom: 30px!important
}

.mb35 {
    margin-bottom: 35px!important
}

.mb40 {
    margin-bottom: 40px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb60 {
    margin-bottom: 60px!important
}

.mb70 {
    margin-bottom: 70px!important
}

.mb80 {
    margin-bottom: 80px!important
}

.mb90 {
    margin-bottom: 90px!important
}

.mb100 {
    margin-bottom: 100px!important
}

.mb150 {
    margin-bottom: 150px!important
}

.mb200 {
    margin-bottom: 200px!important
}

.mt0 {
    margin-top: 0px!important
}

.mt5 {
    margin-top: 5px!important
}

.mt10 {
    margin-top: 10px!important
}

.mt15 {
    margin-top: 15px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt25 {
    margin-top: 25px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt35 {
    margin-top: 35px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt60 {
    margin-top: 60px!important
}

.mt70 {
    margin-top: 70px!important
}

.mt80 {
    margin-top: 80px!important
}

.mt90 {
    margin-top: 90px!important
}

.mt100 {
    margin-top: 100px!important
}

.ml0 {
    margin-left: 0px!important;
}

.ml5 {
    margin-left: 5px!important
}

.ml10 {
    margin-left: 10px!important
}

.ml15 {
    margin-left: 15px!important
}

.ml20 {
    margin-left: 20px!important
}

.ml25 {
    margin-left: 25px!important
}

.ml30 {
    margin-left: 30px!important
}

.ml35 {
    margin-left: 35px!important
}

.ml40 {
    margin-left: 40px!important
}

.ml50 {
    margin-left: 50px!important
}

.ml60 {
    margin-left: 60px!important
}

.ml70 {
    margin-left: 70px!important
}

.ml80 {
    margin-left: 80px!important
}

.ml90 {
    margin-left: 90px!important
}

.ml100 {
    margin-left: 100px!important
}

.mr0 {
    margin-right: 0px!important
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px!important
}

.mr15 {
    margin-right: 15px!important
}

.mr20 {
    margin-right: 20px!important
}

.mr25 {
    margin-right: 25px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr35 {
    margin-right: 35px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr50 {
    margin-right: 50px!important
}

.mr60 {
    margin-right: 60px!important
}

.mr70 {
    margin-right: 70px!important
}

.mr80 {
    margin-right: 80px!important
}

.mr90 {
    margin-right: 90px!important
}

.mr100 {
    margin-right: 100px!important
}

.m0 {
    margin: 0px!important;
}

.m5 {
    margin: 5px!important
}

.m10 {
    margin: 10px!important
}

.m15 {
    margin: 15px!important
}

.m20 {
    margin: 20px!important
}

.m25 {
    margin: 25px!important
}

.m30 {
    margin: 30px!important
}

.m35 {
    margin: 35px!important
}

.m40 {
    margin: 40px!important
}

.m50 {
    margin: 50px!important
}

.m60 {
    margin: 60px!important
}

.m70 {
    margin: 70px!important
}

.m80 {
    margin: 80px!important
}

.m90 {
    margin: 90px!important
}

.m100 {
    margin: 100px!important
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding {
    padding: 0 !important;
}

.p0 {
    padding: 0px!important;
}

.p3 {
    padding: 3px!important;
}

.p5 {
    padding: 5px!important
}

.p10 {
    padding: 10px!important
}

.p15 {
    padding: 15px!important
}

.p20 {
    padding: 20px!important
}

.p25 {
    padding: 25px!important
}

.p30 {
    padding: 30px!important
}

.p35 {
    padding: 35px!important
}

.p40 {
    padding: 40px!important
}

.p50 {
    padding: 50px!important
}

.p60 {
    padding: 60px!important
}

.p70 {
    padding: 70px!important
}

.p80 {
    padding: 80px!important
}

.p90 {
    padding: 90px!important
}

.p100 {
    padding: 100px!important
}

.pb0 {
    padding-bottom: 0px!important
}

.pb5 {
    padding-bottom: 5px!important
}

.pb10 {
    padding-bottom: 10px!important
}

.pb15 {
    padding-bottom: 15px!important
}

.pb20 {
    padding-bottom: 20px!important
}

.pb25 {
    padding-bottom: 25px!important
}

.pb30 {
    padding-bottom: 30px!important
}

.pb35 {
    padding-bottom: 35px!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb50 {
    padding-bottom: 50px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pb70 {
    padding-bottom: 70px!important
}

.pb80 {
    padding-bottom: 80px!important
}

.pb90 {
    padding-bottom: 90px!important
}

.pb100 {
    padding-bottom: 100px!important
}

.pb150 {
    padding-bottom: 150px!important
}

.pb200 {
    padding-bottom: 200px!important
}

.pt0 {
    padding-top: 0px!important
}

.pt5 {
    padding-top: 5px!important
}

.pt10 {
    padding-top: 10px!important
}

.pt15 {
    padding-top: 15px!important
}

.pt20 {
    padding-top: 20px!important
}

.pt25 {
    padding-top: 25px!important
}

.pt30 {
    padding-top: 30px!important
}

.pt35 {
    padding-top: 35px!important
}

.pt40 {
    padding-top: 40px!important
}

.pt50 {
    padding-top: 50px!important
}

.pt60 {
    padding-top: 60px!important
}

.pt70 {
    padding-top: 70px!important
}

.pt80 {
    padding-top: 80px!important
}

.pt90 {
    padding-top: 90px!important
}

.pt100 {
    padding-top: 100px!important
}

.pt150 {
    padding-top: 150px!important
}

.pt200 {
    padding-top: 200px!important
}

.pr0 {
    padding-right: 0px!important
}

.pr5 {
    padding-right: 5px!important
}

.pr10 {
    padding-right: 10px!important
}

.pr15 {
    padding-right: 15px!important
}

.pr20 {
    padding-right: 20px!important
}

.pr25 {
    padding-right: 25px!important
}

.pr30 {
    padding-right: 30px!important
}

.pr35 {
    padding-right: 35px!important
}

.pr40 {
    padding-right: 40px!important
}

.pr50 {
    padding-right: 50px!important
}

.pr60 {
    padding-right: 60px!important
}

.pr70 {
    padding-right: 70px!important
}

.pr80 {
    padding-right: 80px!important
}

.pr90 {
    padding-right: 90px!important
}

.pr100 {
    padding-right: 100px!important
}

.pl0 {
    padding-left: 0px!important
}

.pl5 {
    padding-left: 5px!important
}

.pl10 {
    padding-left: 10px!important
}

.pl15 {
    padding-left: 15px!important
}

.pl20 {
    padding-left: 20px!important
}

.pl25 {
    padding-left: 25px!important
}

.pl30 {
    padding-left: 30px!important
}

.pl35 {
    padding-left: 35px!important
}

.pl40 {
    padding-left: 40px!important
}

.pl50 {
    padding-left: 50px!important
}

.pl52 {
    padding-left: 52px!important
}

.pl60 {
    padding-left: 60px!important
}

.pl70 {
    padding-left: 70px!important
}

.pl80 {
    padding-left: 80px!important
}

.pl90 {
    padding-left: 90px!important
}

.pl100 {
    padding-left: 100px!important
}

/****/
.fs1 {
    font-size: 1px !important;
}

.fs2 {
    font-size: 2px !important;
}

.fs3 {
    font-size: 3px !important;
}

.fs4 {
    font-size: 4px !important;
}

.fs5 {
    font-size: 5px !important;
}

.fs6 {
    font-size: 6px !important;
}

.fs7 {
    font-size: 7px !important;
}

.fs8 {
    font-size: 8px !important;
}

.fs9 {
    font-size: 9px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs19 {
    font-size: 19px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs21 {
    font-size: 21px !important;
}

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

.fs23 {
    font-size: 23px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs25 {
    font-size: 25px !important;
}

.fs26 {
    font-size: 26px !important;
}

.fs27 {
    font-size: 27px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs29 {
    font-size: 29px !important;
}

.fs30 {
    font-size: 30px !important;
}

.display_none {
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.sin_bordes {
    border: none !important;
}

/* TRANSITIONS */
.transition_01 {
    -moz-transition: all 0.1s ease-out;
    /* FF4+ */
    -o-transition: all 0.1s ease-out;
    /* Opera 10.5+ */
    -webkit-transition: all 0.1s ease-out;
    /* Saf3.2+, Chrome */
    -ms-transition: all 0.1s ease-out;
    /* IE10 */
    transition: all 0.1s ease-out;
}

.transition_03 {
    -moz-transition: all 0.3s ease-out;
    /* FF4+ */
    -o-transition: all 0.3s ease-out;
    /* Opera 10.5+ */
    -webkit-transition: all 0.3s ease-out;
    /* Saf3.2+, Chrome */
    -ms-transition: all 0.3s ease-out;
    /* IE10 */
    transition: all 0.3s ease-out;
}

.transition_05 {
    -moz-transition: all 0.5s ease-out;
    /* FF4+ */
    -o-transition: all 0.5s ease-out;
    /* Opera 10.5+ */
    -webkit-transition: all 0.5s ease-out;
    /* Saf3.2+, Chrome */
    -ms-transition: all 0.5s ease-out;
    /* IE10 */
    transition: all 0.5s ease-out;
}

.transition_1 {
    -moz-transition: all 1s ease-out;
    /* FF4+ */
    -o-transition: all 1s ease-out;
    /* Opera 10.5+ */
    -webkit-transition: all 1s ease-out;
    /* Saf3.2+, Chrome */
    -ms-transition: all 1s ease-out;
    /* IE10 */
    transition: all 1s ease-out;
}

.align_right {
    text-align: right !important;
}

.align_left {
    text-align: left !important;
}

.align_center {
    text-align: center !important;
}

.clear_both {
    clear: both
}


.contenedor_contenido {
    position: relative;
    width: 100%;
    height: 95%;
}

.contenedor_general {
    position: relative;
    /* height: 100%; */
    float: left;
}

.contenido {
    position: relative;
    margin-top: 50px;
    padding: 10px;
    height: 100%;
}

.titulo_seccion {
    font-size: 30px;
    margin: 5px 0;
    text-shadow: rgba(0, 0, 0, 0.17) 1px 1px 1px;
    border-bottom: rgb(244, 244, 244) solid 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.contenedor_seccion {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    border: rgb(231, 231, 231) solid 1px;
    padding: 10px;
}

.tm-tag {
    padding: 6px 10px !important;
    background-color: #3c90cb;
    margin: 2px;
    color: white;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-block;
}

.tm-tag-remove {
    color: white;
    padding-left: 5px;
}

.tm-tag + input {
    margin-top: 10px;
    margin-bottom: 10px;
}

.contenedor_contenido_derecho {
    position: relative;
    float: right;
    height: auto;
    min-height: 100vh;
    padding-top: 70px !important;
}

.contenido_contenido {
    position: relative;
    width: 96%;
    margin: 0 2%;
    background-color: white;
    border: rgb(224, 224, 224) solid 1px;
    border-radius: 2px;
    padding: 2% 10px;
    box-shadow: rgb(231, 231, 231) 1px 2px 5px;
    min-height: 92vh;
    overflow: hidden;
}

.titulo_principal_pagina {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 32px;
    float: left;
}

.icono_titulo_pagina {
    font-size: 30px;
    padding-right: 5px;
}

.boton {
    padding: 5px;
    border-radius: 3px;
    margin-top: 10px;
    float: left;
    border: none;
    margin-right: 5px;
}

.boton.verde {
    background-color: rgb(173, 202, 41);
    border: rgb(133, 155, 54) solid 1px;
    color: white;
    text-shadow: rgb(130, 158, 63) 1px 1px 1px;
}

.boton.verde:hover {
    background-color: rgb(186, 218, 41);
    border: rgb(164, 187, 82) solid 1px;
}

.boton.negro {
    background-color: var(--color_gris_1) !important;
}
.boton.negro:hover {
    background-color: var(--color_layout_1) !important;
}

.contenedor_alertas_page {
    margin: 1rem;
    margin-left: 0;
}

.boton_cerrar_alerta {
    cursor: pointer;
    position: absolute;
    top: .2rem;
    bottom: 0;
    height: max-content;
    right: 1rem;
    margin: auto;
}

.boton[disabled=disabled] {
    background-color: var(--color_gris_2) !important;
    cursor: not-allowed;
}

.boton[disabled=disabled]:hover {
    background-color: #cccccc !important;
    cursor: not-allowed;
}

.boton.grande {
    padding: 11px;
    font-size: 18px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ddd;
}

.logo_header {
    position: relative;
    padding: 2px;
    width: max-content;
    float: left;
    margin-right: 15px;
}

.logo_header img {
    height: 45px;
    margin-top: -10px;
}

.tip_ayuda {
    padding: 0;
    color: #3c90cb;
}

.tip_ayuda.modalidad_agregada.oculto {
    display: none;
}

.tip_ayuda.modalidad_agregada {
    display: flex;
    flex-direction: row;
    margin-top: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}

.tip_ayuda.modalidad_agregada .tip_ayuda_texto {
    line-height: 2rem;
}

.tip_ayuda_icono {
    float: left;
    width: 40px;
    text-align: center;
    font-size: 20px;
    padding: 5px;
    /* border-right: #eff1b3 solid 1px; */
}

.tip_ayuda_texto {
    line-height: 38px;
    font-size: 15px;
    position: relative;
    float: left;
    padding-left: 5px;
}

.listado_imagenes_individual.ui-sortable-handle {
    cursor: move;
}

.cropper-point {
    background-color: #33ff39 !important;
}

.cropper-view-box {
    outline-color: rgb(51, 255, 76) !important;
    outline: 2px solid #33ff5f !important;
}

.cropper-modal {
    background-color: #fff !important;
    opacity: 0.8 !important;
}

.cropper-dashed {
    border: none !important;
}

.contenedor_crop_upload_imagenes {
    position: relative;
    width: 500px;
    height: 350px;
}

.invisible {
    opacity: 0;
}
.overflow_hidden {
    overflow: hidden;
}

/* FIN GENERALES */
/* TABS */
.contenedor_general_tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 1%;
}

.contenedeor_ul_header_tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: -3px;
    z-index: 1;
}

.ul_header_tabs {
    padding: 0;
    list-style-type: none;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.ul_header_tabs li {
    float: left;
    background-color: white;
    border: #C1C1C1 solid 1px;
    border-bottom: 0;
    cursor: pointer;
    margin-right: -1px;
    border-left: 0;
    padding: 8px;
}

.ul_header_tabs li button {
    background-color: transparent;
    border: none;
    padding: 7px;
    border-radius: 6px;
    color: #848484;
}

.ul_header_tabs li.primero {
    border-left: #C1C1C1 solid 1px;
    border-top-left-radius: 5px;
}

.ul_header_tabs li.ultimo {
    border-right: #C1C1C1 solid 1px;
    border-top-right-radius: 5px;
}

.contenedor_contenido_tabs {
    position: relative;
    width: 100%;
    padding: 1%;
    border: #C1C1C1 solid 1px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    overflow: hidden;
    border-top-right-radius: 5px;
}

.ul_header_tabs li button:hover {
    background-color: whitesmoke;
    color: #212121;
}

.ul_header_tabs li.activo button, .ul_header_tabs li.activo button:hover {
    background-color: #EFEFEF;
    font-size: 14px;
    color: #2E72B3;
}

li.activo.desactivado.cargando button {
    color: #A03F3F !important;
}

.contenido_tabs {
    position: absolute;
    width: 98%;
    opacity: 0;
    overflow: hidden;
}

.contenido_tabs.activo {
    position: relative;
    width: 100%;
    opacity: 1;
}

.contenedor_imagen_copiar {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.85);
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    font-size: 55px;
    line-height: 97px;
    color: rgba(0, 0, 0, 0.6);
    top: 360px;
    opacity: 0;
}

.contenedor_imagen_copiar.mostrar {
    top: 0;
    opacity: 1;
}

.contenedor_imagen_copiar.oculto {
    opacity: 0;
}

.nombre_imagen_listado_imagenes input {
    position: absolute;
    left: 0;
    width: 77%;
    height: 30px;
    margin-top: 2px;
    margin-left: 2px;
    display: none;
}

.nombre_imagen_listado_imagenes input.visible {
    display: initial;
}

.dropzone {
    border: #CECECE dashed 4px !important;
    background-color: #F9F9F9;
}

.dropzone.dz-clickable .dz-message span {
    font-size: 20px;
    letter-spacing: 1px;
    color: #888888;
}

.contenedor_banco_imagenes {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.ul_header_tabs li.desactivado button {
    color: #CACACA !important;
}

.contenedor_herramientas_listado_imagenes {
    position: absolute;
    top: 0;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.26);
    width: 100%;
    z-index: 1;
}

.herramienta_listado_imagenes {
    width: 25px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.63);
    border-radius: 100%;
    text-align: center;
    line-height: 26px;
    font-size: 17px;
    color: #B90000;
    margin: 5px auto;
}

.contenedor_individual_herramienta_listado_imagenes {
    position: relative;
    width: 10%;
    float: right;
}

.herramienta_listado_imagenes:hover {
    cursor: pointer;
    background-color: white;
}

.contenedor_herramientas_listado_imagenes {
    position: absolute;
    top: -35px;
    margin: auto;
    background-color: rgba(0, 0, 0, 0.35);
    width: 100%;
    z-index: 1;
    opacity: 0;
}

.contenedor_general_modal {
    position: absolute;
    width: 100%;
    height: 100%;
}

.imagen_listado_imagenes:hover .contenedor_herramientas_listado_imagenes, .contenedor_herramientas_listado_imagenes.editando {
    opacity: 1;
    top: 0;
}

.nombre_imagen_listado_imagenes {
    color: white;
    font-size: 15px;
    max-width: 78%;
    float: left;
    line-height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    padding-left: 5px;
}

.nombre_imagen_listado_imagenes:hover {
    cursor: text;
}

.contenedor_general_dropzone {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.contenedor_dropzone {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
}

.contenedor_tapa_dropzone {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.contenedor_tapa_dropzone.activo {
    z-index: 2;
}

/* FIN TABS */
/* CABECERA */
.contenedor_general_cabecera {
    position: fixed;
    z-index: 1005;
    width: 100%;
    min-height: 55px;
}

.contenedor_cabecera {
    position: relative;
    width: 100%;
    border-bottom: #68B2E5 solid 3px;
    color: white;
    box-shadow: rgb(221, 221, 221) 1px 2px 2px;
    z-index: 1001;
    height: 100%;
}

.titulo_cabecera {
    position: relative;
    font-size: 20px;
    padding: 10px;
    text-shadow: rgba(0, 0, 0, 0.17) 1px 2px 1px;
    height: 100%;
}

.contenedor_datos_usuario_cabecera {
    position: relative;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%;
}

.imagen_usuario_cabecera {
    position: relative;
    width: 40px;
    height: 40px;
    float: right;
    border-radius: 100%;
    margin-left: 10px;
    overflow: hidden;
    border: white solid 3px;
    margin-right: -5px;
}

.imagen_usuario_cabecera img {
    position: absolute;
    width: auto;
    max-height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.nombre_usuario_cabecera {
    position: relative;
    float: right;
    font-size: 14px;
    width: 100%;
    text-align: right;
}

.opciones_usuario_cabecera {
    position: relative;
    float: right;
    font-size: 11px;
    cursor: pointer;
    padding: 2px 5px;
    border: none;
    color: white;
    border-radius: 2px;
    margin-top: 49px;
    margin-right: 5px;
    z-index: 1002;
}

.datos_usuario_cabecera {
    position: relative;
    float: right;
}

.listado_opciones_usuario_cabecera li {
    border-bottom: whitesmoke solid 1px;
}

.listado_opciones_usuario_cabecera {
    position: relative;
    list-style-type: none;
    background-color: white;
    padding: 5px;
    border: rgb(236, 236, 236) solid 1px;
    box-shadow: rgb(240, 240, 240) 1px 2px 2px;
    display: initial !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -60px;
    margin-right: -79px;
    float: right;
    z-index: 10;
}

.listado_opciones_usuario_cabecera.abierto {
    margin-top: 10px!important;
}

.listado_opciones_usuario_cabecera a {
    display: block;
    font-size: 13px;
    padding: 2px 10px;
    color: rgb(171, 171, 171);
    text-align: center;
}

.listado_opciones_usuario_cabecera a:hover {
    background-color: rgb(244, 244, 244);
    color: rgb(71, 71, 71);
    text-decoration: none;
}

.dropdown_opciones_usuario_cabecera {
    position: relative;
    width: 100%;
    margin-right: 56px;
    float: right;
    height: 60px;
    margin-top: -75px;
}

/* FIN CABECERA */
/* LOGIN */
.cuadro_login {
    position: relative;
    margin: 0 auto;
    margin-top: 80px;
    border-radius: 5px;
    overflow: hidden;
    float: none !important;
    padding: 0;
    border: solid 1px;
    box-shadow: rgb(218, 218, 218) 2px 2px 2px;
    max-width: 582px;
    background-color: white;
}

.cuadro_login.grande {
    max-width: initial;
    margin-top: 50px;
}

.contenido_cuadro_login {
    position: relative;
    padding: 15px;
    width: 100%;
    background-color: white;
}

.titulo_cuadro_login {
    width: 100%;
    color: white;
    font-size: 17px;
    padding: 6px 9px;
}

.individual_input_cuadro_login {
    position: relative;
    width: 100%;
    margin-bottom: 5px;
    float: left;
}

.alertas_formulario_login {
    position: relative;
    width: 100%;
    padding: 2px;
    margin-bottom: 10px;
}

.logo_login {
    position: relative;
    text-align: center;
    width: max-content;
    margin: 0 auto;
    margin-top: 10vh;
    margin-bottom: 20px;
}

.logo_login img {
    max-width: 210px;
}

/* FIN LOGIN */
/* MENU */
.contenedor_menu {
    float: left;
    height: 97vh;
    box-shadow: rgb(231, 231, 231) 1px 2px 5px;
    border-right: white solid 1px;
    position: fixed;
    margin-top: 50px;
}

.contenedor_menu .navbar {
    height: 100%;
    margin: 0 !important;
    border-radius: 0 !important;
    background-color: #FFFFFF !important;
}

.contenedor_menu .navbar {
    height: 100%;
    margin: 0 !important;
    border-radius: 0 !important;
    background-color: #FFFFFF !important;
}

.contenedor_menu .navbar-collapse {
    padding: 0px !important;
    overflow: hidden;
    max-height: 1000px;
}

.contenedor_menu .nav li {
    width: 100% !important;
}

.contenedor_menu .nav li.active a {
    box-shadow: inset rgba(0, 0, 0, 0.08) 0px 1px 3px;
}

.contenedor_menu ul.dropdown-menu {
    position: relative;
    width: 100% !important;
    box-shadow: none !important;
    border: none;
    border-radius: 0;
}

.contenedor_menu .dropdown .dropdown-menu {
    display: block !important;
    overflow: hidden;
    max-height: 0;
    padding: 0;
    box-shadow: inset rgb(236, 236, 236) 1px 0px 8px !important;
    background-color: rgb(253, 253, 253);
}

.contenedor_menu .dropdown .dropdown-menu.abierto {
    max-height: 400px !important;
    margin-bottom: 1px;
}

.contenedor_menu .navbar-nav li a {
    border-bottom: rgb(219, 219, 219) solid 1px !important;
    border-top: rgb(219, 219, 219) solid 1px !important;
    margin-top: -1px;
    padding: 10px;
}

.contenedor_menu .dropdown li a {
    border-top: 0 !important;
    margin: 0;
    border-bottom: rgb(240, 240, 240) solid 1px !important;
    padding: 6px 7px;
    font-size: 13px;
    color: rgb(136, 136, 136);
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    text-align: right;
    float: right;
    margin-top: 9px;
}

.contenedor_menu ul.nav.navbar-nav {
    width: 100%;
}

/* FIN MENU */
/* FORMULARIOS */
.contenedor_input {
    position: relative;
    width: 100%;
    /*overflow:hidden;*/
}

.label_input {
    position: relative;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
    padding: 0px 5px;
    text-align: right;
}

.input_input {
    position: relative;
    float: left;
}

.input_input span.valor {
    display: block;
    margin-top: 5px;
    font-size: 15px;
    font-weight: normal;
}

form button {
    color: white;
    border-radius: 4px;
    padding: 6px 10px;
    border: solid 1px;
    cursor: pointer;
    margin-top: 10px;
}

.individual_alerta {
    padding: 4px 6px;
    font-size: 13px;
}

.individual_alerta.error {
    background-color: rgb(166, 17, 17);
    color: white;
}

.individual_alerta {
    max-width: 600px;
    padding: 10px 20px;
    margin-bottom: 5px;
    border-radius: 10px;
    border: none !important;
    position: relative;
}

.aviso.individual_alerta {
    background-color: #FFF293;
    color: #776B0E;
}

.individual_alerta.exito {
    background-color: #6dad00;
    border: rgb(121, 187, 9) solid 1px;
    color: rgb(255, 255, 255);
}

.individual_alerta.info {
    background-color: rgb(217, 236, 252);
    color: rgb(19, 75, 123);
}

.individual_alerta.advertencia {
    background-color: rgb(255, 236, 171);
    color: rgb(210, 90, 18);
}

.error {
    color: #ce0000;
}

.exito {
    color: #4baf17;
}

.precaucion {
    color: #bea21d;
}

.gris {
    color: #676767;
}

form button span, .boton span {
    font-size: 12px !important;
    margin-right: 2px;
}

.contenedor_input_radio_radio {
    position: relative;
    float: left;
    min-width: 15px;
    padding: 0 4px;
}

.contenedor_input_radio_label {
    position: relative;
    float: left;
    min-width: 20px;
    cursor: pointer;
}

.contenedor_input_radio_label label {
    cursor: pointer;
}

.boton.cancelar {
    background-color: rgb(239, 95, 95);
    border: rgb(245, 121, 121) solid 1px;
    color: white;
}

.boton.cancelar:hover {
    background-color: rgb(245, 121, 121);
}

.individual_input_form_editar {
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
    overflow: hidden;
}

.contenedor_radio_buttons_input {
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 7px;
}

.contenedor_botones_form_editar {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 5px;
    border-top: rgb(234, 234, 234) solid 1px;
    padding-top: 0;
    padding-left: 0;
    margin-top: 25px;
}

.contenedor_botones_form_editar.sin_borde {
    border-top: unset;
    margin-bottom: 2rem;
}

.contenedor_icono_lista_seleccionar {
    position: relative;
    width: 60px;
    float: left;
    height: 60px;
    margin: 3px;
    border: rgb(216, 216, 216) solid 1px;
    padding: 5px;
    border-radius: 3px;
    background-color: rgb(252, 252, 252);
}

.contenedor_icono_lista_seleccionar:hover {
    background-color: white;
    border: rgb(184, 217, 240) solid 1px;
}

.contenedor_icono_lista_seleccionar span {
    text-align: center;
    width: 100%;
    font-size: 37px;
    line-height: 50px;
    color: rgb(63, 63, 63);
}

.contenedor_icono_lista_seleccionar span:hover {
    color: rgb(119, 185, 232);
    cursor: pointer;
}

.modal_iconos {
    width: 90% !important;
}

.contenedor_icono_referencia_form_icono {
    position: relative;
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 10px;
    font-size: 30px;
}

.chosen-container-single .chosen-single div b {
    background: url('/common/img/chosen-sprite.png') no-repeat 0px 11px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -15px 12px;
}

.icono_cajas_eventos_id {
    position: relative;
    float: left;
    margin-left: 10px;
    font-size: 23px;
    margin-top: -2px;
}

.contenedor_tipo_cajas_eventos {
    position: relative;
    float: left;
    font-size: 16px;
    line-height: 31px;
    padding-left: 10px;
}

input.form_date {
    min-width: 150px;
    cursor: pointer;
    float: left;
}

.icono_form_date {
    margin-left: -20px;
    margin-top: 10px;
}

.form_info {
    background-color: #f7f7f7;
    padding: 10px !important;
    font-weight: bold;
    border: #f3f3f3 solid 1px;
    overflow: hidden;
    min-height: 48px;
}

.form_info.tipo_imagen.sin_imagen {
    text-align: center;
}

.contenido_grande.textarea .form_info {
    min-height: 140px;
}

.li_slot_agregar_imagen_upload_imagenes {
    position: relative;
    list-style-type: none;
    margin: 0;
}

.slot_agregar_imagen_upload_imagenes {
    position: relative;
    height: 230px;
    border: #CECECE dashed 8px;
    background-color: #F9F9F9;
    text-align: center;
    font-size: 23px;
    color: darkgrey;
    cursor: pointer;
    margin-right: 10px;
}

.contenedor_slot_imagenes_upload_imagenes {
    position: relative;
    width: 100%;
    padding: 1%;
}

.slot_agregar_imagen_upload_imagenes:hover {
    border-color: #BFBFBF;
}

.slot_agregar_imagen_upload_imagenes .texto img {
    max-width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-height: 100%;
}

.input_input textarea {
    min-height: 130px;
}

.input_input textarea.alto {
    min-height: 200px !important;
}

.boton_remover_imagen {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #ca1313;
    width: 25px;
    height: 25px;
    font-size: 16px;
    border-radius: 100%;
    color: white;
    line-height: 27px;
}

/** FIN FORMULARIOS **/
/** FILTROS **/
.contenedor_filtros_listado {
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.contenedor_form_editar {
    position: relative;
    width: 100%;
    /*overflow: hidden;*/
}

.contenedor_input_form_filtro_busqueda {
    position: relative;
    width: 85%;
    float: left;
}

.contenedor_boton_form_filtro_busqueda {
    position: relative;
    width: 14%;
    height: 35px;
    margin-left: 1%;
    float: left;
}

.boton_filtro_busqueda {
    margin: 0;
    width: 100%;
}

.individual_filtros_listado {
    position: relative;
    margin-bottom: 10px;
    padding-right: 1% !important;
    /*overflow: hidden;*/
}

.alpha_cargando {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.74);
    z-index: 10;
    text-align: center;
}

.alpha_cargando span {
    position: absolute;
    top: 50%;
    font-size: 17px;
    opacity: 0.6;
}

.titulo_filtros_listado {
    padding: 4px 0;
}

.contenedor_cerrar_filtro_fecha {
    position: absolute;
    right: 0;
    margin-right: 2%;
    padding: 7px;
    color: rgb(181, 181, 181);
    cursor: pointer;
    display: none;
    top: 0;
}

/** FIN FILTROS **/
/** LISTADOS **/
.contenedor_general_listado {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 2px;
    padding-bottom: 40px;
    min-height: 60vh;
}

.contenedor_listado {
    position: relative;
    width: 100%;
    min-height: 200px;
    padding: 0 !important;
    padding-bottom: 1px;
    margin-top: 15px;
}

.listado_min .contenedor_listado {
    min-height: 30px;
}

.table_listado {
    width: 100%;
    border: rgb(242, 242, 242) solid 1px;
}

.th_thead_listado {
    text-align: center;
    color: white;
    font-size: 14px;
    border-right: white solid 1px;
    padding: 6px 0;
}

th.th_thead_listado[nombre_columna="cui"] {
    min-width: 11rem;
}

.tr_tbody_listado {
    border: rgb(242, 242, 242) solid 1px;
}

.tr_tbody_listado.fondo_gris {
    background-color: rgb(252, 252, 252);
}

.th_tbody_listado img {
    max-height: 200px;
    max-width: 100%;
}

.th_tbody_listado {
    text-align: center;
    border-right: rgb(242, 242, 242) solid 1px;
    font-size: 13px;
    font-weight: 100;
    max-width: 160px;
}

.contenedor_general_listado.listado_multibultos th.th_tbody_listado[columna_id=columna_3] {
    max-width: 7rem;
}

.th_tbody_listado a, .th_tbody_listado b {
    padding: 10px !important;
    display: block;
    position: relative;
}

.contenedor_acciones_listado button {
    background-color: #618fb7;
    border: none;
    color: white;
    border-radius: 3px;
}

th.th_tbody_listado.readonly {
    padding: 10px;
}

tr.tr_tbody_listado:hover {
    background-color: #f0f9ff;
}

.contenedor_sin_resultados {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: rgb(250, 250, 250);
    padding: 5px;
    border: rgb(242, 242, 242) solid 1px;
    color: rgb(190, 190, 190);
}

.contenedor_sin_resultados a {
    color: rgb(152, 149, 149);
    text-decoration: underline !important;
}

.th_tbody_listado .fa-plus, .th_tbody_listado .fa-arrow-up, .signo_verde {
    /*color: rgb(185, 216, 44);*/
    color: white;
}

.th_tbody_listado .fa-minus, .th_tbody_listado .fa-arrow-down, .signo_rojo {
    /*color: rgb(245, 5, 5);*/
    color: white;
}

.ul_contenedor_acciones_listado {
    top: inherit;
    right: 0;
    left: inherit;
    margin-right: 34%;
    min-width: 10px;
    text-align: left;
}

.contenedor_acciones_listado {
    position: relative;
}

.boton_abrir_contenedor_acciones_listado {
    border: rgb(221, 221, 221) solid 1px;
    background-color: rgb(239, 239, 239);
}

.ul_contenedor_acciones_listado li a {
    font-size: 12px;
    line-height: 12px;
    padding: 4px 13px;
}

.contenedor_herramientas_pagina {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.contenedor_herramientas_pagina.editar button {
    margin-top: 0;
}

span.icono_grande {
    font-size: 23px;
    line-height: 22px;
}

.th_thead_listado a span {
    padding: 0px 8px;
    font-size: 17px;
}

.contenedor_cerrar_busqueda {
    position: absolute;
    right: 0;
    margin-right: 19%;
    padding: 7px;
    color: rgb(181, 181, 181);
    cursor: pointer;
    display: none;
}

.contenedor_cerrar_busqueda:hover {
    color: rgb(139, 139, 139);
}

input#buscar {
    padding-right: 26px;
}

.contenedor_contenido_pagina {
    position: relative;
    width: 100%;
    min-height: 50vh;
    float: left;
}

.contenedor_interno_movimientos_dia_listado_movimientos .contenedor_sin_resultados {
    background-color: transparent;
    border: none;
}

.listado_imagenes_individual {
    position: relative;
    padding: 5px;
    overflow: hidden;
}

.listado_imagenes_individual_fila {
    position: relative;
    width: 100%;
    text-align: center;
}

.listado_imagenes_individual_contenido {
    position: relative;
    border: #E8E8E8 solid 1px;
    padding: 5px;
}

.listado_imagenes_individual_fila .denominacion {
    position: relative;
    color: #8C8C8C;
    padding: 3px 0;
    width: 100%;
    border: #E2E2E2 solid 1px;
    border-left: 0;
    background-color: #FBFBFB;
    border-right: 0;
}

.listado_imagenes_individual_fila .valor {
    width: 100%;
    position: relative;
    padding: 6px 0;
    font-size: 15px;
}

.listado_imagenes_individual_fila .valor .contenedor_imagen img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: auto;
}

.listado_imagenes_individual_fila .valor .contenedor_imagen {
    position: relative;
    height: 250px;
    background-color: #000000;
    overflow: hidden;
}

.listado_imagenes_individual_fila .valor.imagen {
    /* padding: 0; */
}

.header_listado_imagenes_individual_contenido {
    position: relative;
    height: 30px;
    width: 100%;
}

.header_listado_imagenes_individual_contenido .contenedor_acciones_listado {
    text-align: right;
    padding-top: 3px;
    padding-right: 3px;
}

.header_listado_imagenes_individual_contenido .contenedor_acciones_listado button {
    background-color: transparent;
    border: none;
    color: white !important;
    font-size: 19px;
}

.header_listado_imagenes_individual_contenido .contenedor_acciones_listado .ul_contenedor_acciones_listado {
    margin-right: 5px;
    margin-top: -5px;
}

.individual_input_form_editar.contenido_grande, .individual_input_form_editar.contenido_grande .contenedor_input {
    overflow: hidden;
}

.contenido_grande .label_input, .columna .label_input {
    width: 100%;
    text-align: left;
    padding-left: 16px;
}

.contenido_grande .input_input.col-lg-10.col-md-10.col-sm-10.col-xs-12, .columna .input_input.col-lg-10.col-md-10.col-sm-10.col-xs-12 {
    width: 100% !important;
}

/** FIN LISTADOS **/
/** LISTADOS IMAGENES **/
.modal-dialog.modal_upload_imagenes, .modal-dialog.modal_upload_archivos {
    width: 80%;
}

.contenedor_imagen_listado_imagenes {
    height: 250px;
}

.imagen_listado_imagenes {
    position: relative;
    width: 97%;
    height: 97%;
    margin: 0 auto;
    cursor: pointer;
    background-color: #EFEFEF;
    overflow: hidden;
}

.imagen_listado_imagenes img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

.imagen_listado_imagenes.elegida {
    border: #73C326 solid 6px;
}

/** FIN LISTADOS IMAGENES **/
/** LISTADO ARCHIVOS **/
.icono_archivo_listado_archivos {
    position: relative;
    text-align: center;
    font-size: 110px !important;
    line-height: 170px !important;
    display: block !important;
}

.archivo_listado_archivos {
    position: relative;
    padding: 10px;
    background-color: #efefef;
    border-radius: 20px;
    margin-bottom: 20px;
}

.contenedor_herramientas_listado_archivos {
    position: relative;
    padding: 5px;
    overflow: hidden;
    background-color: #dbdbdb;
    border-radius: 11px;
}

.contenedor_herramientas_listado_archivos .contenedor_individual_herramienta_listado_imagenes {
    margin-right: 2px;
}

.contenedor_herramientas_listado_archivos .nombre_imagen_listado_imagenes {
    color: #525252;
}

.nombre_archivo_elegido {
    line-height: 17px;
    font-size: 14px;
    color: #080808;
}

.texto .icono_archivo_listado_archivos {
    line-height: 130px !important;
    color: #252525;
}

.individual_input_form_editar.contenido_grande, .individual_input_form_editar.contenido_grande .contenedor_input {
    /*overflow: hidden;*/
    overflow: visible;
}

.contenido_grande .label_input {
    width: 100%;
    text-align: left;
    padding-left: 16px;
}

.contenido_grande .input_input.col-lg-10.col-md-10.col-sm-10.col-xs-12 {
    width: 100% !important;
}

/** FIN LISTADO ARCHIVOS **/
/** PAGINADOR **/
.contenedor_paginador_listado {
    position: relative;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
}

.contenedor_botones_paginador_listado {
    position: relative;
    float: left;
    overflow: hidden;
}

.boton_paginador {
    position: relative;
    float: left;
    background-color: rgb(249, 249, 249);
    border: rgb(229, 229, 229) solid 1px;
    margin: 0px 2px;
    border-radius: 4px;
    width: 30px;
    text-align: center;
    font-size: 12px;
}

.boton_paginador a {
    display: block;
    padding: 5px 0;
}

.boton_paginador a:hover {
    text-decoration: none;
}

.boton_paginador.pagina_actual a {
    color: white !important;
    font-weight: bold;
}

.boton_paginador:hover {
    background-color: rgb(242, 242, 242);
    border: rgb(208, 208, 208) solid 1px;
}

.contenedor_info_paginador_listado {
    font-size: 10px;
    text-align: right;
    color: rgb(199, 199, 199);
    float: right;
}

.boton_paginador.paginador_custom input {
    width: 30px;
    float: left;
    margin: 2px;
    margin-right: -4px;
    margin-left: 5px;
    line-height: 19px;
    border-radius: 2px;
    border: #E2E2E2 solid 1px;
    text-align: center;
}

.boton_paginador.paginador_custom {
    width: 70px;
}

/** FIN PAGINADOR **/
/** -------------------------------- DASHBOARD ENVIOS **/
.oculto {
    display: none;
}

.margin_0_auto {
    float: none !important;
    margin: 0 auto !important;
}

.float_left {
    float: left !important;
}

.float_right {
    float: right !important;
}

.float_none {
    float: none !important;
}

.titulo_envio_en_proceso {
    position: relative;
    font-size: 18px;
    color: #3c90cb;
    font-weight: bold;
}

.contenido_envio_en_proceso {
    font-size: 15px;
}

.numero_enviados {
    text-align: center;
    font-size: 70px;
    font-weight: bold;
    line-height: 100px;
}

.label_enviados {
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    background-color: #ececec;
}

.contenedor_cuadro_envio_en_proceso {
    float: none;
    margin: 15px auto;
    overflow: hidden;
}

.contenedor_enviados {
    background-color: #d1e8b2;
}

.contenedor_enviados .label_enviados {
    background-color: #b8dc88;
}

.contenedor_por_enviar {
    background-color: #f9f9f9;
}

.contenedor_tiempo_finalizar {
    background-color: #fff6cb;
    color: #8a7c3a;
    font-size: 13px;
    text-align: center;
}

.contenedor_tiempo_finalizar .cancelar_envio {
    color: #d83a3a;
    cursor: pointer;
}

.contenedor_tiempo_finalizar .cancelar_envio:hover {
    color: #ff2e2e;
}

.contenedor_boton_forzar_envio {
    text-align: right;
    padding-right: 0 !important;
}

.forzar_envio {
    background-color: #92bf57;
    border: none;
    padding: 10px;
    border-radius: 3px;
    color: white;
    cursor: pointer;
}

.sin_envios_en_proceso {
    text-align: center;
    font-size: 16px;
    background-color: #f9f9f9;
    padding: 20px;
    width: 520px;
    margin: 0 auto;
    color: #bbbbbb;
}

.sin_envios_en_proceso svg {
    font-size: 62px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    color: #efefef;
}

#modal_seleccion_emails .modal-dialog {
    width: 810px;
}

#modal_seleccion_emails_modelos .modal-dialog {
    width: 90%;
}

/** -------------------------------- FIN DASHBOARD ENVIOS **/
/** () () () () () () () () () () () () () () () () () () () () () () ()  CUSTOM PROYECTO SAIRES ENVIOS **/
div#modal_hojas_de_ruta_envios .modal-dialog {
    width: 90%;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #ccc;
    border-radius: 4px;
    min-height: 35px !important;
    line-height: 34px;
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 100;
}

div#paquetes_clasificacion_ids_chosen {
    padding-top: 0;
}

li.search-field {
    line-height: 25px;
}

input#cui {
    text-transform: uppercase;
}

.envios_editar .subseccion_pagina.datos_generales .qrs {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.envios_editar .subseccion_pagina.datos_generales .qrs .codigo_qr {
    padding: 1.3rem;
    background-color: #f7f7f7;
    border-radius: 0.4rem;
    border: #f3f3f3 solid 0.1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}
.envios_editar .subseccion_pagina.datos_generales .qrs .codigo_qr .tipo {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
}

.envios_editar .subseccion_pagina.datos_generales .qrs .codigo_qr .imagen {
    position: relative;
    width: 17rem;
    height: 17rem;
    padding: 1.5rem;
    background-color: white;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: #ffffff solid 0.4rem;
}
.envios_editar .subseccion_pagina.datos_generales .qrs .codigo_qr.externo.definido .imagen:hover {
    border-color: #e0e0e0;
}

.envios_editar .subseccion_pagina.datos_generales .qrs .codigo_qr .imagen img {
    width: 100%;
}
.envios_editar .subseccion_pagina.datos_generales {
    display: flex;
    flex-direction: row;
    gap: 1rem;
}

.codigo_qr.externo .imagen{
    cursor: pointer;
}
.codigo_qr.externo.definido .imagen:hover::before {
    content: 'MODIFICAR';
    position: absolute;
    bottom: 1rem;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    height: 1rem;
    font-size: 1rem;
    color: var(--color_layout_2);
}

.selector_destinatarios label {
    cursor: pointer;
}

.referencias_variables {
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
}

.referencias_variables h3, .referencias_iconos h3 {
    color: #adca29;
    text-transform: uppercase;
    font-size: 15px !important;
    width: max-content;
    float: left;
}

.referencias_variables h5 {
    color: var(--color_gris_4);
    margin-top: 22px;
    margin-left: 10px;
    font-size: 13px;
    width: max-content;
    float: left;
}

.individual_referencias_variables {
    margin-bottom: 15px;
    position: relative;
}

.individual_referencias_variables:hover {
    background-color: var(--color_gris_3);
    cursor: pointer;
    border-radius: 10px;
}

.individual_referencias_variables .label {
    color: #151515;
    font-size: 13px;
    display: block;
    text-align: left;
    font-weight: bold;
}

.individual_referencias_variables .valor {
    font-size: 15px !important;
    color: #348cd8;
}

.individual_referencias_variables .mensaje_copiado {
    bottom: -40px;
    left: 20px;
}

.individual_alerta button {
    float: none;
    margin-bottom: 10px;
    margin-left: 10px;
}

.video_como_registrarse {
    background-color: white;
    padding: 10px;
}

.titulo_como_registrarse {
    background-color: white;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
    border-top: #eaeaea solid 1px;
    width: 95%;
    margin: 0 auto;
}

.titulo_como_registrarse span {
    display: block;
    font-weight: bold;
}

.contenedor_video_solicitar_envio {
    position: relative;
    width: 800px;
    margin: 0 auto;
    margin-top: 30px;
}

.parrafo_texto_explicativo {
    font-size: 17px;
    line-height: 28px;
}

.url_conexion {
    color: #348cd8;
    font-size: 19px;
}

.url_conexion.largo {
    overflow-x: scroll;
    white-space: nowrap;
}

.url_conexion b {
    color: #c76628;
    background-color: #feffd1;
    padding: 5px;
}

span.titulo_variable {
    background-color: #feffd1;
    padding: 2px 6px;
    color: #c76628;
}

.respuesta_codigo {
    width: max-content;
    background-color: whitesmoke;
    margin-top: 10px;
    color: #4a4a4a;
}

.contenedor_servicio {
    margin-top: 50px;
    position: relative;
    border-bottom: #e8e8e8 solid 1px;
    padding-bottom: 50px;
}

.inner_info_servicio {
    position: relative;
    padding-left: 20px;
    border-left: #f9f9f9 solid 9px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 10px;
}

b.no_obligatorio {
    font-size: 14px;
    color: #d24b17;
    font-weight: normal;
}

.individual_input_form_editar.firma_receptor h4 {
    font-weight: normal;
}

.individual_input_form_editar.firma_receptor img {
    height: 240px;
}

div#modal_seleccionar_usuarios .modal-dialog {
    width: 90%;
}

div#modal_seleccionar_usuarios .modal-dialog.buscar_usuario {
    max-width: 80rem;
}

.listado_metricas .individual_filtros_listado {
    max-width: 190px;
}

.listado_metricas .individual_filtros_listado:first-child {
    max-width: 260px;
}

.contenedor_input.form_filtro_checkbox .input_input {
    min-width: 38px;
}

.contenedor_input.form_filtro_checkbox .label_input {
    max-width: calc(100% - 41px);
}

.contenedor_grafico_principal {
    position: relative;
    max-width: 1100px;
    float: none;
    margin: 0 auto;
    margin-bottom: 40px;
}

.contenedor_grafico_torta {
    position: relative;
    width: max-content;
    float: left;
    margin-right: 30px;
    height: 100%;
}

.contenedor_otros_datos {
    position: relative;
    float: left;
    width: max-content;
    margin-right: 3rem;
}

.contenedor_otros_datos.regiones {
    display: flex;
    flex-direction: row;
    gap: 5rem;
}

.listado_metricas .contenedor_general_otros_datos .contenedor_regiones {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.listado_metricas .contenedor_general_otros_datos .contenedor_motivos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.listado_metricas .contenedor_otros_datos.motivos_no_entrega {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    /* max-width: 35rem; */
}

.contenedor_otros_datos h3 {
    font-size: 21px;
}

.contenedor_otros_datos h3 span {
    color: #135894;
}

.individual_dato .label_dato {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.individual_dato .valor_dato {
    position: relative;
    font-size: 23px;
}

.icono_entrantes {
    position: absolute;
    left: -0.5rem;
    top: 0.3rem;
    font-size: 2.5rem;
    scale: 0.9 1;
}

.individual_dato {
    margin-bottom: 15px;
}

.contenedor_general_otros_datos {
    position: relative;
    width: max-content;
    margin: 0 auto;
}

.listado_metricas .contenedor_general_otros_datos {
    display: flex;
    flex-direction: row;
}

.individual_dato .valor_dato span {
    font-size: 16px;
    font-weight: bold;
}

.contenedor_datos_pickers {
    position: relative;
    float: left;
    width: max-content;
}

.contenedor_datos_pickers .individual_dato .valor_dato {
    font-size: 17px;
}

.contenedor_datos_pickers .individual_dato .valor_dato .fa-check {
    font-size: 12px;
}

.contenedor_datos_pickers .individual_dato .valor_dato span {
    margin-right: 9px;
}

.contenedor_datos_pickers .individual_dato .valor_dato span b {
    font-weight: normal;
    font-size: 13px;
}

.listado_metricas .contenedor_sin_resultados {
    overflow: hidden;
}

.individual_metricas_picker.cabecera {
    position: relative;
    padding: 14px 10px !important;
}

.individual_metricas_picker:not(.cabecera) a {
    display: block;
    padding: 14px 10px !important;
    box-sizing: unset;
    color: inherit;
}

span.icono_efectivos i {
    font-size: 12px;
    color: #2cafc5;
}

.icono_efectivos_metricas_generales {
    color: #2cafc5;
}

.icono_efectivos_listado {
    color: #2cafc5;
}

.individual_metricas_picker .dato {
    float: left;
}

.individual_metricas_picker:not(.cabecera) .dato.picker {
    font-weight: normal;
}

.individual_metricas_picker .dato.procesados {
    width: 10%;
}

.individual_metricas_picker .dato.entregados {
    width: 13%;
}

.individual_metricas_picker.cabecera {
    font-size: 12px;
    font-weight: bolder;
    margin-bottom: 10px;
    background-color: #348cd8;
    color: white;
}

.individual_metricas_picker .dato.no_entregados {
    width: 13%;
}

.individual_metricas_picker.cabecera .dato span {
    position: absolute;
    font-size: 10px;
    left: 0;
    top: -10px;
}

.individual_metricas_picker .dato.zona {
    position: relative;
}

.individual_metricas_picker.par {
    background-color: #f5f5f5;
}

.contenedor_datos_chicos {
    width: 35%;
    float: left;
}

.individual_metricas_picker:not(.cabecera):hover {
    background-color: #daeeff !important;
}

.individual_metricas_picker.cabecera .dato.zona .dato_largo {
    position: absolute;
    top: 6px;
    width: 100%;
}

.individual_metricas_picker.cabecera .dato.zona .dato_muy_largo {
    position: absolute;
    top: 1px;
    width: 100%;
    font-size: 10.5px;
}

.dato.procesados .icono_entrantes.icono_estado {
    position: absolute;
    top: 1.4rem;
    left: 0.4rem;
    font-size: 2.1rem;
    scale: 0.7 1;
}

.individual_metricas_picker .dato.picker {
    width: 18%;
}

.individual_metricas_picker:not(.cabecera) .dato {
    font-weight: bold;
    font-size: 15px;
}

.individual_metricas_picker:not(.cabecera) .dato span {
    font-weight: normal;
    font-size: 13px;
}

.individual_metricas_picker.cabecera .dato {
    padding-left: 5px !important;
}

.contenedor_metricas_pickers {
    max-width: 1000px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 60px;
}

.listado_metricas .grafico h3 {
    text-align: center;
    margin-bottom: 30px;
}

.individual_dato .valor_dato span {
    font-size: 16px;
    font-weight: normal;
}

.individual_filtros_listado.ubicacion_5, .individual_filtros_listado.ubicacion_6, .individual_filtros_listado.ubicacion_7, .individual_filtros_listado.ubicacion_8 {
    min-width: unset;
}

#filtros_envios .individual_filtros_listado {
    max-width: 23rem!important;
    min-width: 10rem !important;
    width: 100%;
}

#filtros_envios .individual_filtros_listado.filtro_select_envios_regiones_id {
    max-width: 16rem !important;
}

.individual_filtros_listado.sin_region {
    opacity: 0;
}

#filtros_envios .individual_filtros_listado.filtro_select_envios_zonas_id.sin_region .chosen-container a {
    cursor: default;
}

#filtros_envios .individual_filtros_listado.filtro_select_etiqueta_impresa_sin_imprimir_id {
    max-width: 27rem !important;
}

/* FILTRO RANGO FECHAS */
#filtros_envios .individual_filtros_listado.ubicacion_1, #filtros_pickers_envios .individual_filtros_listado.ubicacion_0, #filtros_hojas_de_ruta_envios .individual_filtros_listado.ubicacion_1, #filtros_carga_masiva .individual_filtros_listado.ubicacion_1 {
    max-width: 27rem !important;
}

#filtros_envios .individual_filtros_listado.ubicacion_1 .contenedor_input, #filtros_pickers_envios .individual_filtros_listado.ubicacion_0 .contenedor_input, #filtros_hojas_de_ruta_envios .individual_filtros_listado.ubicacion_1 .contenedor_input, #filtros_carga_masiva .individual_filtros_listado.ubicacion_0 .contenedor_input {
    display: flex;
    align-items: center;
}

#filtros_envios .individual_filtros_listado.ubicacion_1 .contenedor_input .label_input, #filtros_pickers_envios .individual_filtros_listado.ubicacion_0 .contenedor_input .label_input, #filtros_hojas_de_ruta_envios .individual_filtros_listado.ubicacion_1 .contenedor_input .label_input, #filtros_carga_masiva .individual_filtros_listado.ubicacion_0 .contenedor_input .label_input {
    font-size: 1.4rem;
    padding: 0;
    margin-right: 0.6rem;
    width: max-content;
}

#filtros_envios .individual_filtros_listado.ubicacion_1 .contenedor_input .input_input, #filtros_pickers_envios .individual_filtros_listado.ubicacion_0 .contenedor_input .input_input, #filtros_hojas_de_ruta_envios .individual_filtros_listado.ubicacion_1 .contenedor_input .input_input, #filtros_carga_masiva .individual_filtros_listado.ubicacion_0 .contenedor_input .input_input {
    width: calc(100% - 2rem);
}

#filtros_envios .individual_filtros_listado.ubicacion_1 .contenedor_input .input_input .contenedor_cerrar_filtro_fecha, #filtros_pickers_envios .individual_filtros_listado.ubicacion_0 .contenedor_input .input_input .contenedor_cerrar_filtro_fecha, #filtros_hojas_de_ruta_envios .individual_filtros_listado.ubicacion_1 .contenedor_input .input_input .contenedor_cerrar_filtro_fecha, #filtros_carga_masiva .individual_filtros_listado.ubicacion_0 .contenedor_input .input_input .contenedor_cerrar_filtro_fecha {
    padding: 1.3rem 0.7rem;
}

/* FIN FILTRO RANGO FECHAS */
#filtros_envios .individual_filtros_listado.filtro_select_oxidacion {
    max-width: 14rem !important;
}

#filtros_envios .individual_filtros_listado.filtro_select_paquetes_clasificacion_id {
    max-width: 19rem !important;
}

#filtros_envios .individual_filtros_listado.filtro_select_envios_modalidades_id {
    max-width: 17rem !important;
}

#filtros_envios .individual_filtros_listado.filtro_select_con_sin_hdr_asignada {
    max-width: 16rem !important;
}

#filtros_envios .individual_filtros_listado.filtro_select_con_sin_ubicacion {
    max-width: 20rem !important;
}

#filtros_envios .individual_filtros_listado.accion_pendiente {
    margin-bottom: .5rem;
    margin-top: 0.5rem;
    max-width: 12rem !important;
    min-width: 0rem !important;
}

#filtros_envios .individual_filtros_listado.accion_pendiente .label_input {
    padding-top: 0;
    margin-top: -.5rem;
}

#filtros_envios .individual_filtros_listado.exportar {
    width: 100px !important;
    margin-left: 0;
    position: absolute;
    top: 3.2rem;
    left: 73rem;
}

.contenedor_filtros_listado.listado_superadmin #filtros_envios .individual_filtros_listado.exportar {
    left: 96rem !important;
}

.listado_creacion_masiva #filtros_envios .individual_filtros_listado.exportar {
    left: 96rem;
}

.titulo_cancelacion h3 {
    font-size: 19px;
    color: #f30000;
    padding-left: 20px;
}

.titulo_cancelacion h3 i {
    background-color: red;
    width: 18px;
    height: 18px;
    text-align: center;
    color: white;
    border-radius: 100%;
    font-size: 13px;
    line-height: 19px;
    position: absolute;
    top: 1px;
    left: 14px;
}

.titulo_cancelacion p {
    color: #ad0000;
}

.contenedor_general_listado.hojas_de_ruta {
    padding-bottom: 90px;
}

.contenedor_general_listado.listado_envios.listado_min {
    min-height: initial;
}

.botones_tracking_masivo button {
    width: 240px;
}

.botones_tracking_masivo button span {
    display: block;
    font-size: 19px !important;
}

.contenedor_form_editar.tracking_masivo input {
    text-align: center;
    font-size: 17px;
    height: 40px;
}

.botones_tracking_masivo button i {
    font-size: 33px !important;
    margin-bottom: 15px;
}

.contenedor_form_editar.tracking_masivo {
    position: relative;
    max-width: 360px;
    margin: 0 auto;
    padding: 30px;
    text-align: center;
    background-color: #f7f7f7;
    margin-top: 30px;
    margin-bottom: 50px;
    border: #efefef solid 4px;
}

.contenedor_form_editar.tracking_masivo .continuar {
    font-size: 17px;
    position: relative;
    margin: 0 auto;
    float: none;
    width: min-content;
    margin-top: 10px;
}

.contenedor_form_editar.tracking_masivo form {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}

.alertas_despachado {
    position: relative;
    margin: 0 auto;
    max-width: 450px;
    margin-top: 20px;
}

b.alerta_smtp {
    color: red !important;
    font-size: 11px;
    padding-left: 8px;
}

b.smtp_saturada {
    padding: 0 !important;
    color: #d00000;
    font-weight: normal;
}

b.smtp_saturada {
    padding: 0 !important;
    color: #d00000;
    font-weight: normal;
}

b.smtp_en_uso {
    padding: 0 !important;
    color: #22a913;
}

.contenedor_alerta_hdr_en_proceso {
    margin-top: 15px;
    color: #c10000;
    background-color: #ffe8a9;
    padding: 10px;
    display: none;
}

.hdr_en_proceso .contenedor_alerta_hdr_en_proceso {
    display: block;
}

.input_motivo_asignacion_en_proceso {
    display: none;
}

.hdr_en_proceso .input_motivo_asignacion_en_proceso {
    display: block;
}

.tracking_masivo.hdr_en_proceso .input_motivo_asignacion_en_proceso .label_input {
    line-height: 22px;
    text-align: center;
    margin-bottom: 10px;
}

.color_rojo {
    color: red !important;
}

.congtenedor_buscador_header {
    position: relative;
    max-width: 270px;
    float: left;
    width: 100%;
}

.congtenedor_buscador_header input {
    background-color: rgb(255 255 255 / 9%);
    border: none;
    color: white;
    padding: 5px 10px;
    font-size: 15px;
    height: 36px;
    line-height: 30px;
    width: 100%;
    border: transparent solid 1px;
    text-transform: uppercase;
}

.congtenedor_buscador_header span {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 17px;
    opacity: .6;
    cursor: pointer;
}

.congtenedor_buscador_header span.fa-spin {
    display: none;
}

.procesando span.fa-spin {
    display: block;
}

.procesando span.lupa {
    display: none;
}

.congtenedor_buscador_header input:focus {
    border: #a3d5ff solid 1px;
    box-shadow: none !important;
    outline: none !important;
}

.congtenedor_buscador_header input::placeholder {
    color: white !important;
    opacity: .4;
}

.congtenedor_buscador_header input:focus::placeholder {
    opacity: .7;
}

.congtenedor_buscador_header input[disabled=disabled] {
    background-color: #1a6aaf;
    color: rgba(255, 255, 255, 0.68);
}

#cerrar_hoja_de_ruta {
    background-color: #e46900;
    color: white;
}

.info_parcial {
    text-align: center;
    font-size: 17px;
    text-transform: uppercase;
    width: max-content;
    float: left;
    padding: 10px 20px;
}

.info_parcial .valor_contador {
    display: block;
    font-size: 30px;
}

.info_parcial span {
    color: #38a701;
}

.contenedor_info_parcial {
    position: relative;
    overflow: hidden;
    width: max-content;
    margin: 0 auto;
}

.info_parcial.hdr span {
    color: #348cd8;
}

.tiempos a.cui {
    padding-bottom: 0 !important;
    font-size: 17px;
}

.tiempos a.tipo_paquete {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    font-size: 12px;
    font-weight: normal;
}

.tiempos a.tipo_modalidad {
    padding-top: 0 !important;
    padding-bottom: 3px !important;
    font-size: 12px;
    font-weight: normal;
}

.tiempos a.destinatario {
    padding-top: 0 !important;
    text-transform: uppercase;
    font-size: 13px;
}

.tiempos .dato a.solicitante {
    font-size: 12px;
    padding-bottom: 3px !important;
}

.tiempos .dato a.destinatario {
    font-size: 10px;
}

.individual_metricas_picker.tiempos .dato.envio {
    width: 150px;
    padding: 0 !important;
}

.individual_metricas_picker.tiempos .dato.personas {
    width: 190px;
    padding-left: 0 !important;
}

.individual_metricas_picker.tiempos .dato.creacion {
    padding-left: 0 !important;
    width: 75px;
    text-align: center;
}

.individual_metricas_picker.tiempos:not(.cabecera) .dato.creacion {
    text-align: center;
    font-size: 13px;
}

.individual_metricas_picker.tiempos .despachado, .individual_metricas_picker.tiempos .transito, .individual_metricas_picker.tiempos .entrega, .individual_metricas_picker.tiempos .proceso_saires, .individual_metricas_picker.tiempos .total {
    width: 105px;
    padding: 0 !important;
    text-align: center;
}

.dato a.valor_tiempo {
    font-size: 15px;
    padding-bottom: 0 !important;
    text-align: center;
}

.dato a.valor_tiempo_fecha {
    font-size: 13px;
    padding-top: 0 !important;
    font-weight: normal;
    text-align: center;
}

.individual_metricas_picker.tiempos.cabecera {
    padding-left: 0 !important;
}

.individual_metricas_picker.tiempos.cabecera .dato.envio {
    padding-left: 10px !important;
    line-height: 36px;
}

.individual_metricas_picker.tiempos:not(.cabecera) {
    height: 140px;
}

.individual_metricas_picker.tiempos .dato {
    height: 100%;
}

.tiempos .dato.resumen a {
    padding-bottom: 0 !important;
    padding-top: 4px !important;
    font-size: 14px;
}

.dato_resumen_label {
    width: 150px;
    font-weight: normal;
    float: left;
}

.dato_resumen_value {
    float: left;
    width: calc(100% - 150px);
    text-align: left;
}

.individual_metricas_picker.tiempos .dato_resumen_label a {
    font-size: 13px !important;
    line-height: 20px;
    padding-right: 0 !important;
    text-align: right;
}

.tiempos .dato a.remitente {
    font-size: 12px;
    padding-top: 0px !important;
    padding-bottom: 3px !important;
}

.tiempos .dato.personas a i {
    width: 15px;
    font-size: 11px;
    text-align: right;
    margin-right: 5px;
    color: #1468b1;
}

.individual_metricas_picker:not(.cabecera) .dato span.visitas {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: 22px;
}

.individual_metricas_picker.tiempos.cabecera .dato {
    height: 50px;
}

.tiempos .dato.resumen .dato_resumen_value a {
    text-align: center;
    padding: 2px !important;
    border-radius: 7px;
    margin-left: 10px;
    margin-bottom: 5px;
    max-width: 70px;
}

.tiempos .dato.resumen .dato_resumen_value a.color {
    color: white;
}

.clasificacion_12 .color {
    background-color: #348cd8 !important;
}

.clasificacion_24 .color {
    background-color: #33941b !important;
}

.clasificacion_48 .color {
    background-color: #f1bd00 !important;
}

.clasificacion_72 .color {
    background-color: #ff8f00 !important;
}

.clasificacion_96 .color {
    background-color: #d84d00 !important;
}

.clasificacion_120 .color {
    background-color: #ea0000 !important;
}

.clasificacion_144 .color {
    background-color: #a9096b !important;
}

.clasificacion_144mas .color {
    background-color: #cd0bbf !important;
}

.clasificacion_96mas .color {
    background-color: #a9099d !important;
}

.tiempos a.tipo_paquete.remito {
    font-weight: bold;
    padding-top: 0px !important;
}

.grafico_metricas_tiempos .individual_dato .label_dato {
    color: white;
    text-align: center;
    padding: 4px 5px !important;
    border-radius: 7px;
    margin-bottom: 3px;
    width: 76px;
    float: left;
    font-size: 14px;
    line-height: 21px;
}

.grafico_metricas_tiempos .individual_dato .valor_dato {
    float: left;
    margin-left: 10px;
}

.grafico_metricas_tiempos .individual_dato {
    overflow: hidden;
}

.contenedor_general_otros_datos.grafico_metricas_tiempos {
    overflow: hidden;
}

.grafico_metricas_tiempos .total_entregados {
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 30px;
}

.grafico_metricas_tiempos .total_entregados h4 {
    font-size: 33px;
    margin: 0;
}

.grafico_metricas_tiempos .total_entregados h4 span {
    display: block;
    font-size: 12px;
    padding-top: 5px;
}

.grafico_metricas_tiempos .total_entregados i {
    font-size: 30px;
}

.mensaje_ubicacion_no_definida {
    font-size: 15px;
}

.mensaje_ubicacion_no_definida button {
    background-color: #80be1d !important;
}

.mensaje_ubicacion_no_definida button:hover {
    background-color: #a1d64b !important;
}

ul.info_mapa {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
    font-size: 17px;
}

ul.info_mapa .label {
    display: block;
    text-align: left;
    font-size: 14px;
    color: #2d2d2d;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 5px;
}

ul.info_mapa .value {
    font-size: 15px;
}

ul.info_mapa li {
    margin-bottom: 15px;
}

span.pill_oxidacion {
    background-color: #367ebd;
    padding: 3px 5px;
    border-radius: 5px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

span.pill_oxidacion.mas_12 {
    background-color: #36bd9e;
}

span.pill_oxidacion.mas_24 {
    background-color: #58bd36;
}

span.pill_oxidacion.mas_36 {
    background-color: #af9721;
}

span.pill_oxidacion.mas_48 {
    background-color: #b15900;
}

span.pill_oxidacion.mas_60 {
    background-color: #b11900;
}

span.pill_oxidacion.mas_72 {
    background-color: #4a0069;
}

.oxidacion_individual span.pill_oxidacion {
    font-size: 18px;
    padding: 6px 10px;
}

.individual_comentario {
    background-color: #fbfbfb;
    margin-bottom: 4.5rem;
    position: relative;
    padding: 1.8rem 2rem;
    border: #e6e6e6 solid 0.3rem;
    border-radius: .3rem;
}

.individual_comentario .nombre {
    color: #348cd8;
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 0.6rem;
    position: relative;
}

.individual_comentario .nombre span {
    font-size: 11px;
    font-weight: normal;
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
}

.individual_comentario .nombre .fecha,.individual_comentario .label_resuelto .fecha {
    position: absolute;
    right: 0;
    color: black;
    opacity: 0.5;
    font-size: 1.1rem;
    top: 0;
    font-weight: 100;
}

.individual_comentario .nombre b {
    position: absolute;
    right: 1rem;
    top: 1.3rem;
}

.individual_comentario .comentario {
    padding: 1.5rem;
    font-size: 1.5rem !important;
    line-height: 2.2rem;
    opacity: 0.85;
    border: solid .1rem #e7e4e4;
    background-color: white;
    border-radius: .3rem;
}

.individual_comentario::before {
    content: '';
    width: 3rem;
    background-color: #e6e6e6;
    height: .3rem;
    position: absolute;
    left: -3.3rem;
    top: 1.7rem;
}

.log_comentarios {
    border-left: #e6e6e6 solid .3rem;
    margin-left: 25px;
    padding-top: 20px;
    max-width: 65rem;
}

.log_comentarios::before {
    content: '';
    position: absolute;
    bottom: 12px;
    width: 32px;
    background-color: #e6e6e6;
    height: 2px;
    left: 0;
}

.icono_comentario {
    position: absolute;
    font-size: 16px;
    right: 8px;
    color: #5a9ed8;
}

.icono_comentario.urgencia_prioridad_1 {
    color: var(--color_urgencia_prioridad_1) !important;
}

.icono_comentario.urgencia_prioridad_2 {
    color: var(--color_urgencia_prioridad_2) !important;
}

.icono_comentario.urgencia_prioridad_3 {
    color: var(--color_urgencia_prioridad_3) !important;
}

.icono_envio_reprogramado {
    color: #cb0303;
    font-size: 15px;
}

.icono_fuera_zona {
    color: #9f0000;
}

.icono_listado_envios_fuera_zona {
    color: #9f0000;
}

.item_iconos_fila_listado {
    position: relative;
}

.item_herramientas_fila_listado {
    position: relative;
    float: left;
    height: 3rem;
    min-width: 3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 1rem;
    justify-content: space-around;
}

.contenedor_herramientas_fila_listado {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3rem;
    justify-content: center;
}

.item_herramientas_fila_listado:last-child {
    margin: 0;
}

.item_herramientas_fila_listado.oxidacion {
    width: max-content;
}

.item_herramientas_fila_listado .error {
    opacity: 1;
    color: #d4d4d4;
}

.item_herramientas_fila_listado .icono_envios {
    margin-right: 0.4rem;
}

.item_herramientas_fila_listado.envios_listos {
    color: var(--color_layout_4);
}

.item_herramientas_fila_listado.envios_listos.todos_listos {
    font-weight: bold;
}

.usuario_asociado {
    max-width: 230px;
}

.individual_comentario .herramientas {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.individual_comentario .herramientas .herramienta {
    width: max-content;
    text-align: center;
    font-size: 1.1rem;
    padding: 0.7rem 1.2rem;
    padding-left: 3rem;
    position: relative;
    text-transform: uppercase;
    border-radius: 1.9rem;
    margin-left: 1rem;
}

.herramienta.indicacion_requiere_accion {
    background-color: red;
    color: white;
}

.individual_comentario .herramientas .herramienta.visible_picker {
    background-color: #e1e1e1;
}

.individual_comentario .herramientas .herramienta .icono {
    font-size: 1.2rem;
    position: absolute;
    left: 1.1rem;
    top: 0.8rem;
}

.individual_comentario .herramientas .herramienta:hover {
    cursor: pointer;
    opacity: .9;
}

.individual_comentario .herramientas .herramienta .fa-eye {
    display: none;
}

.individual_comentario .herramientas .herramienta:hover .fa-eye-slash {
    display: none;
}

.individual_comentario .herramientas .herramienta:hover .fa-eye {
    display: initial;
}

.individual_comentario.visible .herramientas .herramienta .fa-eye {
    display: initial;
}

.individual_comentario.visible .herramientas .herramienta .fa-eye-slash {
    display: none;
}

.individual_comentario.visible .herramientas .herramienta.visible_picker {
    background-color: #d279e1;
    color: white;
}

.contenedor_metricas_despachados {
    position: relative;
    width: 400px;
    float: left;
}

.contenedor_metricas_despachados .individual_filtros_listado.ubicacion_0 {
    width: 80%;
}

.contenedor_metricas_despachados .titulo_filtros_listado {
    display: none;
}

.contenedor_metricas_despachados .individual_dato .label_dato {
    font-size: 18px;
    display: none;
}

.contenedor_metricas_despachados .individual_dato .valor_dato {
    font-size: 29px;
}

.contenedor_metricas_despachados .individual_dato {
    margin: 0;
}

.contenedor_metricas_despachados thead.thead_listado.background_azul {
    background-color: transparent !important;
}

.contenedor_metricas_despachados table.table_listado {
    border: none;
}

.contenedor_metricas_despachados .th_thead_listado a {
    color: #166ab3;
    text-transform: uppercase;
}

.contenedor_metricas_despachados tr.tr_tbody_listado {
    border: none !important;
}

.contenedor_metricas_despachados th.th_tbody_listado {
    border: none;
    font-size: 13px;
    padding: 10px 0px;
}

.contenedor_metricas_despachados .tr_tbody_listado.fondo_gris {
    background-color: #f7f7f7;
}

.contenedor_metricas_despachados th.th_tbody_listado:last-child {
    font-weight: bold;
    font-size: 14px;
}

.contenedor_metricas_despachados .tr_tbody_listado:hover {
    background-color: #f0f6fb;
}

.contenedor_metricas_despachados .tr_tbody_listado:hover .th_tbody_listado {
    color: #348cd8;
}

button#boton_ver_en_mapa {
    position: absolute;
    float: revert;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px;
    background-color: #80be1d !important;
    margin-left: 10px;
    margin-top: -8px;
}

button#boton_ver_en_mapa:hover {
    background-color: #88ca20 !important;
}

.mapa_envios {
    position: relative;
    width: 100%;
    height: calc(100vh - 240px );
    padding-left: 30px;
}

.mapa_envios .map {
    height: calc(100% - 73px);
}

.infoBox {
    -webkit-animation: fadeIn 0.9s;
    animation: fadeIn 0.9s;
    padding-right: 50px;
}

.infoBox > img {
    position: absolute !important;
    right: 60px !important;
    top: 10px !important;
    z-index: 9999;
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.marker_info {
    width: 180px;
    min-height: 200px;
    border-radius: 5px;
    text-align: left;
    background: #000;
    background: white;
    position: relative;
    z-index: 999;
    font-family: "Poppins", Helvetica, sans-serif;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);
}

.marker_info img {
    display: block;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.marker_info h3 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1;
    font-weight: 500;
    margin-bottom: 3px;
    color: #444;
}

.marker_info em {
    display: inline-block;
    font-size: 12px;
    font-size: 0.75rem;
    color: #999;
}

.marker_info span {
    display: block;
    padding: 20px 20px 0 20px;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.2;
    color: #fff;
    position: relative;
}

.marker_info span strong {
    display: block;
    font-weight: 500;
}

.marker_info:after {
    right: 100%;
    top: 56%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-right-color: white;
    border-width: 12px;
    margin-top: -12px;
}

a.btn_infobox_detail {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 20px;
    height: 20px;
}

a.btn_infobox_detail:before, .btn_infobox_get_directions:before, a.btn_infobox_phone:before {
    font-style: normal;
    font-weight: normal;
    font-family: "ElegantIcons";
    font-size: 20px;
    font-size: 1.25rem;
    cursor: pointer;
}

a.btn_infobox_detail:before {
    content: "\70";
    color: #ccc;
}

a.btn_infobox_detail:before:hover {
    color: #fc5b62;
}

.btn_infobox_get_directions, a.btn_infobox_phone {
    border: none;
    display: inline-block;
    font-weight: 500;
    color: #fc5b62;
    background: none;
    cursor: pointer;
    font-size: 13px;
    font-size: 0.8125rem;
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    outline: none;
}

.btn_infobox_get_directions:focus, a.btn_infobox_phone:focus {
    outline: none;
}

.btn_infobox_get_directions:hover, a.btn_infobox_phone:hover {
    color: #333;
}

.btn_infobox_get_directions:before {
    font-size: 14px;
    font-size: 0.875rem;
    content: "\e080";
    position: absolute;
    left: 0;
    top: 0;
}

a.btn_infobox_phone:before {
    font-size: 14px;
    content: "\70";
    position: absolute;
    left: 0;
    top: -2px;
}

span.infobox_rate {
    display: inline-block;
    margin: -44px 0 0 -20px;
    float: left;
    background-color: #0054a6;
    padding: 5px 8px;
    font-weight: 500;
    text-align: left;
    font-size: 12px;
    font-size: 0.75rem;
}

.marker_codigo_qr {
    height: 100px;
    text-align: center;
    width: 100%;
}

.marker_codigo_qr img {
    height: 100%;
    width: auto;
    margin: 0 auto;
}

.marker_cui {
    text-align: center;
    font-size: 18px;
}

.marker_envios_estados {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}

.marker_envios_estados .envios_estado {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.marker_envios_estados .en_transito span {
    color: blue;
}

.marker_envios_estados .entregados span {
    color: green;
}

.marker_envios_estados .no_entregados span {
    color: red;
}

.marker_envios_estados .envios_estado span {
    padding: 0;
    margin-right: 0.5rem;
}

.marker_usuario_destinatario {
    padding: 5px 10px;
    font-weight: bold;
}

.marker_domicilio_entrega {
    padding: 5px 10px;
    padding-top: 0;
}

.marker_estado {
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 10px;
}

.marker_estado i {
    padding-left: 0px;
    position: absolute;
}

.marker_info.pickers {
    min-height: initial;
    padding-top: 10px;
    text-align: center;
}

.marker_info.pickers .marker_usuario_destinatario {
    font-size: 13px;
}

.mapa_envios.pickers .infoBox {
    top: -70px;
    left: 35px !important;
}

.listado_envios .mapa_envios .infoBox {
    top: -140px;
    left: 35px !important;
}

.marker_info a {
    color: #0e0e0e;
}

.contenedor_mapa_pickers {
    position: relative;
    width: calc(100% - 400px);
    float: left;
    margin-bottom: 5rem;
}

.inner_contenedor_mapa_pickers {
    width: 100% !important;
    position: relative;
}

.contenedor_cuadro_login .contenido_grande .label_input {
    display: none;
}

body.login {
    background-color: #f5f5f5;
}

.titulo_login {
    text-align: center;
}

.titulo_login h1 {
    font-size: 14px;
    text-transform: uppercase;
    color: #c1c1c1;
}

.contenedor_cuadro_login {
    width: 100%;
    max-width: 450px;
    background-color: white;
    overflow: hidden;
    margin: 0 auto;
    padding: 20px;
    border-radius: 20px;
    box-shadow: #e8e8e8 0px 0px 31px;
    margin-top: 20px;
    padding-bottom: 40px;
    border: white solid 2px;
}

.contenedor_cuadro_login.registro {
    max-width: 650px;
}

.contenedor_cuadro_login.alertas {
    border-color: #ff5757 !important;
}

.contenedor_cuadro_login h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 30px;
}

.individual_input_cuadro_login .input_input input, .contenedor_cuadro_login select#paises_id {
    border-radius: 11px;
    border-color: #d4d4d4;
    background-color: #fbfbfb;
    box-shadow: none;
    margin-bottom: 3px;
}

.individual_input_cuadro_login .input_input input::placeholder {
    color: black;
}

.contenedor_cuadro_login button {
    width: 100%;
    border-radius: 15px;
    border: none !important;
    height: 44px;
    font-size: 13px;
    background-color: var(--color_layout_1) !important;
}

.contenedor_cuadro_login button.boton_olvide_password {
    background-color: #fef9f0 !important;
    color: var(--color_layout_1) !important;
    font-weight: 500;
    margin-top: 0;
}

.contenedor_cuadro_login h3 {
    text-align: center;
    font-size: 15px;
    color: #9c9c9c;
    padding-top: 20px;
    padding-bottom: 0px;
    border-top: #dadada solid 1px;
}

.contenedor_cuadro_login button.boton_registrame {
    background-color: var(--color_layout_3) !important;
}

.contenedor_cuadro_login h4 {
    text-align: center;
    font-size: 33px;
    margin-top: 30px;
    margin-bottom: 40px;
    color: #b7b7b7;
    font-weight: 600;
}

.contenedor_video_ayuda iframe {
    max-width: 100%;
}

.contenedor_video_ayuda {
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 10px;
}

.texto_ayuda_video_ayuda {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    padding-top: 10px;
    opacity: .8;
}

.texto_ayuda_video_ayuda span {
    display: block;
    font-weight: 600;
}

.individual_input_cuadro_login .input_input input[disabled=disabled] {
    background-color: #d6d6d6;
    color: #333333 !important;
}

.individual_input_cuadro_login button[disabled=disabled],.individual_input_cuadro_login button[disabled=disabled]:hover {
    background-color: #d6d6d6 !important;
    color: #6d6d6d !important;
}

.contenedor_cuadro_login .ancho_maximo {
    max-width: 400px;
}

.individual_input_cuadro_login .boton_volver {
    color: var(--color_layout_1) !important;
    background-color: #fef9f0!important;
}

.individual_input_cuadro_login .boton_recuperar_password {
    background-color: var(--color_layout_3) !important;
}

.alertas_formulario_login .individual_alerta {
    margin: 0 auto;
    margin-bottom: 10px;
}

.alertas_formulario_login .individual_alerta.error {
    background-color: white;
    color: #ff5757;
    font-size: 18px;
    padding: 0;
    text-align: center;
}

.alertas_formulario_login .individual_alerta.error span {
    display: none;
}

.individual_input_cuadro_login button span {
    color: white !important;
}

.individual_input_cuadro_login .input_input input:focus {
    border-color: var(--color_layout_3);
}

.solicitud_resuelta {
    color: #0b9403;
}

.contenedor_referencias_destinatarios_remitentes {
    position: relative;
    overflow: hidden;
    width: min-content;
    margin-top: 10px;
    margin-left: 60px;
    max-width: 100%;
}

.item_destinatarios_remitentes {
    width: 210px;
    float: left;
    background-color: var(--color_gris_3);
    border: var(--color_gris_3) solid 2px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    font-size: 13px;
    overflow: hidden;
    padding-left: 25px;
    position: relative;
}

.item_destinatarios_remitentes div:not(.input) {
    opacity: .6;
}

.item_destinatarios_remitentes .envio {
    font-weight: 500;
    margin-bottom: 3px;
}

.item_destinatarios_remitentes .destinatario {
    text-transform: uppercase;
    font-size: 12px;
    height: 16px;
    overflow: hidden;
}

.item_destinatarios_remitentes .destinatario .email {
    text-transform: initial;
}

.item_destinatarios_remitentes .destinatario span.fas {
    font-size: 11px;
    padding-left: 1px;
    padding-right: 2px;
}

.item_destinatarios_remitentes:hover {
    cursor: pointer;
    border-color: var(--color_gris_4);
}

.item_destinatarios_remitentes input:hover {
    cursor: pointer;
}

.item_destinatarios_remitentes:hover div {
    opacity: 1;
}

.item_destinatarios_remitentes .destinatario_email {
    white-space: nowrap;
    font-size: 12px;
}

.item_destinatarios_remitentes .estado {
    margin-bottom: 1px;
}

.item_destinatarios_remitentes .estado i {
    margin-right: 4px;
}

.item_destinatarios_remitentes.elegido {
    border-color: var(--color_layout_1);
}

.item_destinatarios_remitentes.elegido div {
    opacity: 1;
}

.item_destinatarios_remitentes .input {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-left: 2px;
}

.info_destinatarios_remitentes {
    position: relative;
    width: max-content;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 10px;
}

.contenedor_items_info_destinatarios_remitentes {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.item_info_destinatarios_remitentes {
    background-color: var(--color_gris_3);
    padding: 10px;
    border-radius: 5px;
    border: var(--color_gris_3) solid 2px;
    float: left;
}

.item_info_destinatarios_remitentes input {
    margin-right: 5px;
}

.item_info_destinatarios_remitentes:hover {
    cursor: pointer;
    border-color: var(--color_layout_2);
}

.item_info_destinatarios_remitentes.elegido {
    border-color: var(--color_layout_1);
}

.items_destinatarios_remitentes {
    position: relative;
    width: max-content;
    max-width: 880px;
    overflow: hidden;
}

th.th_thead_listado[nombre_columna=qr_escaneado] {
    max-width: 60px !important;
    min-width: 60px !important;
    width: 60px !important;
}

th.th_thead_listado[nombre_columna=domicilio_entrega_latlong] {
    width: 350px;
}

.contenedor_metricas_generales_hdr_pickers {
    position: relative;
    width: max-content;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 15px;
}

.contenedor_metricas_generales_hdr_pickers .dato {
    background-color: var(--color_gris_3);
    border-radius: 5px;
    padding: 2px 10px;
    margin-right: 10px;
    width: max-content;
    min-height: 40px;
    line-height: 40px;
    border: #e8e8e8 solid 1px;
    font-size: 14px;
}

.contenedor_metricas_generales_hdr_pickers .dato.general {
    width: max-content;
}

.contenedor_metricas_generales_hdr_pickers .dato b {
    font-size: 17px;
}

.contenedor_metricas_generales_hdr_pickers .dato.finalizadas i {
    color: #218210;
}

.contenedor_metricas_generales_hdr_pickers .dato.incompletas i {
    color: #de00a3;
}

.contenedor_metricas_generales_hdr_pickers .dato.canceladas i {
    color: #f10000;
}

.contenedor_checkbox input[type="checkbox"]#disponible_api {
    height: 40px;
}

.form-control#siglas_paquete {
    /* text-transform: uppercase; */
}

span.cms_usuarios_estado {
    font-size: 13px !important;
    font-weight: bold;
}

/* ENVIOS LOG*/
.listado_envios_log {
    max-width: 1000px;
}

.individual_item_log {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    padding-top: 100px;
    padding-right: 25px;
    padding-bottom: 100px;
    min-height: 120px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.individual_item_log::before {
    content: '';
    height: 100%;
    border-left: rgb(0 0 0 / 21%) dashed 2px;
    width: 1px;
    position: absolute;
    top: -61%;
    left: 36px;
}

.individual_item_log::after {
    content: '';
    height: 100%;
    border-left: rgb(0 0 0 / 21%) dashed 2px;
    width: 1px;
    position: absolute;
    bottom: -61%;
    left: 36px;
}

.individual_item_log:last-of-type::after {
    display: none;
}

.individual_item_log:first-of-type::before {
    display: none;
}

.individual_item_log .columna_1 {
    overflow: hidden;
    float: left;
    width: 60px;
    height: 100%;
    background-color: white;
    padding-top: 10px !important;
    padding-bottom: 11px !important;
}

.individual_item_log.fondo_gris .columna_1 {
    background-color: #fafafa;
}

.individual_item_log .columna_2 {
    overflow: hidden;
    float: left;
    width: 200px;
    height: 100%;
}

.individual_item_log .columna_3 {
    overflow: hidden;
    float: left;
    width: calc(100% - 420px);
    height: 100%;
    padding-left: 20px !important;
}

.individual_item_log .columna_4 {
    overflow: hidden;
    float: right;
    text-align: right;
    width: 220px;
    height: 100%;
}

.individual_item_log .columna_5 {
    overflow: hidden;
    float: right;
    text-align: right;
    width: 0px;
    height: 100%;
}

.individual_item_log .columna_1 .item_log_estado {
    text-align: center;
    width: 35px;
    height: 35px;
    background-color: white;
    border-radius: 100%;
    line-height: 33px;
    border: var(--color_gris_4) solid 2px;
    color: var(--color_gris_4);
    font-size: 14px;
    margin: 0 auto;
}

.individual_item_log.creacion .columna_1 .item_log_estado {
    background-color: #ffffff;
    border-color: #09a085;
    font-size: 19px;
}

.individual_item_log.modificacion .columna_1 .item_log_estado {
    border-color: #eca500;
}

.individual_item_log.responsable .columna_1 .item_log_estado {
    border-color: #28a745;
}

.individual_item_log.cambio_estado_despachado .columna_1 .item_log_estado {
    border-color: #eb9cff;
}

.individual_item_log.asignacion_hdr .columna_1 .item_log_estado {
    border-color: #6534d8;
    font-size: 16px;
}

.individual_item_log.cambio_picker .columna_1 .item_log_estado {
    border-color: #fd5204;
}

.individual_item_log.remocion_hdr .columna_1 .item_log_estado {
    background-color: #ffd7c4;
    border-color: #983000;
}

.individual_item_log.cambio_estado_transito .columna_1 .item_log_estado {
    border-color: #348cd8;
}

.individual_item_log.cambio_estado_entregado .columna_1 .item_log_estado {
    border-color: #35bd1d;
    font-size: 17px;
    background-color: #35bd1d;
    color: white !important;
}

.individual_item_log.cambio_estado_no_entregado .columna_1 .item_log_estado {
    border-color: #ff0100;
    font-size: 18px;
}

.individual_item_log.cancelado .columna_1 .item_log_estado {
    border-color: #bb0000;
    font-size: 17px;
    background-color: #bb0000;
    color: white !important;
}

.individual_item_log.reintento_entrega .columna_1 .item_log_estado {
    border-color: #00d0ff;
}

.individual_item_log.definicion_ubicacion .columna_1 .item_log_estado {
    border-color: #e94335;
    font-size: 17px;
}

.individual_item_log.comentario .columna_1 .item_log_estado {
    border-color: #cc2bf3;
}

.individual_item_log.remocion_ubicacion .columna_1 .item_log_estado {
    border-color: #e94335;
    font-size: 17px;
}

.individual_item_log.cambio_empresa .columna_1 .item_log_estado {
    border-color: #fd5204;
}

.individual_item_log.proximo_a_entregar .item_log_estado {
    border-color: #58ab00;
    font-size: 16px;
}

.individual_item_log.cancelacion_proximo_a_entregar .item_log_estado {
    border-color: #e94335;
}

.individual_item_log.pre_asignacion_hdr .item_log_estado {
    border-color: #7543ea;
}

.individual_item_log.rechazo_asignacion_hdr .item_log_estado {
    border-color: #d34d0f;
}

.individual_item_log.aceptada_asignacion_hdr .item_log_estado {
    border-color: #0d713d;
}

.individual_item_log.email_enviado .columna_1 .item_log_estado {
    border-color: #22a4b9;
}

.individual_item_log.comentario_resuelto .columna_1 .item_log_estado {
    border-color: #690082;
}

.individual_item_log.comentario_visible_picker .columna_1 .item_log_estado {
    border-color: #d279e1;
}

.individual_item_log.comentario_oculto_picker .columna_1 .item_log_estado {
    border-color: #d279e1;
}

.individual_item_log.cambio_sucursal .columna_1 .item_log_estado {
    border-color: #7a73fd;
}

.individual_item_log.agregado_multibulto .columna_1 .item_log_estado {
    border-color: #8BC34A;
    font-size: 17px;
}

.individual_item_log.eliminado_multibulto .columna_1 .item_log_estado {
    border-color: #c93f5b;
}

.individual_item_log.orden_multibulto .columna_1 .item_log_estado {
    border-color: #453de3;
    font-size: 18px;
}

.individual_item_log .columna_2 .item_origen {
    font-weight: bold;
    padding-left: 8px;
    font-size: 10px;
    text-transform: uppercase;
}

.individual_item_log .columna_2 .item_log_tipo {
    float: left;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 8px;
}

.individual_item_log .columna_2 .item_log_tipo span {
    font-size: 10px;
    font-weight: normal;
    display: block;
}

.individual_item_log .columna_2 .item_log_fecha {
    float: left;
    width: 100%;
    padding-left: 8px;
    font-size: 11px;
    text-transform: capitalize;
}

.individual_item_log .columna_3 .item_log_observaciones {
    font-size: 15px;
    line-height: 26px;
    color: var(--color_gris_4);
}

.individual_item_log .columna_3 .item_log_observaciones .envios_log_comentario, .individual_item_log .columna_3 .item_log_observaciones .envios_log_motivo {
    font-style: italic;
    padding: 15px 16px;
    background-color: white;
    border-radius: 8px;
    border: #f3f3f3 solid 2px;
    margin: 10px 0;
}

.individual_item_log .columna_3 .item_log_observaciones a {
    color: var(--color_layout_1);
}

.individual_item_log .columna_3 .item_log_observaciones a:hover {
    color: var(--color_layout_2);
}

.individual_item_log .columna_3 .item_log_observaciones img {
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    max-width: 400px;
    max-height: 400px;
}

.individual_item_log .columna_3 .item_log_observaciones ul {
    display: block;
}

.individual_item_log .columna_3 .item_log_observaciones ul .modificacion {
    /*display: block;*/
    font-weight: bold;
}

.individual_item_log .columna_3 .item_log_observaciones ul li {
    margin-top: 15px;
}

.individual_item_log .columna_4 .label_log_info {
    text-transform: uppercase;
    font-size: 12px;
}

.individual_item_log .columna_4 .label_log_info .item_tipo_usuario {
    font-size: 12px;
    font-weight: bold;
}

.individual_item_log .columna_4 .label_log_info .item_tipo_usuario i {
    font-size: 11px;
    padding-left: 3px;
}

.individual_item_log .columna_4 .label_log_info .item_usuario {
    color: #348cd8;
    font-size: 1.3rem;
    padding-top: 4px;
}

.item_fecha {
    font-size: 12px;
    padding-top: 4px;
    opacity: .8;
}

.individual_item_log .columna_4 .label_log_info .item_usuario.email {
    text-transform: lowercase;
}

.individual_item_log .columna_4 .label_log_info .item_usuario a {
    color: #348cd8;
}

.individual_item_log .columna_4 .label_log_info .item_usuario a:hover {
    color: #79abd6;
}

.individual_item_log .columna_4 .label_log_info .item_estado {
    display: none;
}

.individual_item_log.cambia_estado .columna_4 .label_log_info .item_estado {
    font-weight: 500;
    display: block;
}

.individual_item_log .columna_2 .item_origen span {
    font-size: 9px;
}

span.envios_usuarios_tipos {
    text-transform: uppercase;
}

.contenedor_creacion_masiva {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    padding: 0;
    overflow-y: scroll;
    background-color: var(--color_gris_1);
    min-height: calc(100vh - 112px);
    height: 100%;
}

.contenedor_fila_informacion {
    position: relative;
    height: auto;
    width: auto;
    border-left: #102550 solid 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    border-right: #102550 solid 15px;
    align-items: center;
    display: inline-flex;
}

.contenedor_fila_informacion .contenedor_item.contenido_grande {
    background-color: #102550;
    height: 55px;
    text-align: center;
    width: 300px;
    border-left: white solid 1px;
}

.contenedor_fila_informacion .contenedor_item.contenido_grande .label {
    font-size: 14px;
    line-height: 53px;
    position: relative;
    font-weight: 100;
    text-transform: uppercase;
}

.contenedor_fila_informacion .contenedor_item.contenido_grande:first-child {
    border-left: none;
}

.inner_fila {
    position: relative;
    height: auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.titulo_fila {
    position: relative;
    width: max-content;
    float: left;
    margin: 0;
    padding: 10px;
    padding-right: 0;
}

.contenedor_item {
    float: left;
    padding: 0;
}

.inner_fila .contenedor_item .contenedor_input {
    width: 300px;
}

.inner_fila .contenedor_item .contenedor_input .label_input {
    display: none;
}

.inner_fila .contenedor_item .contenedor_input .input_input {
    padding: 0;
}

.inner_fila .contenedor_item .contenedor_input .input_input input {
    border-right: none;
    border-radius: 0 !important;
    height: 57px;
}

.inner_fila .contenedor_item:last-child .contenedor_input .input_input input {
    border-right: #b9b9b9 solid 1px;
}

.contenedor_item.eliminar_fila {
    padding-top: 27px;
}

.contenedor_creacion_masiva .chosen-container-single .chosen-single {
    height: 55px;
    font-size: 16px;
    line-height: 55px;
    font-weight: 400;
    border-radius: 0;
}

.contenedor_boton_control_filas {
    position: fixed;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    padding: 10px;
    border-top: #ebebeb solid 1px;
    background-color: white;
}

.boton.eliminar_fila_creacion_masiva {
    display: none;
    float: left;
    margin: 0;
    padding: 3px 6px;
    font-size: 10px;
    min-height: unset;
    margin-left: 17px;
    margin-top: 9px;
}

.contenedor_fila {
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    background-color: #f1f1f1;
    padding: 15px;
    padding-top: 5px;
}

.contenedor_fila:hover .boton.eliminar_fila_creacion_masiva {
    display: block;
}

.boton.eliminar_fila_creacion_masiva span {
    font-size: 9px !important;
}

.sin_menu .contenedor_menu {
    display: none;
}

.sin_menu .contenedor_contenido_derecho {
    width: 100%;
    max-width: 100%;
}

.sin_menu .contenido_contenido {
    margin: 0;
    width: 100%;
}

.sin_header .contenedor_general_cabecera {
    display: none;
}

.sin_header .contenedor_contenido_derecho {
    padding: 0 !important;
}

.sin_header .titulo_principal_pagina.color_azul {
    width: 100%;
    background-color: var(--color_gris_1);
    margin: 0;
    padding: 15px;
    color: white !important;
    padding-left: 120px;
}

.sin_header .contenedor_botones_form_editar {
    position: absolute;
    top: -45px;
    margin-top: 0;
    padding: 0;
    width: max-content;
    left: 10px;
    border: none;
}

.sin_header .contenedor_botones_form_editar button {
    margin-top: 0;
}

.contenedor_form_editar.creacion_masiva {
    height: calc(100vh - 53px);
    background-color: #090e18;
    overflow-y: scroll;
    position: relative;
}

.contenedor_form_editar.creacion_masiva form {
    height: 100%;
}

.contenedor_boton_control_filas button {
    margin: 0;
}

.contenedor_general_creacion_masiva {
    position: relative;
    height: calc(100% - 6rem);
}

.contenedor_creacion_masiva .contenedor_alertas_form_editar {
    background-color: var(--color_gris_1);
    padding: .5rem;
    position: relative;
    z-index: 1;
}

.contenedor_general_filas {
    position: relative;
    width: max-content;
    min-height: calc(100vh - 192px);
    background-color: #dfdfdf;
}

.inner_fila .contenedor_item .contenedor_input .input_input input::placeholder {
    color: white;
}

.inner_fila .contenedor_item .contenedor_input .input_input input:hover::placeholder,.inner_fila .contenedor_item .contenedor_input .input_input input:focus::placeholder {
    color: #4e4e4e;
}

button#boton_importar {
    float: right;
}

.hoja_de_ruta_tipo .input_input .chosen-container {
    margin-top: 3px;
}

.contenedor_boton_iniciar_hojas_de_ruta button {
    margin-top: 35px;
}

.form_info_select_multiple {
    background-color: #ffffff;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 5px;
    font-weight: normal;
    font-size: 14px;
    float: left;
    margin-bottom: 10px;
}

.modal_definir_empresa {
    width: 900px !important;
}

button#definir_empresa {
    margin-top: 3px;
}

.modal_herramientas_rapidas {
    width: 400px !important;
}

.form_input_rapido .individual_input_form_editar {
    margin-top: 0;
    padding-top: 16px !important;
    display: flex;
    justify-content: center;
}

.icono_input_rapido {
    text-align: center;
    font-size: 82px;
    opacity: 0.2;
    color: #3a245f;
    line-height: 70px;
}

.contenedor_informacion_sucursal .contenedor_cargando {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: white;
    opacity: 0.7;
}

.contenedor_informacion_sucursal {
    position: relative;
}

.boton_grande {
    padding: 10px 16px !important;
    font-size: 20px !important;
    margin-top: 25px !important;
}

.boton_grande span {
    font-size: 18px !important;
}

.marcar_no_entregados {
    color: white;
    background-color: #b30100;
    margin-right: 15px !important;
    font-weight: 500;
    padding: 10px 15px !important;
}

.marcar_no_entregados:hover {
    background-color: #af1b1a;
}

div#usuarios_id_destinatario_cantidad_envios {
    float: left;
}

.contenedor_cantidad_envios {
    padding-top: 10px;
}

.contenedor_cantidad {
    float: left;
    width: max-content;
    margin-right: 20px;
}

.contenedor_envios_destinatario span {
    margin-right: 2px;
    font-size: 13px;
}

.contenedor_envios_destinatario span.envios_entregados {
    margin-left: 0 !important;
    color: #109910;
}

.contenedor_envios_destinatario span.envios_en_proceso {
    color: var(--color_layout_1);
}

.contenedor_envios_destinatario span.envios_no_entregados {
    color: #b30202;
}

.contenedor_boton_ver_envios_destinatario {
    padding: 0;
    padding-top: 2rem;
    float: left;
}

button#ver_envios_destinatario {
    background-color: var(--color_layout_1) !important;
}

button#ver_envios_destinatario:hover {
    opacity: .8;
}

.referencias_iconos {
    position: relative;
}

.contenedor_iconos {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.individual_referencias_iconos {
    position: relative;
    text-align: center;
    padding: 7px;
}

.individual_referencias_iconos .boton_icono {
    text-transform: capitalize;
    font-size: 13px;
    padding: 10px;
    border-radius: 100%;
    font-weight: 500;
    display: flex;
    width: max-content;
    background-color: #ededfd;
    z-index: 1;
    align-items: center;
}

.individual_referencias_iconos .boton_icono:hover {
    cursor: pointer;
    background-color: #d9d9fd;
}

.mensaje_copiado_custom {
    position: absolute;
    padding: 6px;
    font-size: 12px;
    color: white;
    background-color: #6dad00;
    border-radius: 10px;
    z-index: 10;
    bottom: -30px;
    left: 15px;
}

.mensaje_copiado_custom span {
    position: absolute;
    color: #6dad00;
    font-size: 17px;
    transform: rotate(90deg);
    top: -10px;
    left: 15px;
}

#filtros_metricas_tiempos {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

#filtros_metricas_tiempos .individual_filtros_listado {
    max-width: 220px !important;
    min-width: 100px !important;
}

#filtros_metricas_tiempos .individual_filtros_listado.ubicacion_0 {
    min-width: 240px !important;
}

#filtros_metricas_tiempos .individual_filtros_listado.ubicacion_0 .label_input {
    width: max-content;
    padding-left: 0;
}

#filtros_metricas_tiempos .individual_filtros_listado.ubicacion_0 .contenedor_input {
    width: 255px;
}

#filtros_metricas_tiempos .individual_filtros_listado.ubicacion_0 .contenedor_cerrar_filtro_fecha {
    padding: 12px 3px !important;
}

#filtros_metricas_tiempos .individual_filtros_listado.ubicacion_4 {
    margin-left: 15px;
}

.grafico_metricas_tiempos .label_dato:hover {
    cursor: pointer;
    opacity: .8;
}

.modal_imprimir_etiquetas {
    max-width: 400px !important;
    margin-top: 15vh !important;
}

.modal_imprimir_etiquetas .modal-footer {
    display: none;
}

.contenedor_modal_impresion {
    padding-bottom: 10px;
}

.contenido_modal_impresion .icono_modal_impresion {
    text-align: center;
    font-size: 82px;
    opacity: 0.2;
    color: #3a245f;
    line-height: 70px;
}

.contenido_modal_impresion .texto_modal_impresion {
    text-align: center;
    text-transform: uppercase;
    padding: 20px;
    padding-bottom: 15px;
    font-size: 16px;
    color: var(--color_gris_4);
}

.contenido_modal_impresion .contenedor_boton {
    margin: 0 auto;
    width: max-content;
}

.contenido_modal_impresion .contenedor_boton button {
    font-size: 15px;
    margin: 0 8px;
}

.contenido_modal_impresion .contenedor_boton button span {
    font-size: 15px !important;
}

.contenido_modal_impresion .contenedor_boton button.horizontal span {
    transform: rotate(90deg);
}

.contenedor_listado_codigos_postales {
    margin-bottom: 50px;
}

.contenedor_mensaje_zona {
    padding: 13px;
    background-color: transparent;
    font-size: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: calc(100% - 8px);
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 55px;
    overflow: hidden;
}

.contenedor_mensaje_zona.cargando_zona {
    opacity: 0.2;
}

.contenedor_mensaje_zona.sin_cp_cargado {
    background-color: #f7f7f7;
    opacity: .7;
}

.contenedor_mensaje_zona.zona_cargada {
    background-color: #fff4b2;
    color: #7b6c12;
}

.contenedor_mensaje_zona.sin_zona_cargada {
    background-color: #b53737;
    color: white;
}

.contenedor_mensaje_zona.sin_zona_cargada.cargando_zona::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.titulo_mensaje_zona {
    margin-right: 5px;
}

.titulo_mensaje_zona span.icono_titulo_pagina {
    font-size: 15px !important;
    padding: 0;
}

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

.separador_datos_zonas {
    font-size: 20px;
    margin: 0 5px;
}

.boton_mensaje_zona {
    margin: 0;
    margin-left: 10px;
    font-size: 12px;
    background-color: #ffffff4f;
    border: unset;
    color: #ffffff;
    text-transform: uppercase;
    display: none;
}

.sin_zona_cargada .boton_mensaje_zona {
    display: block !important;
}

.boton_mensaje_zona:hover {
    opacity: .8;
}

.subseccion_pagina {
    padding-left: 30px !important;
}

.fecha_programada_entrega {
    float: left;
    padding: 15px;
    margin-top: 11px;
    font-size: 14px;
}

.contenedor_fecha_entrega {
    margin-left: 1px;
}

.porcentaje_cobro_envios {
    margin-top: 45px;
    font-size: 18px;
    font-weight: bold;
}

.costo_picker_final span {
    font-size: 14px;
}

.listado_metricas.metricas_picker .th_tbody_listado[columna_id=columna_6] {
    min-width: 30rem;
}

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

.contenedor_iconos_listado_pickers .no_escaneado {
    display: flex;
    flex-direction: column;
    color: #a70000;
}

.contenedor_iconos_listado_pickers .no_escaneado .icono_listado {
    opacity: .8;
}

.icono_listado {
    font-size: 14px !important;
    padding: 5px;
    opacity: .5;
    margin-top: 10px;
}

.icono_listado.comentario {
    color: var(--color_layout_2);
    opacity: 1;
}

.icono_listado.escaneado {
    color: #005500;
    opacity: .8;
}

.visitas_mostrar {
    display: flex;
    flex-direction: column;
    padding: 2px;
    color: #454444;
    align-items: center;
}

.visitas_mostrar .icono_listado {
    opacity: 1;
}

.contenedor_domicilio_entrega_listado {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin-top: -38.9px;
    padding: 1.5rem 1rem;
    padding-top: 0;
}

.contenedor_domicilio_entrega_listado .distancia_entrega_valor {
    font-size: 14px;
}

.contenedor_zona_listado_picker, .contenedor_region_listado_picker {
    font-size: 14px !important;
}

.th_tbody_listado .contenedor_zona_listado_picker {
    display: block;
    font-size: 1.4rem;
}

.th_tbody_listado .contenedor_region_listado_picker {
    font-size: 1.2rem !important;
    text-transform: uppercase;
}

.contenedor_domicilio_entrega_listado .domicilio {
    font-size: 1.3rem;
    padding: 0 !important;
    margin-bottom: 1rem;
}

.contenedor_domicilio_entrega_listado .coordenadas {
    font-size: 1.1rem;
    padding: 0 !important;
    color: var(--color_layout_2);
}

.contenedor_domicilio_entrega_listado .entrega {
    font-size: 1.3rem;
}

.contenedor_domicilio_entrega_listado .entrega .observaciones_entrega {
    font-size: 1.1rem;
}

.contenedor_domicilio_entrega_listado .domicilio a:not(.coordenadas) {
    font-weight: bold;
    color: #4d4d4d;
}

.contenedor_domicilio_entrega_listado .entrega .distancia_entrega {
    text-transform: uppercase;
    background-color: #00000012;
    padding: 0.7rem 0.8rem;
    width: max-content;
    margin: 0 auto;
    border-radius: 0.6rem;
    font-size: 1.1rem;
    margin-top: 0.6rem;
}

.contenedor_domicilio_entrega_listado .entrega .distancia_entrega .distancia_entrega_valor {
    font-size: 1.1rem;
    font-weight: bold;
}

.contenedor_domicilio_entrega_listado .entrega .distancia_entrega.cerca {
    background-color: #83d0761f;
}

.contenedor_domicilio_entrega_listado .entrega .distancia_entrega.media {
    background-color: #fded9f;
}

.contenedor_domicilio_entrega_listado .entrega .distancia_entrega.lejos {
    background-color: #ffbbbb;
}

.contenedor_iconos_listado_pickers .visitas_mostrar {
    font-size: 1.1rem;
}

.contenedor_iconos_listado_pickers .icono_listado.escaneado {
    font-size: 1.8rem !important;
}

.contenedor_iconos_listado_pickers .icono_listado.fa-comments {
    font-size: 1.7rem !important;
}

.th_tbody_listado .costo_calculado_picker {
    font-size: 1.7rem;
    color: black;
}

.contenedor_domicilio_entrega_listado .domicilio .coordenadas {
    margin-top: -6px;
}

.hoja_de_ruta_zonas_codigos_postales_label {
    width: max-content;
    text-align: left;
    float: left;
    padding-right: 10px;
    margin-bottom: 20px;
    font-size: 21px;
    text-transform: uppercase;
    color: var(--color_gris_1) !important;
}

.hoja_de_ruta_zonas_codigos_postales {
    width: max-content;
    float: left;
}

.hoja_de_ruta_zonas_codigos_postales button {
    margin-top: -0.5rem;
    float: left;
}

.hoja_de_ruta_zonas_codigos_postales_label span {
    color: var(--color_layout_1) !important;
}

.hoja_de_ruta_zonas_codigos_postales {
    width: 100%;
}

.modal_elegir_zonas_hdr {
    width: 820px !important;
}

.zona_picker {
    font-size: 15px !important;
    color: #b90000;
}

.zona_picker.zona_vinculada {
    color: var(--color_layout_4);
    opacity: 1;
}

.sin_zonas_codigos_postales {
    width: 100%;
    text-transform: uppercase;
    opacity: .7;
    padding-left: 0.6rem;
}

.contenedor_columnas {
    display: flex;
    position: relative;
    margin-bottom: 6rem;
}

.detalle_hoja_de_ruta .columna_1 {
    width: 375px;
    margin-right: 0.5rem;
}

.detalle_hoja_de_ruta .columna_2 {
    width: calc(100% - 375px);
    padding-left: 1.5rem;
    border-left: rgb(234, 234, 234) solid .1rem;
}

.zonas_codigos_postales_cargadas {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.zonas_codigos_postales_cargadas .zona {
    width: max-content;
    position: relative;
    margin-top: 1rem;
    padding: 0.9rem 1.2rem;
    padding-right: 2.6rem;
    background-color: var(--color_gris_3);
    ; border-radius: 0.6rem;
    font-size: 1.3rem;
    border: #dfdfdf solid 0.1rem;
    margin-right: 1rem;
    opacity: 0.8;
    color: black;
}

.zonas_codigos_postales_cargadas .zona span {
    color: #b90000;
}

.zonas_codigos_postales_cargadas .zona.zona_del_picker span {
    color: var(--color_layout_4);
}

.zonas_codigos_postales_cargadas .zona span.eliminar_hdr_zona_cp {
    position: absolute;
    right: 1rem;
    color: var(--color_gris_2);
    top: 1.2rem;
    opacity: .5;
    display: none;
}

.zonas_codigos_postales_cargadas .zona.edicion_habilitada span.eliminar_hdr_zona_cp {
    display: block;
}

.zonas_codigos_postales_cargadas .zona.edicion_habilitada:hover {
    opacity: 1;
    cursor: pointer;
    border-color: #858585;
}

.zonas_codigos_postales_cargadas .zona.edicion_habilitada:hover span.eliminar_hdr_zona_cp {
    display: block;
    opacity: 1;
}

.hdr_sin_zonas .icono_zonas, .hdr_sin_zonas .cantidad_zonas_listado {
    opacity: 0.4;
}

th.th_tbody_listado[columna_id=columna_7] {
    cursor: pointer;
}

th.th_tbody_listado[columna_id=columna_7] a:hover {
    color: #737070 !important;
}

.hdr_fuera_de_zona {
    color: #b90000;
}

/*
.mensaje_requiere_accion {
    padding: 1rem;
    background-color: #dddddd;
    border-radius: 0.3rem;
    width: calc(100% - 1.5rem);
    font-style: italic;
}
*/
.contenedor_placeholder_checkbox label {
    margin: 0;
    padding: 0.1rem .5rem;
    width: 100%;
    border-radius: .3rem;
    text-align: left;
    user-select: none;
    opacity: .9;
}

.contenedor_placeholder_checkbox.disabled label:hover {
    cursor: not-allowed !important;
}

.boton_circular {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    margin-left: 1rem;
}

.boton_circular span {
    margin: 0 !important;
}

.individual_comentario .herramientas {
    margin-top: 1.5rem;
}

.individual_comentario.urgencia_prioridad_3 {
    border-color: var(--color_urgencia_prioridad_3);
}

.individual_comentario.urgencia_prioridad_3::before {
    background-color: var(--color_urgencia_prioridad_3);
}

.individual_comentario.urgencia_prioridad_3 .nombre {
    color: var(--color_urgencia_prioridad_3_dark);
}

.individual_comentario.urgencia_prioridad_3 .indicacion_requiere_accion {
    background-color: var(--color_urgencia_prioridad_3);
}

.individual_comentario.urgencia_prioridad_2 {
    border-color: var(--color_urgencia_prioridad_2);
}

.individual_comentario.urgencia_prioridad_2::before {
    background-color: var(--color_urgencia_prioridad_2);
}

.individual_comentario.urgencia_prioridad_2 .nombre {
    color: var(--color_urgencia_prioridad_2_dark);
}

.individual_comentario.urgencia_prioridad_2 .indicacion_requiere_accion {
    background-color: var(--color_urgencia_prioridad_2);
}

.individual_comentario.urgencia_prioridad_1 {
    border-color: var(--color_urgencia_prioridad_1);
}

.individual_comentario.urgencia_prioridad_1::before {
    background-color: var(--color_urgencia_prioridad_1);
}

.individual_comentario.urgencia_prioridad_1 .nombre {
    color: var(--color_urgencia_prioridad_1_dark);
}

.individual_comentario.urgencia_prioridad_1 .indicacion_requiere_accion {
    background-color: var(--color_urgencia_prioridad_1);
}

.individual_comentario.comentario_en_modal {
    margin-bottom: 2rem;
}

.individual_comentario.comentario_en_modal:before {
    content: unset;
}

.resolver_comentario_textarea_observacion .input_input {
    padding: 0;
}

.label_comentario_resolver {
    width: 100%;
    text-align: left;
    font-size: 11px;
    line-height: 25px;
    text-transform: uppercase;
    padding-left: 0;
    font-weight: bold;
    color: var(--color_gris_1) !important;
}

.individual_comentario.observacion {
    margin-left: 5rem;
    max-width: calc(100% - 5rem);
}

.individual_comentario.observacion::after {
    content: '';
    width: 0.3rem;
    background-color: #e6e6e6;
    height: 5rem;
    position: absolute;
    left: -2.5rem;
    top: -3.1rem;
}

.individual_comentario.observacion::before {
    content: '';
    width: 25px;
    background-color: #e6e6e6;
    height: .3rem;
    position: absolute;
    left: -25px;
    top: 17px;
}

.individual_comentario.observacion .comentario {
    font-size: 1.5rem;
    margin-top: 1.5rem;
}

.individual_comentario.observacion .nombre {
    color: #707070;
    font-weight: normal;
    margin-bottom: unset;
}

.individual_comentario.observacion .nombre b {
    position: relative;
    top: unset;
    right: unset;
}

.individual_comentario.observacion .nombre span {
    color: var(--color_layout_4);
    font-size: 1.2rem;
    font-weight: 900;
}

.contenedor_textos {
    flex-grow: 1;
}

.comentario_motivo {
    font-size: 1rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    opacity: .8;
}

.comentario_motivo span {
    margin-right: 0.25rem;
}

.indicacion_requiere_accion {
    position: relative;
}

.bootbox.modal {
    z-index: 1060;
}

.bootbox.modal::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    opacity: .5;
}

.contenedor_input_form_comentario .input_input {
    padding: 0 !important;
}

.contenedor_input_form_comentario .input_input .chosen-container {
    width: calc(100% - 1rem) !important;
}

.individual_input_form_editar.columna {
    float: left;
}

.envios_comentarios_motivos_accion_sugerida {
    background-color: #fff4b2;
    color: #7b6c12;
    padding: 1rem;
    border-radius: 0.3rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
    text-align: center;
}

.envios_comentarios_motivos_urgencia {
    margin-top: 2.4rem;
    font-size: 1.3rem;
    text-transform: uppercase;
    font-weight: 600;
    border: solid 0.2rem;
    border-radius: 0.6rem;
    padding: 1.1rem;
    padding-left: 4rem;
    padding-right: 2rem;
    position: relative;
    width: max-content;
}

.envios_comentarios_motivos_urgencia span {
    margin-right: .5rem;
    margin-top: 0.2rem;
    font-size: 1.7rem;
    position: absolute;
    left: 1.2rem;
    top: 1rem;
}

.envios_comentarios_motivos_urgencia.sin_urgencia {
    display: none;
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_1 {
    border-color: var(--color_urgencia_prioridad_1);
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_1 span {
    color: var(--color_urgencia_prioridad_1);
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_1 span {
    color: var(--color_urgencia_prioridad_1);
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_2 {
    border-color: var(--color_urgencia_prioridad_2);
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_2 span {
    color: var(--color_urgencia_prioridad_2);
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_3 {
    border-color: var(--color_urgencia_prioridad_3);
}

.envios_comentarios_motivos_urgencia.urgencia_prioridad_3 span {
    color: var(--color_urgencia_prioridad_3);
}

.cartel_hover {
    position: absolute;
    background-color: black;
    border-radius: 0.4rem;
    width: max-content;
    padding: 0.6rem 1rem;
    max-width: 20rem;
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.1rem !important;
    line-height: 1.2rem;
    letter-spacing: 0 !important;
    top: -3rem;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    text-transform: uppercase;
    font-weight: 400 !important;
    border: white solid 0.1rem;
    z-index: 2;
}

.cartel_hover .flecha_cartel_hover {
    position: absolute;
    color: black;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 1.9rem;
    transform: rotate(270deg);
    width: 1rem;
    height: 1rem;
    bottom: -0.8rem;
    line-height: 1.2rem;
}

.cartel_hover:hover {
    display: none;
}

.cartel_hover .flecha_cartel_hover.copiado {
    position: absolute;
    color: black;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 1.9rem;
    bottom: -1.1rem;
    transform: rotate(270deg);
}

.resolver_comentario .cartel_hover {
    top: -2.7rem;
    right: -5.4rem;
}

.individual_comentario.requiere_accion.resuelto {
    margin-bottom: 2.5rem;
    z-index: 2;
}

.separador_vertical {
    margin: 0 0.5rem;
}

.individual_comentario .label_resuelto {
    position: relative;
    width: 100%;
    font-size: 1.3rem;
    color: var(--color_layout_4);
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.contenedor_instrucciones {
    position: relative;
    padding: 0;
    padding-top: 1rem;
}

.contenedor_instrucciones_paso {
    padding-bottom: 4rem;
    padding-left: 2rem;
    position: relative;
    margin-bottom: 4rem;
}

.contenedor_instrucciones_paso:first-child {
    margin-top: 0;
}

.contenedor_instrucciones_paso:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: solid .1rem #e4e4e4;
}

.titulo_instrucciones_paso {
    font-size: 1.9rem;
    font-weight: 600;
    margin-bottom: 2rem;
    text-transform: uppercase;
    margin-top: 0rem;
    color: var(--color_layout_2);
}

.descripcion_instrucciones_paso {
    position: relative;
    margin-bottom: 1rem;
    padding-left: 1rem;
}

.descripcion_instrucciones_paso a {
    color: #274d8c;
}

.descripcion_instrucciones_paso a:hover {
    color: #628a02;
}

.descripcion_instrucciones_paso .contenedor_imagenes {
    position: relative;
    display: flex;
    flex-direction: column;
}

.descripcion_instrucciones_paso .contenedor_imagenes img {
    max-width: 50vw;
    margin-top: 1.5rem;
}

ul.items_descripcion {
    padding: 0;
    margin-bottom: 3rem;
    padding-left: 1.5rem;
}

ul.items_descripcion li {
    margin-bottom: 1.4rem;
    font-size: 1.5rem;
    line-height: 3.1rem;
}

.descargar_plantilla_excel {
    border: solid .1rem #c1c0c0;
    font-size: 1.3rem;
    margin-top: 1rem;
    max-width: 30rem;
    text-align: center;
    height: 4rem;
    font-weight: bold;
    padding: 0;
}

.descargar_plantilla_excel a {
    text-decoration: none !important;
    color: #274d8c;
}

.descargar_plantilla_excel a {
    text-decoration: none !important;
    color: #274d8c;
    display: block;
    padding: 1rem;
}

.descargar_plantilla_excel:hover {
    border: solid 1px #628a02;
}

.descargar_reporte_mensual {
    border: solid .1rem #c1c0c0;
    font-size: 1.3rem;
    margin-top: 2rem;
    max-width: 20rem;
    text-align: center;
    height: 4rem;
    font-weight: bold;
    padding: 0;
}

.descargar_reporte_mensual a {
    text-decoration: none !important;
    color: #274d8c;
}

.descargar_reporte_mensual a {
    text-decoration: none !important;
    color: #274d8c;
    display: block;
    padding: 1rem;
}

.descargar_reporte_mensual:hover {
    border: solid 1px #628a02;
}

.contenedor_botones_siglas {
    position: relative;
    margin-top: 1rem;
}

.contenedor_form_editar.importador {
    width: 39.5rem;
    margin-top: 2rem;
}

.contenedor_form_editar.importador .contenedor_input_archivo label {
    width: 100%;
    font-size: 1.5rem;
    text-transform: uppercase;
}

.contenedor_form_editar.importador .contenedor_input_archivo input {
    color: black;
    background-color: #e2efff;
    padding: 2rem 3rem;
}

.contenedor_boton_submit_xlsx {
    position: relative;
    width: max-content;
    margin-top: 1rem;
}

.contenedor_boton_submit_xlsx button {
    margin-right: 0;
}

.th_thead_listado[nombre_columna="envios"] {
    width: 15rem !important;
}

.contenedor_general_listado.reportes_mensuales .th_thead_listado[nombre_columna="herramientas"] {
    width: 20rem !important;
    ; }

.th_tbody_listado .herramientas {
    cursor: default;
}

.th_tbody_listado .herramientas:hover {
    color: #737070 !important;
}

.individual_herramienta_fila_listado {
    position: relative;
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    border: #d8d8d8 solid .1rem;
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: white;
    font-size: 1.5rem;
}

.individual_herramienta_fila_listado:last-child {
    margin: 0;
}

.individual_herramienta_fila_listado.activo {
    background-color: var(--color_layout_1);
    color: white;
    border-color: white;
}

.individual_herramienta_fila_listado:hover {
    cursor: pointer;
    background-color: var(--color_layout_2);
    color: white;
    border-color: var(--color_layout_2);
}

.individual_herramienta_fila_listado.activo:hover {
    background-color: #9b96ff;
    border-color: white;
}

.label_herramientas {
    position: relative;
}

.label_herramientas.listo.opcion_no, .label_herramientas.pendiente.opcion_si {
    display: none;
}

.individual_herramienta_fila_listado:hover .label_herramientas.listo.opcion_si, .individual_herramienta_fila_listado:hover .label_herramientas.pendiente.opcion_no {
    display: none;
}

.individual_herramienta_fila_listado:hover .label_herramientas.listo.opcion_no, .individual_herramienta_fila_listado:hover .label_herramientas.pendiente.opcion_si {
    display: block;
}

.individual_herramienta_fila_listado.aprobar_hdr.inactivo_sin_envios:hover .label_herramientas.pendiente.opcion_no {
    display: block !important;
}

.individual_herramienta_fila_listado.aprobar_hdr.inactivo_sin_envios:hover .label_herramientas.pendiente.opcion_si {
    display: none !important;
}

.individual_herramienta_fila_listado.aprobar_hdr {
    display: flex;
    width: 5rem;
    padding: 0 0.5rem;
    font-size: 1.3rem;
}

.individual_herramienta_fila_listado.aprobar_hdr .label_herramientas.opcion_si {
    letter-spacing: 0.15rem;
}

.individual_herramienta_fila_listado.activo:hover {
    letter-spacing: 0.15rem;
}

.individual_herramienta_fila_listado.aprobar_hdr .label_herramientas.pendiente.cargando span {
    margin-left: 0.5rem;
}

.individual_herramienta_fila_listado.activo .label_herramientas .fa.fa-spin.fa-circle-notch {
    color: white !important;
}

.tr_tbody_listado.envio_listo {
    background-color: #f4f3ff;
}

.tr_tbody_listado.envio_listo a {
    color: #6865a2;
}

.tr_tbody_listado.envio_listo.fondo_gris {
    background-color: #edecfe;
}

.tr_tbody_listado.hdr_aprobada {
    background-color: #f4f3ff;
}

.tr_tbody_listado.hdr_aprobada a {
    color: #6865a2;
}

.tr_tbody_listado.hdr_aprobada.fondo_gris {
    background-color: #edecfe;
}

.modal-dialog.modal_siglas {
    width: 85rem;
}

.modal-dialog.modal_siglas.modal_siglas_paquetes, .modal-dialog.modal_siglas.modal_siglas_sucursales {
    width: 90%;
    max-width: 120rem;
}

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

.contenido_modal_siglas {
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.contenedor_individual_siglas {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    margin: 0rem 1rem;
    width: 35rem;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: solid .1rem #d1d0d0;
}

.contenedor_individual_siglas .icono_copiar.boton_copiar_valor_listado {
    position: relative;
    margin-right: 1rem;
    padding: 0.5rem;
    border: solid .1rem var(--color_gris_2);
    border-radius: 0.3rem;
}

.contenedor_individual_siglas .icono_copiar.boton_copiar_valor_listado:hover {
    background-color: var(--color_layout_2);
    color: white;
    border-color: var(--color_layout_2);
    cursor: pointer;
}

.contenedor_individual_siglas .siglas {
    font-weight: bold;
    margin-right: .5rem;
}

.contenedor_individual_siglas .denominacion {
    font-size: 1.1rem;
}

.contenedor_individual_siglas .icono_copiar .cartel_hover .flecha_cartel_hover {
    bottom: -0.5rem !important;
}

.contenedor_individual_siglas .icono_copiar .cartel_hover .flecha_cartel_hover.copiado {
    right: unset;
    left: 2.5rem;
}

.mensaje_copiado {
    position: absolute;
    background-color: black;
    border-radius: 0.4rem;
    width: max-content;
    padding: 0.6rem 1rem !important;
    max-width: 20rem;
    font-size: 1.1rem !important;
    line-height: 1.2rem !important;
    top: -3rem;
    left: -2.3rem;
    margin: auto;
    color: white;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.mensaje_copiado::before {
    position: absolute;
    content: "";
    border-top: 1rem solid #000000 !important;
    border-right: 1rem solid transparent !important;
    border-bottom: 1.5rem solid transparent !important;
    border-left: 1rem solid transparent !important;
    bottom: -1.9rem !important;
    left: 2.5rem !important;
}

.icono_envios.envios_listos, .icono_envios.envios_pendientes {
    margin-left: 1rem;
}

.icono_envios.envios_listos.listos {
    color: var(--color_layout_4);
}

.contenedor_boton_copiar_cui {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

span.cui_listado {
    font-size: 1.4rem;
}

.contenedor_estado_icono {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    max-width: 20rem;
    margin: 0 auto;
}

.contenedor_general_form_editar.multibultos .valor_estado .contenedor_estado_icono {
    display: flex;
    justify-content: flex-start;
    margin: 0;
    flex-direction: row;
}

.contenedor_estado_icono .icono_estado {
    position: relative !important;
    left: 0 !important;
    margin-right: 1rem;
}

.contenedor_estado_icono .estado_listado {
    font-size: 1.4rem;
}

.th_tbody_listado .boton_copiar_valor_listado {
    width: 3rem !important;
    height: 3rem !important;
    padding: 0 !important;
    font-size: 1.6rem !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.th_tbody_listado .boton_copiar_valor_listado:hover {
    cursor: pointer;
    background-color: var(--color_layout_2) !important;
    color: white !important;
    border-color: var(--color_layout_2) !important;
}

.form_info.tipo_imagen {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.envios_editar .individual_alerta.exito {
    margin-top: 2rem;
}

.individual_input_form_editar.oxidacion_individual .input_input {
    margin-top: 1.2rem;
}

.url_boton_ver_envios_destinatario.enlace_desactivado {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}

.url_boton_ver_envios_destinatario.enlace_desactivado button#ver_envios_destinatario {
    background-color: var(--color_gris_2) !important;
}

.cms_usuarios_estado.pendiente {
    color: #ac0000 !important;
}

.estado_cuenta_empresa {
    padding-top: 5rem !important;
}

.reenviar_email_activacion {
    position: relative;
    background-color: var(--color_layout_1) !important;
}

.reenviar_email_activacion:hover {
    opacity: .8;
}

.contenedor_metricas_despachados .individual_dato .valor_dato .icono_entrantes {
    position: absolute;
    top: 0.4rem;
    left: -0.7rem;
    font-size: 3rem;
}

.buscar_usuario .individual_input_form_editar {
    max-width: 50rem;
    margin: 1.5rem auto;
}

.mensaje_buscar_usuario {
    text-align: center;
    margin-bottom: 2rem;
}

.modal_seleccionar_usuarios.buscar_usuario .individual_alerta.error {
    margin: .5rem auto;
}

.modal_seleccionar_usuarios.buscar_usuario .contenedor_herramientas_pagina {
    width: max-content;
    margin: 0 auto;
}

.modal_seleccionar_usuarios.buscar_usuario .contenedor_herramientas_pagina button {
    margin: 0;
}

.buscar_usuario .contenedor_general_listado {
    min-height: unset;
}

.contenedor_inputs_form_editar {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.modal_agregar_administrador {
    width: 80%;
}

.contenedor_boton_sucursal_header {
    position: relative;
    display: block;
    width: max-content;
    float: left;
    margin-left: 1rem;
}

.boton_sucursal_header {
    position: relative;
    margin: 0 !important;
    padding: 0.7rem 1.4rem !important;
    background-color: var(--color_layout_2);
    color: white;
    font-size: 1.5rem !important;
    min-height: unset !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 3.6rem;
    gap: 1rem;
}

.boton_sucursal_header:hover {
    opacity: .8;
}

.contenedor_boton_sucursal_header.empleados .boton_sucursal_header:hover {
    cursor: default !important;
    opacity: 1 !important;
}

.boton_sucursal_header .icono_superadmin {
    margin-right: 0;
    display: none;
}

.contenedor_boton_sucursal_header.superadmin .boton_sucursal_header .icono_superadmin {
    display: block;
}

.listado_sucursales {
    position: relative;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.listado_sucursales .contenedor_sucursal {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.listado_sucursales .sucursal {
    position: relative;
    width: calc(100% - 5rem);
    padding: 1rem;
    border: solid 0.2rem #bebebe;
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}

.listado_sucursales .sucursal.sucursal_activa {
    background-color: #fffcf5;
    border-color: var(--color_layout_1);
}

.listado_sucursales .sucursal:not(.sucursal_activa):hover {
    cursor: pointer;
    border-color: var(--color_layout_4);
}

.listado_sucursales .sucursal .informacion_sucursal {
    position: relative;
    width: calc(100%/2);
    margin-right: 2rem;
}

.listado_sucursales .sucursal .nombre_sucursal {
    font-weight: bold;
    font-size: 1.5rem;
}

.listado_sucursales .sucursal .telefono_sucursal {
    color: #515151;
    font-size: 1.3rem;
}

.listado_sucursales .sucursal .direccion_sucursal {
    position: relative;
    width: calc((100%)/2);
    margin-right: 2rem;
    color: var(--color_gris_4);
    font-size: 1.2rem;
}

.contenedor_herramientas_sucursal {
    position: relative;
    width: 5rem;
}

.herramientas_sucursal {
    position: relative;
    width: 3rem;
    height: 3rem;
    float: right;
    background-color: var(--color_layout_2);
    border-radius: 100%;
    color: white;
    display: block;
    margin-left: 1rem;
}

.herramientas_sucursal:hover {
    background-color: var(--color_layout_1);
    color: white;
}

.herramientas_sucursal:focus {
    color: white !important;
}

.herramientas_sucursal span {
    position: absolute;
    top: 0.8rem;
    right: 0.83rem;
}

.herramientas_sucursal .cartel_hover .flecha_cartel_hover {
    bottom: -1.5rem;
}

.contenedor_mensaje_sucursal, .contenedor_mensaje_responsable {
    position: relative;
    width: max-content;
    display: block;
    float: left;
    margin-right: 1rem;
    padding: 1rem 2rem;
    background-color: #fff4b2;
}

.titulo_mensaje_sucursal span, .titulo_mensaje_responsable span {
    font-size: 1.7rem;
}

.contenedor_boton_cambiar_sucursal {
    position: relative;
    width: max-content;
    float: left;
    display: block;
}

.contenedor_boton_cambiar_sucursal button {
    margin-top: 0.3rem;
    background-color: #80be1d !important;
}

.envios_log_cambio_sucursal {
    position: relative;
    width: max-content;
    margin-top: 1rem;
    padding: 1rem 2rem;
    border: solid .1rem var(--color_layout_1);
}

.envios_log_cambio_sucursal b {
    color: var(--color_layout_1);
}

.icono_cambio_sucursal {
    position: absolute;
    right: -2.8rem;
    top: -3.8rem;
    font-size: 1.7rem;
    color: red;
}

.icono_cambio_sucursal span {
    position: relative;
    width: 100%;
}

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

.contenedor_icono_cambio_sucursal .cartel_hover {
    top: -9.7rem;
    right: -11.8rem;
    left: unset;
}

.contenedor_mensaje_responsable a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.envio_no_encontrado {
    background-color: rgb(70 10 10 / 68%) !important;
    border: solid #c00b0b .1rem !important;
}

.contenedor_copiar_cui {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.contenedor_boton_copiar_cui.editar {
    width: max-content;
    display: block;
    margin-left: 2rem;
    margin-right: 1rem;
    margin-top: 2.5rem;
}

.contenedor_boton_copiar_cui.editar i {
    background-color: #f1f1f1;
    width: 2.7rem;
    height: 2.7rem;
    padding: .5rem;
    border-radius: .5rem;
    border: #d8d8d8 solid 1px;
    font-size: 1.4rem;
}

.contenedor_boton_copiar_cui.editar i:hover {
    cursor: pointer;
    background-color: var(--color_layout_2) !important;
    color: white !important;
    border-color: var(--color_layout_2) !important;
}

.contenedor_copiar_cui .individual_input_form_editar.cui_copiable .label_input {
    margin-left: -4rem;
}

th.th_thead_listado.columna_sin_enlace {
    text-transform: uppercase;
    font-weight: normal;
    user-select: none;
    font-size: 1.3rem;
    padding: 0.7rem 0;
}

.individual_input_form_editar:has(.overflow_visible) {
    overflow: visible !important;
}

.individual_input_form_editar.contenedor_cuis .label_input, .individual_input_form_editar.contenedor_cuis .input_input {
    width: 100% !important;
    padding-left: 0;
    text-align: left;
    color: black !important;
}

.individual_input_form_editar.contenedor_cuis .input_input .tm-tag {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0.5rem;
    user-select: none !important;
}

.individual_input_form_editar.contenedor_cuis .input_input .tm-tag.cui_invalido {
    background-color: #a61111;
}

.individual_input_form_editar.contenedor_cuis .input_input .tm-tag:hover {
    cursor: pointer;
    opacity: .8;
}

.individual_input_form_editar.contenedor_cuis .input_input .tm-tag a:hover {
    color: white;
}

.individual_input_form_editar.contenedor_cuis .input_input .tm-tag span {
    padding-right: 10px;
    z-index: 1;
    position: relative;
}

.individual_input_form_editar.contenedor_cuis .input_input .tm-tag .tm-tag-remove {
    position: absolute;
    right: 10px;
    z-index: 0;
}

.contenedor_listado_envios_carga_masiva_html .listado_creacion_masiva {
    padding-bottom: 0;
    min-height: auto;
}

.contenedor_listado_envios_carga_masiva_html .listado_creacion_masiva .contenedor_listado {
    min-height: 130px;
}

.contenedor_listado_envios_redespachados {
    position: relative;
    display: block;
}

.contenedor_form_editar.tracking_masivo.redespacho_mensaje_sin_input {
    padding: 1rem;
    margin-top: 0;
    margin-bottom: 3rem;
}

.contenedor_form_editar.tracking_masivo.redespacho_mensaje_sin_input .mensaje {
    margin-bottom: 0 !important;
}

.contenedor_form_editar.tracking_masivo.redespacho_mensaje_sin_input .aclaracion_redespacho {
    display: block;
    font-size: 1.4rem;
    margin-top: .5rem;
    opacity: 0.9;
}

.individual_herramienta_fila_listado.cancelar_redespacho {
    margin: 0 auto;
}

.individual_herramienta_fila_listado.cancelar_redespacho.cancelacion_invalida {
    background-color: var(--color_layout_2);
    color: white;
}

.contenedor_form_editar.tracking_masivo .agregar {
    font-size: 1.7rem;
    position: relative;
    margin: 0 auto;
    float: none;
    width: min-content;
    margin-top: 1rem;
}

.contenedor_listado_envios_multibultos {
    position: relative;
    display: block;
}

.info_parcial .valor_estado {
    display: block;
    font-size: 2rem;
}

.multibultos .multibulto_cerrado {
    position: relative;
    float: left;
    padding: 1rem 2rem;
    margin-top: 1rem;
    background-color: #fff4b2;
}

.contenedor_general_form_editar.multibultos .contenedor_info_envios_multibulto {
    position: relative;
    font-size: 1.7rem;
    margin-top: 2rem;
}

.contenedor_general_form_editar.multibultos .contenedor_info_estado_multibulto {
    display: flex;
    flex-direction: column;
}

.multibultos .contenedor_info_estado_multibulto .valor_estado_incompleto {
    position: relative;
    max-width: 15rem;
    margin-bottom: 3rem;
}

.multibultos .contenedor_info_estado_multibulto .valor_estado_incompleto span {
    color: red;
}

.contenedor_general_form_editar.multibultos .contenedor_info_estado_multibulto span {
    margin-bottom: 1rem;
}

.contenedor_general_form_editar.multibultos .contenedor_info_estado_multibulto span.estado_listado {
    margin: 0;
}

.multibultos .info_cantidad_envios {
    text-transform: uppercase;
}

.contenedor_general_form_editar.multibultos .contenedor_info_estado_multibulto .valor_estado {
    position: relative;
    max-width: 23rem;
    text-align: center;
    margin-bottom: 3rem;
}

.multibultos .contenedor_tracking_masivo {
    position: relative;
    height: 22rem;
    width: 100%;
}

.multibultos .contenedor_tracking_masivo .contenedor_form_editar.tracking_masivo {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
    margin: 0 auto;
}

.multibultos .contenedor_tracking_masivo:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 11;
    opacity: 0.6;
}

.multibultos .boton_cerrar_multibulto {
    position: absolute;
    top: -26px;
    right: -19px;
    border: rgb(239, 95, 95) solid 4px;
    border-radius: 100%;
    width: 3rem;
    height: 3rem;
    background-color: rgb(239, 95, 95);
    opacity: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.multibultos .boton_cerrar_multibulto span {
    font-size: 2rem !important;
    color: white;
    margin: 0;
}

.modal-dialog.modal_herramientas_rapidas .modal-footer {
    display: none;
}

.contenedor_botones_multibultos {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 5px;
    border-top: rgb(234, 234, 234) solid 1px;
    padding-top: 0;
    padding-left: 0;
    margin-top: 25px;
}

.individual_herramienta_pagina a.tradicional .boton[disabled=disabled] {
    background-color: var(--color_layout_4) !important;
}

.contenedor_info_envios_multibultos {
    float: left;
    margin-right: 1rem;
    padding: 1rem 2rem;
    background-color: #fff4b2;
    position: relative;
}

.contenedor_info_envios_multibultos span.remito_multibultos {
    margin-right: 1rem;
}

.contenedor_info_envios_multibultos span.remito_multibultos .icono_remito_multibulto {
    font-size: 1.7rem;
    margin-right: 0.5rem;
}

.contenedor_info_envios_multibultos a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contenedor_info_empresa_integrada {
    float: left;
    margin-right: 1rem;
    padding: 1rem 2rem;
    background-color: #fff4b2;
    position: relative;
}

.contenedor_info_empresa_integrada a {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

span.icono_empresa_integrada {
    font-size: 1.7rem;
    margin-right: 0.5rem;
}

.listado_multibultos th.th_thead_listado[nombre_columna="estado"] {
    width: 30rem !important;
}

span.pickers_estado {
    font-size: 1.3rem;
    font-weight: bold;
}

.individual_empresas_integradas.cabecera {
    font-size: 12px;
    font-weight: bolder;
    margin-bottom: 10px;
    background-color: #348cd8;
    color: white;
}

.individual_empresas_integradas .dato {
    position: relative;
    width: 18rem;
    padding: 2rem 1rem;
    text-align: center;
}

.empresas_integradas .info_empresa_integrada .empresas_representadas .cantidad_empresas_representadas {
    width: 2rem;
    height: 2rem;
    background-color: #0179c9;
    border-radius: 100%;
    display: flex;
    font-size: 1rem;
    color: #fff;
    justify-content: center;
    align-items: center;
}

.dato.empresas_representadas {
    display: flex;
    justify-content: center;
}

.icono_activo, .icono_inactivo {
    display: flex;
    justify-content: center;
}

.individual_empresas_integradas {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.individual_empresas_integradas.par {
    background-color: #f5f5f5;
}

.individual_empresas_integradas.info_empresa_integrada a .dato.api {
    text-align: center;
}

.individual_empresas_integradas.info_empresa_integrada a .dato.solicitante {
    text-align: center;
}

.individual_empresas_integradas.info_empresa_integrada a .dato.remitente {
    text-align: center;
}

.individual_empresas_integradas.info_empresa_integrada a .dato.multibultos {
    text-align: center;
}

.contenedor_listado_empresas_integradas .individual_empresas_integradas a {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.contenedor_listado.empresas_integradas {
    position: relative;
    max-width: 132rem;
}

.individual_empresas_integradas.cabecera .dato {
    padding: 1rem;
}

.individual_empresas_integradas .dato.empresa {
    width: 23rem;
}

.contenedor_general_empresas_integradas {
    position: relative;
    margin-bottom: 5rem;
}

.contenedor_listado_empresas_integradas .info_empresa_integrada:hover {
    background-color: #daeeff !important;
}

.contenedor_listado_envios_redespachados .item_herramientas_fila_listado.comentario {
    width: 100%;
}

.contenedor_listado_envios_redespachados .icono_comentario {
    position: relative;
    width: 100%;
    right: 0;
}

.contenedor_general_listado.listado_zonas {
    min-height: unset;
}

.contenedor_general_listado.listado_zonas .individual_filtros_listado.ubicacion_1, .contenedor_general_listado.listado_zonas .individual_filtros_listado.ubicacion_2, .contenedor_general_listado.listado_zonas .individual_filtros_listado.ubicacion_3 {
    width: 22rem;
}

.contenedor_eliminar_modalidad {
    position: relative;
    margin-bottom: 1rem;
    overflow: hidden;
}

.contenedor_eliminar_modalidad button {
    margin-top: 0;
}

/*INICIO CUADRO TARIFAS*/
.contenedor_cuadro_tarifas {
    position: relative;
    display: flex;
    flex-direction: column;
    width: max-content;
}

.fila_cuadro_tarifas {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
}

.columna_cuadro_tarifas {
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    font-size: 1.5rem;
    height: 7rem;
    text-align: center;
    font-weight: 600;
    flex-direction: column;
}

.columna_cuadro_tarifas .valor_original {
    font-size: 1.3rem;
    color: red;
    text-decoration: line-through;
}

.columna_cuadro_tarifas .valor_nuevo {
    color: #4ca233;
}

.contenedor_general_cuadro_tarifas {
    position: relative;
    width: 100%;
    overflow-x: scroll;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 2rem;
}
.columna_cuadro_tarifas .input_tarifa {
    text-align: center;
    position: relative;
}

.input_mask_numero input.cargando {
    color: white !important;
}


.fila_cuadro_tarifas.cabecera {
    background-color: var(--color_gris_1);
    margin-bottom: 1rem;
}

.fila_cuadro_tarifas.cabecera .columna_cuadro_tarifas {
    color: white;
    border-right: white solid 0.1rem;
    font-weight: normal;
    font-size: 1.3rem;
    height: 5rem;
}
.fila_cuadro_tarifas.par {
    background-color: #f5f5f5;
}
.contenedor_general_cuadro_tarifas:not(.ajuste_tarifas_masivo_activado) .fila_cuadro_tarifas:not(.cabecera):not(.edicion):hover {
    background-color: #f0effd;
    cursor: pointer;
}
.fila_cuadro_tarifas.edicion {
    background-color: #bae5b5;
}
.botonera_edicion_fila_tarifas {
    padding: 1rem;
    padding-top: 0;
    height: 6rem;
}
.inner_botonera_edicion_fila_tarifas {
    position: absolute;
    width: max-content;
}
.fila_cuadro_tarifas.edicion.error {
    background-color: #ffe3e3;
}
.columna_cuadro_tarifas .input_tarifa.error {
    border: red solid 0.2rem;
}
.mensaje_sin_tarifas {
    font-size: 1.5rem;
    opacity: 1;
    margin-top: 1rem;
    padding-left: 1rem;
}

.contenedor_ajuste_tarifas_masivo {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    background-color: #fff7e1;
    width: max-content;
    border-radius: 0.6rem;
    border: #face4c solid 0.2rem;
}

.contenedor_ajuste_tarifas_masivo.error {
    background-color: #fce9e9;
    border-color: #ce0000;
}

.texto_ajuste_tarifas_masivo {
    font-size: 1.5rem;
    padding-bottom: 1rem;
}

.contenedor_input_ajuste_tarifas_masivo {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.contenedor_input_ajuste_tarifas_masivo input {
    width: 10rem;
    font-size: 1.8rem;
}

.contenedor_input_botones_ajuste_tarifas_masivo {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}


/*FIN CUADRO TARIFAS*/


/* VINCULAR ETIQUETA EXTERNA */

.vincular_etiqueta_externa {
    position: relative;
    display: flex;
    flex-direction: column;
}


.vincular_etiqueta_externa form {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}

.vincular_etiqueta_externa .tip_ayuda_icono {
    font-size: 1.8rem;
}

.vincular_etiqueta_externa .tip_ayuda {
    display: flex;
    position: relative;
    max-width: 26rem;
}

.vincular_etiqueta_externa .tip_ayuda_texto {
    line-height: 2rem;
    font-size: 1.4rem;
}

.modal_vincular_etiqueta_externa {
    max-width: 40rem;
}

.vincular_etiqueta_externa input {
    height: 5rem;
}

.vincular_etiqueta_externa .input {
    width: 100%;
}

.modal_vincular_etiqueta_externa .modal-footer {
    display: none;
}

button#vincular_etiqueta_externa {
    color: var(--color_layout_2);
    border: none;
    margin-top: 0;
}

/* FIN VINCULAR ETIQUETA EXTERNA */

/** () () () () () () () () () () () () () () () () () () () () () () () () FIN CUSTOM PROYECTO SAIRES ENVIOS **/