/*
Estas fuentes las había importado para el diseño de tarjeta de navidad de la vista login
@import url('https://fonts.googleapis.com/css2?family=Henny+Penny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spicy+Rice&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gluten&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coiny&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shrikhand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Lobster+Two:ital@1&family=Mountains+of+Christmas:wght@700&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Rouge+Script&display=swap');

:root{
  --border-radius-login-signup: 10px;
}

/* ------------------------------------------------------------------------------------ */
/* ---INICIO: varios------------------------------------------------------------------- */
  .icono-header-vista-generica i {
    font-size: 14px !important;
  }
  .icono-header-vista-generica .fa-exclamation-circle {
    position: relative;
    top: -1px;
  }
  .icono-boton-header-vista-generica{
    position: relative;
    top: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px !important;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .icono-boton-header-vista-generica.rounded{
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
  }
  .icono-inline i {
    font-size: 14px !important;
    position: relative !important;
    top:-1px;
  }
  .icono-inline i.fa-16px {
    font-size: 16px !important;
  }
  .icono-inline i.fa-18px {
    font-size: 18px !important;
  }
  .icono-inline i.fa-20px {
    font-size: 20px !important;
  }
  .icono-inline i.fa-22px {
    font-size: 22px !important;
  }
  .child .icono-inline {
    margin-left: 3px;
  }
  input .form-control {
    height: 33px !important;
  }
  .layout-item-inline-medido input{
    width: 100% !important;
  }
  .layout-formas-pago{
    width: auto;
    white-space: nowrap;
    position: relative;
    top: 6px;
  }
  .contenedor-input-btns{
    min-height: 34px !important;
    height: auto !important;
    display: flex;
  }
  .input-1btn{
    flex-grow: 1;
    padding-right: 5px;
    max-width: calc(100% - 40px)!important;
  }
  .input-1btn.input-btn-sm{
    flex-grow: 1;
    padding-right: 5px;
    max-width: calc(100% - 32px)!important;
  }
  .input-2btn{
    flex-grow: 1;
    padding-right: 5px;
    max-width: calc(100% - 80px)!important;
  }
  .input-2btn.input-btn-sm{
    flex-grow: 1;
    padding-right: 5px;
    max-width: calc(100% - 63px)!important;
  }
  .input-3btn{
    flex-grow: 1;
    padding-right: 5px;
    max-width: calc(100% - 120px)!important;
  }
  .input-3btn.input-btn-sm{
    flex-grow: 1;
    padding-right: 5px;
    max-width: calc(100% - 96px)!important;
  }
  /*
  .input-btns{
    float: right;
  }
  */
  .input-info{
    min-height: 34px !important;
    height: auto !important;
    /* border-color: burlywood !important; */
  }
  .input-info:empty:not(:focus):before{
    content:attr(placeholder);
    opacity: 0.3;
  }
  .form-control-sm.input-info{
    min-height: 30px !important;
  }
  .input-lista-valores{
    width: 100% !important;
    height: 34px !important;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
  }
  .form-control-sm.input-lista-valores{
    height: 30px !important;
  }
  /*
  .input-lista-valores:empty:not(:focus):before{
    content:attr(placeholder);
    opacity: 0.3;
  }
  */ 
  .textarea-interlineado{
    background-attachment: local;
    background-image:
        linear-gradient(to right, white 10px, transparent 10px),
        linear-gradient(to left, white 10px, transparent 10px),
        repeating-linear-gradient(white, white 29px, #DDDDDD 29px, #DDDDDD 30px, white 30px);
    line-height: 30px;
    padding: 4px 12px;
  }
  .textarea-lineas-alternas{
    background-attachment: local;
    background-image: linear-gradient(#FFFFFF 50%, #FAFAFA 50%);
    background-size: 100% 50px;
    line-height: 25px;
    padding: 0px 10px;
  }
  .icono-requisito-nueva-clave.fa-check-circle{
    position: relative;
    top: 1px;
    font-size: 16px;
  }
  .icono-requisito-nueva-clave.fa-exclamation-circle{
    position: relative;
    top: -1px;
    font-size: 16px;
  }
  .tabla-previsualizacion td{
    min-width: 100px;
    vertical-align: middle;
  }
  .tabla-previsualizacion td.num{
    min-width: auto;
    padding-left: 25px !important;
    padding-right: 25px !important;
    border-right-width: 2px !important;
  }
  .tabla-lista-productos td{
    vertical-align: middle;
    white-space: nowrap;
  }
  .tabla-lista-resultados td{
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
  }
  .icono-pantalla-bloqueo{
    font-size: 10rem;
  }
  .titulo-pantalla-bloqueo{
    font-size: 5rem;
  }
  .readonly{
    pointer-events:none;
  }
  .readonly-alpha{
    pointer-events:none;
    opacity: 0.5;
  }
  .estado{
    padding: 2px 5px;
    color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  .icono-todo{
    display: inline-block;
    position: relative;
    top: -3px;
  }
  .icono-todo .fa-check{
    font-size: 6px;
    line-height: 4px;
    display: block;
  }
  .form-group{
    margin-bottom:0.50rem !important;
  }
  .w-contenido { /* para mostrar a pantalla semi-completa el form-modal lateral: 100% - ancho de aside */
    width: calc(100% - 200px) !important;
  }
  @media (max-width: 991.6px) {
    .w-contenido { /* para modo móvil mostrar al 100% */
      width: 100% !important;
    }
  }
  .box-dashed{
    border: 2px dashed;
    padding: 10px 15px 15px 15px;
  }
  .text-yellow{
    color: #FFD000;
  }
  .badge.badge-nuevo{
    font-size: 9px !important;
    padding: 2px !important;
  }
  .btn-sm-circle{
    width: 35px;
  }
/* ---FIN: varios---------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: padding-margin----------------------------------------------------------- */
  .m-5px { margin: 5px !important; }
  .mt-5px { margin-top: 5px !important; }
  .mb-5px { margin-bottom: 5px !important; }
  .my-5px { margin-top: 5px !important; margin-bottom: 5px !important; }
  .ml-5px { margin-left: 5px !important; }
  .mr-5px { margin-right: 5px !important; }
  .mx-5px { margin-left: 5px !important; margin-right: 5px !important; }
  .m-10px { margin: 10px !important; }
  .mt-10px { margin-top: 10px !important; }
  .mb-10px { margin-bottom: 10px !important; }
  .my-10px { margin-top: 10px !important; margin-bottom: 10px !important; }
  .ml-10px { margin-left: 10px !important; }
  .mr-10px { margin-right: 10px !important; }
  .mx-10px { margin-left: 10px !important; margin-right: 10px !important; }
  .m-15px { margin: 15px !important; }
  .mt-15px { margin-top: 15px !important; }
  .mb-15px { margin-bottom: 15px !important; }
  .my-15px { margin-top: 15px !important; margin-bottom: 15px !important; }
  .ml-15px { margin-left: 15px !important; }
  .mr-15px { margin-right: 15px !important; }
  .mx-15px { margin-left: 15px !important; margin-right: 15px !important; }
  .m-20px { margin: 20px !important; }
  .mt-20px { margin-top: 20px !important; }
  .mb-20px { margin-bottom: 20px !important; }
  .my-20px { margin-top: 20px !important; margin-bottom: 20px !important; }
  .ml-20px { margin-left: 20px !important; }
  .mr-20px { margin-right: 20px !important; }
  .mx-20px { margin-left: 20px !important; margin-right: 20px !important; }
  .p-5px { padding: 5px !important; }
  .pt-5px { padding-top: 5px !important; }
  .pb-5px { padding-bottom: 5px !important; }
  .py-5px { padding-top: 5px !important; padding-bottom: 5px !important; }
  .pl-5px { padding-left: 5px !important; }
  .pr-5px { padding-right: 5px !important; }
  .px-5px { padding-left: 5px !important; padding-right: 5px !important; }
  .p-10px { padding: 10px !important; }
  .pt-10px { padding-top: 10px !important; }
  .pb-10px { padding-bottom: 10px !important; }
  .py-10px { padding-top: 10px !important; padding-bottom: 10px !important; }
  .pl-10px { padding-left: 10px !important; }
  .pr-10px { padding-right: 10px !important; }
  .px-10px { padding-left: 10px !important; padding-right: 10px !important; }
  .p-15px { padding: 15px !important; }
  .pt-15px { padding-top: 15px !important; }
  .pb-15px { padding-bottom: 15px !important; }
  .py-15px { padding-top: 15px !important; padding-bottom: 15px !important; }
  .pl-15px { padding-left: 15px !important; }
  .pr-15px { padding-right: 15px !important; }
  .px-15px { padding-left: 15px !important; padding-right: 15px !important; }
  .p-20px { padding: 20px !important; }
  .pt-20px { padding-top: 20px !important; }
  .pb-20px { padding-bottom: 20px !important; }
  .py-20px { padding-top: 20px !important; padding-bottom: 20px !important; }
  .pl-20px { padding-left: 20px !important; }
  .pr-20px { padding-right: 20px !important; }
  .px-20px { padding-left: 20px !important; padding-right: 20px !important; }
/* ---FIN: padding-margin-------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: configuraciones-estructura-principal-aplicacion-------------------------- */
  .box-radius-componente-principal {
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
  }
  .box-shadow-componente-principal {
    box-shadow: 0px 0px 5px 0px rgba(0, 10, 20, 0.15);
    transition: box-shadow 0.2s ease-in-out;
    -webkit-transition: box-shadow 0.2s ease-in-out;
    -moz-transition: box-shadow 0.2s ease-in-out;
    -ms-transition: box-shadow 0.2s ease-in-out;
    -o-transition: box-shadow 0.2s ease-in-out;
  }
  .box-shadow-componente-principal.box-shadow-animado:hover {
    box-shadow: 0px 0px 20px 10px rgba(0, 10, 20, 0.15);
  }
  .btn{
    border-radius: 50px !important;
    -webkit-border-radius: 50px !important;
    -moz-border-radius: 50px !important;
    -ms-border-radius: 50px !important;
    -o-border-radius: 50px !important;
  }
  .btn-sm {
    padding: .35rem .70rem !important;
    font-size: 0.9rem !important;
  }
  /* white my-20px box-radius-componente-principal box-shadow-componente-principal _box-shadow-animado */
  .app-content{
    background: #FFFFFF;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;
    box-shadow: 0px 0px 5px 0px rgba(0, 10, 20, 0.15);
    border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    -ms-border-radius: 15px !important;
    -o-border-radius: 15px !important;
  }
  @media (max-width: 991.6px) {
    .app-content{
      margin-left: 20px !important;
    }
  }
  .content-header{
    border-bottom: 1px solid #EEEEEE;
    /*
    background-color: #e2e9f1 !important;
    margin: 20px;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    */
  }
  .content-footer{
    background-color: #EEEEEE !important;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
  }
  /* aside - menú lateral */
  .nav-sub li a .nav-text {
    padding: 4px 15px 5px 15px !important;
    margin: 3px 0px !important;
  }
  .folded.nav-expand:hover .nav .active .nav-icon{
    background: none !important;
  }
  .nav-sub li a .nav-text,
  .nav-sub li a:hover .nav-text,
  .nav-sub li.active > a .nav-text{
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
  }
  .nav-expand.show > *,
  .folded.nav-expand:hover > *{
    background: #FFFFFF !important;
    box-shadow: 0px 0px 25px 0px rgba(0, 10, 20, 0.20);
    border-radius: 0px 15px 15px 0px !important;
    -webkit-border-radius: 0px 15px 15px 0px !important;
    -moz-border-radius: 0px 15px 15px 0px !important;
    -ms-border-radius: 0px 15px 15px 0px !important;
    -o-border-radius: 0px 15px 15px 0px !important;
  }
  /*
  .nav-sub li:not(.active) > a .nav-text {
    background: inherit !important;
    color: inherit !important;
  }
  */
  .nav-sub li:not(.active) a:hover .nav-text {
    background: #cbe2f8 !important;
  }
  .nav-group-item .nav-text{
    font-weight: 600 !important;
  }
  .nav-title {
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 600;
    margin-left: 5px !important;
 }
/* ---FIN: configuraciones-estructura-principal-aplicacion----------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: animaciones-------------------------------------------------------------- */
  .anim-blink-loop-1s{
    animation: anim-paused-blink 1s infinite;
    -webkit-animation: anim-paused-blink 1s infinite;
  }
  .anim-blink-loop-2s{
    animation: anim-paused-blink 2s infinite;
    -webkit-animation: anim-paused-blink 2s infinite;
  }
  @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-izq-der-loop-2s{
    position: relative;
    animation: anim-paused-izq-der 2s infinite;
    -webkit-animation: anim-paused-izq-der 2s infinite;
  }
  @keyframes anim-paused-izq-der {
    25% { left: 0px; }
    50% { left: -5px; }
    75% { left: 0px; }
  }
  @-webkit-keyframes anim-paused-izq-der {
    25% { left: 0px; }
    50% { left: -5px; }
    75% { left: 0px; }
  }
/* ---FIN: animaciones----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: app---------------------------------------------------------------------- */
  .app-small{
    font-size: 0.725rem !important;
    line-height: 1.4 !important;
  }
  .app-small table.dataTable td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
  .app-small table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
  .app-small table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child {
    padding-left: 22px !important;
  }
  .app-small table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
  .app-small table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
    left: 5px !important;
  }
/* ---FIN: app------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: animaciones-------------------------------------------------------------- */
  .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----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: md-switch-val------------------------------------------------------------ */
  .md-switch-val {
    cursor: pointer;
    padding-left: 36px;
    margin: 0;
    min-height: 20px;
  }
  .md-switch-val input {
    position: absolute;
    cursor: pointer;
    width: 36px;
    height: 20px;
    z-index: 1;
    opacity: 0;
    margin-left: -36px;
  }
  .md-switch-val input:checked + i:before {
    background: #22b66e;
    opacity: 0.5;
  }
  .md-switch-val input:checked + i:after {
    background: #22b66e;
    left: 16px;
  }
  .md-switch-val input[disabled] + i:before,
  fieldset[disabled] .md-switch-val input + i:before {
    background-color: rgba(0, 0, 0, 0.12);
  }
  .md-switch-val input[disabled] + i:after,
  fieldset[disabled] .md-switch-val input + i:after {
    background-color: #bdbdbd;
  }
  .md-switch-val i {
    width: 0px;
    height: 18px;
    line-height: 1;
    margin-left: -36px;
    margin-top: -2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 44px;
    position: relative;
  }
  .md-switch-val i:before {
    content: "";
    left: 1px;
    width: 34px;
    top: 3px;
    height: 14px;
    border-radius: 8px;
    position: absolute;
    background-color: #ea2e49;
    opacity: 0.5;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .md-switch-val i:after {
    content: "";
    position: absolute;
    margin: 0;
    left: 0;
    top: 0;
    outline: none;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #ea2e49;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.26);
    -webkit-transition: all 0.2s;
    transition: all 0.2s; 
  }
/* ---FIN: md-switch-val--------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: checkbox----------------------------------------------------------------- */
  .md-check > i.primary.custom-theme:before {
    border-color: #53a6fa;
  }
  .md-check > i.accent.custom-theme:before {
    border-color: #6284f3;
  }
  .md-check > i.warn.custom-theme:before {
    border-color: #907eec;
  }
  .md-check > i.success.custom-theme:before {
    border-color: #22b66e;
  }
  .md-check > i.info.custom-theme:before {
    border-color: #14baa8;
  }
  .md-check > i.warning.custom-theme:before {
    border-color: #fdab29;
  }
  .md-check > i.danger.custom-theme:before {
    border-color: #ea2e49;
  }
  
/* ---FIN: checkbox-------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: swal2-------------------------------------------------------------------- */
  .custom-icon{
    border-width: 0;
  }
  .custom-loader{
    animation: none;
    border-width: 0;
    width: auto;
    height: auto;
  }
  .swal2-popup {
    font-size: 0.7rem !important;
  }
  #swal2-title{
    padding-left: 25px !important;
    padding-right: 25px !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;
  }
  /*
    --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
    }
  }
  .swal2-content .parsley-errors-list, .swal2-content .parsley-errors-list li{
    padding: 0px 0px 3px 0px !important;
    margin: 0px !important;
    list-style: none;
    font-size: 14px;
    line-height: 100%;
  }
/* ---FIN: swal2----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: dropzone----------------------------------------------------------------- */
  .dropzone.rounded{
    border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    -ms-border-radius: 6px !important;
    -o-border-radius: 6px !important;
  }
  /* este ajuste muestra el ícono de éxito y se mantiene sin desaparecer */
  .dropzone.b-theme:not(:hover):not(.dz-drag-hover){
    border-color:#DDDDDD !important;
  }
  .dropzone .dz-preview.dz-success .dz-success-mark{
    opacity:1;
    -webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
  }
  .dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 0%;
    left: 0%;
    margin-left: -15px;
    margin-top: -15px;
  }
  .dropzone .dz-preview svg {
    background: #ffffff;
    opacity: 1;
    display: block;
    width: 30px !important;
    height: 30px !important;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
  }
  .dropzone .dz-preview svg path {
    fill-opacity: 1 !important;
  }
  .dropzone .dz-preview .dz-success-mark svg path {
    fill: #22b66e !important;
  }
  .dropzone .dz-preview .dz-error-mark svg path {
    fill: #ea2e49 !important;
  }
  .dropzone .dz-preview .dz-image {
    background: #f3f6f9 !important;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
  }
  .dropzone .dz-preview .dz-error-message{
    /*
    opacity: 1 !important;
    position: relative;
    top: -120px;
    left: 0px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    */
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
  }
  /*
  .dropzone .dz-preview.dz-error:hover .dz-error-message{
    opacity: 0 !important;
  }
  */
  .dropzone .dz-preview .dz-error-message{
    background: #ea2e49 !important;
  }
  .dropzone .dz-preview .dz-error-message:after {
    border-bottom: 6px solid #ea2e49 !important;
  }
  .dz-adjuntos-contenedor{
    margin-bottom: 100px;
  }
  .dz-adjuntos .item-adjunto{
    margin: 0px 7px 7px 0px;
  }
  .dz-adjuntos .item-adjunto .icono{
    font-size: 26px;
    line-height: 100%;
    padding-top: 4px;
    padding-right: 8px;
  }
  .dz-adjuntos .item-adjunto .dropdown-item i{
    opacity: 1 !important;
  }
/* ---FIN: dropzone-------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: modal-------------------------------------------------------------------- */
  .modal{
    background-color: rgba(0,0,0,0.5);
  }
  .modal-backdrop{
    background-color: rgba(0,0,0,0.0);
  }
/* ---FIN: modal----------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: summernote--------------------------------------------------------------- */
  .summernote-frame{ /* wrapper - fabrica */
    border: 1px solid rgba(120, 130, 140, 0.2);
    border-radius: 0.25rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    -o-border-radius: 0.25rem;
  }
  .note-editor.note-frame .note-statusbar,.note-editor.note-airframe .note-statusbar{
    border-top-color: rgba(120, 130, 140, 0.2);
    background-color: rgba(0,0,0,.03) !important;
  }
/* ---FIN: summernote------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: select2------------------------------------------------------------------ */
  span.select2.select2-container{
    width:100% !important;
  }
  .select2-dropdown {
    z-index: 1061;
  }
  .select2-container *:focus {
    box-shadow: 0 0 0 0.2rem rgba(83, 166, 250, 0.25);
  }
  .select2-selection__placeholder {
    color: inherit;
    opacity: 0.4;
  }
/* ---FIN: select2--------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: layouts agrupados-------------------------------------------------------- */
  .direccion .prefijo-ruta      { float:left; width:40%; }
  .direccion .ruta-pri          { float:left; width:20%; padding-left:5px; }
  .direccion .ruta-sec          { float:left; width:20%; padding-left:5px; }
  .direccion .ruta-com          { float:left; width:20%; padding-left:5px; }
  
  .num-identificacion .num      { float:left; width:80%; }
  .num-identificacion .dig-ver  { float:left; width:20%; padding-left:5px; }
  
  .nombres-apellidos .primer    { float:left; width:50%; }
  .nombres-apellidos .segundo   { float:left; width:50%; padding-left:5px; }
  
  .tel-pne .prefijo             { float:left; width:25%; }
  .tel-pne .numero              { float:left; width:50%; padding-left:5px; }
  .tel-pne .ext                 { float:left; width:25%; padding-left:5px; }
  
  .tel-pn .prefijo              { float:left; width:25%; }
  .tel-pn .numero               { float:left; width:75%; padding-left:5px; }
  
  .item-tip-2cols .columna      { float:left; width:50%; padding-left: 5px; }
  .item-tip-2cols .columna-pri  { padding-left: 0px; }
  
  .item-tip-3cols .columna      { float:left; width:33%; padding-left: 5px; }
  .item-tip-3cols .columna-pri  { padding-left: 0px; }
  
  .item-tip-2de3cols .columna      { float:left; width:66%; padding-left: 5px; }
  .item-tip-2de3cols .columna-pri  { width:33%; padding-left: 0px; }
  
  .item-tip-4cols .columna      { float:left; width:25%; padding-left: 5px; }
  .item-tip-4cols .columna-pri  { padding-left: 0px; }
/* ---FIN: layouts agrupados----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: jquery notify - notificaciones------------------------------------------- */
  .alert-dismissible .close {
    /* color: #fff; */
    opacity: 1;
    border: none;
    text-shadow: none;
    padding: 0px;
  }
  /*
  .alert-dismissible .close:hover,
  .alert-dismissible .close:focus {
    color: #fff !important;
  }
  */
  [data-notify="progressbar"] {
    position: absolute;
    margin-bottom: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
  }
/* ---FIN: jquery notify - notificaciones---------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: parsley------------------------------------------------------------------ */
  ul.parsley-errors-list{
    padding: 0px;
    margin: 0px;
    animation: anim-paused-blink 1s infinite;
    -webkit-animation: anim-paused-blink 1s infinite;
  }
  .parsley-errors-list, .parsley-errors-list li{
    color: #e9223f; /* color danger */
    padding: 3px 0px 3px 0px;
    margin: 0px;
    list-style: none;
  }
  .parsley-errors-list li:before{
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    content: "\f06a\00a0";
  }
/* ---FIN: parsley--------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: tablas anidadas---------------------------------------------------------- */
  .tabla-aniada tr,
  .tabla-aniada td,
  .tabla-aniada th {
    vertical-align: top !important;
  }
  .tabla-aniada tr:hover,
  .tabla-aniada tr.active,
  .tabla-aniada td.active,
  .tabla-aniada th.active {
    background: none !important;
  }
  .tabla-saltos-linea th,
  .tabla-saltos-linea td {
    padding: 0px !important;
    border-top: none !important;
  }
/* ---FIN: tablas anidadas------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: rowsorter---------------------------------------------------------------- */
  /*
    .rowsorter.sorting-table {cursor: ns-resize; box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);}
    .rowsorter tr.sorting-row td { background-color: #8b8; }
    .sort-handler {float: right; background-color: #f80; width: 14px; height: 14px; margin: 2px 0 0 6px; cursor: ns-resize;}
    .rowsorter td.sorter { cursor: ns-resize; }
  */
  .rowsorter td.sorter {
    cursor: ns-resize;
    text-align: center;
    vertical-align: middle;
  }
  .rowsorter td.sorter::before {
    font-family: "FontAwesome";
    content: "\f0dc";/*fa-arrows-v: \f07d, fa-sort \f0dc */
  }
  .rowsorter.sorting-table tbody tr:not(.sorting-row) td {opacity: 0.2;}
/* ---FIN: rowsorter------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: Datatable - varios------------------------------------------------------- */
  .dtr-title{
    vertical-align: top !important;
  }
  table.dataTable mark{
    background:#ffc107!important; /* ffeb3b ffc107 */
    padding:0!important;
  }
  .table .child,
  .table-condensed .child{
    padding: 12px !important;
  }
  table {
    border-collapse: separate !important;
  }
/* ---FIN: Datatable - varios---------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: Datatable - mensajes información - portapapeles-------------------------- */
  div.dt-button-info {
    position: fixed;
    bottom: 0px;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    margin-bottom:1.25rem;
    text-align: center;
    z-index: 21;
    padding:.75rem 1.25rem;
    color: rgba(255, 255, 255, 0.85);
    background-color: #53a6fa;
    border-radius:.25rem;
    -webkit-border-radius:.25rem;
    -moz-border-radius:.25rem;
    -ms-border-radius:.25rem;
    -o-border-radius:.25rem;
  }
  div.dt-button-info h2 {
    font-size: 14px;
    margin-bottom: 0.25rem;
  }
  div.dt-button-info>div {
    font-size: 13px;
  }
/* ---FIN: Datatable - mensajes información - portapapeles----------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: Datatable - Botones de visibilidad de columnas--------------------------- */
  div.dt-button-collection {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    flex-flow: column wrap;
    /* width: calc(992px - 8px) !important; /* 992px ancho mínimo de la aplicación - 8px márgenes lateral */
    height: 100%;
    min-height: 330px;
    position: absolute;
    top: 0;
    left: 0;
    /* width: auto; */
    margin-top: 3px;
    padding: 8px 8px 4px 8px;
    background-color: white;
    overflow: hidden;
    z-index: 2002;
    border-radius:.25rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px 0px rgba(0, 0, 0, 0.02);
    z-index: 2002;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    -ms-column-gap: 8px;
    -o-column-gap: 8px;
    column-gap: 8px
  }
  /* btn normal / oculto */
  div.dt-button-collection button.dt-button,
  div.dt-button-collection div.dt-button,
  div.dt-button-collection a.dt-button {
    /* flex-grow: 1; *//* Debido a que flex-direction es vertical (column), este atributo lo que hace es distribuir el espacio en lo vertical, no en lo horizontal */
    position: relative;
    left: 0;
    right: 0;
    /* width: 100%; */
    float: none;
    margin-bottom: 5px;
    margin-right: 0;
    background: none;
    /* display: inline-block; */
    cursor: pointer;
    opacity: 0.75;
    outline: 0 !important;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.25rem 0.65rem 0.31rem 1.5rem;
    font-size: 0.8rem;
    line-height: 1.2;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -ms-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  /* btn normal / oculto icono */
  div.dt-button-collection button.dt-button:before,
  div.dt-button-collection div.dt-button:before,
  div.dt-button-collection a.dt-button:before {
    font-family: "FontAwesome";
    position: absolute;
    top: 5px;
    left: 7px;
    padding-right: 3px;
    vertical-align: middle;
    content: "\f096";/*fa-square-o:f096, fa-eye-slash:f070, fa-times: f00d*/
    /*color: #ea2e49; /*danger: */
  }
  /* btn visible / seleccionado icono */
  div.dt-button-collection button.dt-button:active:not(.disabled):before,
  div.dt-button-collection button.dt-button.active:not(.disabled):before,
  div.dt-button-collection div.dt-button:active:not(.disabled):before,
  div.dt-button-collection div.dt-button.active:not(.disabled):before,
  div.dt-button-collection a.dt-button:active:not(.disabled):before,
  div.dt-button-collection a.dt-button.active:not(.disabled):before {
    content: "\f046";/*fa-check-square-o: f046, fa-eye:f06e, fa-check: f00c*/
    color: #20ab68; /*success: 20ab68, warn: 907eec, primary: 53a6fa*/
  }
  /* btn hover */
  div.dt-button-collection button.dt-button:active:hover,
  div.dt-button-collection button.dt-button.active:hover,
  div.dt-button-collection div.dt-button:active:hover,
  div.dt-button-collection div.dt-button.active:hover,
  div.dt-button-collection a.dt-button:active:hover,
  div.dt-button-collection a.dt-button.active:hover,
  div.dt-button-collection button.dt-button:hover,
  div.dt-button-collection button.dt-button:hover,
  div.dt-button-collection div.dt-button:hover,
  div.dt-button-collection div.dt-button:hover,
  div.dt-button-collection a.dt-button:hover,
  div.dt-button-collection a.dt-button:hover {
    opacity: 1;
  }
  div.dt-button-collection.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -75px;
    border-radius: 0
  }
  div.dt-button-collection.fixed.two-column {
    margin-left: -150px
  }
  div.dt-button-collection.fixed.three-column {
    margin-left: -225px
  }
  div.dt-button-collection.fixed.four-column {
    margin-left: -300px
  }
  div.dt-button-collection>* {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
  }
  div.dt-button-background {
    background: rgba(0,0,0,0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2001
  }
/* ---FIN: Datatable - Botones de visibilidad de columnas------------------------------ */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: Datatable - Colores filas------------------------------------------------ */
  :root {
    --tr-cla: #FFFFFF; /* rgba(255,255,255,1); */
    --tr-osc: #FAFAFA; /* rgba(250,250,250,1); */
    --tr-hover-cla: #9ACBFC; /* rgba(71,160,250,0.30); */
    --tr-hover-osc: #9ACBFC; /* rgba(71,160,250,0.30); */
    --tr-selected-cla: #D1E7FE; /* rgba(71,160,250,0.40); */
    --tr-selected-osc: #D1E7FE; /* rgba(71,160,250,0.40); */
    --tr-selected-hover-cla: #9ACBFC; /* rgba(71,160,250,0.30); */
    --tr-selected-hover-osc: #9ACBFC; /* rgba(71,160,250,0.30); */
    --sorting-1: rgba(255,230,0,0.50); /* #FDF599 */
    --sorting-2: rgba(255,230,0,0.35); /* #FEF9BF */
    --sorting-3: rgba(255,230,0,0.20); /* #FEF9BF */
  }
  
  table.dataTable tbody>tr{
    background-color: var(--tr-cla);
  }
  table.dataTable.stripe tbody>tr.odd{
    background-color: var(--tr-osc);
  }
  
  table.dataTable.hover tbody>tr:hover{
    background-color: var(--tr-hover-cla);
  }
  table.dataTable.hover.stripe tbody>tr.odd:hover,
  table.dataTable.hover.display tbody>tr.odd:hover{
    background-color: var(--tr-hover-osc);
  }
  
  table.dataTable tbody>tr.selected{
    background-color: var(--tr-selected-cla);
  }
  table.dataTable.stripe tbody>tr.odd.selected,
  table.dataTable.display tbody>tr.odd.selected{
    background-color: var(--tr-selected-osc);
  }
  
  table.dataTable.hover tbody>tr.selected:hover{
    background-color: var(--tr-selected-hover-cla);
  }
  table.dataTable.hover.stripe tbody>tr.odd.selected:hover,
  table.dataTable.hover.display tbody>tr.odd.selected:hover{
    background-color: var(--tr-selected-hover-osc);
  }
  
  table.dataTable tbody>tr>.sorting_1 {
    background-color: var(--sorting-1) !important;
  }
  table.dataTable.display tbody>tr>.sorting_1 {
    background-color: var(--sorting-1) !important;
  }
  table.dataTable.stripe tbody>tr>.sorting_1 {
    background-color: var(--sorting-1) !important;
  }
  table.dataTable tbody>tr>.sorting_2 {
    background-color: var(--sorting-2) !important;
  }
  table.dataTable.display tbody>tr>.sorting_2 {
    background-color: var(--sorting-2) !important;
  }
  table.dataTable.stripe tbody>tr>.sorting_2 {
    background-color: var(--sorting-2) !important;
  }
  table.dataTable tbody>tr>.sorting_3 {
    background-color: var(--sorting-3) !important;
  }
  table.dataTable.display tbody>tr>.sorting_3 {
    background-color: var(--sorting-3) !important;
  }
  table.dataTable.stripe tbody>tr>.sorting_3 {
    background-color: var(--sorting-3) !important;
  }
  table.dataTable tr.dtrg-group td{
    background-color:#ffffff !important;
    border-top: 1px solid #DDDDDD !important;
  }
/* ---FIN: Datatable - Colores filas--------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: Datatable - Responsive -------------------------------------------------- */
  table.dataTable>tbody>tr.child{
    padding:0.5em 1em;
    background: inherit !important;
  }
  table.dataTable>tbody>tr.child ul.dtr-details {
    display: block !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  table.dataTable>tbody>tr.child ul.dtr-details>li {
    border-bottom: 0.05em solid #efefef !important;
    padding: 0.5em 0 !important;
  }
  table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
    padding-top: 0 !important;
  }
  table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
    border-bottom: none !important;
  }
  /*child*/
  table.dataTable>tbody>tr.child ul.dtr-details {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
  }
  table.dataTable>tbody>tr.child span.dtr-title {
    display: inline-flex;
    min-width: 100px;
    font-weight: bold;
  }
  table.dataTable>tbody>tr.child span.dtr-data {
    display: inline-flex;
  }
  /*icono expandir/colapsar fila*/
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child{
    cursor: pointer;
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before{
    font-family: "FontAwesome"!important;
    font-size: 14px;
    vertical-align: middle;
    /* \f067 plus, \f138 chevron-circle-right, \f054 chevron-right, \f105 angle-right, \f055 plus-circle, \0000a0 espacio*/
    content: "\f055\0000a0";
    color: #907eec; /*primary: 53a6fa, warn: 907eec */
    background: none;
    border: none;
    top: 50%;
    left: 10px;
    height: 14px;
    width: 14px;
    margin-top: -6px;
    box-shadow: none !important;
  }
  table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before{
    /* \f068 minus, \f13a chevron-circle-down, \f078 chevron-down, \f107 angle-down, \f056 minus-circle, \0000a0 espacio*/
    content: "\f056\0000a0";
    color: #907eec; /*warn*/
    background: none;
  }
/* ---FIN: Datatable - Responsive ----------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: vista-login-------------------------------------------------------------- */
  .vista-login{
    background: no-repeat center center #FFFFFF;
    background-size: cover;
  }
  .vista-login .navbar-brand img,
  .vista-login .navbar-brand svg {
    max-height: 3.5rem;
  }
  .vista-login{ background-image: url("../images/bg-login.jpg"); }
  .vista-login .swal2-popup {
    padding-left: 10px;
    padding-right: 10px;
    border: none;
    border-radius: var(--border-radius-login-signup) !important;
    -webkit-border-radius: var(--border-radius-login-signup) !important;
    -moz-border-radius: var(--border-radius-login-signup) !important;
    -ms-border-radius: var(--border-radius-login-signup) !important;
    -o-border-radius: var(--border-radius-login-signup) !important;
    box-shadow: 0px 20px 30px 10px rgba(0, 10, 20, 0.20);
  }
  .popup-login{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0.9rem;
  }
  .popup-login .logo-anim{
    height: 44px;
  }
  .popup-login .logo{
    height: 44px;
  }
  .popup-login input{
    font-size: 0.85rem;
    margin-bottom: 10px;
  }
  .popup-login .input-center input{
    text-align: center;
  }
  .popup-login input:focus{
    border-color: #d1d1d1 !important; /* tomado de www/style.css */
  }
  .popup-login button.link{
    padding: 0px;
    border: none;
    background: none;
    text-decoration: underline;
    color: var(--secondary);
    font-size: 13px;
    cursor:pointer;
  }
  .div-recaptcha{
    width: 304px;
  }
/* ---FIN: vista-login----------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: vista-accion-usuario----------------------------------------------------- */
  .vista-accion-usuario{
    background: no-repeat center center;
    background-size: cover;
  }
  .vista-accion-usuario .navbar-brand img,
  .vista-accion-usuario .navbar-brand svg {
    max-height: 3.5rem;
  }
  .vista-accion-usuario{ background-image: url("../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 .swal2-popup {
    border: none;
    border-radius: var(--border-radius-login-signup) !important;
    -webkit-border-radius: var(--border-radius-login-signup) !important;
    -moz-border-radius: var(--border-radius-login-signup) !important;
    -ms-border-radius: var(--border-radius-login-signup) !important;
    -o-border-radius: var(--border-radius-login-signup) !important;
    box-shadow: 0px 20px 30px 10px rgba(20, 10, 0, 0.15);
  }
  .popup-accion-usuario{
    font-size: 0.9rem;
  }
  .popup-accion-usuario .logo-anim{
    height: 44px;
  }
  .popup-accion-usuario .logo{
    height: 44px;
  }
  .popup-accion-usuario .logo-sm{
    height: 30px;
  }
  .popup-accion-usuario input, .popup-accion-usuario .input-info{
    font-size: 0.85rem;
    margin-bottom: 5px;
  }
  .popup-accion-usuario .input-center input{
    text-align: center;
  }
  .popup-accion-usuario input:focus{
    border-color: #d1d1d1 !important; /* tomado de www/style.css */
  }
  .popup-accion-usuario .seccion-acciones{
    text-align: center !important;
  }
/* ---FIN: vista-accion-usuario-------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: step-progress------------------------------------------------------------ */
  .step-progress {
    margin: 0px auto;
    text-align: center;
  }
  .step-progress .circle,
  .step-progress .bar {
    display: inline-block;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #d5d5da;
  }
  .step-progress .bar {
    position: relative;
    width: 80px;
    height: 6px;
    margin: 0 -5px 17px -5px;
    border-left: none;
    border-right: none;
    border-radius: 0;
    top:16px;
    vertical-align:top
  }
  .step-progress .circle .label {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 32px;
    margin-top: 3px;
    color: #b5b5ba;
    font-size: 17px;
  }
  .step-progress .circle .title {
    color: #b5b5ba;
    width: 80px;
    font-size: 13px;
    line-height: 18px;
    margin-left: -20px;
    margin-top: 5px;
    display: block
  }
  .step-progress a:hover .circle .title {
    text-decoration: underline;
  }
  /* Done / Active */
  /* success: 22b66e / primary: 53a6fa */

  .step-progress .bar.done,
  .step-progress .circle.done {
    /* background: #eee; */
  }
  .step-progress .circle.active .label {
    color: #22b66e;
  }
  .step-progress .bar.active {
    /* background: linear-gradient(to right, #EEE 40%, #FFF 60%); */
  }
  .step-progress .circle.done .label {
    color: #FFF;
    background: #22b66e;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
  }
  .step-progress .circle.done .title {
    color: #444;
  }
  .step-progress .circle.active .label {
    /*
    color: #FFF;
    background: #53a6fa;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
    */
  }
  .step-progress .circle.active .title {
    color: #22b66e;
  }
/* ---FIN: step-progress--------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------ */
/* ---INICIO: vista-documentos-tyc----------------------------------------------------- */
  
  .vista-documentos-tyc{ background-image: url("../images/bg-tyc.jpg"); }
  .popup-documento-tyc .logo-anim{
    height: 60px;
  }
  .popup-documento-tyc .documento-tyc-html{
    max-height: 250px;
    overflow-y: scroll;
    text-align: left;
  }
  
/* ---FIN: vista-documentos-tyc-------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: tabla-movimiento--------------------------------------------------------- */
  .tabla-movimiento {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border: 0;
  }
  .tabla-movimiento th,
  .tabla-movimiento td {
    padding: 0.2rem 0rem 0.3rem 0rem;
    vertical-align: top;
    border-bottom: 1px solid rgba(120, 130, 140, 0.1);
  }
  .tabla-movimiento thead th {
    vertical-align: bottom;
  }
  .tabla-movimiento tbody + tbody {
  }

/* ---FIN: tabla-movimiento------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------ */
/* ---INICIO: vista-inicio------------------------------------------------------------- */
  .componente-mosaico-inicio {
    box-shadow: 0px 0px 5px 0px rgba(20, 0, 4, 0.15);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
  }
/* ---FIN: vista-inicio---------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------ */