@CHARSET "ISO-8859-1";

/* Rectangle 229 */


body {
    color: #3F3D56!important; 
}

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

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

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

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

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

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

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

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

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

.font_x_large7 {
   font-size:32px!important; 
}

.font_x_large8 {
   font-size:34px!important; 
}

.font_x_large10 {
   font-size:36px!important; 
}


.font_naranja {
    color: #FE5000;
}

.font_disabled {
    color: #999999;
}

.font_green {
    color: #00AE42;
}

.font_gris {
    color: #999999;
}

.font_red {
    color: #FF0000;
}

.mynx_panel {    
    max-width: 680px;
    width: 94%;
}

.borde_gris {
    border: solid 1px #999999;
}

.mynx_panel > .recuadro {    
    width: 100%;
    border: solid 1px #999999;
    border-radius: 2px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 8px;
}

.mynx_panel_gris {
    background: #F2F2F2;
    border-radius: 4px;
    float:left;    
    padding: 20px;
    margin: 5px;
}

.mynx_panel_gris_festivos {
    background: #F2F2F2;
    float: left;
    width: 100%;
    padding: 10px;
    margin: 3px 0px;
}

.mynx_panel_gris_festivos > div {
    color: #3F3D56;
    font-size: 14px;    
}

.mynx_panel_gris_festivos > div:first-child {  
    font-weight: bold;
    float:left; width:100px; text-align: right;
}

.mynx_panel_gris_festivos > div:nth-child(2) {
    border-left: 1px solid #CCCCCC;
    padding-left: 20px;
    float:left; width:calc(100% - 130px);
    margin-left: 10px;
    text-align: left;
}

@media (max-width:710px) {
    .mynx_panel_gris_festivos > div:first-child {
        width:100%;  
        border-bottom: 1px solid #CCCCCC;
        text-align: left;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    .mynx_panel_gris_festivos > div:nth-child(2) {
        border-left: none;
        width:100%;
        margin-left: 0px;
        padding-left: 5px;
    }
    .mynx_panel_gris_festivos > div:nth-child(2) > div {
        width: 33%;
    }
}
    

.mynx_panel_gris_historico {
    background: #F2F2F2;
    float:left;
    width: 100%;    
    padding: 20px;
    margin: 0px;    
}

.mynx_panel_gris_historico > div {
    float:left;
    width: max-content;
    font-weight: bold;
}


.mynx_panel_filtros_historico {
    background: #FAFAFA;
    float:left;
    width: 100%;    
    padding: 20px;
    margin: 0px;    
    border: solid 1px #999999;
}

.mynx_panel_filtros_historico > div {
    float:left;
    width: 100%;
    font-weight: bold;
    text-align: left;
    margin-top:8px;
    margin-bottom:8px;
}

.mynx_panel_filtros_historico > div > input[type=text] {
    width: 100%;
    text-align: left;
    font-weight: normal;
}    

.mynx_panel_izq {
    width: calc(50% - 10px)!important;
    float: left;
}

.mynx_panel_der {
    width: calc(50% - 10px)!important;
    float: right;    
}

@media (max-width:710px) {
    .mynx_panel_izq {
        width: calc(100% - 10px)!important;
        float: left;
    }
    
    .mynx_panel_der {
        width: calc(100% - 10px)!important;
        float: left;
    }    
}

@media (min-width:711px) {
    .mynx_panel_gris_historico > div {
        width: 33%;
        text-align: left;
    }
    
}

@media (max-width:710px) {
    .mynx_panel_gris_historico > div {
        margin: 5px;
    }
}

.three_panel {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  grid-template-columns: 20% 30% 48%;
}

.three_panel2 {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  grid-template-columns: 33% 33% 33%;
}

.four_panel2 {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  grid-template-columns: calc(25% - 10px) calc(25% - 10px) calc(25% - 10px) calc(25% - 10px); 
}

.four_panel2 .mynx_panel_salmon button {
    width: 90%!important;
}    

.three_panel_button_blue {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  grid-template-columns: calc(33.33% - 10px) calc(32.33% - 10px) calc(33.33% - 10px);
  position: relative;
}

.three_panel_button_blue > div{
    background: #3F3D56;
    font-size: 20px;
    font-weight: bold;
    color: white;
    text-align: center;
    height: 63px;
    line-height: 63px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}
/* ICG MyNacex2023 correcciones formato 1 INI */
.three_panel_button_blue > div:hover{
	background-color: #2800FF ;
}
/* ICG MyNacex2023 correcciones formato 1 FIN */
@media (max-width:710px) {
    .three_panel_button_blue > div{
        font-size: 16px;
        line-height: 100px;
        text-align: left;
        /*padding: 30px 14px 10px 18px;*/
        height: 100px;        
    }
    
    /*.three_panel_button_blue > div > img {
        height: 30px;
    }*/
}

@media (max-width:520px) {
    .three_panel_button_blue > div p{
        padding-right: 20px;
        bottom: -32px;
        position: absolute;
    }
    
}

.three_panel_historico {
  height: 280px;
}

.three_panel_historico > div {
  float: left;
  width: calc(33.33% - 6px);
}

.three_panel_historico > div:first-child {  
    margin-right: 6px;
}

.three_panel_historico > div:nth-child(2) {  
    margin-right: 3px;
    margin-left: 3px;
}

.three_panel_historico > div:nth-child(3) {  
    margin-left: 6px;
}


.three_panel_historico img {
    height: 50px;
}

.three_panel_historico .mynx_panel_grid_degradado > p:first-child {
    font-size: 80px;
    font-weight: bold;
    margin: 0px;
}

.three_panel_historico .mynx_panel_grid_degradado > p:nth-child(2) {  
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}

#filtros_fecha_historico {
    margin-bottom: 10px;    
}

#filtros_fecha_historico > #desde {
    text-align:left; 
    width: calc(50% - 20px); 
    float:left;
}

#filtros_fecha_historico > #hasta {
    text-align:left; 
    width: calc(50% - 20px); 
    float:right; 
    margin-right: 0px;
}


@media (max-width:710px) {
    .three_panel_historico {
      height: 220px;
    }    

    .three_panel_historico .mynx_panel_grid_degradado > p:first-child {
        font-size: 50px;
/* ICG MyNacex2023 correcciones formato 36 INI */
	    line-height: 60px;
/* ICG MyNacex2023 correcciones formato 36 FIN */
    }
    
    .three_panel_historico .mynx_panel_grid_degradado > p:nth-child(2) {  
        font-size: 14px;
    }
    
    #filtros_fecha_historico > #desde {
        width: calc(50% - 10px); 
    }
    
    #filtros_fecha_historico > #hasta {
        width: calc(50% - 10px); 
    }    
}

.panel_horarios {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  grid-template-columns: 20% 40% 40%;
  column-gap: 10px;
}

.mynx_panel_salmon {
    background: #FFF6F2;
    border-radius: 4px;
    padding:10px 15px 10px 15px;
}

.mynx_panel_grid_degradado {
    background: #FFFF;
    border-radius: 10px;
    padding: 10px 15px 10px 15px;
    box-shadow: 0 0 20px rgb(189 180 180 / 60%);
}

.mynx_panel_salmon > .rounded-white_boton {
    height: 42px!important;
    font-size: 14px!important;
    width: 75%;
}

.font_azul {
    color: #3F3D56;
}

.font_orange {
    color: #FE5000;    
}

.negrita {
    font-weight: bold;
}

.puntero {cursor: pointer;}

.mynx_input {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    border-radius: 4px;
    color: #999999;;
    height: 40px;
    text-align: center;
    margin-bottom: 0.5em;
/* ICG MyNacex2023 correcciones formato 5 INI */
    padding-left: 0.5em;
/* ICG MyNacex2023 correcciones formato 5 FIN */
}

/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
.mynx_input_file {
    background-color: #FFFFFF;
    border: none;
    border-radius: 4px;
    color: #999999;;
    height: 40px;
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 11pt !important;
/* ICG MyNacex2023 correcciones formato 5 INI */
    padding-left: 0.5em;
/* ICG MyNacex2023 correcciones formato 5 FIN */
}
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/


.mynx_input:focus, input.focused {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    border-radius: 4px;
/* ICG MyNacex2023 correcciones formato 5 INI */
    padding-left: 0.5em;
/* ICG MyNacex2023 correcciones formato 5 FIN */
}

.mynx_select {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    border-radius: 4px;
    color: #999999;;
    height: 40px;
    text-align: left;
    min-width: 70px;
    /*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
    margin-right: 0.7em;
    margin-bottom: 0.5em;
    /*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/
/* ICG MyNacex2023 correcciones formato 5 INI */
    padding-left: 0.2em;
/* ICG MyNacex2023 correcciones formato 5 FIN */
}

.mynx_select:focus, .mynx_select.focused {
    background-color: #FFFFFF;
    border: solid 1px #999999;
    border-radius: 4px;
}

.mynx_input_find::after { 
    position: relative;
    top: -44px;
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 9px;
    font-size: 20px;
    float: right;
    color: #FE5000;
}

.mynx_input_height {
    height: 40px!important;
}
/* ICG MyNacex2023 correcciones formato 4 INI */
.mynx_input_date {
	display: inline-block;
	/* position: relative; */
	width: -webkit-fill-available;
}
.mynx_input_date::after {
    position: absolute;
    float: right;
    right: 178px;
    font-family: 'FontAwesome';
    content: '\f073';
    font-size: 20px;
    margin: 4px;
}
@media (max-width:710px) {
    .mynx_input_date::after {
        position: absolute;
        float: right;
        right: 22px;
        font-family: 'FontAwesome';
        content: '\f073';
        font-size: 22px;
        margin: 4px;
    }
}
/* ICG MyNacex2023 correcciones formato 4 FIN */
/*
label {
    color: transparent;
    display: none;
}
*/

.label_check {
    color: transparent;
    display: block;
}

.mynx_opcion {
    width: 99px;
    height: 90px;
    background-color: #FFFFFF;
    border: solid 1px #FE5000;
    border-radius: 4px;
    color: #3F3D56;
    cursor: pointer;
}

.ico_container {
      width: 100%;
      display: -webkit-box;
      -webkit-box-pack: justify;
      -webkit-box-align: center;
      display: -moz-box;
      -moz-box-pack: justify;
      -moz-box-align: center;
      display: -ms-flexbox;
      -ms-flex-pack: justify;
      -ms-flex-align: center;
      display: box;
      box-pack: justify;
      box-align: center;
}

.ico_container > div { 
    text-align: center;
    padding: 7px 3px 0px 3px;
    font-size: 12px;
    color: #3F3D56;
    font-weight: bold;
}    

.ico_container > div > img {
    padding-bottom: 5px;
    padding-top: 5px;
    min-width: 50px;
    max-width: 60px;
    max-height: 50px;
}


.ico_container_pie {
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: flex-end;
    -webkit-box-align: end;
    align-items: end;
    justify-content: end;
}
}

.ico_container_pie > div {
    padding-left: 10px;
    padding-right: 10px;    
}

.ico_container_pie > div:hover {
    background-color: #F2F2F2;    
    color: #3F3D56;
}


.mynx_opcion_active {
    background-color: #F2F2F2 !important;    
    color: #3F3D56 !important;
}


.mynx_opcion_pie {
    max-width: 160px;
    height: 40px;
    padding: 4px 6px;
    line-height: 30px;
    background-color: #FFFFFF;
    border-top: none;
    border-bottom: none;
    border-left: solid 1px #999999;
    color: #FE5000;
    font-weight: bold;
    font-size: 12px;
    cursor: pointer;
}

.ico_container_mobile {
      width: 100%;
      float: left;
      background-color: #FFFFFF;
      font-size: 8px;
      font-weight: bold;      
      border-top: solid 1px #3F3D56;
      padding:0;
      margin:0;
      /*position: relative;*/
      position: fixed;
      display: block;
      /*top: 33px;*/
      bottom: 0px;
      z-index: 9900;
}

.ico_container_mobile > div {
    float: left;
    width: 20%;
    text-align: center;
    /*border-left: solid 1px #3F3D56;*/
    height: 70px;
    padding-top: 10px;    
    cursor: pointer;
    text-transform: uppercase;
}

.ico_container_mobile > div:first-child {
    border-left: none!important;
}

.ico_container_mobile > div > img {
    height: 30px;
    padding-bottom: 3px;
}    
    

.mynx_hr {
    border: 0;
    border-top: 1px solid #999999;
    margin: 10px 0;
    width: 100%;
}

.contador {
    width: 50px;
    height: 35px;
    line-height: 35px;
    background-color: #FFFFFF;
    border: solid 1px #999999;
    border-radius: 4px;
    color: #FE5000;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin: 10px 0px;    
}

.centrar_horizontal {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.centrar_vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);        
}


.rounded-orange {border: 1px solid #FE5000;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : white; background-color: #FE5000; font-size:13px; font-weight: bold;}
/*.rounded-orange:hover {border: 1px solid #FE5000;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : white; background-color: #FE5000; font-size:13px; font-weight: bold;}*/
.rounded-orange:hover {border: 1px solid #3F3D56;   border-top-left-radius: 2px;  border-top-right-radius: 2px;  border-bottom-left-radius: 2px;  border-bottom-right-radius: 2px;  color : #ffffff; background-color: #3F3D56; font-size:14px; font-weight: bold; text-align: center; padding: 3px 10px 3px 10px;}

.rounded-orange_boton {border: 1px solid #FE5000;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : white; background-color: #FE5000; font-size:16px; font-weight: bold;}
.rounded-orange_boton:hover {border: 1px solid #2800FF;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : white; background-color: #2800FF;}
.rounded-white  {border: 1px solid #FE5000!important;   border-top-left-radius: 25px!important;  border-top-right-radius: 25px!important;  border-bottom-left-radius: 25px!important;  border-bottom-right-radius: 25px!important;  color : #FE5000!important; background-color: #ffffff; font-size:14px; font-weight: bold;}
.rounded-white:hover  {border: 1px solid #2800FF!important;   border-top-left-radius: 25px!important;  border-top-right-radius: 25px!important;  border-bottom-left-radius: 25px!important;  border-bottom-right-radius: 25px!important;  color : #2800FF!important; background-color: #ffffff;}
.rounded-white-blue  {border: 1px solid #3F3D56;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #3F3D56; background-color: #ffffff; font-size:14px; font-weight: bold; text-align: center;}
.rounded-white-blue:hover  {border: 1px solid #2800FF;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #2800FF; background-color: #ffffff; text-align: center;}
.rounded-white-gris  {border: 1px solid #C4C4C4;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #FFFFFF; background-color: #C4C4C4; font-size:16px; font-weight: bold; text-align: center;}
.rounded-white-gris:hover  {border: 1px solid #C4C4C4;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #FFFFFF; background-color: #C4C4C4; text-align: center;}
.rounded-white_boton  {border: 1px solid #FE5000;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #FE5000; background-color: #ffffff; font-size:16px; font-weight: bold;}
.rounded-white_boton:hover  {border: 1px solid #2800FF;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #2800FF; background-color: #ffffff;}
.rounded-gris-white_boton  {border: 1px solid #999999;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #999999; background-color: #ffffff; font-size:16px; font-weight: bold;}
.rounded-green  {border: 1px solid #00AE42;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #FFFFFF; background-color: #00AE42; font-size:14px; font-weight: bold;}
.rounded-green:hover  {border: 1px solid #2800FF;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #FFFFFF; background-color: #2800FF;}


.boton-white-blue  {border: 1px solid #3F3D56;   border-top-left-radius: 2px;  border-top-right-radius: 2px;  border-bottom-left-radius: 2px;  border-bottom-right-radius: 2px;  color : #3F3D56; background-color: #ffffff; font-size:14px; font-weight: bold; text-align: center; padding: 3px 10px 3px 10px;}
.boton-white-blue:hover  {border: 1px solid #3F3D56;   border-top-left-radius: 2px;  border-top-right-radius: 2px;  border-bottom-left-radius: 2px;  border-bottom-right-radius: 2px;  color : #3F3D56; background-color: #ffffff; font-size:14px; font-weight: bold; text-align: center;}

.boton-blue-white  {border: 1px solid #3F3D56;   border-top-left-radius: 2px;  border-top-right-radius: 2px;  border-bottom-left-radius: 2px;  border-bottom-right-radius: 2px;  color : #ffffff; background-color: #3F3D56; font-size:14px; font-weight: bold; text-align: center; padding: 3px 10px 3px 10px;}
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
/*
.boton-blue-white:hover  {border: 1px solid #3F3D56;   border-top-left-radius: 2px;  border-top-right-radius: 2px;  border-bottom-left-radius: 2px;  border-bottom-right-radius: 2px;  color : #ffffff; background-color: #3F3D56; font-size:14px; font-weight: bold; text-align: center;}
*/
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/



.boton-white-blue  {border: 1px solid #3F3D56;   border-top-left-radius: 1px;  border-top-right-radius: 1px;  border-bottom-left-radius: 1px;  border-bottom-right-radius: 1px;  color : #3F3D56; background-color: #ffffff; font-size:14px; font-weight: bold; text-align: center;}
.boton-white-blue:hover  {border: 1px solid #2800FF;   border-top-left-radius: 1px;  border-top-right-radius: 1px;  border-bottom-left-radius: 1px;  border-bottom-right-radius: 1px;  color : #2800FF; background-color: #ffffff; font-size:14px; font-weight: bold; text-align: center;}
.boton-blue-white  {border: 1px solid #3F3D56;   border-top-left-radius: 1px;  border-top-right-radius: 1px;  border-bottom-left-radius: 1px;  border-bottom-right-radius: 1px;  color : #ffffff; background-color: #3F3D56; font-size:14px; font-weight: bold; text-align: center;}
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
/*
.boton-blue-white:hover  {border: 1px solid #3F3D56;   border-top-left-radius: 1px;  border-top-right-radius: 1px;  border-bottom-left-radius: 1px;  border-bottom-right-radius: 1px;  color : #ffffff; background-color: #3F3D56; font-size:14px; font-weight: bold; text-align: center;}
*/
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/

.rounded-gris-white  {border: 1px solid #C4C4C4;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #C4C4C4; background-color: #FFFFFF; font-size:14px; font-weight: bold; text-align: center;}
.rounded-gris-white:hover  {border: 1px solid #C4C4C4;   border-top-left-radius: 25px;  border-top-right-radius: 25px;  border-bottom-left-radius: 25px;  border-bottom-right-radius: 25px;  color : #C4C4C4; background-color: #FFFFFF; font-size:14px; font-weight: bold; text-align: center;}

.botones_dialog {
    width: 200px!important;
    height: 44px;
    font-size: 14px;
    text-align: center!important;
}

.botones_dialog2 {
    width:144px!important; 
    text-align: center!important;
/* ICG MyNacex2023 correcciones formato 32 INI */
    height: 40px;
/* ICG MyNacex2023 correcciones formato 32 FIN */
}

#p_entregas_pendientes {
    font-size: 80px; 
    font-weight:bold; 
    width: 100%;
    color: #3F3D56;
    float: left;
    line-height: 86px;   
}

#entregas_pendientes, #devoluciones, #admisiones {
    width: 100%;
}

.nx-borde_hijos {
    border-right: 1px solid #999999;
}

/* Tablas */
.nx-shop-table {border-collapse: collapse!important; border-top-left-radius: 5px;/* margin-right: 30px; */float:left;/* border: 1px solid gray; */width: 100%;}
.nx-shop-table thead {display: table-header-group;border-top-left-radius: 5px;/* width: calc(100% - 16px); */}
/* ICG MyNacex2023 correcciones formato 6 INI */
.nx-shop-table thead tr {background: #C4C4C4; color: white!important; height: 30px;font-size: 10px;}
/* ICG MyNacex2023 correcciones formato 6 FIN */
/*JDASILVA mynacex INI*/
.nx-shop-table thead td {color: white!important; padding: 0px 10px 0px 10px; font-weight: bold; border-spacing: 3px; border-left: 1px solid; white-space: nowrap;}
.nx-shop-table thead td a {color: white!important; text-decoration: none;}
.sort_table::before { 
    position: relative;
    top: 0px;
    content: "\f0dc";
    font-family: FontAwesome;
    margin-right: 0px;
    /*margin-left: 100px;*/
    font-size: 14px;
    float: right;
    color: #FFFFFF;
}
.sort_asc::before { 
    position: relative;
    top: 0px;
    content: "\f0de";
    font-family: FontAwesome;
    margin-right: 0px;
    /*margin-left: 100px;*/
    font-size: 14px;
    float: right;
    color: #FFFFFF;
}
.sort_des::before { 
    position: relative;
    top: 0px;
    content: "\f0dd";
    font-family: FontAwesome;
    margin-right: 0px;
    /*margin-left: 100px;*/
    font-size: 14px;
    float: right;
    color: #FFFFFF;

}
/*JDASILVA mynacex FIN*/
.nx-shop-table tbody {display: table-row-group;overflow-y: scroll;}
.nx-shop-table tbody td {padding: 8px 0px 8px 8px; margin: 2px 1px;}
.nx-shop-table tbody tr {border-bottom: 1px solid #C4C4C4!important;}
.nx-shop-table tbody tr:nth-child(odd) {background: #fff;}
.nx-shop-table tbody tr:nth-child(even) {background: #fff;}
/*.nx-shop--table tbody tr:hover {background: #fee;color: black;}*/
.nx-shop-table tfoot {display: table-footer-group!important; padding: 8px; display: block;}
.nx-shop-table tfoot tr {border-top:2px solid #000000;}
.nx-shop-table tfoot td {padding: 5px 0px 5px 0px;}
.nx-shop-table.shadow {box-shadow: 3px 3px 12px rgba(0,0,0,.5); }
.nx-shop-table input {padding 0!important;margin 0!important;padding: 0;margin: 8px;}

.nx-shop-table-2 {border-collapse: collapse;border-top-left-radius: 5px;/* margin-right: 30px; */float:left;/* border: 1px solid gray; */width: 100%;}
.nx-shop-table-2 th {/* border:1px solid #C0C0C0; */padding:5px;background:#F0F0F0; border-bottom:1px solid #FE5000;}
.nx-shop-table-2 td {/* border:1px solid #C0C0C0; */padding:6px 10px;}
.nx-shop-table-2 tbody tr:nth-child(odd) {background: antiquewhite;}
.nx-shop-table-2 tbody tr:nth-child(even) {background: #fff;}

.nx-shop-table-3 {font-size : 16px;}
.nx-shop-table-3 thead { font-weight : bold;}
.nx-shop-table-3 tbody td {padding-top : 12px;}


.regular-checkbox {
    opacity: initial!important;
    -moz-opacity: initial!important;
    -webkit-opacity: initial!important;
    -o-opacity: initial!important;    
    -webkit-appearance: none;
    background-color: #FFFFFF;
    border: 2px solid #A0A0A4;
    /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
    padding: 9px;
    border-radius: 1px;
    display: inline-block;
    position: relative;
    width: 20px!important;
    height: 20px!important;
}

.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
    background-color: #FE5000;
    /*
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    */
    color: #FE5000;
    border-color: #FE5000 !important;
}

.regular-checkbox:checked::after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: -1px;
    left: 3px;
    color: white !important;
}

.regular-option {
    opacity: initial!important;
    -moz-opacity: initial!important;
    -webkit-opacity: initial!important;
    -o-opacity: initial!important;    
    -webkit-appearance: none;
    background-color: #FFFFFF;
    border: 2px solid #A0A0A4;
    padding: 9px;
    border-radius: 100%;
    display: inline-block;
    position: relative;
    width: 20px!important;
    height: 20px!important;
}

.regular-option:active, .regular-option:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-option:checked {
    background-color: #FE5000;
    color: #FE5000;
    border: 2px solid #A0A0A4;
}

.regular-option:checked::after {
    /*content: '\2714';*/
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

.mynx_botonera_filtros {
    
}

.mynx_botonera_filtros > .opcion {
    float: right;
    max-width: 120px;
    min-width: 80px;
    height: 36px;
    border: 1px solid #999999;   
    color: #3F3D56; background-color: #FFFFFF; font-size:16px; font-weight: bold;
    margin-left: 8px;
    /*JAA v5*/
    padding: 0px 10px;
    /*JAA v5*/
    line-height: 36px;
    font-size: 14px;        
    cursor: pointer;
}

/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
.mynx_botonera_filtros > .opcion_desactive {
    color : #C4C4C4!important; 
    background-color: #FFFFFF !important;
    border: 1px solid #C4C4C4 !important;
    cursor: none !important;
    
}
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/


.mynx_botonera_filtros > .opcion_active {
    color : white!important; background-color: #FE5000!important;
}

.mynx_botonera_filtros > .opcion_disabled {
    color : white!important; background-color: #C4C4C4!important;
}

.mynx_botonera_filtros > .opcion:hover {
    border: 1px solid #2800FF;
    color : white; 
    background-color: #2800FF;   
}

.mynx_botonera {

}
    
.mynx_botonera > div { 
    min-width:120px; 
    float: right;
    height: 36px;
    font-size: 14px;
    padding: 6px 25px;
    margin: 0px 5px;
}

.mynx_botonera_left {

}
    
.mynx_botonera_left > div {
    min-width:120px; 
    float: left;
    height: 36px;
    font-size: 14px;
    padding: 6px 25px;
    margin: 0px 5px;
}

.mynx_botonera_center {
    display: flex;
    align-items: center;
    justify-content: center;        
}
    
.mynx_botonera_center > div {
    width:120px; 
    height: 36px;
    font-size: 14px;
    padding: 6px 25px;
    margin: 0px 5px;
    margin-left: 5px;
    margin-right: 5px;
}

.mynx_contenedor_center {
    display: flex;
    align-items: center;
    justify-content: center;    
}

.mynx_contenedor_center > div {
    margin-left: 5px;
    margin-right: 5px;
}

/* Calendario */
.ui-datepicker { margin: 5px auto 0;  background-color:#FCFCFB;  padding: 0px 0px 20px 0px;}
.ui-datepicker a { text-decoration: none;}
.ui-datepicker table { background-color: #FCFCFB;  position: relative;  left: 5px;}
.ui-datepicker-header {  color: #FE5000;  font-weight: bold;  background-color:#FCFCFB;  line-height: 100px;}
.ui-datepicker-title::after {   font-family: Avenir;   content: ""; font-size: 1.2em; font-weight: normal;    position: absolute; left: 2.5em;    pointer-events: none;}
.ui-datepicker .ui-icon {   background-image: none!important;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {  display:none;}  
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {color: #3F3D56;top: 5px;}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,.ui-datepicker .ui-datepicker-next.ui-state-hover { color: #3F3D56;}
.ui-datepicker .ui-datepicker-prev::after {font-size: 1.0em;font-weight: normal;position: relative;left: 0.3em;top: -2.0em;pointer-events: none;}
.ui-datepicker .ui-datepicker-next::after {font-size: 1.0em;font-weight: normal;position: relative;left: 0.4em;top: -2.0em;pointer-events: none;}
.ui-datepicker thead {background-color: #FCFCFB;}
.ui-datepicker th {text-transform: uppercase; color: #3F3D56;  font-size: 0.8em;  padding: 22px 7px 7px 0px;  font-weight: bold;}
.ui-datepicker tbody td {  padding: 0;}
.ui-datepicker tbody td:last-child {  border-right: 0px;}
.ui-datepicker tbody tr:last-child {  border-bottom: 0px;}
.ui-datepicker td span, .ui-datepicker td a {  display: inline-block;  text-align: center;  width: 27px;  height: 27px;  line-height: 27px;  color: #CCCCCC;}
.ui-datepicker-calendar .ui-state-default {  background: #FCFCFB;  color: #3F3D56;  border: none;  line-height: 1.3em;}
.ui-datepicker-calendar .ui-state-hover {  background: #CCCCCC;  color: #3F3D56;  border-radius: 50%;}
.ui-datepicker-calendar .ui-state-active {  background: #999999;  border-radius: 50%;  color: #ffffff!important;  position: relative;  margin: 0px;}

.ui-datepicker-unselectable .ui-state-default {  background: #FCFCFB;  color: #444444;}
.ui-datepicker-freeday .ui-state-default {color: red;}
.ui-datepicker-unselectable.ui-state-disabled {opacity: 0.4;   filter: Alpha(Opacity=40);}

.ui-datepicker-calendar td:first-child .ui-state-active {  width: 29px;  margin-left: 0;}
.ui-datepicker-calendar td:last-child .ui-state-active {  width: 30px; }
.ui-datepicker-calendar tr:last-child .ui-state-active {  height: 29px;  margin-bottom: 0;}

.ui-datepicker table {
    width: calc(100% - 20px);
}

ui-widget.ui-widget-content {
    
    border: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #999999;
    background: #FCFCFB;
    color: #3F3D56!important;
}


/* begin: jQuery UI Datepicker moving pixels fix */
table.ui-datepicker-calendar {border-collapse: separate;}
.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: none; color:#FF5A00; }

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
  background: #FE5000 none;
  color: white!important;
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight2 a {
  background: #FF5A00 none;
  color: white;
}

/* end: jQuery UI Datepicker emphasis on selected dates */

/* begin: jQuery UI Datepicker hide datepicker helper */
#ui-datepicker-div {display:none;}
/* end: jQuery UI Datepicker hide datepicker helper */


.mynx_cuadro {
    border: 1px solid #3F3D56;
    background-color: #FCFCFB;
}

.mynx_boder_left_gray {
    border-left: 1px solid #CCCCCC;
    padding-left: 5px;
}

.mynx_boder_right_gray {
    border-right: 1px solid #CCCCCC;
}

.sin_margen {
    margin: 0px!important;
}

.sin_padding {
    padding: 0px!important;
}

@media (min-width:711px) {
    .sin_margen_desktop {
        margin: 0px!important;
    }
}

.fila_seleccionada {background: #FFF6F2!important;}
.fila_tardes {background: #F2F2F2!important;}

.max_height {
    height: 100%!important;
}

.capitalize {
    text-transform: capitalize;
}

.linkPrinter {
    float: left;
    margin: 10px 14px;
    font-size: 16px;
}

.caja_importe {
    background-color: #F2F2F2;
    border: #CCCCCC 1px solid;
    border-radius: 1px;
    font-size: 36px;
    font-weight: bold;
    color: #3F3D56;      
    padding: 10px;
}

._dialog {
   padding: 8px 5px 12px 5px;    
}

._dialog > .ui-widget-header {
    display:none;    
}

._dialog_padding {
    padding-top:10px;    
}

._dialog_padding_x2 {
    padding-top:20px;    
}

.ic_cerrar {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 5px;
    z-index: 999999;    
}

.table-cell-no-padding > tbody > tr > td {
    padding: 0px!important;
}

.no_padding {
    padding: 0px!important;
}

.no_margin {
    margin: 0px!important;
}

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

/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
@media (min-width:602px) {
.div_firma {
	    height:66px;
	}
}
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/

/*
.div_firma > label {
    color: #3F3D56;
    display: block;
}
*/

.firma_izq {
    
}

.firma_izq > input {
    width: calc(100% - 10px);
    float: left;
}

.firma_izq > select {
    width: calc(100% - 10px);
    float: left;
}

.firma_ders {
    
}

.firma_der > input {
    width: 100%;
}

#dialog_etiqueta > img {
    max-height: 400px;
}

.panel_embalajes {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  grid-template-columns: calc(25% - 2px) calc(25% - 2px) calc(25% - 2px) calc(25% - 2px);
  column-gap: 10px;
  width: calc(100% - 20px);
}

.cuadroEmbalaje {
    border: 2px solid #b7b4b4;
    float: left;
    background-color: white;
    height: 200px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}

@media (max-width:710px) {
    .cuadroEmbalaje {
        height: 160px;
    }
}

.panel_embalajes > div:hover {
    border: 2px solid #FE5000;
    float: left;
    background-color: #f7f7f7;
    cursor: pointer;
}

.panel_embalajes_info {
    font-size: 13px;
    font-weight: bold;
    color: #444444;
}

.panel_embalajes_info > p {
    font-size: 13px;
    font-weight: bold;
    color: #444444;
}

.cuadroEmbalaje input[type="checkbox"] + label {
    position: relative;
    padding: 0px;
    font-size: 16px;
    color: initial;
    color: auto;
    color: inherit;
}

.cuadroEmbalaje input[type="checkbox"] + label:before {  
    content: "";
    display: block;
    position: absolute;
    left: -26px;
    width: 20px;
    background: white;
    border: none;
    -moz-box-shadow: inset 0px 0px 0px 2px white;
    -o-box-shadow: inset 0px 0px 0px 2px white;
    clear: left;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-family: FontAwesome;
    content: "\f111";
    font-size: 1.4em;
    pointer-events: none;
    color: #ede6e6;
    font-weight: bold;
    left: -6px;
    top: -2px;
}

.cuadroEmbalaje input[type="checkbox"]:checked + label:before {  
    content: "\f058";
    color: #FE5000;
}

.panel_embalajes .cuadroEmbalaje:hover input[type="checkbox"] + label:before {
    content: "\f058";
    color: #FE5000;  
    background-color: #f7f7f7;
}

.panel_embalajes p {
    margin: 0px!important;
}

.panel_embalajes .naranja {
        color: #FE5000;
        font-weight:bold; 
      font-size: 11pt;
}

.panel_embalajes .verde {
        color: #00ae42;
        font-weight:bold; 
      font-size: 11pt;
}

.panel_embalajes .gris {
      color: #b7b4b4;
      font-size: 10pt;
      margin: 10px 0px 0px 0px !important;
}

.panel_embalajes .negro1 {
      color: #000;
/* ICG MyNacex2023 correcciones formato 28 INI */
      font-size: 14px;
/* ICG MyNacex2023 correcciones formato 28 FIN */
      font-weight:bold; 
}

.panel_embalajes .negro2 {
/* ICG MyNacex2023 correcciones formato 29 INI */
      color: #999999;
      font-size: 12px;
/* ICG MyNacex2023 correcciones formato 29 FIN */
      font-weight:bold; 
}

.panel_embalajes .negro3 {
      color: #000;
      font-size: 17pt;
      font-weight:bold;
}

#pvp_embalaje1:hover {
      color:#00ae42!important;
}


.cuadroEmbalaje:hover #pvp_embalaje1 {
      color:#00ae42;
}

.cuadroEmbalaje:hover #pvp_embalaje2 {
      color:#00ae42;
}

.cuadroEmbalaje:hover #pvp_embalaje3 {
      color:#00ae42;
}

.cuadroEmbalaje:hover #pvp_embalaje4 {
      color:#00ae42;
}

.embalajeHoverVerde {
    color:#00ae42 !important;
}

#p_embalaje .naranja {
    color: #FE5000;
    font-weight:bold; 
    font-size: 20ps;
}

#p_embalaje .verde {
    color: #00ae42;
    font-weight:bold; 
    font-size: 20ps;
}


@media (min-width: 990px){
    /*JAA v5*/
	  .half_desktop {
        width: calc(50% - 8px);    
    }
    /*JAA v5*/
}

@media (max-width: 989px) and (min-width: 711px){
 .myNacexShopEnvios .half_desktop {
        width: calc(50% - 10px);    
        margin: 0% calc(25% + 5px);
    }
    
 .myNacexShopAdmisiones .half_desktop {
        width: calc(50% - 10px);    
        margin: 0% calc(25% + 5px);
    }
 .myNacexShopAdmisiones #panel_principal hr {display: none;}
}


.hide {
    display: none!important;
}

@media (min-width:711px) {
    .hide-desktop {
        display: none!important;    
    }
    /*JAA v5*/
    .half_desktop {
        width: calc(50% - 8px);    
    }
    /*JAA v5*/
    .half_mobile {
        width: calc(100%);    
    }
}
    
@media (max-width:710px) {
    .alto_mobile_auto {
        height: auto!important;
        min-height: auto!important;
    }
    .hide-mobile {
        display: none!important;
    }
    .half_desktop {
        width: calc(100%);    
    }    
    .half_mobile {
        width: calc(50%);
        float: left;    
    }
    .mynx_opcion  {
        height: 90px;
        width: 90px;
        margin-left: 5px;
        margin-right: 10px;
        padding: 5px;
        font-weight: bold;
        text-align: center;
    }    
    .mynx_opcion > img {
        height: 24px;
        margin-top:5px;
    }
    #p_entregas_pendientes {
        font-size: 48px; 
        width: auto;
        float: right;
        line-height: 50px;   
    }
    
    #entregas_pendientes, #devoluciones, #admisiones {
        width: calc(100% - 80px);
        float: left;
        margin-right: 0px;
    }
    
    #lectura {
        width: calc(100% - 45px)!important;
        float: left;
        margin-right: 0px;
    }

    .three_panel {
      grid-template-columns: 40% 60%;
    }
    
    div.three_panel div:nth-child(3) {
        grid-column: 1 / span 2;
    }
    
    .three_panel2 {
      grid-template-columns: 100%;
      row-gap: 10px;
    }
    
    .four_panel2 {
      grid-template-columns: calc(50% - 10px) calc(50% - 10px);
      row-gap: 10px;
    }
    
    .auto_height_mobile {
        /*height: auto!important;*/
        padding-bottom: 20px;
    }
    
    .panel_horarios > div > select {
        width: 80px;
    }

    .panel_horarios > div  {
        text-align: left;
    }
    
    .mynx_botonera > div {
        min-width:auto; 
        font-size: 12px;
        height: 32px;
        padding: 6px 16px;
    }
    
    .panel_embalajes {
      width: 100%;
      display: grid;
      grid-template-rows: auto;
      justify-content: space-between;
      grid-template-columns: calc(50% - 4px) calc(50% - 4px);
      column-gap: 10px;
      row-gap: 10px;
      width: calc(100%);
    }
    
    .Z3 {padding: 0px 0px 80px 0px !important;}
    
    #mynx_entregas {height: 250px !important;}
    #mynx_devoluciones {height: 250px !important;}
    #mynx_envios {height: 250px !important;}
    #mynx_entregas2 {height: 250px !important;}
    
}

.Z3 {padding-bottom:50px;}

#mynx_entregas {height: 510px;}
#mynx_devoluciones {height: 510px;}
#mynx_envios {height: 590px;}
#mynx_entregas2 {height: 71px;}


@media (max-width: 992px) {

	.mynx_panel_gris {padding: 12px;}
	#mynx_entregas2 .font_azul {font-size: 12px !important;}
	#mynx_entregas2 #boton_ver {font-size: 12px !important;}
}

@media (max-width: 600px) {
	#mynx_entregas2 {height: 80px !important;}
}

.nx-column-container {width: 100%;}
    
@media (max-width: 992px) and (min-width: 711px){
	.c4 {width: 33.33333%;}
	.c8 {width: 66.66666%;}
}


.txt_formacion {
  font-size: 16px; 
  height: 140px;
  text-align: center;
  padding: 0px 20px;	
}

#interactive {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;    
}

#interactive.viewport > canvas, #interactive.viewport > video {
    max-width: 100%;
    width: 100%;
    max-height: 100%;
    height: 100%;    
}

canvas.drawing, canvas.drawingBuffer {
    position: absolute;
    left: 0;
    top: 0;
}
canvas[Estilo de atributos] {
    aspect-ratio: auto 640 / 480;
}

.botonera_caducadas {
	  max-width: 680px;
    width: 94%;

}

.botonera_caducadas .rounded-white_boton {
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0px 20px 0px 20px;
}

.botonera_caducadas .rounded-white_boton > img {
    margin: 0px 10px 0px 0px;
    height: 31px;
}

.botonera_caducadas .rounded-gris-white_boton {
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0px 20px 0px 20px;
}

.botonera_caducadas .rounded-gris-white_boton > img {
    margin: 0px 10px 0px 0px;
    height: 31px;
}

.botonera_caducadas .disabled > img:nth-child(1){
    display:none;
}
.botonera_caducadas .enabled > img:nth-child(2){
    display:none;
}



.alerta_circulo {
    background: #FF0000;
    width: 31px;
    height: 31px;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-size: 14px!important;
    margin:0px;
    padding: 0px;
    line-height: 32px;
    border-radius: 50%;
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
}

#alerta_historico {
    font-size: 20px!important;
}

.blink {
  animation: blink-animation 1s steps(2, start) infinite;
  -webkit-animation: blink-animation 1s steps(2, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

#boton_inventario_cancelar {
    margin-right: 10px; max-width:150px;
}

#boton_inventario_aceptar {
    margin-left: 10px; max-width:150px
}

.size_inventario_desktop {
    max-height: 270px;
    min-height: 270px;
    overflow-x: auto;    
}        

.lista_exp_popup {
    max-height: 250px;
    min-height: 150px;
    overflow: auto;    
}

@media (max-width:710px) {
    #boton_inventario_cancelar {
        margin-right: 5px; max-width:130px;
    }
    
    #boton_inventario_aceptar {
        margin-left: 5px; max-width:130px
    }
    
    .size_inventario_desktop {
        min-height: 200px;
        max-height: 300px;
        overflow-x: auto;    
    }        
        
    .myNacexShopCaducadas .mynx_panel{
      width: 92%;
    } 
    
    #tabla_inventario .nx-hide-small{display: none!important;}

    #boton_entregar_qr_incidencia {max-width:130px !important;}

    #boton_entregar_qr_entregar{max-width:130px !important;}
    
    #dialog_datos_qr_1 {padding: 10px !important;}

    #lectura_qr_leida, #lectura_qr_confirmada {font-size: 16px !important;}
    
    /*#panel_datos_qr {padding: 0px !important;}*/

}    

.popup_incidencias {
    max-height: 400px;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 30px;
}

#desc_incidencia {
    max-height: 200px;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 10px;
}

.lista_cb_popup {
    max-height: 300px;
    min-height: 150px;
    overflow-x: auto;
    width: 100%;    
}

.menu_pasos {
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; 
}

.menu_pasos > div {

}

.menu_pasos > .circulo {
    background: #FE5000;
    width: 40px;
    height: 40px;
    color: white;
    font-weight: bold;
    font-size: 16px!important;
    margin:0px;
    padding: 0px;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.menu_pasos > .recta {
    width: 40px;
    padding: 0px;
    margin: 0px;    
}

.menu_pasos > .recta > hr {
    height: 6px;
    width: 100%;
    background-color: #FE5000;
    border: none;
}

.menu_pasos > .circulo.disabled {
    background: #C3C3C3;
    cursor: default;
}
    
.menu_pasos > .recta.disabled > hr {
    background-color: #C3C3C3;
}
   
#paso_1, #paso_2, #paso_3 {
    min-height: 390px;
}

#paso_2 {
    max-width: 475px;    
}


.menu_pasos_text {
    font-size: 10px;
    font-weight: bold;
    color: #FE5000;
    text-align: center;
    width: 40px;
}

#nuevo_envio_botonera_1, #nuevo_envio_botonera_2 {
    width: 100%;
}

#nuevo_envio_botonera_2 > button {
    width: 200px!important;
}

.papelera {
	text-decoration: none !important;
}

.papelera::after { 
    position: relative;
    top: -2px;
    content: "\f1f8";
    font-family: FontAwesome;
    font-size: 20px;
    color: #FE5000;
}

a {
  	color: #FE5000;
    text-decoration: underline;
    text-decoration-style: solid;
    cursor: pointer;
}

.ui-widget-content a {
    color: #FE5000;
}

.myNacexShopFacturas table {font-size: 10pt;}

@media (max-width: 600px){
	.firma_izq > input  {width: calc(100%);float: left;}
  .firma_izq > select {width: calc(100%);float: left;}
}

#dialog_datos_firma_1 .div_firma > label {font-size: 9pt; min-width:auto;}


.teclado_strator {
    right: 24px;
    left: unset;
    bottom: 94px;
    width: 60px;
    height: 60px;
    background-position: 50%;
    background-repeat: no-repeat;
    position: fixed;
    border-radius: 50%;
    box-shadow: none;
    transition: box-shadow .4s ease-in-out,opacity .4s ease-in-out,bottom .4s;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3F3D56;
    font-size: 20px;
    z-index: 9999;
    font-size: 40px;
    cursor: pointer;    
}

.ui-keyboard {
    position: fixed!important;
}

.teclado_strator_disabled {
    color: #C4C4C4!important;
}


#dialog_datos_qr_1 {
	padding: 20px;
}

#dialog_datos_qr_1_destinatario {
    margin: 20px 0px;
	  padding: 10px 0px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#dialog_datos_qr_1_destinatario p {
	  margin: 10px 0px;
}

#firma_destinatario_qr {
    color: #00ae42;
    font-weight:bold; 
    font-size: 15pt !important;
}

#boton_entregar_qr_incidencia {
    margin-right: 10px; max-width:150px;
}

#boton_entregar_qr_entregar{
    margin-left: 10px; max-width:150px;
}

#lectura_qr_leida, #lectura_qr_confirmada {
	  font-size: 18px;
    margin-bottom: 10px !important;
}

.lectura_qr_confirmada_ok::after { 
    position: relative;
    top: 1px;
    padding: 0 4px 0 12px;
    content: "\f058";
    font-family: FontAwesome;
    font-size: 18px;
    color: #00ae42;
}

.mynx_panel_gris_qr {
    background: #F2F2F2;
    float:left;    
    padding: 14px;
    margin: 0px;
    width: 100%;
    height: 100px;
}

.mynx_panel_gris_izq_qr {
    background: #F2F2F2;
    float:left;    
    padding: 14px;
    margin: 5px 5px 5px 0px;
    width: calc(40% - 5px);
    height: 80px;
}

.mynx_panel_gris_der_qr {
    background: #F2F2F2;
    float:left;    
    padding: 14px;
    margin: 5px 0px 5px 5px;
    width: calc(60% - 5px);
    height: 80px;
}

.mynx_panel_gris_der_qr p, .mynx_panel_gris_izq_qr p {
    margin: 0px 0px 4px 0px;
}

.mynx_panel_gris_qr a {
  font-size: 11pt;
}

/*
#panel_datos_qr {
	    padding: 0px 5%;
}
*/  

.dialog_error_qr::after { 
    position: relative;
    top: 0px;
    content: "\f06a";
    font-family: FontAwesome;
    font-size: 34px;
    color: #FE5000;
}

#dialog_incidencia #tabla_incidencias {
    font-size: 0.7em;
}

/*JAA Style Inputs*/
::-webkit-input-placeholder{color:inherit;opacity:0.75}
input::-webkit-input-placeholder {     font-size: 14px; font-style: oblique; }

input[type="text"]:focus {color: #3F3D56; border:solid 1px #FE5000 !important;}

h3 {
	color: #3F3D56;
}

.fa-search:hover, .fa-download:hover {
    color: #2800FF;
}

input[type="checkbox"]:focus { border-top: 2px solid #A0A0A4;}
input[type="radio"]:focus { border-top: 2px solid #A0A0A4;}

.mynx_panel_filtros_historico label{display: none;}
.mynx_panel_filtros_historico input::-webkit-input-placeholder {padding-left: 6px;}

.bloque_gris {
    width: 100%;
    background: #F2F2F2;
}


#div_tabla_inventario {display: none;}

.contador_inv {
    width: 160px;
    height: 120px;
    line-height: 35px;
    background-color: #F2F2F2;
    border: solid 1px #999999;
    border-radius: 4px;
    text-align: center;
    margin: 10px 0px;   
    font-size: 70px;
    font-weight: bold;
    color: #3F3D56;
    line-height: 122px; 
}

#div_titulo_inventario_2 {display:none;}

.datos_inv {margin: 30px 0px;}
.datos_inv_2 { padding: 20px 30px;}
.datos_inv_2 p {font-size: 13px;}

.titulo_inv {font-weight: bold;}

.link_inv {font-size: 11px;}

.mynx_hr_inv {
    border: 0;
    border-top: 2px solid #999999;
    margin: 10px 0;
    width: 100%;
}

.datos_inv_2_izq {
    text-align: left;
    width: 49% !important;
    padding-left: 6px;
    float:left;
}

.datos_inv_2_der {
	 text-align: right;
	 width: 49% !important;
	 padding-right: 6px;
	 float:left;
/* ICG MyNacex2023 correcciones formato 37, 39 INI */
	font-weight: bold;
/* ICG MyNacex2023 correcciones formato 37, 39 FIN */
}

.datos_inv_2 div {
    float: left;
    width: 100%;
}

#dialog_inventario_caducadas {
    padding: 10px 36px;
}

#dialog_inventario_falta_leer img {
    width: 30px;
}

.inv_falta_leer_izq {
    text-align: left;
    width: 49% !important;
    padding-left: 10px;
    float:left;
}

.inv_falta_leer_der {
   text-align: right;
   width: 49% !important;
   padding-right: 10px;
   float:left;
}

#dialog_inventario_falta_leer  button {
	width: 40%;
}

#dialog_inventario_falta_leer #boton_entregado_ya, #dialog_inventario_falta_leer #boton_no_llegado {
	border-radius: 6px;
	margin: 0% 2%;
	max-width: 160px;
	padding: 3px 5px 3px 5px;
  min-width: 144px;
  font-size: 14px;
}


#dialog_inventario_falta_leer #boton_incidencia, #dialog_inventario_falta_leer #boton_leer {
	margin: 0% 2%;
  max-width: 162px;
  font-size: 14px;
  min-width: 146px;
}
 
#dialog_inventario_falta_leer  input {
    width: calc(100% - 10px);
    float: left;
}   


#dialog_inventario_falta_leer  input:disabled {
    border: 0px !important;
    color: #999999 !important;
    background-color: #FFF !important;
    margin: 16px 0px 5px 10px;
}
    
#dialog_inventario_falta_leer input + label {
    display: block;
    margin-top: 1em;
    margin-left: 13px;
    font-size: 9pt;
}
    
#num_exp_por_leer {
	
	  margin: 8px 0px;
	  font-size: 18px;
	  font-weight: bold;
}

#botones_caducadas  img {
    height: 31px;
}


/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
.three_panel_button_blue_caducadas, .three_panel_button_gris_caducadas {
  width: 100%;
  display: grid;
  grid-template-rows: auto;
  justify-content: space-between;
  /*JAA-v5*/  
  grid-template-columns: calc(24.33% - 12px) calc(26.33% - 2px) calc(51.33% - 14px);  
  /*JAA-v5*/
  position: relative;
  padding: 32px 12px;
}
/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/


.three_panel_button_blue_caducadas > div{
    background: #3F3D56;
    font-size: 15px;
    font-weight: bold;
    color: white;
    text-align: center;
    height: 63px;
    line-height: 63px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}

/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Ini*/
.three_panel_button_gris_caducadas > div{
    background: #FFFFFF;
    /*jaa-v5*/
    font-size: 15px;
    /*jaa-v5*/
    font-weight: bold;
    color: #C4C4C4;
    border: 1px solid #C4C4C4;
    text-align: center;
    height: 63px;
    line-height: 63px;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    padding: 3px 6px 3px 6px;
}

	
@media (max-width:710px) {

    .three_panel_button_blue_caducadas, 
    .three_panel_button_gris_caducadas
    {
        display: table;  
    }
    
    .three_panel_button_blue_caducadas > div, 
    .three_panel_button_gris_caducadas > div
    {
        margin: 12px 50px;   
    }
    
    .nx-shop-table {
        font-size: 9pt;
    }

}

@media (max-width:520px) {
	
	  .three_panel_button_blue_caducadas > div, 
    .three_panel_button_gris_caducadas > div
    {
        margin: 12px 20px;   
    }
	
    .three_panel_button_blue_caducadas > div p{
        padding-right: 20px;
        bottom: -32px;
        position: absolute;
    }
    
    .mynx_botonera_filtros > .opcion {
        font-size: 12px !important;
        margin-left: 4px !important;
    }
    
    .bloque_gris .c8 {
        width: inherit !important;
    }
    
}

#div_caducadas_mobile a {
      font-size: 10pt;
}
/* ICG MyNacex2023 correcciones formato 16 INI */
.link_firma1 {
	font-size: 12px;
    font-weight: bold;
}
/* ICG MyNacex2023 correcciones formato 16 FIN */
/* ICG MyNacex2023 correcciones formato 14 INI */
.link_obligatorios {
	font-size: 12px;
    font-weight: bold;
    font-style: italic;
}
/* ICG MyNacex2023 correcciones formato 14 FIN */
/* ICG MyNacex2023 correcciones formato 17 INI */
.link_cancelar{
	font-size: 14px;
    font-weight: bold;
}
/* ICG MyNacex2023 correcciones formato 17 FIN */
/* ICG MyNacex2023 correcciones formato 27, 46 INI */
.link_limpiar {
	font-size: 12px;
    font-weight: bold;
}
/* ICG MyNacex2023 correcciones formato 27, 46 FIN */
/* ICG MyNacex2023 correcciones formato 48 INI */
/* para solucionar el problema de texto que esta en mayusculas y no se transforma con capitalize, primero lo pasamos a lower y luego hacemos capitalize */
.text_proper {
	text-transform: lowercase;
}
.text_proper p:first-letter {
	text-transform: capitalize;
}
/* ICG MyNacex2023 correcciones formato 48 FIN */

/*AMOJICA: CADUCADAS, ENTREGADAS, INVENTARIO, VISUALIZACION MOBILE Fin*/


@media (max-width:710px) {
    .destygo_widget {
        display:none!important;
    }    
}