/* ------------------------------------------------------------------------------------ */
/* ---INICIO: colores------------------------------------------------------------------ */
  :root {
    --color-pri: #FF6600; /* #ff214f */
    --color-sec: #0DAAD7;
    --color-ter: #00B200;
    --color-red: #D90000;
    --color-sec-claro: #D3D8E0;
    --color-sec-oscuro: #2B313C;
    --color-sec-muy-oscuro: #12151a;
    --color-fb: #1877F2;
    --color-twitter: #0DAAD7;
    --color-whatsapp: #00B200;
    --color-pdf: #D90000;
    --color-yt: #EE0000;
    /*-------*/
    --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-naranja: #FF9900;
    --color-naranja-osc: #FF7700;
  }

  .color-pri{ color:var(--color-pri) !important; }
  .color-sec{ color:var(--color-sec) !important; }
  .color-ter{ color:var(--color-ter) !important; }
  .color-fb{ color:var(--color-fb) !important; }
  .color-twitter{ color:var(--color-twitter) !important; }
  .color-whatsapp{ color:var(--color-whatsapp) !important; }
  .color-pdf{ color:var(--color-pdf) !important; }
  .color-yt{ color:var(--color-yt) !important; }
  /*-------*/
  .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-pri {background: var(--color-pri) !important; }
  .bg-sec {background-color:var(--color-sec) !important; }
  .bg-ter {background-color:var(--color-ter) !important; }
  .bg-fb{ background-color:var(--color-fb) !important; }
  .bg-twitter{ background-color:var(--color-twitter) !important; }
  .bg-whatsapp{ background-color:var(--color-whatsapp) !important; }
  .bg-pdf{ background-color:var(--color-pdf) !important; }
  .bg-yt{ background-color:var(--color-yt) !important; }

  .bg-sec-claro {background-color:var(--color-sec-claro);}
  .bg-sec-oscuro {background-color:var(--color-sec-oscuro);}
  .bg-sec-muy-oscuro {background-color:var(--color-sec-muy-oscuro);}
  .borde-color-blanco-05 {border-color:rgba(255,255,255,0.05);}

  .bg-slider{
    background: rgb(255,0,0);
  }

  .border-color-pri {border-color:var(--color-pri) !important;}
  .border-color-sec {border-color:var(--color-sec) !important;}
  .border-color-ter {border-color:var(--color-ter) !important;}
/* ---FIN: colores--------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---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; }
  }
  .anim-zoom-in{
    opacity: 0;
    animation: anim-zoom-in 1.0s ease forwards;
    -webkit-animation: anim-zoom-in 1.0s ease forwards;
  }
  @-webkit-keyframes anim-zoom-in {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }
  @keyframes anim-zoom-in {
    0% { transform: scale(0); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
  }
    
/* ---FIN: animaciones----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: tamaño iconos------------------------------------------------------------ */

  .icon-16 { font-size:16px;}
  .icon-20 { font-size:20px;}
  .icon-24 { font-size:24px;}
  .icon-28 { font-size:28px;}
  .icon-32 { font-size:32px;}
  .icon-36 { font-size:36px;}
  .icon-40 { font-size:40px;}
  .icon-44 { font-size:44px;}
  .icon-48 { font-size:48px;}
  .icon-56 { font-size:56px;}
  .icon-60 { font-size:60px;}
  .icon-66 { font-size:66px;}
  .icon-72 { font-size:72px;}
  .icon-80 { font-size:80px;}
  .icon-90 { font-size:90px;}
  .icon-100 { font-size:100px; line-height: 100%;}
  .icon-120 { font-size:120px; line-height: 100%;}
  .icon-150 { font-size:150px; line-height: 100%;}
  .icon-200 { font-size:200px; line-height: 100%;}

/* ---FIN: tamaño iconos--------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: swal2-------------------------------------------------------------------- */
  .custom-icon{
    border-width: 0;
  }
  .custom-loader{
    animation: none;
    border-width: 0;
    width: auto;
    height: auto;
  }
  .swal2-icon{
    /*
    padding: 0px !important;
    margin: 0px !important;
    */
  }
  .swal2-header{
    padding-top: 10px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .swal2-title{
    line-height: 130% !important;
  }
  .swal2-content{
    font-size: 1rem !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
    font-weight: 400;
  }
  .swal2-actions{
    padding-bottom: 5px !important;
  }
  .swal2-popup {
    font-size: 0.7rem !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
  }
  @media (max-width: 576px) { /* 576px or less */
    .swal2-content{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
  }
  .swal2-actions{
    margin-top: 5px !important;
    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;
  }
  /*
    --bootstrap4-theme--
    .swal2-hide{ -webkit-animation:fadeOutUp .3s; animation:fadeOutUp .3s; }
    @-webkit-keyframes swal2-hide2{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}
    @keyframes swal2-hide2{0%{transform:scale(1);opacity:1}100%{transform:scale(.5);opacity:0}}
    --default-theme--
  */
  .swal2-hide{
    -webkit-animation:swal2-hide2 .2s forwards;
    animation:swal2-hide2 .2s forwards;
  }
  @-webkit-keyframes swal2-hide2{
    0%{
      transform:scale(1);
      opacity:1
    }
    100%{
      transform:scale(.5);
      opacity:0
    }
  }
  @keyframes swal2-hide2{
    0%{
      transform:scale(1);
      opacity:1
    }
    100%{
      transform:scale(.5);
      opacity:0
    }
  }
  /*
  Este cambio ahora es global
  #swal2-content .form-group{
    margin-bottom:0.5rem !important;
  }
  */
  
  .swal2-content .parsley-errors-list, .swal2-content .parsley-errors-list li{
    color: var(--color-red); /* color danger */
    padding: 0px 0px 3px 0px !important;
    margin: 0px !important;
    list-style: none;
    font-size: 14px;
    line-height: 100%;
  }
/* ---FIN: swal2----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: vista-login-------------------------------------------------------------- */
  .vista-login{
    background: no-repeat center center;
    background-size: cover;
    background-image: url("../../assets/images/bg-login.jpg");
  }
/* ---FIN: vista-login----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: vista-accion-usuario----------------------------------------------------- */
  .vista-accion-usuario{
    background: no-repeat center center;
    background-size: cover;
    background-image: url("../../assets/images/bg-accion-usuario.jpg");
  }
  .vista-accion-usuario .white-box{
    /*box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.3);*/
    background: #FFFFFF;
  }
  .vista-accion-usuario .input-center input{
    text-align: center;
  }
/* ---FIN: vista-accion-usuario-------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */