@import "custom-bshelpers.css";
@import "custom-pofohelpers.css";

/*--------------------------------------------------------------------------------*/
/*-------------------------------------COLORES------------------------------------*/
  
  :root {
    --color-rojo: #EC3237;
    --color-azul-osc: #003366;
    --color-azul-medio: #06529E;
    --color-azul-claro: #007CC2;
    --color-azul-light: #74CBF2;
    --color-verde: #00B200;
    --color-verde-osc: #009900;
    --color-purpura: #735de7;
    --color-gris-claro: #F7F7F7;
  }
  
  .color-rojo{ color:var(--color-rojo) !important; }
  .color-azul-osc{ color:var(--color-azul-osc) !important; }
  .color-azul-medio{ color:var(--color-azul-medio) !important; }
  .color-azul-claro{ color:var(--color-azul-claro) !important; }
  .color-azul-light{ color:var(--color-azul-light) !important; }
  .color-verde{ color:var(--color-verde) !important; }
  .color-verde-osc{ color:var(--color-verde-osc) !important; }
  .color-purpura{ color:var(--color-purpura) !important; }
  
  .bg-rojo{ background-color:var(--color-rojo) !important; }
    .bg-rojo a:hover{ color:var(--color-azul-osc) !important; }
  .bg-azul-osc{ background-color:var(--color-azul-osc) !important; }
  .bg-azul-medio{ background-color:var(--color-azul-medio) !important; }
  .bg-azul-claro{ background-color:var(--color-azul-claro) !important; }
  .bg-azul-light{ background-color:var(--color-azul-light) !important; }
  .bg-verde{ background-color:var(--color-verde) !important; }
  .bg-verde-osc{ background-color:var(--color-verde-osc) !important; }
  
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/



  
/*--------------------------------------------------------------------------------*/
/*--------------------------------ICONOS - TEXTOS---------------------------------*/
  
  .text-10, .icon-10 { font-size:10px !important; line-height: 150% !important; }
  .text-11, .icon-11 { font-size:11px !important; line-height: 150% !important; }
  .text-12, .icon-12 { font-size:12px !important; line-height: 150% !important; }
  .text-13, .icon-13 { font-size:13px !important; line-height: 150% !important; }
  .text-14, .icon-14 { font-size:14px !important; line-height: 150% !important; }
  .text-15, .icon-15 { font-size:165x !important; line-height: 150% !important; }
  .text-16, .icon-16 { font-size:16px !important; line-height: 150% !important; }
  .text-20, .icon-20 { font-size:20px !important; line-height: 150% !important; }
  .text-24, .icon-24 { font-size:24px !important; line-height: 150% !important; }
  .text-28, .icon-28 { font-size:28px !important; line-height: 150% !important; }
  .text-32, .icon-32 { font-size:32px !important; line-height: 150% !important; }
  .text-36, .icon-36 { font-size:36px !important; line-height: 150% !important; }
  .text-40, .icon-40 { font-size:40px !important; line-height: 150% !important; }
  .text-44, .icon-44 { font-size:44px !important; line-height: 150% !important; }
  .text-48, .icon-48 { font-size:48px !important; line-height: 150% !important; }
  .text-52, .icon-52 { font-size:52px !important; line-height: 150% !important; }
  .text-56, .icon-56 { font-size:56px !important; line-height: 150% !important; }
  .text-60, .icon-60 { font-size:60px !important; line-height: 150% !important; }
  .text-64, .icon-64 { font-size:64px !important; line-height: 150% !important; }
  .text-68, .icon-68 { font-size:68px !important; line-height: 150% !important; }
  .text-72, .icon-72 { font-size:72px !important; line-height: 150% !important; }
  .text-76, .icon-76 { font-size:76px !important; line-height: 150% !important; }
  .text-80, .icon-80 { font-size:80px !important; line-height: 150% !important; }
  .text-84, .icon-84 { font-size:84px !important; line-height: 150% !important; }
  .text-88, .icon-88 { font-size:88px !important; line-height: 150% !important; }
  .text-92, .icon-92 { font-size:92px !important; line-height: 150% !important; }
  .text-96, .icon-96 { font-size:96px !important; line-height: 150% !important; }
  
  .icon-rounded{
    color: #FFFFFF;
    background-color: var(--color-rojo);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
  }

  .icon-rounded.icon-20 { width:20px!important; height:20px!important; font-size:calc(20px*0.65)!important; }
  .icon-rounded.icon-24 { width:24px!important; height:24px!important; font-size:calc(24px*0.65)!important; }
  .icon-rounded.icon-28 { width:28px!important; height:28px!important; font-size:calc(28px*0.65)!important; }
  .icon-rounded.icon-32 { width:32px!important; height:32px!important; font-size:calc(32px*0.65)!important; }
  .icon-rounded.icon-36 { width:36px!important; height:36px!important; font-size:calc(36px*0.65)!important; }
  .icon-rounded.icon-40 { width:40px!important; height:40px!important; font-size:calc(40px*0.65)!important; }
  .icon-rounded.icon-44 { width:44px!important; height:44px!important; font-size:calc(44px*0.65)!important; }
  .icon-rounded.icon-48 { width:48px!important; height:48px!important; font-size:calc(48px*0.65)!important; }
  .icon-rounded.icon-52 { width:52px!important; height:52px!important; font-size:calc(52px*0.65)!important; }
  .icon-rounded.icon-56 { width:56px!important; height:56px!important; font-size:calc(56px*0.65)!important; }
  .icon-rounded.icon-60 { width:60px!important; height:60px!important; font-size:calc(60px*0.65)!important; }
  .icon-rounded.icon-64 { width:64px!important; height:64px!important; font-size:calc(64px*0.65)!important; }
  .icon-rounded.icon-68 { width:68px!important; height:68px!important; font-size:calc(68px*0.65)!important; }
  .icon-rounded.icon-72 { width:72px!important; height:72px!important; font-size:calc(72px*0.65)!important; }
  .icon-rounded.icon-76 { width:76px!important; height:76px!important; font-size:calc(76px*0.65)!important; }
  .icon-rounded.icon-80 { width:80px!important; height:80px!important; font-size:calc(80px*0.65)!important; }
  .icon-rounded.icon-84 { width:84px!important; height:84px!important; font-size:calc(84px*0.65)!important; }
  .icon-rounded.icon-88 { width:88px!important; height:88px!important; font-size:calc(88px*0.65)!important; }
  .icon-rounded.icon-92 { width:92px!important; height:92px!important; font-size:calc(92px*0.65)!important; }
  .icon-rounded.icon-96 { width:96px!important; height:96px!important; font-size:calc(96px*0.65)!important; }
  
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/*-------------------------------------VARIOS-------------------------------------*/
  .dd-selected label, .dd-option label{
    margin-top: 5px !important;
    margin-left: 5px !important;
    margin-bottom: 2px !important;
  }
  .dd-selected small, .dd-option small{
    padding-left: 5px !important;
  }
  .frm-header-rastreo{
    padding: 0px 0px 0px 0px;
    margin: 0px 5px 0px 0px;
  }
  .frm-header-rastreo input{
    background: none;
    border: none;
    text-align: right;
    padding: 2px;
    margin: 0px;
    font-size: 13px;
    width: 120px;
    color: #FFFFFF !important;
  }
  .frm-header-rastreo input::placeholder{
    color: rgba(255,255,255,0.6) !important;
  }
  .frm-header-rastreo button{
    background: none !important;
    border: none !important;
  }
  .frm-header-rastreo.con-borde{
    display: inline-block;
    border: 2px solid #FFFFFF;
    padding-right: 5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
  }
  .no-rotate{
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
  }
  ul.lista-icono{
    list-style: none;
    padding-left: 24px;
  }
  ul.lista-icono li:before{
    position: absolute;
    margin-top: 1px;
    margin-left: -24px;
    font-family: 'FontAwesome';
    content:"\f192";
    color: var(--color-rojo);
  }
  ul.lista-icono-2{
    list-style: none;
    padding-left: 12px;
  }
  ul.lista-icono-2 li:before{
    position: absolute;
    margin-top: 1px;
    margin-left: -12px;
    font-family: 'FontAwesome';
    content:"\f105";
    color: var(--color-azul-medio);
  }
  ol.lista-numerada{
    list-style: decimal;
    padding-left: 24px;
  }
  .formatos .content {
    position: relative;
  }
  /* separadores */
  hr.h10{ margin: 10px 0px 10px 0px !important; }
  hr.h15{ margin: 15px 0px 15px 0px !important; }
  hr.h20{ margin: 20px 0px 20px 0px !important; }
  hr.h30{ margin: 30px 0px 30px 0px !important; }
  hr.h40{ margin: 40px 0px 40px 0px !important; }
  hr.h50{ margin: 50px 0px 50px 0px !important; }
  hr.h60{ margin: 60px 0px 60px 0px !important; }
  hr.h70{ margin: 70px 0px 70px 0px !important; }
  hr.h80{ margin: 80px 0px 80px 0px !important; }
  hr.h90{ margin: 90px 0px 90px 0px !important; }
  hr.h100{ margin: 100px 0px 100px 0px !important; }
  hr.solid { border-top-style: solid; }
  hr.dashed { border-top-style: dashed; }
  hr.dotted { border-top-style: dotted; }
  hr.double { border-top-style: double; }
  hr.oscuro { border-top-color: #CCCCCC; }
  hr.rojo { border-top-color: var(--color-rojo); }
  hr.azul { border-top-color: var(--color-azul-medio); }
  hr.verde { border-top-color: var(--color-verde); }
  /* subheader */
  .subheader-titulo { color:#FFFFFF; font-size: 2.2em !important; }
  .subheader-subtitulo { color:#FFFFFF; font-size: 1.3em !important; }
  .box-dashed-rojo{
    border: 2px dashed var(--color-rojo);
    padding: 10px 15px 15px 15px;
  }
  .control input:checked ~ .control__indicator {
    background: var(--color-rojo) !important;
  }

  .separador-tarifas {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }
  .separador-tarifas:after {
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 50px;
    background: #CCCCCC !important;;
  }
  
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/*------------------------------------NOTAS-PIE-----------------------------------*/
  .notas-pie{
    background: var(--color-gris-claro);
  }
  .nota-pie-1{
    color: var(--color-rojo);
    font-weight: 900;
  }
  .nota-pie-1.blanco{
    color: #FFFFFF;
  }
  .nota-pie-1::after{
    content: "*";
  }
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/*------------------------------------MAILCHIMP-----------------------------------*/
  
  #mc_embed_signup .mc-field-group{
    margin-bottom: 10px;
  }
  #mc_embed_signup .mc-field-group label{
    margin-bottom: 1px;
  }
  #mc_embed_signup input {
    font-family: "Lato", sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 1px solid #CCC;
    width: 100%;
    margin-bottom: 0px;
    -webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    -ms-transition: background-color 0.5s;
    transition: background-color 0.5s;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  #mc_embed_signup input:focus{
    border: 1px solid #CCC;
  }
  #mc_embed_signup .datefield input{
    width: 33%;
  }
  #mc_embed_signup input#mc-embedded-subscribe,
  #mc_embed_signup input#mc-embedded-subscribe:focus {
    margin-top:5px;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900;
    padding: 0 20px;
    border: 1px solid #009aee;
    background: #009aee;
    color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  #mc_embed_signup input#mc-embedded-subscribe:hover {
      background: #0083d4;
  }
  .suscripcion-boletin{
    padding: 20px;
    border: 2px dashed var(--color-verde);
  }

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/*-------------------------------------VARIOS-------------------------------------*/  
  .menuzord-menu li{
    margin-right: 5px !important;
  }
  .showhide{
    float: none !important;
    text-align: center;
  }
  .showhide em{
    background: #FFFFFF !important;
  }
  @media (max-width: 900px) {
    .menuzord{
      text-align: center !important;
    }
  }
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/*-------------------------------------SWAL2--------------------------------------*/

  .swal2-popup {
    font-size: 0.7rem !important;
  }
  #swal2-title{
    padding-left: 25px !important;
    padding-right: 25px !important;
    font-size: 1.2rem !important;
  }
  #swal2-content{
    font-size: 1rem !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    padding-bottom: 7px !important;
    font-weight: 400;
  }
  .swal2-actions{
    margin-bottom: 7px !important;
  }
  .swal2-file{
    font-size: 0.8rem !important;
    padding: 10px !important;
    margin-bottom: 0px !important;
  }
  .swal2-validation-message{
    margin-top: 12px !important;
  }
  @-webkit-keyframes swal2-show2{
    0%{
      -webkit-transform:scale(.7);
      transform:scale(.7)
    }
    100%{
      -webkit-transform:scale(1);
      transform:scale(1);
    }
  }
  @keyframes swal2-show2{
    0%{
      -webkit-transform:scale(.7);
      transform:scale(.7);
    }
    100%{
      -webkit-transform:scale(1);
      transform:scale(1);
    }
  }
  .swal2-show{
    -webkit-animation:swal2-show2 .15s !important;
    animation:swal2-show2 .15s !important;
  }
  /*
  Este cambio ahora es global
  #swal2-content .form-group{
    margin-bottom:0.5rem !important;
  }
  */

