.text__bold {
    font: 14px 'Swiss-Bold';
    letter-spacing: 2px;
    color: #000;
}

/*Audicencias*/
.titulo__audiencia{
    font-style: inherit;
    text-decoration: none;
    letter-spacing: 3px;
    color: #b2332a;
    font: 18px 'Swiss-Bold';
}
.subtitulo__audiencia{
    font: 12px 'Lucida-Italic';
    color: #605f5e;
    margin-top: 7px;
}


    .subtitulo__audiencia.resaltado {
        font: 15.5px 'Arial-Extra-Bold';
        color: #5f5f5f;
        margin: 15px;
    }


.load__more{
    margin-top: 20px;
}
.main__content__cargos{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px 30px 0px;
    width: 100%;
}
.content__cargos{
    flex: 0 1 23%;
    margin: 1%;
}

.td__title{
    width: 100% !important;
    padding: 10px !important;
    font: 15px 'Swiss-Bold' !important;
    letter-spacing: 1px !important;
    position: relative;
}
.num__expediente{
    position: absolute;
    top: calc(50% - 10px);
    left: 13px;
    border-radius: 50%;
    border: 1px solid #FFAF27;
    background: #fff;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #FFAF27;
    text-align: center;
    font: 16px 'Arial-Extra-Bold';
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b2332a;
}
.tables__result:nth-child(odd) .tr__title {
    background: #ffdbbc !important;
}
.tables__result:nth-child(even) .tr__title {
    background: #ffc1b8 !important;
}



/* ================================================
 * Generales
 * ================================================ */
.c-fff{color: #fff}
.c-1{color: #F20347}
.c-2{color: #e20e0e}
.c-3{color: #ffa549}
.c-4{color: #525252}
.arial-l{font-family: "Arial-Ligth"}
.arial-b{font-family: "Arial-Bold"}
.arial-e-b{font-family: "Arial-Extra-Bold"}
.swiss-l{font-family: "Swiss-Light"}
.swiss-l-i{font-family: "Swiss-Light-Italic"}
.swiss-b{font-family: "Swiss-Bold"}
.lucida-i{font-family: "Lucida-Italic"}
.lucida-s-b-i{font-family: "Lucida-Semi-Bold-Italic"}

/* ================================================
 * Footer
 * ================================================ */                                                                              
.footer::not(.footer--is-to-login){
    position: relative;
    top: inherit;
    left: inherit;
    top: inherit;
    bottom: inherit;
    padding-top: 0 !important;
    margin-top: 20px;
}
.complete .footer{
    opacity: 1;
}
.footer {
    -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    opacity: 0;
    background-color: #525252;
    color: #fff;
    padding: 7px ;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font-size: 1.3rem;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.43);
    position: relative;
    z-index: 5;
}

/*h1{
        font-family: Arial-Extra-Bold;
}*/
.SeccionHoja {
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
    box-shadow: 0 2px 0 #fdfdfd;
}

.hv__subtitulos b:after {
    content: ' - ';
}
.hv__subtitulos b{
    font-family: 'Time New Roman';
    vertical-align: 1px;
    color: #e9a727;
    padding-right: 2px;
}
.hv__subtitulos {
    text-transform: uppercase;
    font-size: 1rem !important;
    color: #535353;
    margin: 15px 0 25px 0;
    font-family: 'Swiss-Bold';
    letter-spacing: 3px;
}

/* ================================================
 * Icons
 * ================================================ */
.ico--user{
    background-image: url(images/login/user.svg)
}

/* ================================================
 * Tag Lines
 * ================================================ */
.tag__band{
    position: absolute;
    top: 0;
    left: 0;
/*    width:200px;
*/    height: 100%;
}

.tag__franja{
    position: absolute;
    top: 0;
    width: 70px;
    height: 100%;
    animation: extendFranja 1s;
    -webkit-animation: extendFranja 1s;
}
.tag__franja--rojo{
    background-color: #525252;
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    -o-transform: skewX(-5deg);
    transform: skewX(0deg);
    z-index: 1;
    left: -6px;
}
.tag__franja--naranja{
    left: 63px;
    background-color: #ffa549;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 2;
}
.tag__franja--azul{
    left: 27px;
    background-color: #fff;
    -webkit-transform: skewX(-2deg);
    -ms-transform: skewX(-2deg);
    -o-transform: skewX(-2deg);
    transform: skewX(-3deg);
    z-index: 3;
}
.tag__franja--amarillo{
    left: -9px;
    background-color: #aa0000;
    -webkit-transform: skewX(-7deg);
    -ms-transform: skewX(-7deg);
    -o-transform: skewX(-7deg);
    transform: skewX(-7deg);
    z-index: 4;
}
.tag__underline{
    position: relative;
}
.tag__underline:after{
    content:'';
    display: block;
    position: absolute;    
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 15px 0px 0px #ffa549, 30px 0px 0px #e20e0e  ;
}
.tag__underline--is-center:after{
    left: 0;
    right: 0;
    margin: auto;
}
.tag__path{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px);
    background-image: url(images/general/path.png);
    background-color: rgba(0, 0, 0, 0.15);
}
.tag__view.is-active{
     color:#F20347;
}
.tag__view{
    position: absolute;
    bottom: 0;
    right: -3%;
    line-height: 0px;
    color: #525252;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}


.AñoColor{
  display: none;
}

/* ================================================
 * Bloquotes
 * ================================================ */
.tag__bloquote{}
.tag__bloquote:before,
.tag__bloquote:after{
    font-family: 'Lucida-Semi-Bold-Italic';
    content: ' " '
}

.numerito{
    font-size: 1.35rem;
    color: #a42f2d;
    font-family: Arial-Extra-Bold;
    display: inline-block;
    vertical-align: top;
    margin: 0 -1px;
    width: auto;
}

/* ================================================
 * Data Picker
 * ================================================ */
.label--is-picker{
    display: block;
    font:16px "Swiss-Light";
    font:16rem "Swiss-Light";
}
.element__datepicker {
    width: 100%;
    display: block;
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    /*padding: 9px 10px 10px 0;*/
    padding: 6px 10px 5px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
}

.ContenedorOpcionLargo .divi {
    margin-top: 10px;
    height: 2px;
    opacity: 1;
        background: #ff4343;
}    




.ContenedorOpcionLargo:last-of-type   .opcionFlotantes .cont-tootl-tips .tootl-tips{
    top: auto;
    bottom: 0;
}


/* ================================================
 * Elements Form : Disabled
 * ================================================ */
.element__input.readonly:not(.flatpickr-input),
.element__input[readonly]:not(.flatpickr-input) {
  
      background: transparent !important;
    color: #000000 !important;
    padding-left: 0px !important;
    /* border-bottom: 1px dashed #b9b9b9 !important; */
    cursor: not-allowed !important;
    opacity: 0.9;
}

.tablas-estilos .element__input    {
    border-bottom: 1px solid #a5a5a5;
}     

.element__select[disabled],
.element__select.disabled,
.element__input.disabled,
.element__input[disabled] {
   /*
    background: #f7f7f7 !important;
    color: #b9b9b9 !important;
    padding-left: 10px !important;
    border: none !important;
    border-bottom: 1px dashed #b9b9b9 !important;
    cursor: not-allowed !important;
    */
    background: #f7f7f7 !important;
    color: #000000 !important;
    padding-left: 0px !important;
   
    /* border-bottom: 1px dashed #b9b9b9 !important; */
    cursor: not-allowed !important;
}

md-radio-group[disabled] md-radio-button .md-container,
md-radio-group.disabled md-radio-button .md-container {
    opacity: 0.5;
}

md-radio-group[disabled] .md-label,
md-radio-group.disabled .md-label ,
md-radio-group[disabled] .md-label span,
md-radio-group.disabled .md-label span
{
    color: #9a9a9a;
}



 /* ================================================
 * Elements Form
 * ================================================ */



button, input, select, textarea {
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    background-color: inherit;
    text-transform: none;
}



.element__group--is-search:before {
    font: normal normal normal 30px/1 "Material Icons";
    position: absolute;
    top: 50%;
    right: 6px;
    transform: translateY(-50%);
    content: "\E8B6";
  
}

.element__group--is-icons {
    position: relative;
}


.tag__input--is-focus:after{
    width: 100% !important
}
.error.tag__input:after{
    background-color: #ff4343
}
.tag__input:after{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    content: "";
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    background: #d98918;
}


.row div:after{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    content: "";
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    background: #d98918;
}



.tag__input{
    position: relative;
    vertical-align: top;
}



.element__input {
    border-bottom: 1px solid #cecece;
    width: 100%;
    padding: 5px 10px 5px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    text-transform: uppercase;
    height: 25px;
}


.element__textarea {
    border-bottom: 1px solid #c4c4c4;
    width: 100%;
    padding: 12px 10px 10px 0;
    color: #525252;
    height: 70px;
    font: 16px "Swiss-Light";
    font: 1.6rem "Swiss-Light";
    resize: none;
    text-transform: uppercase;
}
.element__input--search {
    width: 180px;
    padding: 10px;
    color: #525252;
    font: 12px "Lucida-Italic";
    font: 1.2rem "Lucida-Italic";
    border: 1px solid #ddd;
    border-radius: 4px;
}
.element__group{
    position: relative;
}
.element__label{
    color: #525252;
    font-family: 19px "Swiss-Light";
    font: 0.9rem "Swiss-Light";
    display: inline-block;
    position: relative;
    letter-spacing: 0px;
    cursor: default;
    opacity: 1;
    filter: blur(0px);
    text-transform: uppercase;
    min-height: 16px;
    margin-bottom: 3px;
}


.Font-Recudro{
    /*
    padding: 10px;
    border: 3px solid #484848;
    border-radius: 20px;
    */
      padding: 10px;
    border-radius: 20px;
    font-family: Arial-Extra-Bold;
    font-size: 1.4rem;
    background: #f5f5f5;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}


.elementoOpcional .element__label{
    color: #227384;
}

.elementoOpcional  .element__input{
    color: #227384;
    border-bottom: 1px solid #227384;
}

.element__label_resultado{
    color: #525252;
    font: 15px "Arial-Extra-Bold";
    font: 1.9rem "Arial-Extra-Bold";
    display: inline-block;
    position: relative;
    letter-spacing: 2px;
    width: 100%;
    font-weight: bold;
    cursor: default;
    min-height: 21px;
}


.iconoPart{
    width: 70px;
    height: 70px;
}

.element__label_resultado:before , .element__label_resultado:after{
display: none;
}

.ContenedorOpcionLargo .element__label{ 
    font-size: 1.1rem;
}


.element--is-required:after{
    content: "*";
    position: absolute;
    top: -5px;
    right: -10px;
    color: #F20347;
    font: 20px 'Tines New Roman';
    font: 2rem 'Tines New Roman';
}


 .input-rojo{
    font-size: 22px !important;
    font-size: 1.8rem !important;
    color: #525252 !important ;
    border-bottom: 2px solid #a42f2d !important;
    outline: none;
    font-family: Arial-Extra-Bold !important;
 }

.select2-container-multi .select2-choices {
    overflow: auto;
}


.imput-rojo-option {
    font-weight: normal;
    display: block;
    white-space:pre-wrap;
    min-height: 7rem;
    padding: 4px ;
    background: #fff;
    color: #444;
}

.imput-element-unico{    
     text-align: left;
    margin: 35px;
    width: 100%;
    max-width: 500px;
}


.imput-element-unico-mini{
  text-align: left;
    margin: 35px;
    width: 100%;
    max-width: 400px;
}

.imput-element-unico-max{
        text-align: left;
    margin: 35px;
    width: 100%;
    max-width: 610px;
}
.desemfocado:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color:rgba(255, 255, 255, 0.42);
    z-index: 4;
}
.desemfocado{
    filter: blur(0.5px);
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.fondo1{
    background-color: #fff;
}

.fondo2{
    background-color: #efefef;
}
.fondo3{
    background-color: #e8eaea;
}
.menuHojaVida{
    display: inline-block;
    width: 65px;
}

.Opcion-menuHojaVida{
    display: block; 
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: -1px 0;
        padding: 12px 8px;
    position: relative;

}


.Opcion-menuHojaVida:hover{
        background: rgba(99, 91, 83, 0.11);
}

.Opcion-menuHojaVida svg {
    width: 20px;
}

.Opcion-menuHojaVida .numeroNav{
    font-size: 15px;
    font-family: Arial-Extra-Bold;
    position: absolute;
    right: 6px;
    top: 32%;
    color: #606060;
}

.Opcion-menuHojaVida.activo { 
    border-left: 7px solid #4eaccc;
    background: #fff;
    padding-left: 5px
 }

 .PlanGobierno svg {
    width: 39px  !important;
 }

.completo svg  {
 fill: #7dbc8a;
}


.completo{
   border-left: 4px solid   #7dbc8a;
   transition:0.2s;
}
 
.incompleto svg{
 fill: #ff4343;
}



 

.incompleto  {
    border-left: 4px solid   #ff4343;

      transition:0.2s;
}


 .faltante{
    border-left: 4px solid #ccc;
 }

.faltante svg{
 fill: #777;
}


.conteForm{
    display: inline-block;
        width: calc(100% - 69px);
    padding: 20px;
    vertical-align: top
}

.t-rojo{
    color: #ff4343;
}
.sectionVertical-corto{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    padding-right: 10px;
}

.sectionVertical-principal{
      display: inline-block;
    vertical-align: top;
    width: 692px;
    padding-left: 20px;
 
}
 

.ContenedorOpcionLargo{
    padding: 15px;
    background: #fff;
    border-radius: 19px;
    margin: 10px 15px 10px 15px;
  
        height: 90px;
}

.sombriadoLargo {
    background: #fbfbf8 !important;
}

md-dialog .ContenedorOpcionLargo{
   margin: 10px 0px 25px 0;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.4);
    padding: 15px 15px 30px 15px;
    height: auto;
}

md-dialog  .OpcionLargoresaltant .contImage{
    margin-top: -27px;
    height: 102px;
    margin-bottom: -20px;
 }


.seccionContenedorLista .ContenedorOpcionLargo{
  /*  padding: 15px;
    background: #fff;
    border-radius: 19px;
    margin: 10px 15px 10px 15px;
    margin: 20px 10px;*/
}


.ContenedorOpcionLargo.Alertado{ 
     background: #fff4e9 !important;
    box-shadow: 0px 0px 5px 1px #ffa549 !important;
}
 
.ContenedorOpcionLargo.Alertado .contImage{ 
  border-color:  #ffa549 !important; 
} 

 

.ContenedorOpcionMedio{
    margin: 10px 0;
    width: 100%;
    display: inline-block;
    position: relative;
    vertical-align: top;
    height: 90px;
    padding: 15px 21px;
}

.alertaFlotante{
    position: fixed;
    left: 8px;
    width: 50px !important;
    height: 50px !important;
    bottom: 42px;
    top: auto !important;
     -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 1s;
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-direction: alternate;
    -o-animation-direction: alternate;
    -ms-animation-direction: alternate;
    -moz-animation-direction: alternate;
    z-index: 10;
}

@keyframes  parpadeo {
    0%   {
       -ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari */
    transform: scale(1);
    }
 
  
    100% {
      -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);
      }
}

.TextoObservaviones{
    display: inline-block;
    position: absolute;
    left: 51px;
     font-family: "Swiss-Light";
    top: 50%;
    -webkit-animation-name: ApareseyDesa;
    -webkit-animation-duration: 3s;
    animation-name: ApareseyDesa;
    animation-duration: 3s;
    margin-top: -17px;
        opacity: 0;
        font-size: 0;
           padding: 3px 5px;
    background: #ffa549;
    border-radius: 5px;
    text-align: center;
    font-family: Arial-Extra-Bold;

   }

/* Standard syntax */
@keyframes  ApareseyDesa {
    0%   {
        opacity: 0;
        font-size: 0;
        width:0px;
    height: 0px;
    }

    50% {
        opacity: 0;
        font-size: 0;
        width:0px;
    height: 0px;
    }
     55% {
        opacity: 1;
        font-size: 1.3rem;
        width: 178px;
    height: 35px;
    }
     95%   {
        opacity: 1;
        font-size: 1.3rem;
        width: 178px;
    height: 35px;
    }
  
    100% {
        opacity: 0;
         font-size: 0;
          width:0px;
    height: 0px;
      }
}


.ContenedorOpcionMedio  .OpcionLargoresaltant .contImage {
    width: 90px;
    height: 90px;
    background: #8a8a8a;
    margin-left: -22px;
    margin-top: -10px
}
/*
.ContenedorOpcionLargo  div {
    border: 1px solid red;
}

*/

.ContenedorOpcionLargo >div>div .element__label   {
    display: flex !important;
    height: 27px;
    justify-content: left;
    align-items: center;
}


.numeroDivi{
    position: absolute;
    top: -7px;
    left: 10px;
    font-size: 13px;
    font-family: Arial-Extra-Bold;
}

.ContenedorOpcionLargo >div>div{
    margin-bottom: -12px !important;
  /* border:1px solid green; */ /*prueba*/
}

 

.ContenedorOpcionMedio .contImage{

  /*  margin-top: -10px !important;*/

}

.OpcionLargoresaltant .contImage{
    width: 90px;
    height: 90px;
    background: #8a8a8a;
    margin-left: -22px;
    margin-top: -15px;
    border-right: 5px solid #ff4343;
    margin-bottom: -5px;
    overflow: hidden;
    border-radius: 9px 0px 0px 9px;
}



.OpcionLargoresaltant .contImage img{
    width: 100%;
    height: auto;
    margin-top: -7px;
}

.OpcionLargonormal .contImage {
      width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #8a8a8a;
    overflow: hidden;
    border: 4px solid #ff4343;
    margin: -5px 6px 11px -3px;
}

 .seccionContenedorUser .contImage{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: #f1e2d0;
    overflow: hidden;
    border: 4px solid #ff4343;
    margin: 10px !important;
    display: inline-block;
 
}


 
.seccionContenedorUser .titulo-Sistem-2  {
     /*font-size: 1.8rem;
    line-height: 1.4; */
}


.seccionContenedorUser .titulo-Sistem-2 i{
   /*  font-size: 1.2rem;
    line-height: 1.4;*/
    margin: 1px 5px;
    display: inline-block;
}

.positionRelative{
    position: relative;
}

.UltimoRegistroNombre{
     font-family: Arial-Extra-Bold;
    font-size: 1.3rem;
    display: block;
    margin-top: -6px;
    padding: 0 5px;
}

.UltimoRegistroDNI{
    font: 1.2rem "Swiss-Light";
    display: block;
    margin-bottom: 20px;
    margin-top: 3px;
}


.seccionContenedorLista{
display: inline-block;
    width: 100%;
    padding:0 10px;
}

 /*
.seccionContenedorUser{
    display: inline-block;
    width: 135px;
 
    background: #fff;
    vertical-align: top;
    text-align: center;
    position: relative;
    transition: 0.3s;
    right: 1px;
    padding: 0 5px;
}

*/

.video1{
    background: rgba(184, 31, 28, 0.78);
} 
.video2{
      background: rgba(25, 104, 61, 0.78); 
  } 
.video3{
        background: rgba(19, 151, 192, 0.78);
} 


#video3V , #video2V , #video1V{
    display: none;
    height: 0;
    width: 0;
}

#CerrarButon.displayNone{
    display: none;
} 

#CerrarButon{
     font-family: Arial-Extra-Bold;
    padding: 1px 5px 5px 5px;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.41);
    height: 50px;
    width: 50px;
    background: #fff;
    top: 3vh;
    right: 3vw;
    position: fixed;
    z-index: 1022;
    font-size: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #525252;
    /* line-height: 0; */
       -webkit-animation-duration: 0.4s;
    animation-name: AparecerCerrar;
    animation-duration: 0.4s;
    cursor: pointer;

}
@keyframes AparecerCerrar {
    0%   {
         
         top: -150px

    }

    
    100% {
    
      }
}
 

.VideoSeleccionado{
      display: block !important;
    position: absolute;
    width: 92vw !important;
     height: 92vh !important;
    -webkit-animation-duration: 0.4s;
    animation-name: AparecerVideo;
    animation-duration: 0.4s;
    background: #525252;
    top: 0;
    z-index: 100;
    box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.62);
     padding: 9px;
    left: 0;
    margin: 4vh 4vw;
}
 

/* Standard syntax */
@keyframes AparecerVideo {
    0%   {
         opacity: 0;
         zoom:0;

    }

    
    100% {
         zoom:1;
      }
}




.cotenedorVideos{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    min-height: 350px;
    background: #fff;
    max-width: 1600px;
    box-shadow: 0 0 9px 2px rgba(0, 0, 0, 0.45);
    height: 65vh;
  -webkit-animation-name: aparecerVideos; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.6s; /* Safari 4.0 - 8.0 */
     animation-name: aparecerVideos;
    animation-duration: 1.6s;
 }

/* Standard syntax */
@keyframes aparecerVideos {
    0%   {
         opacity: 0;

    }

     50%   {
         opacity: 0;

    }
  
    100% {
      }
}



.cont-video{
      flex: 1 1 30%;
    width: 30%;
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s;
}

.cont-video:before{
      content: "";
    width: 0;
    height: 0;
    border-left: 100px solid rgba(0, 0, 0, 0.74);
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    position: absolute;
    left: 40%;
    top: 40%;
    z-index: 3;
    transition: 0.8s;

}

.cont-video:hover:before{
      content: "";
    width: 0;
    height: 0;
    border-left: 1000px solid rgba(0, 0, 0, 0.04);
    border-top: 500px solid transparent;
    border-bottom: 500px solid transparent;
    position: absolute;
    left: 0%;
    top: 0%;
    z-index: 3;

}



.cont-video:hover{
     flex: 1 1 90%; 
      width: 90%;
      box-shadow: 0 0 9px -2px ;
      z-index: 5;
}

 

.seccionContenedorUser{
    display: inline-block;
    width: 135px;
    background: #fff;
    vertical-align: top;
    text-align: center;
    position: relative;
 
    padding: 0 5px;
    top: 0px; 
    background: #efefef;
}

.seccionContenedorUserFixed {
 
  display: inline-block;
    width: 135px;
    background: #f00;
    vertical-align: top;
    text-align: center;
    position: fixed; 
    padding: 0 5px;
    top: 0px; 
    background: #efefef;
    height: 100%;
 }
main.sije__container{
 
}
 


.contImage img {
    width: 100%;
        margin-top: -12px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height:14px;
  vertical-align: middle;
  margin: 10px;
}
.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f18c8c;
  -webkit-transition: .4s;
  transition: .4s;
}


.opcion-switch{
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5rem;
    margin: 12px 0px;
}


.slider:before {
position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: -2px;
    bottom: -5px;
    background-color: #ff4343;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.22);
}
.firma_1{
width: 25px;
height: 20px;
 
 
}

.firma_2{
    width: 25px;
    height: 25px;
 
}

.firma_3{
    width: 25px;
    height: 30px;
 
}

.firma_4 {
    width: 25px;
    height: 35px;
}

input:checked + .slider {
    background-color: #f18c8c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #f18c8c;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
 
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/***suitch****/

.opcion-Bunton-Dash-Home{
    display: inline-block;
    width: 140px;
    height: 140px;
    vertical-align: middle;
    background-color: #fff;
    border-radius: 15px;
    border:7px solid #777;
      -webkit-transition: 0.5s; /* Safari */
    transition: 0.5s;
     box-shadow: 0px 0px 7px -1px rgba(0, 0, 0, 0.68);
     margin-top: -60px;
}



.selection-opcion-Dash-Home:hover  .opcion-Bunton-Dash-Home{
     -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari */
    transform: scale(1.1);
       margin-bottom:20px;
}

.selection-opcion-Dash-Home:hover  .opcion-Bunton-Dash-Home:hover{
    -ms-transform: scale(1.18); /* IE 9 */
    -webkit-transform: scale(1.18); /* Safari */
    transform: scale(1.18);
     box-shadow: 0px 0px 9px -2px rgba(0, 0, 0, 0.68)
     margin-bottom:30px;
}


.selection-opcion-Dash-Home:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.selection-opcion-Dash-Home{
    height: 325px;
    display: inline-block;
    width: 180px;
    vertical-align: middle;
    text-align: center;
     transition: 0.5s;
     overflow: auto;
}


.planTrabajo .opcion-Bunton-Dash-Home{
     border-color: #81979a;
}
.planTrabajo  .line-div-dash{
background-color:#81979a !important;
}



.Candidatos .opcion-Bunton-Dash-Home{
     border-color: #d98918;
}
.Candidatos  .line-div-dash{
background-color:#d98918 !important;
}


.hojaVida .opcion-Bunton-Dash-Home{
 border-color: #7dbc8a;
}
.hojaVida .line-div-dash{
background-color: #7dbc8a !important;
}

.planGobierno .opcion-Bunton-Dash-Home{
     border-color: #0097b3;
}
.planGobierno  .line-div-dash{
background-color: #0097b3 !important;
}

.personeros .opcion-Bunton-Dash-Home{
 border-color: #143f4d;
}

.personeros .line-div-dash{
background-color:#143f4d !important;
}


.Provincial .opcion-Bunton-Dash-Home{
     border-color: #81979a;
}
.Provincial  .line-div-dash{
background-color:#81979a !important;
}

.Reginal .opcion-Bunton-Dash-Home{
     border-color: #16afc4;
}
.Reginal  .line-div-dash{
background-color: #16afc4 !important;
}

.presidencial .opcion-Bunton-Dash-Home{
     border-color: #ff4343;
}
.presidencial .line-div-dash{
background-color: #ff4343 !important;
}

.displayNone{
    display: none;
}

.displayflex{
    display: flex;
}
.distrital .opcion-Bunton-Dash-Home{
     border-color: #ff6666;
}
.distrital  .line-div-dash{
background-color: #ff6666 !important;
}

   
.parlamentoAndino .opcion-Bunton-Dash-Home{
     border-color: #d98918;
}
.parlamentoAndino  .line-div-dash{
background-color: #d98918 !important;
}
 
.congreso .opcion-Bunton-Dash-Home{
     border-color: #a6302e;
}
.congreso  .line-div-dash{
background-color: #a6302e !important;
}
 
 .observaciones .opcion-Bunton-Dash-Home{
 border-color: #ff0047;
}
.observaciones .line-div-dash{
background-color: #ff0047 !important;
}


.selection-opcion-Dash-Home:hover{
  /* background-color: #fff;*/
}

.selection-opcion-Dash-Home .line-div-dash{
     height: 0px;
    background-color: #777;
    margin: 0px auto 0px auto;
    width: 80%;
    transition: 0.5s;
     opacity: 0;
}


.selection-opcion-Dash-Home:hover .line-div-dash{
     height: 5px;
    background-color: #777;
    width: 80%;
    margin: -5px auto 7px auto;
    opacity: 1;
}


.selection-opcion-Dash-Home:hover .line-div-dahs{
        height: 10px;
        background-color: #000;
}


.selection-opcion-Dash-Home-3 .contente-text{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}


.opcionFlotantes{
    text-align: right;
    /* position: absolute; */
    width: 100%;
    top: 5px;
    margin-top: -11px;
    margin-left: 5px;

}

 

.ContenedorOpcionMedio .opcionFlotantes {
   text-align: right;
    width: 23%;
    top: 12px;
    margin-top: -10px;
    margin-left: 5px;
    margin-bottom: -18px;
    z-index: 50;
    position: absolute;
    height: 23px;
    /*background: rgba(255, 0, 0, 0.28); PRUEBA*/
    display: flex;
    align-items: left;
    justify-content: flex-end;
    right: 8px;
}

.opcionFlotantes  button{
display: inline-block;
    width: 15px !important;
    margin: 5px !important; 
    background: transparent !important;
}


.opcionFlotantes  button img{
   width: 100%;
} 

.opcionFlotantes  .alerta{
   width: 18px !important;
} 
.selection-opcion-Dash-Home h2{
     transition: 0.8s;
    font-family: Arial-Extra-Bold !important;
    margin: -100px auto 10px auto;
    color: #333333;
    text-transform: uppercase;
    line-height: 1;
}

.dashSubSeccion .opcion-Bunton-Dash-Home{
    margin-top: -50px;
}

.dashSubSeccion {
 height: 250px;
 width:200px;
}
.dashSubSeccion  .opcion-Bunton-Dash-Home{

}


.dashSubSeccion h2{
transition: 0.8s;
    font-family: Arial-Extra-Bold !important;
    margin: -61px auto 11px auto;
    color: #333333;
}


textarea.element__input{
    height: auto;
    width: 100% !important;
}

.textoDescipHojaVida{
    color: #7dbc8a;
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
    max-width: 200px;
    vertical-align: middle;
}

.textoDescipPG{
    color: #0097b3;
    font-size: 1.8rem;
    display: inline-block;
    width: 100%;
    max-width: 500px;
    vertical-align: middle;
}


.textoDescipPGArchivoSubir{
 
    font-size: 1.7rem;
    display: inline-block;
    width: 100%;
 
    vertical-align: middle;
    text-align: right;
}

.textoDescipPGArchivoSubir .button--is-third{
    margin: 15px 0;
    vertical-align: middle;
}

.InfoPrincipalPersona{
line-height: 1.25;
    color: #7dbc8a;
    font-size: 2rem;
    font-family: Arial-Extra-Bold;
    display: inline-block;
    width: 230px;
    vertical-align: middle;
}

.InfoPrincipalPersona span{
    color: #606060;
    vertical-align: middle;
}

/******grafica  porsentuak********/

/**
 * Animated pie chart - style loader with CSS
 * Based in http://dabblet.com/gist/127de0e3bb8ae0bbb75b from Lea Verou
 */

.donut-edg {
position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 100%;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.22);
 }
 
 
.recorte {
    border-radius: 50%;
    clip: rect(0px, 200px, 200px, 75px);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 3;
  }

.quesito {
border-radius: 50%;
    clip: rect(0px, 75px, 200px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;

  }
#porcion1 {
    transform: rotate(0deg);
  }

#porcion1 .quesito {
    background-color: #7dbc8a;

  }

#porcionFin {
    transform:rotate(180deg);
  }
#porcionFin .quesito {
    background-color: #7dbc8a;
 
  }

.PlanGobiernodonus #porcion1 {
    transform: rotate(0deg);
  }

.PlanGobiernodonus #porcion1 .quesito {
    background-color: #0097b3;

  }

.PlanGobiernodonus #porcionFin {
    transform:rotate(180deg);
  }

.PlanGobiernodonus #porcionFin .quesito {
    background-color: #0097b3;
 
  }



.nota-final {
  clear: both;
  color: #4FC4F6;
  font-size: 1rem;
  padding: 2rem 0;
}
.nota-final strong {
  color: #E64C65;
}
.nota-final a {
  color: #FCB150;
  font-size: inherit;
}

.donut-contener {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin: 15px;
}
 

.GraficaCircular .porcentual{
    color: #7dbc8a;
    display: inline-block;
    border-radius: 50%;
    background-color: #fff;
    height: 128px;
    width: 128px;
    position: absolute;
    left: 10px;
    top: 11px;
    z-index: 5;
}

.codigoBarra{
    width: 223px;
    margin: 0 10px 0 0;
}

.porcentual img {
    display: block;
    width: 28%;
    margin: 1px auto;
}
 

.porcentual .img_pg {
    display: block;
    width: 40%;
    margin: 1px auto;
}
 


 .porcentual span{
     color: #7dbc8a;
    font-size: 2.3rem;
    display: block;
    text-align: center;
    margin: 18px 0 5px 0;
    font-family: Arial-Extra-Bold;
 }


 .porcentual .TextoGP{
     color: #0097b3;
   
 }

 .vistapreviaDocument .logo-jne{
    width: 80px;
}

.vistapreviaDocument .logo-jne img{
    width: 100%;
}



/***** fin grafica  porsentuak******/

.selection-opcion-Dash-Home span{
     font-family: "Swiss-Light";
      color: #333333;
      text-transform: uppercase;
}

.selection-opcion-Dash-Home-2{
    display: inline-block;
    width: 200px;
    margin: 30px 20px;
    transition: 0.2s;
    vertical-align: top;
}

.selection-opcion-Dash-Home-2:hover{
-webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.selection-opcion-Dash-Home-2 h2{
     transition: 0.8s;
       font-family: Arial-Extra-Bold !important;
       margin: 10px auto 10px auto;
        color: #333333;
            font-size: 1.5rem;
    line-height: 1.25;
        justify-content: center;
    align-items: center;
    height: 32px;
        text-transform: uppercase;
}



.selection-opcion-Dash-Home-2 span{
    font-family: "Swiss-Light";
    color: #333333;
    text-transform: uppercase;
}

.selection-opcion-Dash-Home-2 img{
height: 45px;
}

.selection-opcion-Dash-Home-3{
    position: fixed;
    background: #e8eaea;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.43);
    bottom: 30px;
    padding: 10px;
    -webkit-animation-name: AparerOptiFi; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
     animation-name: AparerOptiFi;
    animation-duration: 0.8s;
 }

/* Standard syntax */
@keyframes AparerOptiFi {
    0%   {

        opacity: 0;
    }
  
    100% {
      }
}

 .selection-opcion-Dash-Home-3:hover{
     background: #f7f7f7;
 }

.selection-opcion-Dash-Home-3 .contente-text h2{

}

.selection-opcion-Dash-Home-3 .contente-text span{
    
}
 




.selection-opcion-Dash-Home-3:nth-child(even) {
   right: 20px;
}
 
.selection-opcion-Dash-Home-3:nth-child(odd) {
left: 20px;
}


.ancho100{
    width: 100%;
}

.alto50{
    min-height:calc(50vh - 79px);
}

.alto100{
    min-height:calc(100vh - 93px); 
}

.alto100por{
    min-height:100%;
}

.alto100Total{
    min-height:calc(100vh - 116px); 
}


.maxheightconArticle{
   max-height:  calc(100vh - 350px); 
   overflow: auto;
   padding: 5PX 0;
}

.maxheightconArticle article{
    width: 98.3%;
}

.tootl-tips{
    width: auto;
    max-width: 0px;
    opacity: 0;
    height: 0;
    position: absolute;
    z-index: 10;
    left: 70%;
    font-size: 1.1rem !important;
    padding: 0;
    top: 50%;
 
    font-size: 0 !important;
    color: transparent;
    min-width: 250px;
    font: 1.3rem "Swiss-Light";
    text-align: justify;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: break-word;
    white-space: pre-line;
    direction: ltr;
}


.cont-tarjeta{
    padding: 0 0% 0px 1%!important;
    height: calc(100vh - 146px);
    overflow: auto;
    padding-bottom: 15px !important;
    position: relative;
}

.cont-tarjeta .titulo-Sistem-2{
 margin-left: 0.5%;
 margin-bottom: 5px;
}

.cont-tootl-tips{
    position: relative;
}

.cont-tootl-tips:hover .tootl-tips   {
     display: inline-block !important;
        box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.50);
    background-color: #fff1f1;
    width: auto;
    max-width: 700px;
    padding: 10px;
    border-radius: 10px;
    opacity: 1;
    font-size: 15px !important;
    height: auto;
    color: #606060;
     right:  auto;
      left:  50%;

}
 

.alerta:hover .tootl-tips   {
     display: inline-block !important;
        box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.50);
    background-color: #fff1f1;
    width: auto;
    max-width: 700px;
    padding: 14px;
    border-radius: 10px;
    opacity: 1;
    font-size: 15px !important;
    height: auto;
    color: #606060;
     left: auto;
      right:  30%;

}

.alerta:hover .tootl-tips  ol , .alerta:hover .tootl-tips  ul {
    
    padding-left: 10px;
}

.erroresReslaText{
      background: #fff2e5;
    color: #fff;
    padding: 10px;
    /* border: 3px solid #ffa549; */
    border-radius: 22px;
    box-shadow: 0 0 7px 1px #ffa549;
    margin: 10px 0;
}

.erroresReslaText ol.texto-narrativo {
    margin: 0;
    padding-left: 30px;
}
.erroresReslaText ol li  , .erroresReslaText ul li{
color: #535353;
font-weight:  900;
animation:;
margin: 5px;
font-size:  1.2rem;
line-height:  1.1;
  
}


.ContenedorOpcionMedio .alerta:hover .tootl-tips{
    max-width: none;
    width: 650px;
    min-width: 650px;
}

.tootl-largo  ol , .tootl-largo  ul {
     display: block;
     padding: 0;
    margin: -35px 0;
}


.tootl-largo  li{
    display: block;
    margin: 0;
 
  margin-top: -14px;
}


.tootl-largo{
 max-width: 700px !important;
}

.subcabecera{
        display: flex;
    align-items: center;
    justify-content: space-around;
}



.flex-justificado{
  display: flex;
    justify-content: space-between;
    align-items: center;
}

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


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

.sub-Cabecera {
    border-bottom: 1px solid #cecece;
    overflow: auto;
    padding: 2px;
}

.sub-Cabecera > div{
 width: 10%;
}

.SeccionUsuario{
    display: inline-block;
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 0 -1px;
}

.SeccionUsuario:hover{
    background-color: #e2e2e2;
}


.SeccionUsuario span{
font-size: 1.1rem;
    margin-top: 5px;
    display: inline-block;
    width: 100%;
}



.SeccionUsuario-Principal{
    display: inline-block;
    width: 140px;
    height: 140px;
    text-align: center;
    margin: 0 -1px;
    position: relative;
    vertical-align: middle;
    margin: 15px;
}
 

.SeccionUsuario-Principal .imageneYsuarioResumen {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 8px solid #7dbc8a;
    overflow: hidden;
    display: inline-block;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.22);

}




.opcionSeccionUsuario {
     position: absolute;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    background: #d4d4d4;
    padding: 10px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.22);

}

.opcionSeccionUsuario img{
    width: 16px;
}



.imageneYsuarioResumen {
      width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #777;
    overflow: hidden;
    display: inline-block;

}

.img-rounded{
  border: 3px solid #f9873d;
    margin: 0;
    padding: 0;
    display: inline-block;
    box-shadow: 0 0 13px 1px rgba(1, 0, 0, 0.25);
    background: #fff;
    width: 17rem;
      padding-left:  18px;
}

.imageneYsuarioResumen img {
    width: 96%;
    margin-top: -13%;
}


.TituloCuentaRegresiva{
    display: inline-block;
    vertical-align: middle;
    max-width: 530px;
    text-align: right;
    font-size: 1.6rem;
}

.contadorRegresiva{
    color: #227384;
    width: 250px;
    display: inline-block;
    vertical-align: middle;
}

.relox-conta{
        vertical-align: top;
}

.contadorRegresiva span{
  font-size: 1.8rem;
    display: inline-block;
       font-family: Arial-Extra-Bold ;
       text-align: center;
       margin:2px;
}


.contadorRegresiva span span{
    font-size: 1.3rem;
    display: block;
    text-align: center;
        text-transform: capitalize;
    font-family: "Swiss-Light";
}

.OpcionSistem{
     vertical-align: middle;
    width: 23%;
    display: inline-block;
    padding: 23px 0;
    height: 84px;
}

.justiConteNormal{
    justify-content: normal;
}
  
    .OpcionSistem a , .OpcionSistem a  md-icon {
        color: #ff4343;
    }
 
    .OpcionSistem a {
        margin: 5px;
        display: inline-block;
        font-size: 1.3rem;  
    }

.contonador-regresivaSection{
    text-align: right;
        max-width:76%;
    display: inline-block;
    vertical-align: unset;
    margin-top: 22px;
    width: 100%;
}

/* ================================================
 * Counter
 * @autor eparedes
 * ================================================ */
code.counter__num {
    position: absolute;
    bottom: -16px;
    right: 0px;
    color: #525252;
    background-color: #eeebe4 !important;
    padding: 1px 4px;
    border-radius: 4px;
    font-size: 10px;
    letter-spacing: -1px;
}

/* ================================================
 * Select / Select2
 * @autor eparedes
 * ================================================ */

.element__select{
    width: 100%;
    display: block;
}
.element__select--normal {
    /*padding: 11px 5px 8px 5px;*/
    padding: 4px 5px 6px 0px;
    border-bottom: 1px solid #cecece;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='#525252'><polygon points='0,0 100,0 50,50'/></svg>");
    background-size: 12px;
    display: inline-block;
    width: 100%;
    color: #525252;
    padding-right: 30px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    text-transform: uppercase;
}


.element__select--norma::-webkit-scrollbar  , .element__select--norma::scrollbar {
    width: 9px;
    background-color: #dadada;
    height: 8px;
    border-radius: 5px;
}


.element__select--norma::-webkit-scrollbar-thumb , .element__select--norma::scrollbar-thumb {
    background-color:#979797;
    border-radius: 5px;
}


.element__select--norma::-webkit-scrollbar-thumb:hover , .element__select--norma::scrollbar-thumb:hover  {
    background-color: #777;
}



.element__select--normal:focus > option:checked { 
    background: #ff9926 !important;
    color: #fff;
}

input[type=search] { 
    color: red;  
    text-align: right;
    cursor: pointer;
    display: block; 
    width: 100%; 
    letter-spacing: 4px;        
    text-shadow: 0 0 2px black;       
    word-spacing: 20px;               
}


option:active , option:hover{
    background: red;
}

option{
    border: 6px solid red;
    display: inline-block;
    white-space: nowrap;
    padding: 15px;
    min-height: auto;
    font: 1.3rem "Swiss-Light";
}
 
   select>option:hover
    {
        color: #1B517E !important;
        cursor: pointer;
    }


   option:hover , option:focus, option:in-range , option:root , option:valid   ,
   option:checked , option:out-of-range option::selection {
background: #ff9926 !important;
}


option {
    display:block;
    position: relative;
 
}


option:before {
   content: "soy SIJE"
}


 option:checked {
            background-color: greenyellow;
            color: greenyellow;
        }

            option:checked:hover, select:focus option:checked:hover {
                background-color: darkgoldenrod;
                color: darkgoldenrod;
            }

 
 
.select2-container-multi .select2-choices .select2-search-choice{
     background-color: #fffefe !important;
    border: 0px solid #e4c19c !important;
    font: 14px 'Swiss-Light';
    box-shadow: none;
    font-weight: 900 !important;
    box-shadow: 0  !important;
    padding: 3px 38px !important;
    border-radius: 13px !important;
    border: 2px solid #ffa549 !important;
}
.select2-container-multi .select2-search-choice-close {
    left: 14px !important;
}
.select2-container-multi .select2-choices .select2-search-choice div{
  color: #ffa549;
}


.select2-search-choice-close{
background: #fff !important;
}

.select2-search-choice-close:after{
content: "x";
    color: #ffa549;
    font-size: 18px;
    font-weight: 700;
    font-family: Arial-Extra-Bold;
    display: inline-block;
    /* width: 104px; */
    /* height: 100px; */
    line-height: 0;
    padding: 5px 3px 7px 3px;
}

/* ================================================
 * Dialog
 * @autor eparedes
 * ================================================ */
.dialog__buttons{
    padding: 0 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/* ================================================
 * Notify
 * @autor eparedes
 * ================================================ */
.element__notify.close {
    animation-name: zoomOff;
}
.element__notify{
    position: fixed;
    top: 120px;
    right: 0 !important;
    animation-duration: 1s;
    animation-fill-mode: both;
    z-index: 99;
    animation-name: zoomIn;
    width: 350px;
    box-shadow: 1px 3px 8px -1px rgba(0, 0, 0, 0.28)
    border-radius: 15px 0px 0px 15px;
}


.element__notify__close:hover{
    color: #ffa549;
}
.element__notify__close{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    color: #c4c4c4;
}

.notify__content{
    position: relative;
}
.notify_close_btn span , .eliminarDocumento{
    font-size: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-family: Arial-Extra-Bold;
}

.notify_close_btn:hover{
    -webkit-transform: rotate(180deg) scale(1.1,1.1);
    -ms-transform: rotate(180deg) scale(1.1,1.1);
    -o-transform: rotate(180deg) scale(1.1,1.1);
    transform: rotate(180deg) scale(1.1,1.1)
}
.notify_close_btn{
    position: absolute;
    top: -10px;
    left: -10px;
    background: white;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.43);
    border-radius: 50%;
    padding: 6px;
    width: 28px;
    height: 28px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.notify--is-ico img{width: 100%;}
.notify--is-ico{
     position: absolute;
    bottom: 0;
    right: 0px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 0;
}
.notify--is-txt strong:after{
    padding-right: 2px;
    content:':';
}
.notify--is-txt{
padding: 8px;
    padding-left: 25px;
    min-height: 20px;
    padding-right: 10px;
    color: #ffffff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font: 14px "Lucida-Italic";
    text-align: left;
    min-height: 70px;
    padding-right: 70px;
    display: flex;
    justify-content: center;
    align-items: end;
    flex-wrap: nowrap;
    flex-direction: column;
    border-radius: 15px 0px 0px 15px;

}


@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1) ;   }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1) }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1);   }
    100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1)  }
}

@-webkit-keyframes zoomOff {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1);   }
}

@keyframes zoomOff {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); }
}
.error .notify--is-txt{
    background: #F20347;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.459);
}
.success .notify--is-txt {
    background: #0AC191;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.459);
}
.info .notify--is-txt {
    background: #33DDDD;
    box-shadow: 2px 1px 6px 0px rgba(0, 0, 0, 0.459);
}

.ajax-file-upload-bar {
    background-color: rgba(186, 228, 193, 0.310) !important;
    width: 0;
    height: 58px;
    border-radius: 0px;
    color: #FFFFFF;
    top: 0;
    position: absolute;
    animation: upCarDoc ;
    -webkit-animation: upCarDoc;
    animation-duration: 0.4s;
    opacity: 1;
    -webkit-transition: 0.4s !important;
    transition: 0.4s;
}

@keyframes upCarDoc{
    0%{
      width: 0
  }
    100%{
   
 }
}


@-webkit-keyframes upCarDoc{
    0%{
      width: 0
  }
    100%{
    
 }
}


#fileuploader{
background: #eeebe4;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.error  .notify_close_btn span{
    color: #F20347;
}
.success .notify_close_btn span{
    color: #0AC191;
}
.info  .notify_close_btn span{
    color: #33DDDD;
}

.ima-in-notify{
    width: 100px;
}

/* ================================================
 * Alerts
 * @autor eparedes
 * ================================================ */
.element__alerta{
    width: 100%;
    display: flex;
    border: 1px solid #efefef;
    padding: 12px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    background: #fbfbfb;
    position: relative;
}
.alerta__ico img{
    width: 100%;
}
.alerta__ico{
    width: 40px;
}
.alerta__txt--is-title{
    font:20px "Swiss-Light";
    font:2.0rem "Swiss-Light";
    font-weight: bold;
    text-transform: uppercase;
}
.alerta__txt--is-description{
    font:16px "Lucida-Italic";
    font:1.6rem "Lucida-Italic";
}
.alerta__txt{
    width: calc(100% - 40px);
    padding-left: 15px;
}
.alerta__close>i{
   -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); 
}
.alerta__close:hover{
    color: #ffa549;
}
.alerta__close{
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(-20%, -50%);
    -ms-transform: translate(-20%, -50%);
    -o-transform: translate(-20%, -50%);
    transform: translate(-20%, -50%);
    color: #c4c4c4;
}


.element__alerta--is-error .alerta__txt--is-title{
    color: #F20347
}
.element__alerta--is-error{ 
    -webkit-box-shadow: -4px 0 0 #F20347;
    box-shadow: -4px 0 0 #F20347;   
}

.element__alerta--is-info .alerta__txt--is-title{
    color: #33DDDD
}
.element__alerta--is-info{ 
    -webkit-box-shadow: -4px 0 0 #33DDDD;
    box-shadow: -4px 0 0 #33DDDD;   
}

.element__alerta--is-success .alerta__txt--is-title{
    color: #0AC191
}
.element__alerta--is-success{ 
    -webkit-box-shadow: -4px 0 0 #0AC191;
    box-shadow: -4px 0 0 #0AC191;   
}

.md-toolbar .opcionFlotantes .alerta{
    width: 25px !important;
    margin-top: 16px !important;
    margin-right: 10px !important;
}

.md-toolbar .opcionFlotantes {
    width: 50px;
}


.success em{display: none !important;}
.error em{display: inline-block !important;}
.element__group{position: relative;}
.element__group em:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -5px;
    left: 0px;
    border-left: 12px solid #F20347;
    border-top: 5px solid transparent; 
}

.element__group em{
    z-index: 2;
    font-style: italic;
    font-size: 12px;
    padding: 1px 5px;
    position: absolute;
    bottom: -15px;
    left: 13px;
    background-color: #F20347;
    color: #FFF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border-top-left-radius: 0px !important;
}

/* ================================================
 * Checkbox & Radiof
 * @autor eparedes
 * ================================================ */
.content__radio,
.content__checkbox {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    display: inline-flex;
    margin: 5px 0;
    vertical-align: middle;
    align-items:  center;
}

.content__radio  span {
   
}



.content__radio{
    height: 23px;
    margin-right: 10px;

}

.element__checkbox:disabled  , .content__radio:Disabled    {
 opacity: 1!important;
 -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);

} 

.element__checkbox:disabled:after  , .content__radio:Disabled:after,
.element__checkbox:disabled:before  , .content__radio:Disabled:before{
    cursor:not-allowed !important; 
    cursor:no-drop
}

.element__checkbox {
    position: relative;
    top: 3px;
    margin: 11px 4px !important;
    cursor: pointer !important;
    display: inline-flex;
    height: 16px;
    width: 16px;
}

.element__label.cont{
    display: block;
}


.element__checkbox:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: rotate(-45deg) scale(0, 0);
    -moz-transform: rotate(-45deg) scale(0, 0);
    -ms-transform: rotate(-45deg) scale(0, 0);
    -o-transform: rotate(-45deg) scale(0, 0);
    transform: rotate(-45deg) scale(0, 0);
    content: "";
    position: absolute;
    left: -1px !important;
    top: 1px !important;
    z-index: 1;
    width: 15px;
    height: 7px;
    border: 3px solid #a42f2d;
    border-top-style: none;
    border-right-style: none;
}

.element__checkbox:checked:before {
    -webkit-transform: rotate(-45deg) scale(1, 1);
    -moz-transform: rotate(-45deg) scale(1, 1);
    -ms-transform: rotate(-45deg) scale(1, 1);
    -o-transform: rotate(-45deg) scale(1, 1);
    transform: rotate(-45deg) scale(1, 1);
}
.element__checkbox:after {
    content: "";
    position: absolute !important;
    top: -5px !important;
    left: -4px !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    border: 3px solid #7e7e7e  !important;
    cursor: pointer !important;
    border-radius: 4px !important;
}


.element__checkbox:checked:after{
content: "";
 
    
    background: #fff !important;
    border: 3px solid  #a42f2d  !important;
  
}


.element__checkbox:+span{
    padding-left: 0px;
    vertical-align: -3px;
    font-size: 14px;
        margin-left: 4mm;
    line-height: 20px;
    vertical-align: middle;
}

.element__radio+span{
    padding-left: 0px;
    vertical-align: -3px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: middle;
}
.element__radio {
     position: relative;
    height: 20px;
    width: 20px;
    margin: 2px 10px 2px 0 !important;
    vertical-align: middle;
}


.element__checkbox.check-simple{
    margin: 12px 9px 7px 9px;
    height: 18px;
    width: 18px;
    vertical-align: middle;
}


.element__checkbox.check-simple:after{
    content: "";
    position: absolute;
    top: -0.125em;
    left: 0;
    width: 2em;
    height: 2em;
    background: #fff;
    border: 1px solid #dadada;
    cursor: pointer;
}


.element__checkbox.check-simple:before{
    position: absolute;
    left: 0.1875em;
    top: 0.3em;
    z-index: 1;
    width: 1.75em;
    height: 0.775em;
    border: 3px solid #f9873d;
    border-top-style: none;
    border-right-style: none;
}

.element__radio:before {
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 1;
    width: 12px;
    height: 12px;
    background: #b2332a;
    border-radius: 50%;
}
.element__radio:checked:before {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.element__radio:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    background: #fff;
    border: 2px solid #7b7070;
    border-radius: 50%;
    height: 20px;
    width: 20px;
}
.main__radios .content__radio:not(:first-child){
    margin-left: 10px;
}
.main__radios {
    display: block;
    margin-top: 5px;
}

 
/* ================================================
 * Franja Cabecera
 * @autor eparedes
 * ================================================ */
.franja__container{
    position: relative;    
    z-index: 1;
}
.franja__container--liston{
    position: relative;
    width: 100%;
    text-align: left;
    background-color: #a42f2d;
}

 
.franja__container--liston:before { /*cabecera 02*/
    position: absolute;
    content: '';
    background-color: #fff;
    bottom: 5px;
    left: 50%;
    margin-left: -512px;
    width: 1011px;
    height: 50%;
    display: block;
    -webkit-transform: skewY(0.9deg);
    -ms-transform: skewY(0.9deg);
    transform: skewY(0.9deg);
    transform-origin: left bottom;
    z-index: -1;
    box-shadow: 2px 1px 5px -1px rgba(0, 0, 0, 0.30);
}
 
.franja__container--liston:after{ /*cabecera 03*/
    position: absolute;
        position: absolute; 
    content: '';
    background-color: #ff4343;
    bottom: 5px;
    left: 50%;
    margin-left: -512px;
    width: 1024px;
    height: 50%;
    display: block;
    -webkit-transform: skewY(0.6deg);
    -ms-transform: skewY(0.6deg);
    transform: skewY(0.6deg);
    transform-origin: left bottom;
    z-index: -1;
    box-shadow: 2px 1px 5px -1px rgba(0, 0, 0, 0.30);
}



.franja__container--main{
    position: relative;
    display: inline-block;
    z-index: 2;
    padding: 9px 0;
}
.icon--is-search{
    position: absolute;
    top: 0;
    right: 0;
}
.container__form {
    animation: moveLogin 1s;
    -webkit-animation: moveLogin 1s;
    opacity: 1;
    top: 0;
}

@-webkit-keyframes moveLogin{
    0%{top:5%; opacity: 0;}
    100%{top:0px; opacity: 1}
}
@-webkit-keyframes extendFranja{
    0%{width: 0%; }
    100%{width: 70px; }
}


 
/* ================================================
 * Titulos
 * @autor eparedes
 * ================================================ */
 page-title{
    min-height: 60px;
 }
 .txt--is-title span:before{
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: #e2e2e2;
    bottom: 9px;
    left: 7px;
    position: absolute;

 }
 .txt--is-title span{
    font-family: "Swiss-Light";
    color: #737373;
    display: inline-block;
    padding-left: 50px;
    letter-spacing: 5px;
    position: relative;
    margin-left: -5px;
 }
 .txt--is-title{
    margin: 15px 0 20px 0;
 }
.txt--is-title h1:not(.txt--is-to-login):after {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #525252;
    box-shadow: 11px 0px 0px #ffa549, 22px 0px 0px #e20e0e;
    bottom: 50%;
    left: 0px;
    margin-bottom: -4px;
}
.txt--is-title h1:not(.txt--is-to-login){
    position: relative;
    font-family: "Swiss-Light";
    color: #525252;
    display: inline-block;
    padding-left: 38px;
    letter-spacing: 4px;
    font-weight: bold;
    text-transform: uppercase;
}
.txt--is-title h2:not(.txt--is-to-login):after {
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #525252;
    box-shadow: 10px 0px 0px #ffa549, 20px 0px 0px #e20e0e;
    bottom: 8px;
    left: 2px;
}

.txt--is-title h2:not(.txt--is-to-login) {
    position: relative;
    margin: 10px 0;
    font-family: "Swiss-Light";
    color: #525252;
    display: inline-block;
    padding-left: 35px;
    letter-spacing: 4px;
    font-weight: bold;
}

/* ================================================
 * Containers
 * ================================================ */
#header__container{/*cabecera 01*/
    width: 100%;
    background-color:#ff4343 ;
    position: relative;
    z-index: 2;    
    box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.30);
}
.header__container--content{
 
    margin: 0 auto;
}
#main__container:not(.main__container--is-layout){
   padding: 0 10px;
}
#main__container.main__container--is-layout{
    -webkit-transform: scale(0.9, 0.9);
    -ms-transform: scale(0.9, 0.9);
    -o-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);    
}



/*******edg***/
#main__container {
    overflow: visible;
    /*background: red;*/
    min-height: calc(100vh - 200px);
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    z-index: 1;
    /* -webkit-transition: all .5s linear .3s; */
    /*-o-transition: all .5s linear .3s;*/
    /* transition: all .5s linear .3s; */
}





.sije__container , .declara__container{
    width:100%;
    margin: 0 auto;
    max-width: 1300px;
    transition: 0.2s;
}

.MuestraDeColor{
    width: 100%;
    height: auto;
    padding: 15px;
    color: #fff;
    display: inline-flex;
    margin: 10px 0;
    justify-content: center;
    align-items: center;
    box-shadow: 1px 1px 6px -1px rgba(0, 0, 0, 0.45);
    font-size: 2.2rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.31);
    border-radius: 10px;
}


.box__content {
    width: 100%;
    padding: 20px;
}

/* ================================================
 * Search
 * @autor eparedes
 * ================================================ */
.search__container{
    display: inline-block;
    width: 100%;
}

.buscador__contenedor{
    display: flex;
}

/* ================================================
 * Tab / Checkbox
 * @autor eparedes
 * ================================================ */
 .selectbox__content{
    position: relative;
 }
.selectbox__content--is-check i{
    font-size: 18px;
}

.selectbox__content--is-check:after {
    content: '';
    position: absolute;
    top: 1px;
    font-size: 11px;
    right: 5px;
}

.selectbox__content--is-check {
    position: absolute;
    top: 50%;
    left: 3px;
    color: #ffffff;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e0e0;
    background: #fff;
    border-radius: 50%;
    transform: translate(0 , -50%);
}
.selectbox__opciones .selectbox__opcion:first-child{margin-left: 0 !important;}
.selectbox__opciones{
    display: flex;
    width: 100%;
    flex-wrap: wrap
}
.selectbox__opcion{
    width: auto;
    margin: 7px;
}
.selectbox__opcion--is-input{
    display:none;
}
.selectbox__content--is-name{
    font-size: 12px;
    padding:10px 10px 10px 30px;
    display: inline-block;
}
.selectbox__opcion--is-label{
    color: #525252;
    border: 1px solid #e0e0e0;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    display: inline-block;
    transition:background .3s;
    -webkit-transition:background .3s;
}
.selectbox__opcion--is-label:hover{
    background:#e0e0e0;
}
.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label{
    border-color:#fff;
}
.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label .selectbox__content--is-check {
    border: none;
    background: transparent;
    border: 1px solid #aa0000;
}

.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label .selectbox__content--is-check:after {
    content: '\2714';
    color: #aa0000;
    font-size: 12px;
}
.selectbox__opcion--is-input:checked + .selectbox__opcion--is-label{
    background: #ffffff;
    color: #555;
    border: 1px solid #ffa549;
}

/* ================================================
 * Wizard
 * @autor eparedes
 * ================================================ */
.wizard__main__steps {
    border-radius: 100px;
    height: 70px;
    font-family: "Arial-Extra-Bold";
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.wizard__step:last-child{
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-right: 3px solid #e4e0d4;
}

.wizard__step {
    float: left;
    margin-top: -3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    color: #525252;
    background: #eeebe4;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-left: 3px solid #e4e0d4;
    border-top: 3px solid #e4e0d4;
    border-bottom: 3px solid #e4e0d4;
    position: absolute;
    display: inline-flex;
    align-items: center;    
}

/*
 * @wizard: Para 4 pasos
 * @autor eparedes
 */
.wizard__step:first-child:nth-last-child(4),
.wizard__step:first-child:nth-last-child(4) ~ .wizard__step {
    width: calc( 25% + 30px );
}
.wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(2) {
    left: calc( 24% );
}
.wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(3) {
    left: calc( 48% );
}
.wizard__step:first-child:nth-last-child(4) ~ .wizard__step:nth-child(4) {
    left: calc( 72% );
}

/*
 * @wizard: Para 3 pasos
 * @autor eparedes
 */
.wizard__step:first-child:nth-last-child(3),
.wizard__step:first-child:nth-last-child(3) ~ .wizard__step {
    width: calc( 33% + 30px );
}
.wizard__step:first-child:nth-last-child(3) ~ .wizard__step:nth-child(2) {
    left: 32%
}
.wizard__step:first-child:nth-last-child(3) ~ .wizard__step:nth-child(3) {
    left: 64%
}

/*
 * @wizard: Para 2 pasos
 * @autor eparedes
 */
.wizard__step:first-child:nth-last-child(2),
.wizard__step:first-child:nth-last-child(2) ~ .wizard__step {
    width: calc( 50% + 30px );
}
.wizard__step:first-child:nth-last-child(2) ~ .wizard__step:nth-child(2) {
    left: 47%
}
.wizard__step.complete {
    background: #0AC191;
    color: #FFF;
}
.wizard__step.active {
    background: #ffa549;
    color: #FFF;
}
.wizard__step.active .circle {
    color: #ffa549
}

.wizard__step.error {
    background: #e20e0e;
    color: #FFF;
}

.wizard__step.active .error {
    color: #e20e0e
}

.wizard__step.error .circle {
    font-size: 0;
    position: relative;
}
.wizard__step.error .circle:after {
    font-family: "Material Icons";
    content: "close";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    transform: translate(-50%,-50%);
    color: #e20e0e;
}

.wizard__step .circle {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    background: #FFF;
    float: left;
    font: 30px "Arial-Extra-Bold";
    color: #e4e0d4;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.wizard__step.complete .circle {
    font-size:0;
    position:relative;
}
.wizard__step.complete .circle:after {
    font-family: "Material Icons";
    content: "\E5CA";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 50px;
    transform: translate(-50%,-50%);
    color: #0ac191;
}
.wizard__step .text {
    font: 18px "Swiss-Light";
    float: left;
    overflow: hidden;
    display: block;
    max-height: 70px;
    width: calc( 100% - 140px );
    margin-left: 20px;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
}




/* ================================================
 * Selection
 * @autor EDG eparedes
 * ================================================ */
*::selection {
    background: #de4f4f;
    color: #fff;
}
*::-moz-selection {
    background: #de4f4f;
    color: #fff;
}

 /* ================================================
 * Placeholder
 * @autor eparedes
 * ================================================ */
::-webkit-input-placeholder {
    color: #b7b7b7;
}

:-moz-placeholder,
::-moz-placeholder {
    color: #b7b7b7;
}

:-ms-input-placeholder {
    color: #b7b7b7;
}

input[type='text']:focus::-webkit-input-placeholder {
    opacity: 0;
}

/* ================================================
 * Angular
 * @autor eparedes
 * ================================================ */
.ng-cloak, 
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

/* ================================================
 * Loading
 * @autor eparedes
 * ================================================ */
.button[loading="true"] i{ opacity: 0; }
.button[loading="true"]{
    background-image: url(images/loading/1.svg);
    background-position: left center;
    background-color: #f3f3f3 !important;
    border-color: #c5c5c5 !important;
    cursor: not-allowed;
    background-repeat: no-repeat;
    color: #525252;
}
[loading="select,true"]{
    background: #ffa549;
    -webkit-mask: url(images/loading/1.svg) center / contain no-repeat;
    color: transparent;
    padding: 0;
    height: 30px;
}
.element--is-loading{
    background: #ffa549;
    -webkit-mask: url(images/loading/1.svg) center / contain no-repeat;
}
.full__loading em{
    position: absolute;
    top: calc(50% + 30px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #525252;
    font-style: italic;
}
.full__loading--is-img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.full__loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.84);
    z-index: 99;
}

/* ================================================
 * Menu Responsive
 * @autor eparedes
 * ================================================ */
body.open {
    overflow: hidden;
}

body.open .menu--is-view .b-menu{
    border-color: #ffa549 !important;
}
body.open .menu--is-view .b-menu .b-bun,
body.open .menu--is-view .b-menu .b-bun--top{
    background: #ffa549 !important;
}
.menu--is-view .b-menu .b-bun,
.menu--is-view .b-menu .b-bun--top{
    background: #fff !important;
}
.menu--is-view .b-menu{
    background-color: transparent !important
}
.menu__opciones{
    width: auto;
    display: inline-block;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    font-size: 20px;
}
/*.menu__responsive:not(.menu--is-view){
    display: none;
}*/
.menu--is-view .menu--is-burger{
    display: inline-block !important;
    position: absolute;
    top: 4px;
    right: 4px;
    left: inherit;
    width: 60px;
}
.modules__content:last-child{
    border-bottom: none !important;
}
.modules__content:first-child{
    border-top: none !important;
}
.modules__content {
    width: 100%;
    display: block;
    font: 15px 'Swiss-Light';
    font: 1.5rem 'Swiss-Light';
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid #c3c3c3;
    border-top: 1px solid #fff;
}
.module--is-option .module--is-arrow{
    position: absolute;
    top: -3px;
    left: -26px;
}
.menu__responsive__ul{
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.module--is-option {
    display: block;
    font: 17px 'Swiss-Bold';
    font: 1.7rem 'Swiss-Bold';
    color: #525252;
    position: relative;
    text-transform: uppercase;
}
.action__name--is-option:after{
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #525252;
    box-shadow: 8px 0px 0px #ffa549, 16px 0px 0px #e20e0e;
    bottom: 50%;
    left: 0px;
    margin-bottom: -3px;
}
.action__link--is-option:active,
.action__link--is-option:hover{
    color: #fff;
    background: #a6302e;
    padding-left: 20px;
}
.action__link--is-option{
    color: #525252;
    padding: 8px 0;
    display: block;
    font: 14px 'Swiss-Light';
    font: 1.4rem 'Swiss-Light';
    padding-left: 30px;
    transition: all .2s linear;
}
.action__name--is-option {
    display: block;
    font: 15px 'Swiss-Light';
    font: 1.5rem 'Swiss-Light';
    color: #525252;
    padding-left: 30px;
    position: relative;
    text-transform: uppercase;
}
.menu__responsive {
    display: none;
}
.menu__responsive__content{
    display: none;
    width: 100%;
    max-height: 340px;
    overflow-y: scroll;
    background: #f4f4f4;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.4s, visibility 0s 0.4s;
    transition: transform 0.4s, visibility 0s 0.4s;
    box-shadow: 0 0 6px 0px rgba(0, 0, 0, 0.31);
}
.menu__responsive--ul{
    display: block;
}
.menu--is-burger{
    /* display:none !important; */
    /* position: relative; */
    /* display: inline-block; */
    height: 60px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 2px;
    z-index: 20;
}
.menu__responsive__ul .modules__content:last-child .actions__content li:last-child .action__link--is-option{
    margin-bottom: 0px;
}
.active .submodules__content{
    display: block;
    margin-top: 10px;
}
.submodules__content {
    display: none;
}

body.open .b-menu{
    border-color: #aa0000;
    padding-top: 9px;
    background: #ffa549;
}
body.open .b-menu:hover{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.b-menu {
    background: #ffa549;
    border: #f39230  solid 3px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 45px;
    width: 45px;
    padding-left: 9px;
    padding-top: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    position: relative;
    top: 5px;
    left: -5px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
}

.b-bun {
    background: #fff;
    position: relative;
}

.b-bun--top {
    height: 2px;
    top: 0;
    width: 20px;
}

.b-bun--mid {
    height: 2px;
    top: 5px;
    width: 20px;
}

.b-bun--bottom {
    height: 2px;
    top: 10px;
    width: 20px;
}
/*.menu--is-burger:hover:not(.open) .bun-top,
.menu--is-burger:hover:not(.open) .bun-mid,
.menu--is-burger:hover:not(.open) .bun-bottom {
    background: white;
}*/
body.open .menu--is-burger .b-main {
    border: #ffa549 solid 2px;
}

body.open .menu--is-burger .b-bun--top {
    background: #fff;
    top: 9px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.open .menu--is-burger .b-bun--mid {
    opacity: 0;
}

body.open .menu--is-burger .b-bun--bottom {
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

body.open .menu--is-burger .b-brand {
    color: #525252;
}

/* ================================================
 * Links Menu
 * @autor eparedes
 * ================================================ */
.menu__opciones--is-nav1{
    position: relative;
    top: 50%;
    text-align: center;
    height: calc(100vh);
    font-size: 54px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.menu__opciones--is-a:hover {
    color: #ffa549
}
.menu__opciones--is-a:hover::before {
    height: 5px;
    opacity: 1;
    -webkit-transform: translateY(5px);
    -moz-transform: translateY(5px);
    transform: translateY(5px);
}
.menu__opciones--is-a:before{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #ffa549;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}
.menu__opciones--is-a.disabled{
    color: #ddd
}
.menu__opciones--is-a{
    position: relative;
    display: inline-block;
    color: #525252;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 22px;
    font-size: 2.2rem;
    outline: none;
    text-decoration: none;
}
.menu__opciones--is-li{
    text-align: center;
    display: block;
    height: calc(100vh/ 10);
    min-height: 54px;
}
.open .menu__opciones--is-ul{
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.menu__opciones--is-ul{
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    height: 100%;
    position: relative;
    opacity: 0.4;
    -webkit-transform: translateY(35%);
    transform: translateY(35%);
    -webkit-transition: -webkit-transform 1s ease .1s, opacity 1s ease .1s;
    transition: transform 1s ease .1s, opacity 1s ease .1s;
}

/* ================================================
 * Upload
 * @autor eparedes
 * ================================================ */
.element__file {
    border-bottom: 1px solid #cecece;
    width: 100%;
    /*padding: 9px 10px 4px 0;*/
    padding: 1px 10px 4px 0;
    color: #525252;
    font: 14px "Swiss-Light";
    font: 1.4rem "Swiss-Light";
    position: relative;
    cursor: pointer;
}
.element__file::-webkit-file-upload-button {
    visibility: hidden;
}
.element__file::before {
    font-family: "Material Icons";
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    content: "\E2C3";
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    font-size: 25px;
    display: block;
    color: #cecece;
}

.fondo3 > .element__label{
     color: #737373;
    padding: 0 15px 15px 15px;
}

/* ================================================
 * Balls Sije's Style
 * @autor eparedes
 * ================================================ */
.element__balls:after{
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #e20e0e;
    box-shadow: 10px 0px 0px #ffa549, 20px 0px 0px #525252;
}
.element__balls{
    position: relative;
    display: flex;    
}
.element__balls--is-center{
    align-items: center;
    justify-content: center;
}

/* ================================================
 * Tabs
 * @autor eparedes
 * ================================================ */
.tabs__content {
    width: 100%;
    border: 1px solid #ffddb3;
    border-radius: 4px;
}
.tab__cabecera{
    width: 100%;
    display: flex;
}
.tab--is-btn{
    padding: 10px;
}
.tabs nav {
    text-align: center;
    border-bottom: 3px solid #4eaccc;
}
.tabs nav ul {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 auto;
    padding: 0;
}
.tabs nav ul li {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0;
    min-width: 150px;
    margin-left: 40px;
}
.tabs nav a {
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 2.5;
}
.tabs nav a span {
    vertical-align: middle;
    font-size: 0.75em;
}
.tabs nav li.active a {
    color: #74777b;
}
.tabs nav a:focus {
    outline: none;
}
.tabs {
    width: 100%;
    opacity: 1;
    filter: blur(0px);
}
.tabs nav ul li {
    /* position: relative; */
    z-index: 2;
}
.tabs nav ul li:first-child {
    margin-left: 1px;
}

.tabs nav ul li.active {
    z-index: 4 !important;
}
.tabs nav li a {
    overflow: visible;
    padding: 0;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index: 1;
}
.tabs nav li:first-child a span {
    padding-left: 30px;
    padding-right: 10px;
    border-radius: 15px 0 0 0;
    margin-left: -1px;
}
.tabs nav li:last-child a span {
    padding-right: 30px;
    border-radius: 0 15px 0 0;
    padding-left: 10px;
}
.tabs nav li a svg {
    position: absolute;
    left: 100%;
    margin: 0;
    width: 3em;
    height: 100%;
    fill:#e8e8e8;
    box-shadow: 0px 0px 0 #e0e0e0;
}
.tabs nav li a svg:nth-child(2),
.tabs nav li:last-child a svg {
    right: 100%;
    left: auto;
    -webkit-transform: scale3d(-1,1,1);
    transform: scale3d(-1,1,1) rotate(0deg);
}
.tabs nav li a span {
    display: block;
    overflow: hidden;
    background-color: #e8e8e8;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 0;
    font: 15px 'Swiss-Light';
    font: 1.3rem'Swiss-Light';
    color: #525252;
    text-transform: uppercase;
}
.tabs nav li a:hover span {
    background-color: #f2f2f2;
   /* color: #fff;*/
}
.tabs nav li a:hover svg {
    fill: #f2f2f2;
   /* box-shadow: -3px 0px 0 #f7f6f6;*/
}
.tabs nav li a svg {
    pointer-events: none;
}

.tabs nav li a svg use {
    pointer-events: auto;
}
.tabs nav li.active a span,
.tabs nav li.active a svg {
    -webkit-transition: none;
    transition: none;
}
.tabs nav li.active a span {
    background: #4eaccc;
    color: #fff;
    letter-spacing: 1px;
}
.tabs nav li.active a svg {
    fill: #4eaccc;
    box-shadow: -1px 1px 0 #4eaccc;
}
.tab__content--data{
    padding: 15px 5px;
    background-color: #ffffff;
}
.tabs li:first-child  svg:nth-child(2){
    display: none !important
}


.res__primary__foto2 {
    width: 90%;
    max-width: 120px;
    margin: 0 auto;
    height: 150px;
    align-content: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    /* border-radius: 50%; */
    /* -webkit-transform: translate(-50%,0); */
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    /* transform: translate(-50%,0); */
    border: 1px solid #ffffff;
    margin-top: -15px;
    box-shadow: 0 2px 5px #eaeaea;
    margin-bottom: 15px;
}



/* ================================================
 * Estilos Complementarios
 * @autor EDG  eparedes
 * ================================================ */
.OpcionesCirculares{
    display: inline-block;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    vertical-align: top;
    border:5px solid #777;
    background: #fff;
    margin:15px;
    position: relative;
}

 

/******* inputs ************/

.fileContainer {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.fileContainer [type=file] {
    cursor: inherit;
    display: block;
    font-size: 999px;
    filter: alpha(opacity=0);
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}

.subirArchivoCabecera span{
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 40px;
}

.subirArchivoCabecera{
    display: inline-block;
    width: 50%;
    background: #f9f9f9;
    height: 160px;
    margin: 12px;
    border: 5px #8e8e8e;
    border-style: dotted;
    font-size: 2.2rem;
    color: #8e8e8e;
    transition: 0.4s;
}

.subirArchivoCabecera.active{
      border: 5px #0097b3 dotted;
    background: #daeff4;
}

.subirArchivoCabecera.active:hover{
    background: #ccdde1;
}

.iconobtnSubir{
      width: 38px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.7;
    margin: -5px 12px 2px 9px;
    }

.subirArchivoCabecera:hover{
    background: #f9f9ec;
}


/*********************************/







.trasparencia-Total, 
.trasparencia-Total:hover{
    background: transparent;
}




.element__label  .material-icons{
    vertical-align: middle;
}

.clasLink{
    color: #ff4343;
    text-decoration: underline;
}


.clasLink:hover{
    color: #a42f2d;
 }



.elemnt-star{
    justify-content: start;
}

.tarjeta{
    transition: 0.2s;
    display: inline-block;
    padding: 15px;
    background: #fff;
    margin: 0.5%;
    height: 242px;
    width: 31.9%;
    position: relative;
    vertical-align: top;
}

 
.tarjeta button{
    width: 100%;
    margin: 10px 0 0 0;
    background: #e9e9e9;
}

 

.tarjeta .titulo-Estado-cont  .imageneYsuarioResumen{
    min-width: 50px;
    min-height: 50px;
    margin: -3px 9px 0px 0px !important;
}

 

 

.tarjeta .titulo-Estado{
display: flex;
    align-items: center;
    flex-wrap: wrap;
 }

.titulo-Estado span{
    width: 100%;
    margin-top: -5px;
}

 .paddingConteiner{
    padding: 20px 0;
 }


 .paddingVertical{
    padding:  0 20px;
 }

.displayflex{
   display: flex;
}

.videoYoutube{
     width: 100%;
    max-width: 560px;
}
  
.DescripcionYoutube{
      padding-left: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}

 .imageneYsuarioResumen{

}
.titulo-Estado-cont{
    display: flex;
    align-items: center;
    margin-top: -10px;
}

.inicialResaltado{
 display: inline-flex;
    width: 40px;
    height: 40px;
    min-width: 35px;
    min-height: 35px;
    color: #fff;
    border-radius: 50%;
    background: #777;
    margin: 0 5px 0 0;
    justify-content: center;
    align-items: center;
    font-size: 26px;
    font-family: Arial-Extra-Bold;
}

.estado{
    position: absolute;
    bottom: 5px;
    left: 15px;
}

  .titulo-Estado span {
        font-size: 1.2rem !important;
}

.cantiPersonas{
        position: absolute;
    bottom: 5px;
    right: 15px;
}

.tarjeta>span {
        font-size: 1.4rem;
    margin: 10px 0;
    color: #737373;
    font: 1.4rem "Swiss-Light";
}
.titulo-Estado{
    font-size: 1.8rem !important;
    font-family: Arial-Extra-Bold;
    line-height: 1;
    margin: 5px 0;
    margin: 4px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}




/**************  paso 1  ***************/
  .Est-incompleto .titulo-Estado{
    color: #6db2c5;
  font-size: 1.8rem !important;
    font-family: Arial-Extra-Bold;
    line-height: 1;
    margin: 5px 0;
    height: 43px;
}

 .Est-incompleto  .inicialResaltado{
     background: #6db2c5;
}

  .Est-incompleto .estado:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #6db2c5;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.Est-incompletoH{
border-color: #6db2c5; 
}

.Est-incompletoH-t{
    color:  #6db2c5;;
}

.Est-incompletoH .imageneYsuarioResumen{
border-color: #6db2c5; 
}
 

/**************** paso 2   ***************/

.Est-completoH-t{
    color:  #7dbc8a;;
}

.Est-completo .titulo-Estado {
  color: #7dbc8a;
    font-size: 1.8rem !important;
    font-family: Arial-Extra-Bold;
    line-height: 1;
    margin: 5px 0;
    height: 50px;
}


.Est-completoH{
border-color: #7dbc8a; 
}

.Est-completo .estado:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #7dbc8a;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.Est-completo .inicialResaltado {
     background: #7dbc8a;
}



.Est-completo .titulo-Estado-cont .imageneYsuarioResumen{
  border-color:  #7dbc8a;
}


/**************** PASO 3 ****************/

  .Est-registrado .titulo-Estado{
  color: #e9a727;
    font-size: 1.8rem !important;
    font-family: Arial-Extra-Bold;
    line-height: 1;
    margin: 5px 0;
    height: 50px;
}


  .Est-registrado .estado:before  {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e9a727;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

 .Est-registrado  .inicialResaltado{
     background: #e9a727;
}



 .Est-registrado .titulo-Estado-cont .imageneYsuarioResumen{
  border-color:  #e9a727;
}




/**************** paso 4 ***************/

 .Est-confirmado  .titulo-Estado{
    color: #ff5722;
  font-size: 1.8rem !important;
    font-family: Arial-Extra-Bold;
    line-height: 1;
    margin: 5px 0;
    height: 50px;
}

.Est-confirmado .inicialResaltado{
     background: #ff5722;
}

.Est-confirmado .imageneYsuarioResumen{
        border: 4px solid #ff5722;
}

 .Est-confirmado .estado:before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff5722;
    vertical-align: middle;
    margin: 0 5px 0 0;
}


 .Est-registrado .titulo-Estado-cont .imageneYsuarioResumen{
  border-color:   #ff5722;
}


/****************  paso 5  ***************/

 .Est-presentado  .titulo-Estado  {
    color: #a42f2d;
  font-size: 1.8rem !important;
    font-family: Arial-Extra-Bold;
    line-height: 1;
    margin: 5px 0;
    height: 50px;
}

.Est-presentado .inicialResaltado {
     background: #a42f2d;
}

.Est-presentado .estado:before  {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #a42f2d;
    vertical-align: middle;
    margin: 0 5px 0 0;
}


 .Est-registrado .titulo-Estado-cont .imageneYsuarioResumen{
  border-color: #a42f2d;
}


 /****************************************/


 

.contentNoRegistradoLimited{
    display: block;
    min-height: 350px;
    width: 100%;
    height: calc(100vh - 165px) ;
    position: relative;
    overflow: auto;

}

.contenedorTarjetaTotal{
    padding: 15px;
}



.contOpcionBusqueda{
  display: block;
    text-align: left;
    padding: 3px;
    width: 100%;
}

.contOpcionBusqueda ul{ 
    display: inline-block;
    vertical-align: middle;
 
}

.contOpcionBusqueda ul li {
display: inline-block;
    width: 15px !important;
    height: 19px !important;
    position: relative;
    vertical-align: top;
    text-align: center;
}

.contOpcionBusqueda ul li {
display: inline-block;
    width: 19px !important;
    height: 19px !important;
    position: relative;
    vertical-align: top;
    transition: 0.4s;
    text-align: center;
}


.contOpcionBusqueda ul li:hover {
   -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
   transform: scale(1.4); 
    border-radius: 50%;
    padding: 2px;
    background: #fff
}

.contOpcionBusqueda ul li img{
    width: 100% !important;
}


.contOpcionBusqueda ul li label{
    margin:0 !important;
    font-family: Arial-Extra-Bold;
}

.contOpcionBusqueda ul li a {
    width: 100%;
    position: absolute;
    height: 100%;
    display: flex;
    font-size: 1.5rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-family: Arial-Extra-Bold;
    color: #227384;
    transition: all 0.3s;
    border-radius: 50%;
}

.contOpcionBusqueda ul li a:hover {
    background: #fff;
    color: #ff4343;
     box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.41) !important;
}

.contOpcionBusqueda .mitad-element {
 padding: 6px;
    height: auto;
 }

.person03{
    background: url(/Content/images/img/person03.gif);
    width: 157px;
    height: 315px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}



.person02{
    background: url(/Content/images/img/person02.gif);
    width: 157px;
    height: 315px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}




.person02:hover{
    background: url(/Content/images/img/person02-hover.gif);
 
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}

.person04{
    background: url(/Content/images/img/person04.gif);
    width: 157px;
    height: 315px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}



.person05{
    background: url(/Content/images/img/person05.gif);
    width: 157px;
    height: 315px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}

.person06{
    background: url(/Content/images/img/person06.gif);
    width: 157px;
    height: 315px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}

.person07{
    background: url(/Content/images/img/person07.gif);
    width: 157px;
    height: 315px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle; 
    background-repeat: no-repeat;
}

.text-error{
  color: #ff4343;
    font: 1.1rem "Swiss-Light";
}

.seleccion-Sentrado{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: calc(100vh - 199px);
    margin: 0 auto;
    text-align: center;
}


.cotolador-Option-Tabla , .cotolador-Option-Tabla a{
    font-size: 1.6rem;
    font-weight: 600;
    color: #5f5a5a;
}

.texto-carga-escrito {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 1.1em;
    text-transform: uppercase;
}

.errorText{
 font-size: 1.6rem;
    padding: 5px;
    color: #f08a3f;
    display: inline-block;
    border-radius: 12px;
}

#barcode{
    margin: 1px 0;
}

.butonMenusSimple {
    width: 20px;
    height: auto;
    width: 20px;
    position: relative;
    max-width: 20px;
    cursor: pointer;
}


.butonMenus{
    width: 20px;
    height: auto;
    width: 20px;
    position: relative;
    max-width: 20px;
    cursor: pointer;
}

.butonMenus img , .butonMenusSimple img{
    width: 6px;
    cursor: pointer;
}

.butonMenusSimple .menu-emergente {
    width: 0;
    height: 0;
    opacity: 0;
    display: none;
    overflow: hidden;
    position: absolute;
    left: -196px;
    z-index: 5;
    top: -20%;
}


.butonMenus .menu-emergente {
    width: 0;
    height: 0;
    opacity: 0;
    display: none; 
    position: absolute;
    left: -196px;
    z-index: 5;
    top: -20%;
}


.cont-abla-respon  .tablas-estilos tr:last-child  td  .butonMenus  .menu-emergente{  
bottom:-20%;
top: auto;
}


 .butonMenus  .menu-emergente {
    background: #ffffff;
    box-shadow: 0 0 7px -1px #0000006b;

    z-index:5;
    width: 200px;
    height: auto;
    opacity: 1;
        display: inline-grid;
}


.butonMenus .fueraOpcionsMultiples, .butonMenus .fueraOpcionsMultiples:hover {
    width: 100%;
    height: 100%;
    position: fixed;
    background: transparent;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: default;
    outline: none;
}

.butonMenusSimple .fueraOpcionsMultiples {
    width: 0%;
    height: 0%;
    position: fixed; 
    display: none;
} 

.menu-emergente button {
color: #ffa549;
    font-size: 1.4rem;
    padding: 5px;
    width: 100%;
    position:relative;
    z-index:5;
}

.menu-emergente button:hover {
    background:  #ffa549;
    color: #fff;
}

.barraCargando {
    height: 25px;
    width: 100%;
    position: relative;
    background: #c5c5c5;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 7px !important;
}

.barraCargando span{
position: absolute;
    width: 100px;
    margin-left: -50px;
    left: 50%;
    height: 100%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 13px;
    font-size: 1.3rem;
    text-shadow: 2px 0px 14px rgba(0, 0, 0, 0.37);

}


.line-atime  .barraCargando{
    position: absolute;
    left: 25px;
    top: 11px;
    z-index: -1;
    width: 97%;
    height: 15px;
}


.foto-Titular{
    width: 120px;
border: 3px solid #ffa549;
}

ol ul {
    list-style: circle !important;
    padding-left: 20px;
}

ol.texto-narrativo  {

    padding-left: 20px;
}

.elemento75-part{
    width: 75%;
    margin: 10px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento2-part{
    width: 50%;
    margin: 10px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento3-part{
    width: 33%;
    margin: 10px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.elemento4-part{
    width: 25%;
    margin: 10px -0.2%;
    display: inline-block;
    vertical-align: top;
}

.r{
       width: 100%;
    height: 1px;
    background: #c3c3c3;
    margin: 10px 0;
}
 


.text1{
    color: #525252;
    font: 15px "Swiss-Light";
    cursor: default;
    opacity: 1;
 }

.text2{
    color: #525252;
    font: 16px "Arial-Extra-Bold";
    display: inline-block;
    width: 100%;
    font-weight: bold;
    cursor: default;
    min-height: 21px;
}

.barraCargando .posentaje{
background: #ffa549;
    height: 100%;
    position: absolute;
    left: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    -webkit-animation-name: cargandoPre; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: cargandoPre;
    animation-duration: 0.5s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cargandoPre {
    0%   {
  width: 0;
    }
 

    100% {

       }
}


.BTN_Total{
background: #f5f5f5;
    border: 3px #888888 dashed;
    display: inline-block;
    padding: 15px;
    width: 100%;
    font-size: 17px;
    font-size: 1.7rem;
    color: #888888;
}


.Fotter-Hoja{
    -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    opacity: 0;
    background-color: #525252;
    color: #fff;
    padding: 7px ;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font-size: 1.3rem;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.43);
}


.aparDerecha{
    -webkit-animation-name: apaDerecha; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1.1s; /* Safari 4.0 - 8.0 */
    animation-name: apaDerecha;
    animation-duration: 1.1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes apaDerecha {
    0%   {
     margin-top: 50px ;
     opacity: 0;
    }
 

    100% {

       }
}


.boton-regresar{
    margin: 25px 0 ;
}

.boton-regresarintitle{
       margin: -10px 0;
    vertical-align: middle;;
}

.tituloConBoton{
    margin-top: 5px;
}

.ima-alerta{
    border-radius: 10px;
}

.ListaCheckEmerente{
    border: 1px solid #ffa549;
}

.ListaCheckEmerente  .element__label{
    width: 22%;

    margin: 5% !important;
    padding: 0;
}

.ListaCheckEmerente b{
margin: 12px 0;
    display: inline-block;
}


.boton-redondo{
height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    background: #efefef;
    color: #525252;
    padding: 0;
    box-shadow: 1px 1px 1px #bfbfbf;
}


*:disabled , .disable{
    webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    cursor: no-drop !important;;
    opacity: 1 !important;;
}

*:disabled img, .disable img{
}

.DescripGuardar:disabled img{
    filter: invert(60%);
}


.DescripEliminar{    
   margin-right: 90px !important;
}

.DescripEliminar:before{
    content: 'Eliminar';
    position:absolute;
    left: 38px;
    bottom: 5px;
}


.DescripCamcelar{    
   margin-right: 90px !important;
}

.DescripCamcelar:before{
    content: 'Cancelar';
    position:absolute;
    left: 38px;
    bottom: 5px;
}



.DescripGuardar{
    margin-right: 81px !important;
    background: #ff4343 ;
}


.DescripGuardar:before{
    content: 'Guardar';
    position:absolute;
    left: 38px;
    bottom: 5px;

}

.DescripEditar{
    margin-right: 70px !important;
}

.DescripEditar:before{
    content: 'Editar';
    position:absolute;
    left: 38px;
    bottom: 5px;

}


.resalt{
    background: #ff9926 !important;
}
.boton-redondo  .iconi{
    margin: 0 5px;
    height: 15px;
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
    margin: 13px auto;
}
 
*::-webkit-scrollbar  {
    width: 9px;
    background-color: #dadada;
    height: 8px;
            border-radius: 5px;
        }


*::-webkit-scrollbar-thumb {
    background-color:#979797;
    border-radius: 5px;
}


*::-webkit-scrollbar-thumb:hover  {
    background-color: #777;
}

 
.miembro__info .buttons__content {
    text-align: left !important;
} 



.pop-alerte  md-dialog-actions{
    text-align: center;
    justify-content: center;

}

.pop-alerte h2{
 color: #e5872b !important;
     padding-left: 39px !important; 
         letter-spacing: inherit;

}

.NoAplica{
    font-size: 1rem !important;      
}

.RealtadoDocumento{
 font-weight: 900;
 text-decoration: underline;     
}

.alginMidle{
    vertical-align: middle !important ;
}


.pop-alerte .texto-narrativo{
    text-align: center;
}

.pop-alerte h2:after{
    content: '';
    display: block;
    position: absolute;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    background-color: transparent!important;
    box-shadow: 16px 0px 0px #ffa549 !important;
    bottom: 50% !important;
    left: -7px !important;
    margin-bottom: -6px !important;
}

.input-formato-texto , .input-formato-texto:hover , .input-formato-texto:active{
    font-weight: 900;
    border: 0 !important;
    background: transparent;
    font-size: 1.6rem;
    font-family: Swiss-Bold;
    cursor: default;
    outline: none !important;
    overflow: hidden;
    text-transform: uppercase ;
pointer-events: none; 
    padding: 5px 10px 5px 0 !important;
    color: #525252 !important;
}


.input-formato-texto::-ms-expand {
 display: none !important; 
}

.input-formato-texto option
{
 display: none !important; 
}
.content-wrap{
    padding: 12px 0;
}
.input-principal{
    border-bottom: 2px solid #ffa549;
    color: #ffa549;
    font-weight: 700;
    font-size: 1.8rem;
}

.cotolador-Option-Tabla{
    width: 100%;
    max-width: 150px;
    display: inline-block;
    text-align: right;
}

.cotolador-Option-Tabla a{
    display: inline-block;
      padding: 7px;
}

.cotolador-Option-Tabla a:hover{
  color: #ffa549;
}

.seccion-flex-complet{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Cont-general-cont{
    padding: 15px;
    overflow: auto;
    width: 100%;

}

.vistapreviaDocument{
    box-shadow: 1px 1px 14px -3px rgba(0, 0, 0, 0.62);
    padding: 0px;
    margin: 0px auto;
    width: 1050px;
    min-height: 1484px;
    background: transparent;
    position: relative;
}

.vistapreviaDocument:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 74px solid #ffffff;    
    border-top: 75px solid transparent;
    border-bottom: 0 solid transparent;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
    right: 0;
    top: 0;
     z-index: 5;
}

 


.vistapreviaDocument .tablas-estilos tbody tr td .element__label 
{
    font-size: 9px;
        letter-spacing: normal;
}



.logocabezeradocument{
     background: #ff4343;
    padding: 10px;
}


.hojaDocumental .tablas-estilos tbody tr td  b{
 
    font-weight: 600;
}

 

.hojaDocumental  .vistapreviaDocument .titulo-Sistem-2{
  font-weight: inherit; 
 margin: 10px 0;
 letter-spacing: 2px;
 /* text-transform: uppercase; */
}

.hojaDocumental .vistapreviaDocument .titulo-Sistem-3{
 margin: 4px 0 10px 0;
 letter-spacing: 2px;
}

.print_Hoja {
    overflow: hidden;
}

 

.vistapreviaDocument  .tablas-estilos thead tr th {
       font-size: 13px;
}


.vistapreviaDocument .texto-narrativo{
        color: #525252;
}

.vistapreviaDocument ol .texto-narrativo {
    margin-left: 15px;
}


.vistapreviaDocument:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 88px;
    height: 88px;
    top: -13px;
    background: #525252;
    right: -14px;
    z-index: 2;
}

.Contenedor-vistapreviaDocument{
    background: #525252;
    padding: 15px;
     overflow: auto;
     margin: 0px 0 15px 0px;
    border: 10px solid #484848;
}

.logo-document{
    width:120px;
}

.text-tbl-info{
     font-weight: 100 !important;
}


.logo-document-jne{
    width: 120px;
}
 
.justificado{
    text-align: justify;
}

.texto-narrativo i {
        font-style: italic;
}

 .cont-Fimta-space {
    border-top: 2px solid #525252;
    padding: 5px;
    margin: 50px auto;
    width: 300px;
    position: absolute;
    bottom: 25px;
    right: 50%;
    margin-right: -150px;
 
}

.conte-Ubicated{
    display: flex;
    flex-direction: inherit;
    flex-flow: wrap;
    justify-content: space-between;
    flex-basis: 100px;
}
.input-comntenedo{
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.conte-Ubicated {
    display: flex;
    flex-direction: inherit;
    flex-flow: wrap;
    justify-content: space-between;
    flex-basis: 100px;
}



.contedImageDate{
    width: 200px;
    display: inline-block;
    margin-top: 5px;
    vertical-align: middle;
}




.contedImageDate p {
line-height: 1.1;
    font-size: 1.1rem;
    color: #525252;
}

.MoreDatecent{
    width: 50mm;
    margin: 10px 5mm;
}


.MoreDatecent svg{
    width: 100% !important;
}

.contSeccionPersoneroTecnico{
    display: inline-block;
    width: 500px;
    margin-top: 15px;
    vertical-align: middle;
    margin-left: 15px;
}

.CredencialFormate .titulo-Sistem-3 {
   /* font-size: 1.3rem !important;*/
      color: #4c4c4c;
    margin: 5px 0;
    text-align: center;
    font-weight: 700;
   /* font-family: arial;*/
}

 .CredencialFormate .contedImageDate p ,
  .CredencialFormate  .contedImageDate{
    line-height: 1.1;
    font-size: 0.9rem;
    color: #121212;
 }
 .CredencialFormate .titulo-Sistem-3:before{
    content: "";
    display: none;
 }
.CredencialFormate .TextoRojoResalt{
    font-size: 1.2rem;
         background: #ff4343;
    padding: 5px;
    display: inline-block;
    width: calc(100% + 15px);
    text-align: center;
    color: #fff;
    /*font-family: arial;*/
    margin: 10px -7px;
} 
 
.CredencialFormate  .connterIagenPerfil {
     width: 18mm;
    display: inline-flex;
    overflow: hidden;
    height: 20mm;
    text-align: center;
    border-radius: 9px;
    border: 3px solid #525252;
    align-items: center;
    justify-content: center;
}

.CredenObservada{
    background-image: url(/Content/images/img/fondoObserva.jpg);
    background-size: 100%;
}

 .contSeccionPersoneroTecnico{
    display: inline-block;
    width: 36mm;
    margin-top: 15px;
    vertical-align: middle;
    margin-left: 15px;
}
 .CredencialFormate  .LogoJNEPrint {
    width: 56px;

}

 .CredencialFormate .cabeceraTitulaPrint .LogoJNEPrint {
    margin-left: 15px;
}


 .CredencialFormate .LogoJNEPrintBlanc {
      background: #a6302e;
    width: 80px;
    display: inline-block;
    margin-top: -8px;
    padding: 9px;
    position: relative;
    margin-bottom: 25px;
}
 .CredencialFormate .LogoJNEPrintBlanc:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 16px solid #a6302e;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    position: absolute;
    bottom: -15px;
    left: 0;
}


.CodigoBarraVistaPreviac{
width: 250px !important;
 
    height: 130px  !important;
}



 .CredencialFormate  .cabeceraTitulaPrint{
    margin-bottom: 10px;
 }

 .CredencialFormate {
    text-align: left;
 }

 .CredencialFormate .contSeccionPersoneroTecnico{
      margin-top: 0px;

 }
.CredencialFormate .cabeceraTitulaPrint  .contedImageDate{
      margin-top: 0px;
 }

 .CredencialFormate  >  .element__label {
 
 }



 .CredencialFormate .cabeceraTitulaPrint .titulo-Sistem-2 i{
    font-size: 1.2rem;
 }

.CredencialFormate .contSeccionPersoneroTecnico .element__label {
 
}
.CredencialFormate{
    margin: 5px;
    display: inline-block;
    width: 75mm;
    height: 105mm;
    /* border-radius: 4mm; */
    padding: 2mm;
    border: 1px solid #525252;
    vertical-align: top;
}

.CredencialFormate .imaCrednecial img {
width: 72%;
    border: 2px solid #484848;
    margin: 5px;
}


.CredencialFormate .imaCrednecial  {
    width: 28mm;
}
.textoCompletoCreden{
padding: 5px 15px;
}

.LogoJNEPrint{
width: 70px;
    vertical-align: middle;
}

.cabeceraTitulaPrint{
    display: flex;
    align-items: center;
}

.contenidoFirma{
    margin-top: 45px !important;
    margin-bottom: 20px;
 
}

.cabeceraTitulaPrint .titulo-Sistem-2   {
    margin-left: 15px !important;
}

.cabeceraTitulaPrint .titulo-Sistem-2 i {
        display: block;
    color: #525252 !important;
    line-height: 1;
    margin: 0;
}



.connterIagenPerfil-Pais{
    text-align: center;
    width: 128px;
    margin: 4% 0 0 0;
    font-weight: 900;

}
.TextoRojo{
    color:  #ff4343 !important;
}

.TextoRojoResalt{
    background: #ff4343;
    padding: 5px;
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #fff;
    /*font-family: arial;*/
    margin: 10px 0;
}


.connterIagenPerfil{
    width: 128px;
    display: inline-flex;
    overflow: hidden;
    height: 161px;
    text-align: center;
    border-radius: 25px;
    border: 3px solid #525252;
    align-items: center;
    justify-content: center;
}

.connterIagenPerfil img{
    height: 100%;
    display: inline-block;
    width: auto;
}

.CredencialFormate .connterIagenPerfil img{
    height: auto;
    display: inline-block;
    width: 100% !important;
}



.elemento1{
    width: 100%;
}
.alineado-izquierda{
    text-align: left;
}
.alineado-izquierda   thead  tr th ,  
.alineado-izquierda  tbody  tr td{
    text-align: left;
} 
.alineado-derecha   {  
    text-align: right;
}
.alineado-derecha   thead  tr th  , 
.alineado-derecha  tbody  tr td {
    text-align: right;
} 
.alineado-centro{
    text-align: center;
}
.alineado-centro   thead  tr th,
.alineado-centro tbody  tr td,
.alineado-izquierda  tbody  .alineado-centro,
.alineado-derecha tbody  .alineado-centro,
.tablas-estilos thead  tr .alineado-centro,
.tablas-estilos thead  tr .alineado-centro {
    text-align: center;
}

.tablas-estilos  .opcionFlotantes{
    text-align: center;
    padding-bottom: 0;
    margin: 0;
}

.divi{
    width: 100%;
    height: 1px;
    margin: 15px 0;
    opacity: 0.4;
    background: #a0a0a0;
}

.cards-titular-date{
    background: #fef2e4;
    margin: -3px 0px 8px 0;
}

.cards-titular-date.aparDerecha{
    margin: 0;
}
.img-cards-titular-date{
    width: 150px;
    border: 2px solid #ffa549;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin: 15px;
    display: inline-block;
}

svg.img-cards-titular-date {
background: #5B767D;
    padding: 15px;
    border-radius: 15px;
    vertical-align: middle;
    height: 143px;
    border: 0;
    margin: 15px 20px;
}
svg.img-cards-titular-date path {
fill: #fff;
}


.datos-cards-titular-date{
    display: inline-flex;
    flex-direction: column;
    vertical-align: middle;
    padding: 15px;
}



.cards-titular-date-complet{
  
}


.label-dentro-input{

}

.label-dentro-input .principal label{
        color: #ffa549;
        font-size: 1.8rem;
}

.label-dentro-input label{
       position: absolute;
    bottom: 1px;
    font-size: 14px;
    padding: 5px 10px 5px 0;
    color: #4e4e4e;
    font: 14px "Swiss-Light";
    font: 1.43rem "Swiss-Light";
    text-transform: uppercase;

}

.label-dentro-input .element__input{
 padding-left: 32px;
}

.popup-peque{
    max-width: 750px;
}

.fotito-casilla{
    width: auto;
    height: 190px;
}

.datos-cards-titular-date.contenedor-casilla{
margin-top: 15px;
}

.seccionEspecial{
     position: relative;
    padding-left: 194px;
    padding-right: 16px;
    border: 0;
    margin: 15px 0;
    background: #5b767d;
    overflow: hidden;
    background: #f5f5f5;
    /* border-radius: 15px; */
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
}

.seccionEspecial .titulo-Especial svg {
    fill:#fff;
      filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
     width: 60%;
        -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.especial2{
    padding-left: 16px;
}

.seccionEspecial:hover .titulo-Especial svg{
  
     width: 100%;
     
  
}

.titulo-Especial{
    position: absolute;
    width: 175px;
    top: 0;
    left: 0;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 1.7rem;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    z-index: 3;
    overflow: hidden;
   /* border-left: 10px solid #5b767d;*/
    background: #4eaccc;

}


.titulo-Especial:after {
    content: '';
    position: absolute;
    z-index: -1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    width: 118px;
    height: 216%;
    background: rgba(0, 0, 0, 0.05);
    z-index: 1;
    left: -84px;
    top: 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotate(-20deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotate(-20deg);
    transform-origin: 0 0;
    transform: rotate(-20deg);
    font-size: 14px;
    z-index: -1;
    font-size: 1.4rem;
}

/*
.titulo-Especial:after{
    content: "";
    background: url(/Content/images/sorteo/bg.svg);
    opacity: 0.25;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    z-index: -1;
}

*/

.md-dialog md-dialog-content{
    max-height: 60vh;
}

.seccionEspecial .titulo-Especial2{
    position: relative;
    width: 75px;
     
    height: 75px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 2;
    color: #ffffff;
    padding: 15px;
    text-align: center;
    font-size: 1.7rem;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    z-index: 3;
    overflow: hidden;
    
    vertical-align: middle;
    margin-right: 15px;
}

.seccionEspecial .titulo-Especial2 svg {
    fill:#fff;
        fill: #fff;
    filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.41));
    width: 90%;
}


.especial2 .titulo-Sistem-2 {
 display: inline-block;
 vertical-align: middle;
}


.img-cards-titular-date-complet{
    width: 12%;
    border: 2px solid #ffa549;
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.28);
    border-radius: 3px;
    margin: 0 1%;
    display: inline-block;
}


.datos-cards-titular-date-complet{
    display: inline-block;
    vertical-align: middle;
    width: 85%;
}

.divi-especial{
      width: 100%;
    height: 4px;
    margin: 30px 0;
    opacity: 1;
    background: #c1c1c1;
}

.cont-separater{
    margin: 20px 0px;
}
.tablas-estilos tbody .fila-marcada {
    background-color: #ffc47a !important;
    color: #3a1f04; 
}

.tablas-estilos tbody .fila-marcada td {
    font-weight: bolder !important;
}


.tablas-estilos tr td .opcion-rapida{
    display: none;
}

.opcion-rapida.VisibleSiempre{
    display: inline-block !important;
    margin: 0 5px !important;
    opacity: 0.9 !important;
    background: transparent !important;
}
.tablas-estilos tr:hover td .opcion-rapida{
    display: inline-block;
    margin: 0 5px;
    opacity: 0.7;
    background: transparent;
}
.opcion-rapida img{ 
    width: 16px;
    height: 16px;
}
.tablas-estilos tr:hover td .opcion-rapida:hover{
     opacity: 1;
    }




 /** input y radio ***/
.tablas-estilos td .content__radio{
    justify-content: center;
}
.tablas-estilos td md-checkbox:last-of-type {
    /*
    width: 20% !important;
    margin: 5% !important;
    */
    margin: 10px;
}


/* ================================================
 Linea de Tiempo
 * @autor EDG  eparedes
 * ================================================ */

.icono-linea-time{
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    align-items: center;
}

.line-atime li .datos  ul {
    height: auto;
    overflow: hidden;
    max-height: 0;
     -webkit-transition: 0.8s; /* Safari */
    transition:0.8s;
} 

.content-line-atime{
 
}

.line-atime li .datos {
     padding: 10px; 
}

.line-atime li:hover .datos ul{
    display: block;
     max-height: 350px;
    position: relative;
} 

.line-atime li .datos{
    position: absolute;
    width: 200px;
    margin-left: -80px;
    height: auto;
}


.line-atime li:nth-child(even) .datos{ 
     border-bottom: 7px solid  #ffddb3;
    bottom: 80px;
}
.line-atime li:nth-child(odd) .datos{
    border-top: 7px solid  #ffddb3;
    top: 80px;
}




.line-atime li:nth-child(even) .datos:before{ 
    content: "";
    width: 0;
    height: 0;
    border-top: 20px solid #ffddb3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    bottom: -24px;
    position: absolute;
    left: 46%;
}

.line-atime li:nth-child(odd) .datos:before{
    content: "";
     width: 0; 
     height: 0; 
    border-bottom:  20px solid #ffddb3;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    top: -24px;
    position: absolute;
    left: 46%;
}

 
.line-atime > li >  .datos  .titulo-Sistem-2{
    margin: 0px 0px 5px 0px;
  
}


.line-atime{
    display: flex;
    margin: 35vh auto 0vh auto;
    position: relative;
    width: 85%;
    justify-content: space-between;
    -webkit-transition:   0.3s; /* Safari */
    transition:  0.3s;
}

.line-atime > li {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.line-atime > .activo > .datos ul {
 max-height:  350px !important;
}

.line-atime >.realizado > .icono-linea-time {
      background:#ffc884;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
}

.line-atime >.realizado:hover > .icono-linea-time{
      background: #ffb66c;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
}


.line-atime > .activo > .icono-linea-time {
    background: #ffa549;
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.25);
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

.line-atime >  .faltante  > .icono-linea-time {
    background: #c7c7c7;
}

.icono-linea-time img{
    width: 65%;
        -webkit-transition: 1s;
    transition: 1s;
}

.line-atime >  .faltante  > .datos{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}

.line-atime >  .faltante  > .datos ul , .line-atime >  .faltante  > .datos ul:hover{ 
display: none !important;
}


/* ================================================
 * Estilos Estados de Expediente
 * @autor EDG eparedes
 * ================================================ */

.principal-titulos{

}


 .lenyendaEstadoExpediente ,  .EmergenteInformativo{
    position: fixed;
    width: 400px;
          height: 100%;
            max-height: 600px;
    display: inline-block;
    background: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.35);
    z-index: 10;
    right: 3%;
    top: auto;
    bottom: 0;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    border-top: 4px solid #ffa549;
    -webkit-transition: 0.7s;
    transition: 0.7s;
    height: 0%;
     }

 .lenyendaEstadoExpediente:hover ,  .EmergenteInformativo:hover{
        max-height: none;
            height: 100%;
            max-height: 600px;
 }


 .lenyendaEstadoExpediente:hover li ,  .EmergenteInformativo:hover li{

    display: inline-block;
    height: 45px; 
    font-size: 1.3rem;
    opacity: 1;
   }

 .lenyendaEstadoExpediente li ,   .EmergenteInformativo li {
   -webkit-transition: 0.4s; /* Safari */
    transition:   0.4s; 
    height: 0px;
     padding: 7px 15px;
      -webkit-transition: 0.7s;
    transition: 0.7s;
    display: inline-block; 
    overflow: hidden;
    width: 49%;
opacity: 0;
font-size: 0rem;

}


.lenyendaEstadoExpediente .principal-titulos ,
 .EmergenteInformativo .principal-titulos{
  position: absolute;
    background: #ffa549;
    top: -34px;
    width: 200px;
    padding: 9px;
    box-shadow: 0 0 6px -1px #00000059;
    border-radius: 14px 14px 0px 0px;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
    display: block;
    text-align: center;
    left: 50%;
    margin-left: -100px;
    max-height: none;
    line-height: 1;
    height: 34px !important;
    text-align: center;
    opacity: 1 !important;
}


.lenyendaEstadoExpediente .principal-titulos:before,
 .EmergenteInformativo .principal-titulos:before{ 
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    margin: 0px 6px 0 -4px;
}


.EmergenteInformativo .datoInfromativo{
       content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    margin: 6px;
    vertical-align: middle; 
}
 


.Ini-Registrado , .Ini-Digitalizado{
   /* color: #FF9800;*/
}

.Ini-Registrado:before , .Ini-Digitalizado:before,
.Ini-Registrado:after , .Ini-Digitalizado:after{
    background: #FF9800;
}

.Asig-Asignado , .Asig-Devuelto{
    /*color: #b79f44;*/
}

.Asig-Asignado:before , .Asig-Devuelto:before,
.Asig-Asignado:after , .Asig-Devuelto:after{
    background:#b79f44;
}

.Estudi-EnCalificacion , .Estudi-EnEsperaDeInforme , .Estudi-Seguimiento , .Estudi-ParaAudiencia {
    /*color: #2196F3;*/
}

.Estudi-EnCalificacion:before , .Estudi-EnEsperaDeInforme:before , .Estudi-Seguimiento:before , .Estudi-ParaAudiencia:before,
.Estudi-EnCalificacion:after , .Estudi-EnEsperaDeInforme:after , .Estudi-Seguimiento:after , .Estudi-ParaAudiencia:after {
    background: #2196F3;
}


.Audi-Reservado, .Audi-Programado, .Audi-Notificado , .Audi-PublicadoWeb{
    /*color: rgb(121,134,203);*/
}

.Audi-Reservado:before, .Audi-Programado:before, .Audi-Notificado:before , .Audi-PublicadoWeb:before,
.Audi-Reservado:after, .Audi-Programado:after, .Audi-Notificado:after , .Audi-PublicadoWeb:after{
       background: rgb(121,134,203);
}

.SesioReserv-PendienteDeVoto , .SesioReserv-ConVoto{
    /*color: rgb(78, 172, 204);*/
}

.SesioReserv-PendienteDeVoto:before , .SesioReserv-ConVoto:before,
.SesioReserv-PendienteDeVoto:after , .SesioReserv-ConVoto:after{
background: rgb(78, 172, 204);
}

.ElaboraProye-EnElaboracion , .ElaboraProye-VistoBuenoSG{
    /*color: #57c182;*/
}

.ElaboraProye-EnElaboracion:before , .ElaboraProye-VistoBuenoSG:before,
.ElaboraProye-EnElaboracion:after , .ElaboraProye-VistoBuenoSG:after{
      background: #57c182;
}

.CapturaFirm-FirmasPleno , .CapturaFirm-FirmaSG{
    /*color: #d28848;*/
}

.CapturaFirm-FirmasPleno:before , .CapturaFirm-FirmaSG:before,
.CapturaFirm-FirmasPleno:after , .CapturaFirm-FirmaSG:after{
    background: #d28848;
}

.Pronunci-Publicado , .Pronunci-NotificacionGeneral , .Pronunci-Notificado{
    /*color: #607D8B;*/
} 

.Pronunci-Publicado:before , .Pronunci-NotificacionGeneral:before , .Pronunci-Notificado:before,
.Pronunci-Publicado:after , .Pronunci-NotificacionGeneral:after , .Pronunci-Notificado:after{
    background: #607D8B;
}

.Archivo-ArchivadoPeriferico , .Archivo-ArchivadoCentral{
       /*color: #ea6e51;*/
}


.Archivo-ArchivadoPeriferico:before , .Archivo-ArchivadoCentral:before,
.Archivo-ArchivadoPeriferico:after , .Archivo-ArchivadoCentral:after{
   background: #ea6e51;
}

/* ================================================
 * Titulos
 * @autor EDG eparedes
 * ================================================ */
 
 

.cont-textcabecera{
        text-align: center;
    display: block;
}


.cont-textcabecera span{ 
margin: 10px 0 
}

.titulo-Sistem-2  .texto-narrativo{
line-height: 0;
}

.titulo-Sistem-2  .activo{
color: #ffa549;
}

.titulo-Sistem-2  .desactivo{
    color: #b3b3b3;
}

.titulo-Sistem-3{
 color: #5B767D;
 margin: 15px 0;
 /* font-weight: 700; */
 font-family: Swiss-Light;
}


.vistapreviaDocument .titulo-Sistem-3{
 
 }

.vistapreviaDocument p.element__label{
    display: block;
}
.CredencialFormate .TextoChiquito, 
.CredencialFormate .TextoChiquito li ,
.CredencialFormate   p.element__label
{
        font-size: 0.8rem !important; 
}

.CredencialFormate .TextoChiquitito,
.CredencialFormate .TextoChiquitito   {
    font-size: 0.8rem !important;
    line-height: 1.3;
}




.titulo-Sistem i { 
    color: #535353;
    margin: 15px 0;
    font-family: Swiss-Light;
    opacity: 0.9;
}

.titulo-Sistem-2 i {
 
 
    margin: 15px 0;
    font-family: Swiss-Light;
    opacity: 0.9;
}

/* ================================================
 * Tabla
 * @autor EDG eparedes
 * ================================================ */
.contendor-tablas-estilos{
    width: 100%;
    overflow: auto;
    padding: 0px;
}
.tablas-estilos {
     width: calc(100% - 1px);
    border-collapse: collapse;
    position: relative;
    border: 1px solid #dedede;
}



.tablas-estilos .element__checkbox:after{
    content: "";
    position: absolute;
    top: -6px;
    left: 3px;
    width: 1em;
    height: 1em;
    background: #fff;
    border: 3px solid #f9ad60 ;
    cursor: pointer;
}

.tablas-estilos .element__checkbox:before{
    left: 0.4em;
    top: -0.2em;
}


.th-select ,  .th-select:hover {
    background-color: #ffddb3 !important;
    color: #525252;
    font-weight: bolder !important;
}


.th-select td{
    font-weight: 700 !important;
    background-color: #ffddb3 !important;
    color: #2a4147;
}
.th-select:before{
    content: "";
    display:inline-block;
    width: 40px;
    height: 40px;
    position: relative;
    background: red;
}
.tablas-estilos caption{
      background: #e7e7e7;
    text-align: left;
    padding: 10px 14px 5px 14px;
    line-height: 2;
    color: #5d5d5d;
    font-family: Swiss-Light;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-bottom: -1px;
}

.tablas-estilos caption .button--is-five{
         padding: 6px 30px;
    vertical-align: top;
    background: #f8f8f8;
}

.estilo-tabla-captian{
    background: #e6e6e6;
    text-align: left;
    padding: 0px 10px 0px 10px;
    line-height: 2;
    color: #5d5d5d;
    font-family: Swiss-Light;
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    margin-bottom: -1px;
}


.estilo-tabla-captian .button{
        margin: 10px 3px;
        padding: 10px 18px;
}
.captian-bandeja{
    background: #fff;
    padding: 0;
}

.contfull{
    margin: 15px 0;
}

.divi-element-captian , .mitad-element {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0px -0.1%;
       padding: 0 0  10px 0;
}



.vistapreviaDocument .mitad-element{
     margin: 0px -0.15%;
  }


.vistapreviaDocument h2.mitad-element{
    margin: 0 15px !important;
  
}


.tablas-estilos td , .tablas-estilos th{ 
    padding: 0 5px;
    text-align: center;
    margin: 0;
    line-height: 2;
}
.tablas-estilos tbody tr:nth-child(odd){ 
       background: #f5f5f5;
}
.tablas-estilos tbody tr:nth-child(even){
    background: #ffffff;
}


.tablas-estilos tbody tr:hover{
   /* background: #ffe5ee;*/
}


.tablas-estilos thead  tr{
    background: #e6e6e6;
}

.tablas-estilos thead   {
    border-top: 0.5px solid #d6d6d6;
    border-bottom: 0.5px solid #d6d6d6;
}

.tablas-estilos thead  tr th{
    color: #525252;
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.9rem;
}

.textoPuntoSuspen{
        overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/*bordes de tablas para pruebas*/
/*
.tablas-estilos thead  tr th, .tablas-estilos tbody  tr td{
    border: 1px solid;
}
*/

.tdcorreo{
     word-break:break-all;

}
.tablas-estilos tbody tr td { 
    padding: 7px;
    line-height: 1.3;
        border: 1px solid #d8d8e9; 

}
.tablas-estilos tfoot tr{
    background: #eaeaea;
}


.tablas-estilos tfoot tr td a    {
    color:#777777;
    font-weight: bold;
    font: 13.5px "Arial-Extra-Bold";
    display: inline-block;
    text-align: center;
    padding: 5px;
}


.tablas-estilos tfoot tr td a:hover  {
    color:#ff4343;
    background: #fff;
}

.tablas-estilos tbody  tr td .opciones-tabla-div{
 display: none; 
}


.tablas-estilos tbody  tr:hover  td .opciones-tabla-div{
 position: absolute;
 right:0px;
 top: 0;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 height: 100%;
background: #ffddb3;
 vertical-align: middle;
}


.tabla-limites{
    margin-top: 32px;
}

.tabla-limites thead {
    position: absolute;
    top: -34px;
    padding-right: 9px;
    overflow: hidden;
    width: 100%;
    height: 34px;
}


.tabla-limites tbody{
        overflow:   auto;
    max-height: 61vh;
    display: block;
}
.tabla-limites tbody tr{
position: relative;
}
.tabla-limites tbody tr , .tabla-limites thead tr{
    width: 100%;
    display: block;
}


.ColumT-1{
    max-width: 15px;
     width: 15px;
      min-width: 15px;
}

.ColumT-5{
    max-width: 50px;
     width: 50px;
      min-width: 50px;
}
.ColumT-10{
  max-width: 100px;
     width: 100px;
      min-width: 100px;
}
.ColumT-15{
  max-width: 150px;
     width: 150px;
      min-width: 150px;
}
.ColumT-20{
  max-width: 200px;
     width: 200px;
      min-width: 200px;
}
.ColumT-25{
  max-width: 250px;
     width: 250px;
      min-width: 250px;
}
.ColumT-30{
  max-width: 300px;
     width: 300px;
      min-width: 300px;
}
.ColumT-35{
  max-width: 350px;
     width: 350px;
      min-width: 350px;
}





.tablas-estilos th , .tablas-estilos td{
    padding-top: 3px;
    padding-bottom: 3px;
}
.tablas-estilos tfoot tr td{
    padding: 0 14px;
    font-size: 1.5rem;
    font-weight: 100;
    text-align: right;
    font-weight: 600;
    color: #2a4147;
    line-height: 2;
}

.tablas-estilos   thead   .cabecera-bandeja{
    background: #fff !important;
}




.cont-abla-respon{
    overflow: auto;
    width: 100%;
    margin-bottom: -140px;
    padding-bottom: 155px;
}
/*
.cont-abla-respon  .tablas-estilos .butonMenus:last-child  .menu-emergente{
bottom: 0;
top: auto;
}
*/



.ober-visible{
    overflow: visible !important;
}

.icono-opcion-Active1 {
    right:  2px;
    top: 2px;
}

.icono-opcion-Active2{
    right: 2px;
    bottom: 1px;
}
.icono-opcion-Active1,
.icono-opcion-Active2{
    position: absolute;
    z-index: 10;
    width: 28px !important;
    height: 28px;
    border: 0 !important;
    border-radius:50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    -webkit-transition:  0.4s;
    transition: 0.4s;
}
.icono-opcion-Active1:hover , 
.icono-opcion-Active2:hover {
    border: 0 !important;
    background: transparent !important;
}


.icono-opcion-Active1 img , .icono-opcion-Active2 img{
    width: 12px;
    opacity: 0.5;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.icono-opcion-Active1:hover img,
.icono-opcion-Active2:hover img{
    opacity:1;
}

.icono-opcion-tabla{
    position: absolute;
    width: 12px;
    opacity: 0.3 ;
    width: 28px !important;
    height: 28px;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
    right: 4px;
    top: 10px;
    border: 0 !important;

}

.opcion-edicion-icono{
    opacity: 0.7;
    width: auto !important;
    height: auto;
    border-radius: 0;
    display: inline-block !important;
    justify-content: center;
    align-items: center;
    padding: 7px !important;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 10;
    border: 0 !important;
    /* padding: 10px; */
    color: #fff !important;
    font-size: 1.2rem !important;
    margin: 0px 0 -1px 0;

}


.opcion-edicion-icono:hover{
 background: #ff6a30 !important;
}

.content-opcion-edicion-icono{
    display: block;
    background: #ffa549;
    text-align: right;
}


.icono-opcion-tabla img{
    width: 15px;
}

.icono-opcion-tabla:hover{
    background: transparent !important;
    border: 0 !important;
    opacity: 0.8;
}

.Error-tabla-devuelta td {
   color: #FF4343;
}

.Error-tabla-devuelta:hover td{
 
}

.cont-section-primari{
    width: 80%;
    display: inline-block;
    margin: 0 -0.1%;
    padding:  20px 10px;
    vertical-align: top;
    /*height: 78vh;*/
    overflow: auto;
    -webkit-transition: 0.4s; /* Safari */
    transition: 0.4s;
}

  .cont-section-second{
    width: 20%;
    display: inline-block;
    margin: 0 -0.1%;
    padding:20px 10px;
    vertical-align: top;
    -webkit-transition: 0.4s;
    transition: 0.4s;

}


/* ================================================
 * BANDEJA
 * @autor EDG eparedes
 * ================================================ */
.contenedor-bandeja-Carpeta , .cont-section{
}
.carpetas-bandeja-Cont {
    width: 15%;
    display: inline-block;
    margin: 0 -0.1%;
    padding:20px;
    vertical-align: top;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}



.bandeja-Cont .cont-abla-respon , .bandeja-Cont-full .cont-abla-respon{
/*    max-height: 57.7vh;*/
}
.carpetas-bandeja {
    list-style:none;
    padding: 0;
}
.carpetas-bandeja  .divi {
    margin: 0;
}
.carpetas-bandeja li {
    width: 100%;
    position: relative;
}
.carpetas-bandeja li button{
    font-size: 1.6rem;
    display: inline-block;
    width: 100%;
    padding: 15px 24px 15px 15px;
    text-align: left;
    border-left: #ffffff solid 20px;
    color: #757575;
}
.carpetas-bandeja li button:hover{
    border-left: #ffddb3  solid 20px ;
    background: #ffddb3 ;
    color: #525252;
}
.carpetas-bandeja-active ,  .carpetas-bandeja-active:hover{
    border-left: #ffa549 solid 15px !important;
    border-bottom: #ffa549 solid 2px !important;
    border-top: #ffa549 solid 2px !important;
    font-weight: 700;
    background: #fff !important;

}
.carpetas-bandeja-active  .element__input  {
    margin: 10px;
    width: 90%;
}

.bandeja-Cont {
    width: 85%;
    display: inline-block;
    margin: 0 -0.1%;
    padding: 0 0 0 20px;
    vertical-align: top;
    /*height: 78vh;*/
    overflow: auto;
    -webkit-transition: 0.4s; /* Safari */
    transition: 0.4s;
}


.bandeja-Con-full{
    width: 100%;
}

/* ================================================
 * Subir Archivo
 * @autor EDG eparedes
 * ================================================ */


.cont-btn-subir-archivo:before {
    content: "Subir Archio Aqui";
    color: #ffffff;
    display: block;
    padding: 9px 0 0px 0;
    text-align: center;
    font-size: 1.8rem;
    font-family: Arial-Extra-Bold;
}

.cont-btn-subir-archivo:after {
    content: "";
    color: #f2f2f2;
    height: 26px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 0.9rem;
}

.cont-btn-subir-archivo {
    box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.41);
    background: #ffa549;
    overflow: hidden;
    margin: 15px 0;
    border: 3px solid #f88d44;
    position: relative;
    height: 70 px;
    -webkit-transition: 0.2s; /* Safari */
    transition: 0.2s;
    cursor: pointer;
    border: 0 !important;
}


    .cont-btn-subir-archivo:hover {
        background: #f88d44;
        box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.26);
    }

.btn-subir-archivo,
.ajax-upload-dragdrop {
    color: #999999 !important;
    font-size: 0.8rem !important;
    padding: 10px 20px 10px 20px !important;
    text-decoration: none;
    width: 100%;
    max-width: 960px;
    line-height: 14px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-size: 0.9rem;
    position: relative;
    z-index: 10;
    top: 0px;
    left: 0;
    width: 100% !important;
    height: 100%;
    background: #f2f2f2 !important;
    border: 3px solid #b3b3b3 !important;
    border-radius: 19px;
    margin: 20px 0px 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-subir-archivo:hover,
.ajax-upload-dragdrop:hover {
      background: #e4e4e4 !important;
}


    .ajax-upload-dragdrop span {

    color: #737373 !important;
    font-size: 1.8rem !important;
    line-height: 1;
    }

    .ajax-upload-dragdrop span b{
        display: block;
            color: #525252 !important;

        font-size: 2.5rem !important;

    }

.ajax-file-upload form input {
    outline: none;
}


.ajax-file-upload {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
        height: 58px !important;
    opacity: 0;
    outline: none !important;
}

.data-subir-archivo, .ajax-file-upload-statusbar{
    background: #7dbc8a;
    margin-top: 10px !important;
    width: 100% !important;
    max-width: 350px;
    margin: 5px;
    -moz-border-radius: 11px !important;
    -webkit-border-radius: 11px !important;
    border-radius: 0px !important;
    box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.32);
    border-radius: 11px !important;
    border: 0 !important;
    position: relative;
}

.ajax-file-upload-red{
     border-radius: 2px;
    display: block;
    float: right;
    height: inherit;
    content: 'delete';
    color: #4e2727;
    /*font-family: arial;*/
    font-size: 13px;
    font-weight: normal;
    padding: 0px 0px;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    margin: 13px 10px 0px 0px;
    color: #7dbc8a;
}

.eliminarDocumentoCargado{
    text-shadow: 0 0px 0 #b23e35 !important;
    cursor: pointer !important;
    margin: 0px !important;
    color: #7dbc8a !important;
    height: 28px !important;
    width: 28px !important;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    box-shadow: 0 0 3px 1px #0000003d;
    background: #fff;
    font-family: Arial-Extra-Bold !important;
    font-size: 27px !important;
    position: absolute;
    right: -13px;
    top: -10px;
    line-height: 0;
    padding: 0 !important;
    padding-bottom: 5px !important;
}

.ajax-file-upload-statusbar .tipoFile{
    background: #7dbc8a00 !important;
    height: auto !important;
    font-size: 2rem !important;
    font-family: Arial-Extra-Bold;
    color: #fff !important;
}


.data-subir-archivo-formato, .tipoFile {
    width: 71px !important;
    background: #e02f2f !important;
    display: inline-flex;
    height: 66px !important;
    color: #fff3e7 !important;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    font-size: 1.1rem !important;
    font-family: Arial-Extra-Bold;
}

.data-subir-archivo-datos,
.ajax-file-upload-filename {
    max-width: 259px !important;
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 1.4rem !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    float: none !important;
    display: inline-block !important;
    padding: 13px;
    font-weight: 700 !important;
    line-height: 1.4;
}

.ajax-file-upload-green {
    background-color: #e02f2f !important;
    ;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0;
    padding: 0;
    display: inline-block;
    color: #fff;
    /*font-family: arial;*/
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #e02f2f !important;
    ;
    vertical-align: top;
    margin: 5px 10px 5px 0px;
}


.ajax-file-upload-error {
    margin: 5px;
    font-size: medium;
    color: #aa0000 !important;
}


.data-subir-archivo-datos-nombre {
    width: 100%;
    display: inline-block;
    font-size: 0.9rem;
    margin: 6px 0px;
    color: #2a4147;
    font-weight: 700;
}

.data-subir-archivo-datos-peso {
    width: 100%;
    display: inline-block;
}

.data-subir-archivo-delete {
    width: 60px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 53px;
    margin: 0;
    vertical-align: middle;
}

    .data-subir-archivo-delete .material-icons {
        color: #e02f2f;

}

    .data-subir-archivo-delete .md-button.md-icon-button {
        -ms-transform: scale(2); /* IE 9 
        -webkit-transform: scale(2); /* Safari 
        transform: scale(2);*/
}

/* ================================================
 * Tabs v.2
 * @autor EDG eparedes
 * ================================================ */
.tabs-estilos{
    list-style: none;
    margin-top: 10px;
}

.tabs-estilos li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin: 0 -3px -1px 0;
}

.Resaltado{
    color: #517179;
    font-family: Arial-Extra-Bold;
    font: 12px "Swiss-Light";
    font: 0.8rem "Swiss-Light";
    padding-left: 12px;
    letter-spacing: 0px;
}



.tabs-estilos li  button {
    width: 100%;
    font-size: 1.5rem;
    height: 100%;
    color: #606060;
    -webkit-transition: 0.1s;
    transition: 0.1s;
    border-radius: 14px 14px 0px 0px;
    box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.37);
    background: #f7f6f6;
    margin-bottom: -1.8px;
    /* font-weight: 700; */
    font-family: "Swiss-Light";
    border-bottom: #B3B3B3 3px solid;
    letter-spacing: 0.07rem;
    max-width: 365px;
    text-align: left;
    padding: 5px 24px 5px 14px !important;
    height: 50px;
}


.tabs-estilos li  button:hover{
    background: #f2f2f2;
}

.contenedor-tab{
    border-top: #B3B3B3 3px solid;
    /*padding: 20px;*/
}

.contenedor-tab-full{
    padding: 0;
}

.tabs-estilos li .active , .tabs-estilos li .active:hover{
    border-bottom: #a42f2d 3px solid;
    color: #ffffff;
    position: relative;
    background: #ff4343;

}

.tabs-estilos li .active a, .tabs-estilos li .active:hover a{
    color: #ffffff;
}

.tabs-estilos li .error {
    color: #FF4343;
    position: relative;
    position: relative;
    font-weight: 700;
    border-bottom: #ff4343 3px solid;
    padding-right: 30px;
}

.tabs-estilos li .error:after{
    content: "-";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -10px;
    background: #FF4343;
    padding: 5px;
    color: #f3f3f3;
    border-radius: 50%;
    box-shadow: 0 0 8px -1px rgba(0, 0, 0, 0.45);
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    line-height: 0;
    padding-bottom: 1.3rem;
}


.tabs-estilos li .error:hover{


}

.vistapreviaDocument .element__group .element__label{
    display: block;
    font-size: 11px;

}


.vistapreviaDocument  .element--is-required:after {
    display: none;
}

.vistapreviaDocument .maxheightconArticle article{
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
 
.displayBlock{
    display: inline-block !important; 
}




.FotoPerfil{
     width: auto;
    height: 227PX;
    min-height: auto;
    display: block;
    margin: 10px auto;
    border-radius: 15px;
    border: 2px solid #5f5f5f;
    max-width: 250px;
    overflow: hidden;
}



.hojaDocumental  .row div  .element__label:nth-child(odd) {
display: block;
}

 .row div  .element__label:nth-child(even){
  display: block;
}

.hojaDocumental .content__radio{
        display: inline-block;
     width: 74.3mm !important;
    vertical-align: top;
    margin: 0;
    height: auto;
    margin-left: 10px;                                                  
}


.hojaDocumental .content__radios{
        display: inline-block;
 
    vertical-align: top;
    margin: 0;
    height: 15px;
    margin-left: 10px;                                                  
}



.hojaDocumental .col-md-6 .content__radio{
     display: inline-block;
    width: 41mm !important;
    vertical-align: top;
    margin: 0;
    height: 26px;
    margin-left: 10px;    
                                        
}

.hojaDocumental .element__checkbox{
    position: relative;
    margin: 0 4px !important;
    cursor: pointer !important;
    display: inline-flex;
    height: 12px;
}


.hojaDocumental .content__radio span{
    margin-left: 1px;
    display: inline-block;
    vertical-align: middle;
    width: 83%;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
    font-size: 0.9rem;
} 

.hojaDocumental .row div .element__label:nth-child(even){
    border-bottom: 0.25pt solid #3e3e3e;
    margin-bottom: 6px;
}


.displayBlock div {
    width: 100%;
}


 .hojaDocumental  .maxheightconArticle{
    max-height: none;
 }

.hojaDocumental{
background: transparent;
    border: 0;
    box-shadow: none;
    padding:0px;
    
}

.hojaDocumental .vistapreviaDocument{
    box-shadow: none;
    width: 100%;
    padding: 0;
    height: auto;
    min-height: auto;
}

.hojaDocumental .vistapreviaDocument:before{
    display: none;
}

.hojaDocumental  .vistapreviaDocument:after{   
 display: none;
}

.contenedorRecuadroPrint{
    display: none;
}


.hojaDocumental  .codigoBarra {
display: none;
}



#barcode {
  
 }


/* ================================================
 * Table Grillas Nativas
 * @autor eparedes
 * ================================================ */
.grid__content__table tbody tr:hover {
    background: #e7e7e7 !important;
}

.grid__content__table tbody tr:nth-child(even) {
    background: #e7e7e7;
}

.grid__content__table tbody td {
    color: #525252;
    font: 12px "Swiss-Light";
    padding: 2px 8px;
    border-top: 1px solid #fff;
}

.grid__content__table thead th {
    padding: 4px 5px;
    background-color: #e7e7e7;
    color: #525252;
    font: 12px "Swiss-Light";
    text-transform: uppercase;
    font-weight: bold;
}

.grid__content__pages {
    display: flex;
    justify-content: center;
}

.pages__number:hover {
    color: #ff4343 !important;
}

.pages__number.active {
    color:#ff4343 !important;
    border-color: transparent !important;
    background-color: #e7e7e7 !important;
}

.pages__number {
    color: #333;
    -webkit-transition: .4s ease;
    -o-transition: .4s ease;
    transition: .4s ease;
    font-size: 14px;
    display: block;
    margin-right: 10px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid__container__footer .grid__button--is-end {
    align-items: center;
}

.grid__container__footer {
    border-top: 1px solid #d3d3d3 !important;
    margin-top: 1px;
    display: flex;
    padding: 10px 0;
}

.grid__content__pages .pages__number:last-child {
    margin-right: 0;
}

.grid__content__details {
    margin-right: 10px;
    color: #989898;
    font: 14px "Swiss-Light";
    /* font: 1.3rem "Swiss-Light"; */
    letter-spacing: 1px;
    font-family: 'Segoe UI';
}

.pages--is-rigth > i,
.pages--is-left > i {
    font-size: 38px
}

.pages--is-rigth,
.pages--is-left {
    background-color: #fff !important;
    font-size: 30px !important;
    color: #d6d6d6 !important;
}
 .nuevaImagenSubirFoto{
    width:70%;
    max-width:355px;
 }
 .nuevaImagenSubirFoto>div{
   margin-top: 35px;
 }

.TipoDePErsonero{
    color: white;
    padding: 5px 15px;
 
    bottom: -5px;
    right: 4px;
    position: absolute;
    border-radius: 15px;
    box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.53);
    font-size: 1rem; 
   z-index: 15;
}


.TipoDePErsonero.Titular{
   background: #1e6676;

}

.TipoDePErsonero.Alterno{
       background: #7aa0a8;
 
}

.TipoDePErsonero.Suplente{
       background: #839295;
  
}
.vistapreviaDocument .titulo-Sistem-2{
    /*font-size: 17px;*/
    /* font-weight: 600; */
    margin: 3px 0;
}

 

.mainLista{
    width: calc(100% - 135px);
    height: 100%;
    overflow: hidden;
    padding: 0px 16px 0 30px;
 }


.mainListaPading{
    margin-left: 135px;
}


.ContenidoMainListaCandidatos{
     display: flex !important;
  /*  height: calc(100vh - 258px);*/
    overflow: hidden !important;
    flex-direction: row !important;
   /* min-height: calc(100vh - 258px)!important;*/
}


 .CredencialFormate .TextoChiquito ,
  .CredencialFormate  .TextoChiquito li {
    font-size: 0.7rem;
}




 .CredencialFormate .TextoMedio ,
  .CredencialFormate  .TextoMedio li{
    font-size:1rem;
}
 
.fondo2   .buttons__content{
    padding-bottom: 15px;
   
}

.faltantesContad{
display: inline-block;
    width: 100%;
    color: #227384;
    padding: 13px;
    font-size: 1.3rem;
    font: 1.4rem "Swiss-Light";
}

.SelecResaltado{
     font-family: Arial-Extra-Bold !important;
  
}


 .ContCentradoFlex{
    display: inline-flex;
    align-items: center;
    justify-content: center;
 }
 
/* ================================================
 * INICIO DE PARTE RESPONSIVE
 * @autor EDG eparedes
 * ================================================ */

@media only screen and (min-width: 1601px) {
 .ContenedorOpcionLargo .element__label{ 
    font-size: 1.3rem;
}
 
.Contenedor-vistapreviaDocument{
   /*padding: 10px;*/
}

.ContenedorOpcionLargo .divi{
    margin-top: 16px;
}

.tarjeta .texto-narrativo{
     margin: 1px 0 0px 0;
    font-size: 1.3rem;
    height: 28px;
}

.maxheightconArticle{
   max-height:  calc(100vh - 340px); 
   overflow: auto;
}


.maxheightconArticle article{
    width: 99%;
}


.alto50{
     min-height: calc(50vh - 99px);
}

.alto100{
    min-height:calc(100vh - 303px); 
}

.alto100Total{
   min-height: calc(100vh - 117px);
}


.cont-tarjeta{
height: calc(100vh - 335px);
}


.contonador-regresivaSection{
     /*   max-width: 1087px;*/
 }

.tarjeta{
      width: 30.8%;
    height: 261px;
    margin: 0.5% 1.05%;
 
}

.sije__container, .declara__container{
        max-width: 1600px;
 }


 .franja__container--liston:after{
        bottom: 1px;
    left: 64%;
}

.franja__container--liston:before{
        bottom: -2px;
    left: 63%;
}

.contonador-regresivaSection{
      /*  max-width: 1388px;*/
}

.conteForm{
        width: 1531px; 
}
.textoDescipHojaVida{
    max-width: 285px;
}


.textoDescipPG {
 max-width: 700px;   
}
.sectionVertical-principal{
    width: 80.7%;
}


}

 
 
@media only screen and (max-height:  700px) {
 
   .tabla-limites tbody {
        overflow: auto;
        max-height: 51vh;
        display: block;
    }


}


@media only screen and (max-height:  558px) {
 
   .titulo-autoesrito {
       display: none;
    }


}



@media only screen and   (min-height: 750px) and  (max-height: 900px){

 
.ContenidoMainListaCandidatos{
    display: flex !important;
   /* height: calc(100vh - 255px);*/
    overflow: hidden !important;
    flex-direction: row !important;
   /* min-height: calc(100vh - 255px)!important;*/
}
 

.contentNoRegistradoLimited{
    height: 80%;
}

}

@media only screen and (max-width : 1600px) {

.SeccionUsuario-Principal{
    width: 120px;   
    height: 120px;
}


.sectionVertical-principal {
        width: 74%;
 }

 .sectionVertical-corto{
 width: 25% ; 
 }

.seccionContenedorLista{
width: 100%;
}
.seccionContenedorUser{
   /* width: 11%;
    margin: 0;
    height:  100%;*/
}

.SeccionUsuario-Principal .imageneYsuarioResumen {
    width: 120px;
    height: 120px;
}

  
    #main__container {
        min-height: calc(100vh - 139px);
    }   
    .sije__container{
        width:99%;
    }   
    .tabs-estilos li  button{
     
    }


    .cont-section-primari{
        width: 75%;
    }

      .cont-section-second{
        width: 25%;
    }
    #footer__container .cleaner{
        display: inline-block;

    }


    .button--is-grid {
        padding: 5px 10px !important;
        font-size: 0.99rem !important;
        height: 33px;
        margin: 5px 2px;
    } 


   /*
    .tablas-estilos{
        min-width: 1200px;
    }
*/
    .tablas-PocasColm{
        min-width: 500px;
    }

    .opcion-de-Bamdeja{
        height: auto;
    }

    .carpetas-bandeja-Cont ,  .cont-section-second{
        width: 19%

    }


    .bandeja-Contm, .cont-section-primari{
        width: 81%
    }

    .datos-cards-titular-date-complet{
        width: 83%;
    }


}

@media only screen and (max-width: 1366px) {  
.bandeja-Cont {
    width: 81%;
}

.titulo-Estado{
    height: 39px !important;
}

 
.titulo-Estado span {
    font-size: 1.1rem !important;

 }

 .tarjeta{
   height:233px;
 }

.estado {
    bottom: 0;
}

 .tarjeta>span {
    font: 1.1rem "Swiss-Light";
}

}

@media only screen and (max-width: 1250px) {   
    .franja__container--liston:before{
        bottom: 0
    }
    .franja__container--liston:after{
        bottom: 3px;
    }


    .ContenedorOpcionMedio{
        width: 100%;
    }
    

.ContenedorOpcionLargo .divi {
    margin-top: 26px;
    height: 2px;
    opacity: 1;
    background: #ff4343;
}
    svg.img-cards-titular-date{
        display: block;
        margin: 10px auto;
    }

md-dialog  .OpcionLargoresaltant .contImage img{
      width: 110%;
 }

.tarjeta{
  width: 48.8%;
}

.OpcionLargoresaltant .contImage{
    width: 78px;
}


.OpcionLargoresaltant .contImage img{
        width: 100%;
    height: auto;
    margin-top: -2px;
}


.OpcionLargonormal .contImage{
        width: 60px;
    height: 60px;       
        margin: 0px 6px 11px 0px;
}
 
    .seccion-flex-complet{
        display: block;
    }
    .tabla-limites tbody{
            max-height:none;
    }
    .cotolador-Option-Tabla{
        max-width: 100%;
    }
    .carpetas-bandeja-Cont ,  .cont-section-second{
        width: 25%
    }
    .elemento2-2{
        width: 100%;
    }

    .bandeja-Cont , .cont-section-primari{
        width: 75%
    }

    .sub-Cabecera > div{
 width: 130px;
}


    .divi-element-captian , .mitad-element {
        width: 49.5%;
        display: inline-block;
        vertical-align: top;
        margin: 0px -0.2%;
    }

    .contEspecial{
        display: flex  !important;
    }


    .cards-titular-date.aparDerecha{
    
    }
       .datos-cards-titular-date-complet{
        width: 100%;
        padding: 15px;
    }


.vistapreviaDocument{
width: 100%;
height: auto;
min-height: none;
   padding: 20px;
}


.Contenedor-vistapreviaDocument{
    max-height: none;
    border: 0;
    margin: 15px 0;
}


.tabs-estilos li button{
    padding: 2px 12px 2px 8px !important;
    height: 42px;
}

    .cont-Fimta-space{
     width: 100%;
    max-width: 320px;
    position: relative;
    margin: 50px auto;
    left: auto;
    right: auto;
        

    }


.content-line-atime{
    height: 1500px;
}


.line-atime {
    display: flex;
    margin: 35vh auto 0vh auto;
    position: relative;
    width: 100%;
    justify-content: space-between;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    top: 650px;
    margin: 0;
}


.icono-linea-time img {
    width: 65%;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.line-atime li:nth-child(even) .datos {
    border-left: 7px solid #ffddb3;
        bottom: 150px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
     border-bottom:  0;
}


.line-atime li:nth-child(odd) .datos {
    border-right: 7px solid #ffddb3;
    top: 150px;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    border-top: 0;
}



.line-atime li:nth-child(even) .datos:before{ 
    content: "";
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-right: 28px solid #ffddb3;
    border-left: 0px solid transparent;
    border-top: 12px solid transparent;
      top: 33%;
    position: absolute;
    left: -17%;

}




.line-atime li:nth-child(odd) .datos:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 12px solid transparent;
    border-left: 28px solid #ffddb3;
    border-right: 0px solid transparent;
    border-top: 12px solid transparent;
    top: 33%;
    position: absolute;
    left: 100%;
}
 

}


@media only screen and (max-width: 1030px) {
    .content__cargos{
        flex: 0 1 38%;
    }

    .ContenedorOpcionMedio  .col-md-1{
        width: 11%;
    }




.ContenedorOpcionMedio  .col-md-2, .ContenedorOpcionMedio  .col-md-3{
width: 15%;
}

.ContenedorOpcionLargo .element__label {
    font-size: 1.05rem;
}


.cont-abla-respon{
      margin-bottom: 0px; 
      padding-bottom: 0px;  
}

}


@media only screen and (max-width: 1020px) {
        .conteForm{
           width: 100%;
               padding: 2px;

        }  
.ContenedorOpcionLargo .element__label {
    font-size: 1.1rem;
}

.TablaPrintEspecial , 
.TablaPrintEspecial>tbody, 
.TablaPrintEspecial>tbody>tr, 
.TablaPrintEspecial>tbody>tr>td{
        display: block;
    width: 100%;
}

.displayBlock{
     width: 100%;
}

        .contentNoRegistradoLimited > div {
             display: inline-block;
    width: 150px;
    vertical-align: top;
        }

        .displayflex{
        flex-direction: column;
        }

        .DescripcionYoutube{
         padding-left: 0;
}


.cotenedorVideos{
    flex-direction: column;
}

.cont-video , .cont-video:hover{
    flex: 1 1 100%;
    width: 100%;
}

.cont-video:before{
    left: 45%;
    top: 26%;
}

.cont-video:before:hover{
     left: 45%;
    top: -30%;
}

.contiVideo img{
    height: auto;
    width: 100%;
}

.OpcionSistem{
    height: auto;
   padding: 15px 0;
}
.mainListaPading {
    margin-left: 0;
    width: 100%;
}

.selection-opcion-Dash-Home{
    height: 245px;
}

.selection-opcion-Dash-Home h2{
        margin: -58px auto 10px auto;
}


.ContenedorOpcionLargo  .col-md-1,
.ContenedorOpcionLargo   .col-md-2 ,
.ContenedorOpcionLargo  .col-md-3 ,
.ContenedorOpcionLargo  .col-md-4 ,
.ContenedorOpcionLargo   .col-md-5 ,
.ContenedorOpcionLargo   .col-md-6 ,
.ContenedorOpcionLargo   .col-md-7 ,
.ContenedorOpcionLargo    .col-md-8 ,
.ContenedorOpcionLargo   .col-md-9 ,
.ContenedorOpcionLargo   .col-md-10,
.ContenedorOpcionLargo    .col-md-11,
.ContenedorOpcionLargo    .col-md-12 {
width: 100%;
}




.tablas-estilos caption  .button {
    margin-bottom: 10px;    
}

.OpcionLargoresaltant .contImage{
width: 94px !important;
    height: 111px;
    margin: 3px auto;
}

  md-dialog .OpcionLargoresaltant .contImage{
   background: red;
}


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

.ContenedorOpcionMedio .opcionFlotantes{
        margin-bottom: 5px;
}


.tarjeta{
    padding-bottom: 60px;
    height: auto;
}

.ContenedorOpcionLargo{
height:auto;
}
.seccionContenedorLista .ContenedorOpcionLargo{
      /*  margin: 15px   !important;*/
}

.ContenedorOpcionLargo >div>div .element__label{
    height: auto;
}

.flex-centrado2{
    display: block;
}

.seccionContenedorUser{
    position: relative;
}

.cont-tootl-tips:hover .tootl-tips {
    display: none !important;
}

.alerta:hover .tootl-tips {
    display: inline-block !important;
}


.TituloCuentaRegresiva,  .contadorRegresiva{
    padding: 0 10px;
    text-align: center;
}


.alto100{
    height: auto;
    min-height: auto;
}

.OpcionLargoresaltant .contImage{
       border: 5px solid #ff4343;
    width: 135px;
    border-radius: 22px;
    margin: 0 auto;
    overflow: hidden;
}
.OpcionLargonormal .contImage{
    width: 94px;
    height: 94px;
    border-radius: 50%;
    background: #f1e2d0;
    overflow: hidden;
    border: 4px solid #ff4343;
    margin: 3px auto;
}

.logo__container{
    width: 100%;
}

#header__container{
    margin-bottom: 15px;
}
.seccionContenedorUser{
    padding: 15px;
}

        .section-header1{
            width: 100%;
            display: block;
        }

.ContenedorOpcionLargo >div>div{
    margin-bottom: 15px !important;
}



.md-dialog-content .ContenedorOpcionLargo{
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.24);
}

.OpcionLargoresaltant .contImage img{
 margin-left: 0%; 
}


.seccionContenedorLista  {
    width: 100%;
    margin: 0;
    margin: 10px 0 !important;
     display: block;
    margin: 6px auto !important;

}

  .seccionContenedorUser{
    width: 100%;
    margin: 0;
 
     display: block;
    margin: 6px auto !important;

}

.contentNoRegistradoLimited{
        min-height: auto;
    padding: 15px;
    height: auto;
}

.seccionContenedorLista{
  max-height: none !important;
    overflow: auto !important;
}



        .boton-redondo:before{
            display: none; 
        }

.maxheightconArticle{
    height: auto;
    max-height: none;
}

.sectionVertical-principal{
      width: 100%;
    height: auto;
    display: block;
    padding: 15px;
    margin:15px 0;
}

.sectionVertical-corto{
  min-height: auto;
    width: 100%;
    padding-right: 0px;
}

    page-title{
        min-height: 20px;
    }

    .contonador-regresivaSection , .OpcionSistem {
       width: 100%;
        max-width: none;
    }

.textoDescipHojaVida{
    display: block;
    max-width: none;
}

.textoDescipPG {
  display: block;
    max-width: none; 
}



.subcabecera{
    display: block !important;
   text-align: center;
    padding: 10px;
}

    button-cancel,
    button-save,
    button-optional{
        width: 100%;
        display: block;
    }

    .divi-element-captian, .mitad-element{
        width: 100%;
    }


    .menu__responsive__content{
        max-height: none;
    }
 

    .menu__responsive{display: block;}
    .header__container--content {
        display: block;
        min-height: initial;
    }
    .button--is-exit{margin: 5px 0;}
    .button:after{display: none !important}   
    .button:last-child{
        margin-bottom: 0;
    }
    .button{
        width: 100%;
        box-sizing: border-box !important;
        text-align: center;        
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .button--is-content {
        width: 100%;
    }

.vistapreviaDocument .mitad-element{
    text-align: center;

}

.menuHojaVida{
    min-height: auto;
    display: block;
    width: 100%;
    text-align: center;
}


.Opcion-menuHojaVida{
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 55px;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    border-left: 0px solid #ccc;
    /* border-right: 1px solid #ccc; */
    margin: 0px -1px;
}

    .tabs nav ul{
        display: block;
    }
    .tabs nav svg{
        display: none !important
    }
    .tabs nav{border:none;}
    .tablas-estilos thead  tr th, .tablas-estilos tbody  tr td{
       
    }
    .tabs nav li{
        width: 100%;
        display: block;
        margin: 0 !important;
    }
    .tabs nav li:first-child a{
        box-shadow: none !important
    }
    .tabs nav li a{
        box-shadow: 0px -1px 0px #d0d0d0, 0px -2px 0px #f3f3f3;
    }
    .tabs nav li a span{
        border-radius: initial;
        padding: 7px !important;
    }
    .tabs nav li:first-child a span{
        border-radius: 15px 15px 0 0 !important;
    }
    .tabs nav li:last-child a span{
        border-radius: 0 0 15px 15px !important;
    }

    .lenyendaEstadoExpediente, .EmergenteInformativo{
        width: 100%;
        right: 0;
    }
    #msgUsuario{
        text-align: center;
    }


    
    
    .tabs-estilos {
       background: #e2e2e2;
        padding: 4px 0;/
        text-align: center;
        position: relative;
    }
    .element__notify{
        width: 100%;
        top: auto;
        bottom: 0;
    }
    .notify--is-txt{
         border-radius: 0;
         left: auto;
        right: 9px;
        top: -17px;
    }
    .notify_close_btn{
        top: -18px;
        left: auto;
        right: 6px;
    }
    .tabs-estilos:after{
        content: "";
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-top: 18px solid  #e2e2e2;
        border-right: 15px solid transparent;
        position: absolute;
        bottom: -14px;
        right: 8px;
    }
    .contenedor-tab{
        border-top: 0px;
    }
    .logo__img{
        margin: 5px auto;
    }

.buttons__content .button { /*960*/
    margin-right: auto; 
    margin: 10px 0 !important;
}

.selection-opcion-Dash-Home:hover{
    background:transparent;
}


.img-cards-titular-date-complet{
    width: 100%;
     max-width: 320px;
    display: block;
    margin: 10px auto;
}



.datos-cards-titular-date-complet{
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
    width: 100%;
}


.imput-element-unico-mini{
    margin: 0;
    max-width: none;
}

.seccionEspecial{
    position: relative;
    width: 100%;
    height: auto;
    align-items: left;
    padding: 10px;
    background: transparent;

}

 
.titulo-Especial{
    width: 100%;
    position: relative;
    height: 37px;
    padding: 7px;
}




 .seccionEspecial .titulo-Especial svg ,
 .seccionEspecial:hover .titulo-Especial svg{
width: 40px;

 }

.seccionEspecial:hover .titulo-Especial svg{

}


    .bandeja-Cont .cont-abla-respon , .bandeja-Cont-full .cont-abla-respon{
        max-height: none;
    }
    .tablas-estilos{
     width: 100%;
    }
    .carpetas-bandeja-Cont , .bandeja-Cont ,  .cont-section-second{
        width: 100%;
        padding:20px 0;
    }

    .bandeja-Cont , .cont-section-primari{ 
        height: auto;
        width: 100%;
        padding: 0;
    }


    .txt--is-title{
        margin: 15px 0 !important;
        /* margin-bottom: 10px; */
    }
    .tabs-estilos li  button{
        background: #f5f4f4;
        border-radius: 10px;
        border: 0;
        margin: 3px 8px 10px 8px;
        padding: 13px;
    }

    .tabs-estilos li .active:after{
        display: none;
    }  
    .logo__container {
        text-align: center;
        display: block;
    }
    .menu__container {
        z-index: 2;
        display: block;
        margin-left: auto;
        width: 100%;
    }   
    .tabs-estilos li{
        width: 50%;
        border-radius: 0;
    }    
    .profile__container{
        text-align: left;
    }


    #main__container:not(.main__container--is-layout){
        min-height: calc(100vh - 105px);
    }
   
    .sije__container{
        width:100%;
    }
    .profile__container {
        padding: 5px 40px 5px 20px;
    }
    .nav__container{
        display: none;
    }
    .menu--is-burger{
        /* display: inline-block !important; */
    }


    .contenedor-tab{
        padding: 10px;
    }

    .wizard__step {
        margin-top: -3px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 3px;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        border-left: 3px solid #e4e0d4;
        border-top: 3px solid #e4e0d4;
        border-bottom: 3px solid #e4e0d4;
        width: 100% !important;
        display: inline-flex;
        align-items: center;
        float: none;
        align-items: center;
        position: relative;
        height: auto;
        left: 0 !important;
        border-radius: 133px !important;
    }

    .wizard__step .circle , .wizard__step .text{
        float: none;
    }

    .wizard__main__steps{
        height: auto;
    }


    .button--is-primary{
        padding-top: 7px;
        padding-bottom: 7px;
       
    }

.person03 , .person02 , .person04 , .person05{
    display: none !important;
}
    
.ContenidoMainListaCandidatos{
    display: block !important;
    height: auto;
}

.boton-redondo , .buttons__content .boton-redondo{
margin: 15px 20px !important;
    height: 40px !important;
    width: 40px !important;
}
 .OpcionSistem a{
    padding: 6px;
 }



}

@media only screen and ( max-width: 850px) {
.line-atime{
    width: auto;
    top: 450px;
}

.erroresReslaText {
     width: 98%;
    margin: 16px auto;
}

.tootl-largo li{
    width: 100%;
}

.ContenedorOpcionLargo .divi {
    margin-top: 10px;
    height: 2px;
    opacity: 1;
    background: #ff4343;
    position: absolute;
    bottom: -26px;
    left: 0%;
    width: 100%;
}

.mainLista ,  .seccionContenedorUser{
      width: 100%;
    height: auto;
    max-height: none;
    padding: 10px;
    margin:0;

}

.md-dialog md-dialog-content{
    max-height: auto;
}

.ContenedorOpcionMedio .alerta:hover .tootl-tips{
    max-width: none;
    width: 250px;
    min-width: 250px;
}


.content-line-atime{
    height: 800px;
}

.sub-Cabecera{
    text-align: center;
    display: block;
}

.sub-Cabecera > div{
    display: inline-block;
 
}


md-dialog .md-actions, md-dialog md-dialog-actions{
    display: block !important;
}

md-dialog .md-actions, md-dialog md-dialog-actions .button{
   margin:10px  0 ; 
}


.md-dialog-container md-toolbar {
  display: block !important;
}

md-dialog .ContenedorOpcionLargo{
box-shadow: none !important;
    width: 100% !important;
    padding: 16px 0 0 0 !important;
}



}
@media only screen and (max-width: 750px) {

.contonador-regresivaSection, .OpcionSistem{
    text-align: center;
}


.profile__opciones{
        right: 0;
}

    .button {
    box-sizing: border-box !important;
    text-align: center;
   /* margin: 10px 3% !important;*/
    display: inline-flex;
    justify-content: center;
    align-items: center;
    }

.buttons__content {
    margin: 15px 0px ;
    display: block;
    text-align: center;
}

    .contEspecial{
        display: block !important;
    }



}

@media only screen  and (max-width: 650px) {
.alerta:hover .tootl-tipss {
    width: 300px !important;
}
.tarjeta{       
    width: 99%;
    margin: 10px 0;
}

.md-dialog--is-alert .md-toolbar, .md-dialog--is-form .md-toolbar{
display: block !important;
    height: auto !important;
    max-height: none !important;
}


md-dialog .md-actions, md-dialog md-dialog-actions{
    display: block;
}



    .tabs-estilos li button {
    background: #f5f4f4;
    border-radius: 15px 15px 0 0;
    border: 0;
    margin: 1px 8px 0px 8px;
    padding: 13px;
    width: 100%;
    max-width: none;
    }

    .vistapreviaDocument .mitad-element .logo-document{
        width: 80%;
    }


    .tabs-estilos{
        background: transparent;
        padding: 4px 0;
        position: relative;
    }

    .tabs-estilos:after{
        display: none;
    }


    .franja__buscador{
        float: right;
        margin-right: 10px !important;
    }
    .element__input--is-home{
        height: 100%;
    }
    .franja__container--main{
        display: flex !important;
        justify-content: center;
    }
    .ico--is-filter{
        position: relative !important;
        left: inherit !important;
        top: inherit !important;
        transform: none !important;
        margin-right: 10px;

    }
    .profile__container{
        width: 100%;
    }
   
    .data-subir-archivo, .ajax-file-upload-statusbar{
        width: 100% !important;
        margin: 10px 0;
    }
    .data-subir-archivo-datos, .ajax-file-upload-filename{
        width: 70%;
    }
    .tabs-estilos li{
        width: 100%;
        border-radius: 0;
    }



   .divi-element-captian , .mitad-element {
    width: 100%;
    display: inline-block;
    vertical-align: top;

    margin: 0%;
}

}

@media only screen and (max-width : 600px) {
    .wizard__step .text {
        margin-left: 5px;
    }
    .buttons__content {
        display: block;
        justify-content: inherit;
    }
    .button--is-four{
        width: 100%;
        display: block;
        text-align: center;
    }
    .button--is-primary{
        width: 100%;
        /*margin: 0 !important;*/
        /*margin-top: 10px !important;*/
    }

   
.lenyendaEstadoExpediente, .EmergenteInformativo{
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
} 

.seccionContenedorLista ,  .seccionContenedorUser{
    width: 96%;
}

}
@media only screen and (max-width : 320px) {
    .container__blocks{
        padding: 10px
    }

.seccionContenedorLista, .seccionContenedorUser {
    width: 94%;
}
  .alerta  .tootl-tips {
    max-width: none;
    width: 150px;
    min-width: 150px;
}


}
@media only screen and (max-width: 58em) {
    .tabs nav ul {
        display: block;
        padding-top: 1.5em;
    }
    .tabs nav ul li {
        display: block;
        margin: -1.25em 0 0;
        -webkit-flex: none;
        flex: none;
    }
    .tabs nav ul li a {
        margin: 0;
    }
    .tabs nav ul li svg {
        display: none;
    }
    .tabs nav ul li a span {
        padding: 1.25em 0 2em !important;
        border-radius: 30px 30px 0 0 !important;
        box-shadow: 0 -1px 2px rgba(0,0,0,0.1);
        line-height: 1;
    }
    .tabs nav ul li:last-child a span {
        padding: 1.25em 0 !important;
    }
    .tabs nav ul li.active {
        z-index: 1;
    }
}


/* ================================================
 * Animations
 * @autor EDG  eparedes
 * ================================================ */
.fadeIn{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}
.fadeInDown{
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInDown
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}




.fadeInUp {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeInUp
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}





@media only screen and (max-height:  500px){



.md-dialog--is-form md-dialog {
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
}
}

 
/****************************************************/
/***************** SOLO IMPRESION *******************/
/****************************************************/
@page {
  size: A4;
  margin: 9mm 4mm 4mm 9mm !important;
 
}
  


.cabeceraHoja{
    display: none;
}
 

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

 .parteInferiorDocument{
     height: 120px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-end;
 }
 
 
@media print    {
    /*print hdv*/

.NoAplica{
    font-size:7.5px !important;      
}
#barcode {
    box-shadow: none;
    height: 87px;
}
.cont-parteInferiorDocument {
      page-break-inside:avoid;
}
 
 .buttons__conten{
    display: none;
 }

 .buttons__content .button{
    display: none;
 }

.hojaDocumental  .codigoBarra {
display: block;
}
 

.FotoPerfil{
       width: auto;
    height: 39mm;
    min-height: auto;
    display: block;
    margin: 3mm;
    border-radius: 15px;
    border: 2px solid #5f5f5f;
}

 .hojaDocumental  .content__checkbox{
    display: inline-block;
    width: 67.5mm !important; 
}

.SeccionHoja {
width: 195mm;
  /*  border: 1px solid green;*/
}

.hojaDocumental .col-md-6 .content__radio{
    display: inline-block;
    width: 43.3mm !important;
    vertical-align: top;
    margin: 0;
    height: 15px;
    margin-left: 10px;                                              
}

.vistapreviaDocument .titulo-Sistem-2{
  /*  font-size: 14px;*/

    font-weight: 600;
    margin: 3px 0;
}

.hojaDocumental .element__checkbox {
position: relative;
    margin: 0 4px !important;
    cursor: pointer !important;
    display: inline-flex;
    height: 11.5px;
}


.hojaDocumental  .content__checkbox span{
    font-size:  9px;
}

 
.contenedorGeneal , .mainInterno ,
 .Contenedor-vistapreviaDocument , .menuVertical , .TablaPrintEspecial

 {
        height: 50% !important;
    padding: 0 !important;
    min-height: auto !important;
    height:auto !important;
}

/*
  .mainInterno {
   border: 3px solid red;
       background: #91d6cc !important;
}

  .Contenedor-vistapreviaDocument{
    border:3px solid green;
}
.contenedorGeneal {
   border: 3px solid blue;
}

.TablaPrintEspecial{
    background: #f4b7ec;
       border: 3px solid yellow;
}
*/
.hojaDocumental .element__radio+span{
        font-size: 9px;
}

.hojaDocumental .element__radio:after{
    height: 16px;
    width: 16px;
    border: 1px solid #262626;
}

.hojaDocumental .element__radio{
height: 14px;
    width: 14px;
}

.hojaDocumental .element__radio:before{
    top: 4px;
    left: 3px;
    z-index: 1;
    width: 10px;
    height: 9px;
    background: #6e6e6e;
}


.hojaDocumental  .tablas-estilos{
        width: 100%;
 }


.AñoColor{
    background: #ff4343;
    padding: 53px 14px 7px 14px;
    color: #fff;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    margin: 0 9mm;
}

.vistapreviaDocument .titulo-Sistem-3{
    font-size: 11px;
}


.vistapreviaDocument .row div .element__label{
  display: flex !important;
  align-items: center;
  min-height: 22px;
  /*background: #efefef;*/
  padding: 0;
  letter-spacing: normal;
  font-family: arial;
}


.line-derecha{
border-right: 1px solid #777;
}
.hojaDocumenta .main__radios {
    margin-top: -15px;
}

.hojaDocumental .vistapreviaDocument {
    width: 195mm; 
    border-radius: 0px;
    background: transparent;
    box-shadow: none;
    margin: 0 auto;
    overflow: hidden;
    position: static;
   /* padding-bottom: 138px;*/

 }

 
 
.main__container{
    position: static;
    
}

.element__checkbox:after{
content: "";
    position: absolute !important;
    top: -4px !important;
    left: -3px !important;
    width: 12px !important;
    height: 13px !important;
    background: #fff !important;
    border: 3px solid #5f5f5f   !important;
    cursor: pointer !important;
    border-radius: 0px !important;
}



.element__checkbox:checked:before{
    border-color: #444;
    left: -1px !important;
    top: 0px !important;
    z-index: 1;
    width: 9px;
    height: 5px;
}

.vistapreviaDocument .main__radios{
    margin-bottom: 4px;
    display: inline-block !important;
    padding-top: 0;
    margin-top: -6px;
}


.element__checkbox{
      margin: 2px 4px !important;
}

#main__container:not(.main__container--is-layout){
    padding: 0;
}

/*
Filipenses 4:13
13 Todo lo puedo en Cristo que me fortalece.
*/ 

.hojaDocumental .vistapreviaDocument  .col-md-1,
.hojaDocumental .vistapreviaDocument  .col-md-2 ,
.hojaDocumental .vistapreviaDocument  .col-md-3 ,
.hojaDocumental .vistapreviaDocument  .col-md-4 ,
.hojaDocumental .vistapreviaDocument  .col-md-5 ,
.hojaDocumental .vistapreviaDocument  .col-md-6 ,
.hojaDocumental .vistapreviaDocument  .col-md-7 ,
.hojaDocumental .vistapreviaDocument  .col-md-8 ,
.hojaDocumental .vistapreviaDocument  .col-md-9 ,
.hojaDocumental .vistapreviaDocument  .col-md-10,
.hojaDocumental .vistapreviaDocument  .col-md-11,
.hojaDocumental .vistapreviaDocument  .col-md-12 {
 display: inline-flex;
 vertical-align: top;
}



.hojaDocumental .vistapreviaDocument .col-md-1{
    width: 16.5mm !important;
}  

.hojaDocumental .vistapreviaDocument .col-md-2 {
    width: 33.1mm !important; 
}  

.hojaDocumental .vistapreviaDocument .col-md-3 {
 width: 49.7mm !important;  
}

.hojaDocumental .vistapreviaDocument .col-md-4 {
    width: 66.3mm !important; 
}

.hojaDocumental .vistapreviaDocument .col-md-5 {
     width: 82.9mm !important;
}

.hojaDocumental .vistapreviaDocument .col-md-6 {
        width: 99.5mm !important;
}

.hojaDocumental .vistapreviaDocument .col-md-7 {
  width: 116.0mm !important;
}

.hojaDocumental .vistapreviaDocument .col-md-8 {
     width: 132.6mm !important;
}

.hojaDocumental .vistapreviaDocument .col-md-9 {
     width: 149.2mm !important;
}

.hojaDocumental .vistapreviaDocument .col-md-10 {
     width: 165.8mm !important;
}

.hojaDocumental .vistapreviaDocument .col-md-11 {
     width: 182.4mm !important;   
}


.hojaDocumental .vistapreviaDocument .col-md-12 {
   width:199mm !important; 
}

 .hojaDocumental .row{
   width: 210mm;
    margin-top: 0;
    margin-bottom: 0;
  }

.vistapreviaDocument h1.tituloPrincipal{
    font-size: 21px !important;

}


.element__notify{display:none !important}

body{
    -webkit-print-color-adjust: exact;
    padding: 4mm;
}

.element__label.alineado-izquierda , .element__label{
  
        filter: none;
}

.vistapreviaDocument p.element__label{
    font-size: 10px !important;
}
.CredencialFormate .TextoChiquito, 
.CredencialFormate .TextoChiquito li ,
.CredencialFormate   p.element__label
{
        font-size: 0.8rem !important; 
}


  .tablas-estilos{
    width: 98.7%;
}

.titulo-Sistem-3{
color: #525252 !important;

}

.titulo-Sistem-2{

}

.contenedorRecuadroPrint{
    padding: 5px 0;
    border-top: 1px solid #777;
    width: 100%;
    position: fixed;
    bottom: 0mm;
    width: 201mm !important;
    display: block;
     z-index: 10;
}

.RecuadroPrint1 , .RecuadroPrint2 {
 display: inline-block;
    position: static;
    border: 1px solid #777;
    height: 30mm;
    vertical-align: top;
    margin-top: 1mm;
 }


 .RecuadroPrint1{
width: 123mm;
    margin-right: 3mm;
    padding: 0 5px;
}


 .RecuadroPrint2    {
        width: 68mm;
 }

.cuadro{
    display: inline-block;
    height: 100%;
    vertical-align: top;
   
}


 .RecuadroPrint1 .cuadro{
width: 49%;
 ;
    vertical-align: top;
    height: 74%;
    display: inline-flex;
    align-items: flex-end;
}

 .RecuadroPrint2  .cuadro  {
       width: 100%;
        display: inline-flex;
    align-items: flex-end;
 }

 b{

    font-weight: 900;
 }


.textoCuadro{
    bottom: 5px;
    width: 100%;
    padding: 0 15px;
 
    text-align: center;
    line-height: 1;
    font-size: 9px;
}


.m-b-30{
        margin-bottom: 0px!important;
}

.width100{
    width: 100% !important; 
    min-width: 100%;
}



.row{
    margin-bottom: 5px;
    margin-top: 5px;
}

.vistapreviaDocument .texto-narrativo{
       font: 9px "arial";
    line-height: 1.6;
    margin: 3px 0;
}
.hojaDocumental   .tablas-estilos{
     border: 1px solid #525252;
}


.vistapreviaDocument  .Resaltado{
        color: #525252;
         font: 12px "Swiss-Light";
}

.vistapreviaDocument .tablas-estilos thead tr th, .vistapreviaDocument .tablas-estilos thead tr td{
    background: #fff;
    font-size: 8px !important;
    line-height: 1 !important;

    font-weight: 700;
  padding:7px 5px;
} 

.vistapreviaDocument .tablas-estilos tbody tr td .element__label,
.vistapreviaDocument .tablas-estilos tbody tr td {
    font-size: 8px;
    letter-spacing: normal;
    line-height: 1;
    padding:9px 5px;
}
.vistapreviaDocument .tablas-estilos .element__label { 
    font-size: 8px;
     padding:5px;
}

.hojaDocumental   .tablas-estilos tbody tr:nth-child(odd) , 
.hojaDocumental  .tablas-estilos tbody tr:nth-child(even),
.hojaDocumental  .tablas-estilos thead,
.hojaDocumental  .tablas-estilos thead th  {
    background: #ffffff;
    border: 1px solid #525252;
}

.hojaDocumental  .tablas-estilos tbody tr td{
    border: 1px solid #525252;
    padding: 2px;
}
.titularHoja{
   border-left: 8px solid #ff4343;
    border-bottom: 2px solid #ff4343;
    padding: 4px 6px;
    margin: 0px 0px 10px 0px;
    page-break-inside: avoid;
    page-break-after: auto;
}
 
 
.print_Hoja {
    overflow: hidden;
}


.hojaDocumental  .divi-especial{
    display: none;
}

.sije__container, .declara__container{
    width: 100%;
 
}


.hojaDocumental  .row div div  .element__label:nth-child(odd) {

}
.hojaDocumental  .row div div  .element__label:nth-child(even){
    border-bottom: 1px solid #3e3e3e;
    margin-bottom: 6px;
}

.hojaDocumental .row div .element__label:nth-child(odd) {
font-size: 8px;
    width: 40%;
        max-width: 135px;
}


.hojaDocumental .row div .element__label:nth-child(even){
    border-bottom: 0.25pt solid #3e3e3e;
    margin-bottom: 6px;
    padding: 0 9px;
    width: 100%;
    font-size: 8px;
    /* text-align: center; */
    justify-content: center;
}

.vistapreviaDocument .element__group .element__label{
      font: 11px "Swiss-Light";
    height: 18px;
}

.titulo-Sistem-3 i{
color: #525252 !important;
    line-height: 1;
}

.txt--is-title{
    overflow: hidden;
}
 .hojaDocumental .titulo-Sistem-3:before{
 display: none;
}


 

 .hojaDocumental .titulo-Sistem-2:before{
content: "";
    background: #ff8100;
    width: 11px;
    height: 11px;
    margin: 0 8px 3px 0;
    vertical-align: middle;
}
 
.txt--is-title h1{
    font-size: 16px !important;
}

.Contenedor-vistapreviaDocument{
    background: transparent !important;
  /*height: 100% !important;*/
    max-height: none !important;
}

.md-dialog-content{
    padding: 4mm;
    width: 100%;
    margin: 0;
}

#header__container{
    display: none;
}

.col-md-6 {
    width: 45%  !important;
    display: inline-block;
}

.element__label_resultado {
    color: #525252;
    font: 13.5px "Arial-Extra-Bold";
}

.cabeceraHoja  .row >div , .cabeceraHoja  >div {
   
   
}

.hojaDocumental .content__radio span{
    font-size: 8px;
}

.cabeceraHoja  .col-md-9 {
 
}

.displayBlockNati{
    display: block !important;
}
.cabeceraHoja{
    display: block;
}

.col-md-4 {
    width: 30%  !important;
      width: 200px;
    display: inline-block;
}

.vistapreviaDocument  .col-md-3{
    width: 24.6%;
    /*border: 1px solid yellow;*/
    display: inline-block;
    vertical-align: top;
}

.vistapreviaDocument  .col-md-4{
    width: 33.33333333333333% !important;
/*border:1px solid red;*/
}

.vistapreviaDocument  .col-md-6{
      width: 50%;
 }

.footer {
 display: none;
}

.header__container{
    display: none !important
}

.sije__container > article  , .sije__container > div, 
.sije__container >  section{
    display: none;
}


.Contenedor-vistapreviaDocument{
   width: 100%;
   /* height: 100%;*/
    display: block !important;
    padding: 0;
    border: 0;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
}


.vistapreviaDocument {
    box-shadow: none;
    padding: 15px;
    margin:0;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    width: 100%;
    min-height: auto;
 }

.divi-element-captian, .mitad-element {
    width: 49%;
    height: auto;
}


.codigoBarra {
    width: 170px;
    margin: 0 auto;
    display: block;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.row{ /*prueba*/
    /*background: #ffb6b6;*/
}

.row > .cleaner{ /*prueba*/
   /*background: #bfbfff;*/
}

.cleaner {
    box-sizing: border-box;
}
.vistapreviaDocument:before , .vistapreviaDocument:after{
    display: none;
}



.footer {
     -webkit-transition: opacity .3s ease-in-out .5s;
    -o-transition: opacity .3s ease-in-out .5s;
    transition: opacity .3s ease-in-out .5s;
    background: transparent !important;
    color: #222 !important;
    padding: 7px;
    display: block;
    justify-content: center;
    align-items: center;
    color: #e5e5e5;
    font: 13px 'Swiss-Light';
    box-shadow:none !important;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
   width: 100%;
    opacity: 2;
    top: auto;
    text-align:center;

    display: none !important;

}

.vistapreviaDocument h1{
    font-size: 14px !important;

    font-weight: 900;
}




.vistapreviaDocument .titulo-Sistem{
        font-size: 14px;

    font-weight: 600;
}

 .vistapreviaDocument h2.mitad-element{
    margin: 0 15px !important;
    font-size: 17px
  
}

 * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

body{
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0 0 0 0;
    }


.tablas-estilos td, .tablas-estilos th{
        border: 1px solid #979797 !important;
}


.footer div {
        display: inline-block;
}

.footer:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 14px;
    width: 48px;
    background: url(images/general/puntosTitu.svg);
    background-size: 45px;
    margin: 0 6px;
    background-position: -1px 0;
    background-repeat: no-repeat;
}

.vistapreviaDocument {
   border-radius: 0;     
 }


.print_Hoja {
   /* page-break-after: always*/
}

.flotante-futerpie{
    position: fixed;
    bottom: 15px;
    width: 100%; 
    left: 0;
    text-align: left;
    padding-left: 15px;
}


 }