/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/




/*--------------------------------------------------------------------------------*/
/*------------------------------CORREO ELECTRONICO--------------------------------*/

  .item-adjunto {
    width: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .item-adjunto a {
    text-align: left !important;
  }
  .item-adjunto .icono {
    font-size: 32px;
    line-height: 100%;
    padding-top: 4px;
    padding-right: 8px;
  }
  .item-adjunto .informacion {
    line-height: 102%;
  }
  .item-adjunto .informacion .archivo {
    margin-bottom: 3px;
  }
  .nota{
    margin-top:20px;
    padding: 30px;
    background: #EEEEEE;
  }
  .nota ol span, .nota ul span{
    font-weight:600;
  }
  
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/





/*--------------------------------------------------------------------------------*/
/*--------------------------CERTIFICACIÓN GUÍAS MASIVO----------------------------*/

  #prueba-entrega{
    width: 100% !important;
    min-width: 100% !important;
  }
  #prueba-entrega canvas{
    width: 100% !important;
    min-width: 100% !important;
  }
  .certificacion-mas .nota{
    margin-top:20px;
    padding: 30px;
    background: #EEEEEE;
  }
  
/*--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------*/





/* ------------------------------------------------------------------------------------ */
/* ---INICIO: animaciones-------------------------------------------------------------- */
  .anim-blink-loop-1s{
    animation: anim-paused-blink 1s infinite;
    -webkit-animation: anim-paused-blink 1s infinite;
  }
  .anim-blink-loop-1s:hover{
    animation: none;
    -webkit-animation: none;
  }
  .anim-blink-loop-2s{
    animation: anim-paused-blink 2s infinite;
    -webkit-animation: anim-paused-blink 2s infinite;
  }
  .anim-blink-loop-2s:hover{
    animation: none;
    -webkit-animation: none;
  }
  @keyframes anim-paused-blink {
    25% { opacity: 1; }
    50% { opacity: 0.3; }
    75% { opacity: 1; }
  }
  @-webkit-keyframes anim-paused-blink {
    25% { opacity: 1; }
    50% { opacity: 0.3; }
    75% { opacity: 1; }
  }
  .anim-pulso-1s{
    animation: anim-pulso 1s infinite;
    -webkit-animation: anim-pulso 1s infinite;
  }
  .anim-pulso-05s{
    animation: anim-pulso 0.5s infinite;
    -webkit-animation: anim-pulso 0.5s infinite;
  }
  @-webkit-keyframes anim-pulso {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
  @keyframes anim-pulso {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
/* ---FIN: animaciones----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */