/* 
    Created on : 22-jul-2015, 14:46:37
    Author     : equipo_2
*/
span{
    color: white
}
p{
    color: white        
}
* {  
    padding: 0;  
    margin: 0;  
    border: 0;  
}

html{
    height: 100%;
    width: 100%;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, 
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, embed, figure, figcaption, footer, menu, hgroup, menu, nav, output, ruby, section, 
summary, time, mark, audio, video {
    font: inherit;
    font-size: 13px;
    font-family: rockwell;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, menu, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    width: 100%;
    height: 100%;
    /*background-color: #6191bf;*/
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#25547b), color-stop(100%,#81a8cb));;*/
    /*background-image: -moz-linear-gradient(center top , #25547b,#81a8cb);*/
    /*background-image: -webkit-linear-gradient(center top , #81a8cb, #25547b);*/
    /*background-image: -o-linear-gradient(center top , #81a8cb, #25547b);*/
    /*background-image:  -ms-linear-gradient(center top , #81a8cb, #25547b);*/
    /*background-image:  linear-gradient(center top , #81a8cb, #25547b);*/
    /*background-attachment: fixed;*/
    /*background-color: lightsteelblue;*/
    background-color: #74B679;
    /* background-image:url("../login/img/backgrounds/fondo_giratorio.png"); */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1D6279), color-stop(100%,#74B679));/*color de fondo*/
    background-image: -moz-linear-gradient(center top , #1D6279,#74B679);
    background-image: -webkit-linear-gradient(center top , #1D6279, #74B679);
    background-image: -o-linear-gradient(center top , #1D6279, #74B679);
    background-image: -ms-linear-gradient(center top , #1D6279, #74B679);
    background-attachment: fixed;
    background-color: #030404;
    overflow: hidden;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

menu{
    background: none repeat scroll 0 0 #171717;
    color: white;
    float: left;
    opacity: 0.5;
    overflow: hidden;
    text-align: center;
    width: 25%;
}

menu ul{
    height: 540px;
}

menu > div {
    border-bottom: 3px solid white;
    height: 27px;
    margin-top: 5px;
    padding: 10px;
}

.link{
    text-decoration:underline !important;
    color:#0099FF !important;
    cursor: pointer !important;
}


a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none;color:black;}
a:active {text-decoration:none;color:black;}
a:hover {text-decoration:none;color:black;} 

a[name=busqueda] img,a[name=configuracion] img{
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 2px;
    width: 18px;

}

/* *************
 * FOOTER
 * *************
 */
footer{
    /*bottom: 35px;*/
    bottom: 0;
    padding: 8px 13px;
    /*position: fixed;*/
    position: absolute;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background: rgba(1, 55, 71, 0.43);
}

footer > a{
    float: left;
    color: white;
    display: block;
    text-decoration: none;
    /*width: 130px;*/
    /* height: 100px; */
    padding-right: 5px;
}

footer > div {
    vertical-align: middle;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}

footer > div > * {
    padding: 2px;
}

footer > div > *:nth-child(2){
    display: none;
}

footer:hover > div > *:nth-child(2){
    display: block;
    font-weight: bolder;
}
footer  span{
    display: none;
}

footer:hover span{
    display: block;
    font-weight: bolder;
}

footer img{
    width: 33px;
    height: 33px;
    /*margin-right: 40px;*/
}

footer div{
    display: inline-block;
    /*float: left;*/
    padding: 0 7px;
    margin: 0 2px;
    /*width: 0px;*/
}

textArea {
    border: 1px solid #ACACFF;
}

fieldset{
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
    padding: 5px;
}

/** ****************************************************************************
 *                          TABLA
 * *****************************************************************************
 */
table {
    border-collapse: separate;
    border-spacing: 0;
    /*margin: 0 auto;*/
}

table + table {
    margin-top: 5px;
}

table td{
    vertical-align: middle;
    border:1px solid #93acb6;
    padding: 5px;
}

table tr td *{
    color: #1E212E;
} 

table th {
    background: #1a243e ;
    border : 1px solid black;
    color: #fff;
    height: 24px;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

table tr:first-child th:first-child{
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
} 

table tr:first-child th:last-child{  
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}



table tbody tr:nth-child(even) { /*(even) or (2n 0)*/
    background: #cdd5d4;
}

table tbody tr:nth-child(odd) { /*(odd) or (2n 1)*/
    background: #EAF4FF;
}

table tbody tr[tr]:nth-child(even) { /*(even) or (2n 0)*/
    background: #cdd5d4;
}

table tbody tr[tr]:nth-child(odd) { /*(odd) or (2n 1)*/
    background: #EAF4FF;
}


table tbody tr:nth-child(even):hover { /*(even) or (2n 0)*/
    background: #cdd5d400;
    cursor: pointer;
}

table tbody tr:nth-child(odd):hover { /*(odd) or (2n 1)*/
    background: #EAF4FF00;
    cursor: pointer;
}

table tbody tr[tr]:nth-child(even):hover { /*(even) or (2n 0)*/
    background: #cdd5d400;
    cursor: pointer;
}

table tbody tr[tr]:nth-child(odd):hover { /*(odd) or (2n 1)*/
    background: #EAF4FF00;
    cursor: pointer;
}

table tfoot tr td {
    background: -webkit-linear-gradient(#19657F, #87ABC3);
    background: -moz-linear-gradient(#19657F, #87ABC3);
    background: -o-linear-gradient(#19657F, #87ABC3);
    /* border: 1px solid black; */
    color: #fff;
    height: 24px;
    padding: 5px;
    vertical-align: middle;
    /* text-align: center; */
    font-weight: bold;
}

table button{
    /*padding: 0;*/
    margin: 0;
    box-sizing: border-box;
    width: 100%;
}

table button + button{
    margin-top: 5px;
}

table td img {
    width: 20px; 
    height: 20px;
    margin: 0 5px;
    /*    width: 45px !important; 
        height: 45px !important;*/
}

table th img {
    width: 17px; 
    height: 17px;
}

table td input{
    width: 100%; 
}

table td select{
    width: 100%; 
}

table td input[type=checkbox]{
    width: inherit;
}

table tr td input:focus{
    background: white !important;
}

.limpio:focus{
    border: 0px !important;
}
.limpio:focus{
    border: 0px !important;
}

input {
    border-radius: 5px;
    background: #759aac;
    padding: 3px 7px;
    box-sizing: border-box;
}

input[type="number"] {
    background: none repeat scroll 0 0 #6598ae;
    border: thin solid #4f738b;
    margin: 0;
    padding: 1px 7px;
    text-align: right;
}

input[type='checkbox']{
    margin: 0 5px;
}

input[type='radio']{
    display: inline-block;
}

input[type='button']{
    background: none repeat scroll 0 0 #365a55;
    border: thin solid;
    border-radius: 5px;
    color: black;
    display: inline-block;
    height: 25px;
    margin-top: 10px;
}

input[type="file"] {
    display : none;
}

input:not([type]), input[type="text"],input[type="password"], input[type="time"]{
    width: 100%;
    height: 35px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    border: solid #00F0FF;
    background-color: #1a243e;
    color:white;
    font-weight: bold
}

select{
   width: 100%;
    height: 35px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    border: solid #00F0FF;
    background-color: #1a243e;
    color:white;
    padding-left: 5px;
    font-weight: bold
}

input[type="tel"]{
    background: none repeat scroll 0 0 #6598ae;
    border: thin solid #4f738b;
    border-radius: 5px;
    padding: 5px;
    text-align: right;
}

input[type='checkbox']{
    margin-right: 5px;
    position: relative;
    top: 2px;
    cursor: pointer;
}

input[disabled], textarea[disabled], select[disabled], button[disabled] {
    cursor: no-drop;
}

div{
    /*vertical-align: middle;*/
    border: none;
}

img{
    cursor: pointer;
    vertical-align: middle;
}
button:active {
  filter: brightness(0.85); /* se oscurece un poco */
  transform: scale(0.97);   /* pequeño efecto de presión */
}
button{
    width: 100%;
    height: 35px;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    margin-top:10px;
    border: solid #1a243e;
    background-color: black;
    color:#00F0FF;
    font-weight: bold
}

tfoot td span, thead th span{
    color: inherit;
}


#content_principal{
    width: 100%; 
    height: 100%; 
    overflow: hidden;
}

#envoltura{
    background: #57656C;
    height: 100%;
    margin: 0 auto;
    width: 960px; 
}

#tituloMenu{
    background: none repeat scroll 0 0 #171717;
    color: white;
    height: 30px;
    padding: 8px 0 0px 6px;
    width: 100%;
    border-bottom: 1px solid silver;
}

#IconoLista{
    border-radius: 0 10px 10px 0;
    float: left;
    height: 30px;
    margin-left: -13px;
    margin-top: -8px;
    opacity: 0.7;
    padding: 5px 0 3px 7px;
    width: 45px;
}

#IconoLista img{
    width: 100%;
}

#IconoLista:hover{
    opacity: 1;
}

#busquedaProceso > input{
    font-size: x-small;
    position: relative;
    top: -4px;
    width: 87%;
}

#iconofotoperfil{
    width: 33px; display: inline-block;
}

#iconofotoperfil img{
    border-radius: 20px;
    height: 100%;
    position: relative;
    top: 11px;
    width: 100%;
}

#busquedaProceso > img{
    margin-top: 1px;
    width: 19px;
}

#busquedaProceso{
    background: none repeat scroll 0 0 white;
    height: 17px;
    margin: 0 auto;
    padding: 0 9px 7px;
    width: 75%;
}

#contenidoSubProceso{
    padding-top: 60px;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

#contenido{
    width: 75%;
    height: calc(100% - 41px);
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 4px 6px 13px 16px rgba(0,0,0,0.1);
}

#tituloFormulario{
    color: white;
    font-size: 40px;
    font-style: oblique;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-shadow: 1px 3px black;
}
.tituloFormulario{
    color: white;
    font-size: 40px;
    font-style: oblique;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-shadow: 1px 3px black;
}

#titulo{
    color: black;
    font-style: oblique;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 10px;
}

#busquedaProceso > img:hover{
    background:black;
}

#detalleUsuario{
    color: silver;
    float: right;
    font-family: rockwell;
    margin-top: 2px;
}

#PaginaContenedor{
    width: 75%;
}

#detalleUsuario a{
    border-right: thin solid white;
    color: white;
    padding: 5px 15px;
    text-decoration: none;
}

#detalleUsuario a:last-child{
    border-right: medium none;
    margin-left: -5px;
}

#detalleUsuario a:hover{
    box-shadow: inset 0 0 10px white ;
}

#CuerpoFormulario{
    width: 90%;
    margin: 0 auto;
}

#busqueda{
    margin: 0 auto;
    padding: 10px;
    width: 450px;
}
#busqueda span{
    margin-right: 5px;
}
#busqueda input{
    border: thin solid;
    border-radius: 7px;
    opacity: 0.2;
    padding: 5px;
    width: 260px;
}
#busqueda input:hover{
    opacity: 0.4;
}
#busqueda img{
    width: 24px;
}
#busqueda img:hover{
    cursor: pointer;
}

#popUpbackGround{
    background-image: url('../img/cargando2.gif');
    background: black;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: none;
    top:0;
    left:0;
}

#popUpContent{
    color: black;
    background: none repeat scroll 0 0 white;
    border: medium solid silver;
    border-radius: 2px;
    display: none;
    /*left: 33%;*/
    padding: 10px;
    position: fixed;
    /*top: 50px;*/
    max-height : 325px;
    z-index: 3;
}



/*#popUpTipoCambio{
    background: white;
    padding: 10px;
    position: fixed;
}

#popUpTipoCambio *{
    display: inline-block;
}*/

/*#popUpContent input[type="password"], input[type="password"],input[type="text"], select{
    background: none repeat scroll 0 0 #8D8F8E;
    border-radius: 6px;
    color: black;
    margin-bottom: 6px;
    padding: 1px 7px;
}*/

#popUpAdd{
    background: none repeat scroll 0 0 white;
    border: medium solid silver;
    border-radius: 2px;
    color: black;
    padding: 10px;
    position: absolute;
    right: -126px;
    top: -3px;
    width: 100px;
    max-height : 300px;
    font-size: smaller;
    z-index: -1;
    right: 0;
}

#detallet td ul li input{
    color:#D86000 !important;
    text-align: right;
}

#detallet .color_debe{
    background: #f28600 !important;
    color: black !important; 
}

#detallet .color_haber {
    background: #f0af39 !important;
    color: black !important; 
}
#detallet .color_debe_bs{
    background: #005EF5 !important;
    color: black !important; 
}

#detallet .color_haber_bs {
    background: #478EFF !important;
    color: black !important; 
}
/*#detallet td span{
    display: inline-block;
    font-size: 13px;
    height: 18px;
    position: relative;
    text-align: center;
    top: 2px;
}*/

#detallet span{
    display: block;
    height: 19px;
}

#detallet textarea{
    display: block;
    height: 19px;
    min-height: 19px;
    border: thin solid #4f738b;
}

#detallet td a{
    display: inline-block;
}

#detallet input, #detallet textarea {
    height: 30px;
}

#resultado{
    /*z-index: 0;*/
    z-index: 9999999999;
    max-height: 225px;
    overflow-y: scroll;
}

#resultado > div{
    cursor: pointer;
}
#resultado > div:hover{
    background: red;
}
.resultadoBusqueda{
    max-height: 225px;
    overflow-y: scroll;
}
#parametrizacionComprobante{
    width: 90%;
    height: 500px;
    margin: 0 auto;
    overflow: scroll;
}
/*
 * *****************************************************************************
 *                          TAB
 */

#tabs > ul li{
    font-weight: normal;
    border: thin solid;
    display: inline-block;
    margin-bottom: 1px;
    font-family: Rockwell;
    margin-left: -2px;
    padding: 5px 7px;
    position: relative;
    height: 15px;
    border-bottom: none;
    color:white;
    border-left: medium none;
    border-right: medium none;
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear,top,bottom, color-stop(50%,#19657f), color-stop(100%,#87abc3));
}

#tabs > ul li a{
    text-decoration-line: none;
}
#tabs > ul li:hover{
    transform: scale(1.07);
}

#tabs .contenidoTab{
    display: none;
    height: calc(100% - 29px);
    overflow: auto;
    padding: 10px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

#tabs > div{
    border: solid thin;
    height: calc(100% - 29px);
    overflow: hidden;
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-sizing: border-box;
}

#tabs .BusquedaTab{
    height: 21px;
    overflow: hidden;
    text-align: center;
    background: none repeat scroll 0 0 white;
    padding:4px; 
    margin: 0;
    border-radius: 0;
}

#tabs input{
    border: thin solid;
    border-radius: 3px;
    margin-left: 2px;
    margin-top: 3px;
    padding: 0 5px;
}

.BusquedaTab{
    height: 21px;
    margin-top: 5px;
    overflow: hidden;
    text-align: center;
    background: none repeat scroll 0 0 white;
    border-radius: 7px;
    padding-top:4px; 
}

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

#descripcion_cuenta_contable .tab{
    margin: 0;
}

#descripcion_cuenta_contable div{
    box-sizing: border-box;
}

#descripcion_cuenta_contable > div > div{
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
    overflow: auto;
    border: thin solid;
    padding: 8px 5px;
    float: left;
}

#descripcion_cuenta_contable > div{
    height: 50%;
}

#descripcion_cuenta_contable div.nivel_hermanos{
    width: calc(63% - 5px);
    height: calc(100% - 5px);
    margin: 0 5px 5px 0;
}

#descripcion_cuenta_contable div.nivel_acciones{
    width: calc(37% - 5px);
    height: calc(100% - 5px);
    margin: 0 0 5px 5px;
    /* PARA LA ALINEACION VERTICAL*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#descripcion_cuenta_contable div.nivel_acciones > button{
    /*box-sizing: border-box;*/
    margin: 0;
}

#descripcion_cuenta_contable div.nivel_hijos{
    width: calc(48% - 5px);
    height: calc(100% - 5px);
    margin: 5px 5px 0 0;
}

#descripcion_cuenta_contable div.nivel_padres{
    width: calc(52% - 5px);
    height: calc(100% - 5px);
    margin: 5px 0 0 5px;
}
/*
 * *****************************************************************************
 */


#comprobanteCierre tr td:first-child{
    background-color: transparent;
    border: none;
    text-align: right;
}
#cuentasCierres tr:nth-child(2n+1) {
    background: red;
}

#cuentasCierres td{
    width: 100px;
}
#popUpFacturaProvedor  div{
    padding-bottom: 0;
    padding-top: 0;
}

#busquedaEstrella img{
    width: 80%;
}
#busquedaEstrella{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    box-shadow: none;
    height: 70px;
    left: 268px;
    position: relative;
    top: 71px;
    width: 70px;
    z-index: 1;
}

div#cardPostulado{
    /* background: repeat scroll 0% 0% rgb(181, 121, 121); */
    padding: 5px;
    margin: 5px; 
    border-radius: 7px;
    width: 283px;
    height: 170px;
    float:left;
}

#popuphabilitacionConvocatoria{
    width:852px;
    height: 390px;
    max-height: 400px;
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
}


#tablaPermisos{
    text-align: center; width: 100%; 
}
#tablaPermisos th{
    border-color: black;
    border-style: solid none;
    border-width: 1px medium;
    font-size: 20px;
}

#tablaPermisos td{
    border: 2.86px solid #307381;
}
#tablaPermisos .dia{
    height: 70px;
    margin: 0px;
    padding: 1%;
    overflow: hidden;
}
#tablaPermisos .diacabecera{
    border-radius: 0;
}

#contenedorDatosyDocumentos:hover{
    background: none repeat scroll 0 0 #ebefe2;
    opacity: 0.94;
}

#contenedorDatosyDocumentos div{
    margin-left: 7px;
    margin-top: 159px;
    transform: rotate(-90deg);
    transform-origin: left top 0;
    width: 163px;
}
#contenedorDatosyDocumentos{
    background: none repeat scroll 0 0 white;
    border: medium double;
    border-radius: 14px 0 0 14px;
    float: left;
    font-family: Times New Roman;
    font-style: oblique;
    font-weight: bold;
    height: 170px;
    position: relative;
    top: 16px;
    width: 37px;
}



#horario{
    width: 900px;
    text-align: center;
}
#horario > li{
    border-left: solid 2px;
    border-right: solid 2px;
}
#horario li{
    width:120px;
    background: rgba(157, 251, 140, 0.42);
    border-bottom: thin solid;
}

.horario{
    width: 900px;
    text-align: center;
}

.horario > li{
    border-left: solid 2px;
    border-right: solid 2px;
}

.horario li{
    width:120px;
    background: rgba(157, 251, 140, 0.42);
    border-bottom: thin solid;
}




#nombreNivel{
    height: 440px;
    margin: 0 auto;
    overflow: auto;
    padding: 20px 0;
    width: 95%;
}
#nombreNivel div:hover{
    transform: scale(1.07,1.07);
}    
#nombreNivel div{
    font-family:Rockwell;
    background: none repeat scroll 0 0 #19657f;
    border: medium solid black;
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 black;
    color: white;
    margin-top: 10px;
    text-align: center;
    width: 250px;

}

@-moz-keyframes rotate7deg /*--for firefox--*/{
    from{
        -moz-transform:rotate(0deg);
        right: -220px;
    }       
    to{
        -moz-transform:rotate(-7deg);
        right: -16px;

    }                       

}

@-webkit-keyframes rotate7deg /*--for webkit--*/{

    from{
        -webkit-transform:rotate(0deg);
        right: -220px;
    }       
    to{
        -webkit-transform:rotate(-7deg);
        right: -16px;

    }                       

}
@-moz-keyframes rotate0deg /*--for firefox--*/{
    from{
        -moz-transform:rotate(-7deg);
        right: -16px;
    }       
    to{
        -moz-transform:rotate(-0deg);
        right: -220px;

    }                       

}

@-webkit-keyframes rotate0deg /*--for webkit--*/{

    from{
        -webkit-transform:rotate(-7deg);
        right: -16px;
    }       
    to{
        -webkit-transform:rotate(0deg);
        right: -220px;
    }                       

}

@-moz-keyframes rotateZona4/*--for firefox--*/{
    from{
        -moz-transform:rotate(0deg);
        left: -178px;
    }       
    to{
        -moz-transform:rotate(4deg);
        left: -10px;
    }                       

}

@-webkit-keyframes rotateZona4/*--for webkit--*/{

    from{
        -webkit-transform:rotate(0deg);
        left: -178px;
    }       
    to{
        -webkit-transform:rotate(4deg);
        left: -10px;
    }                       

}
@-moz-keyframes rotateZona0/*--for firefox--*/{
    from{
        -moz-transform:rotate(4deg);
        left: -10px;
    }       
    to{
        -moz-transform:rotate(0deg);
        left: -178px;
    }                       

}

@-webkit-keyframes rotateZona0/*--for webkit--*/{

    from{
        -webkit-transform:rotate(4deg);
        left: -10px;
    }       
    to{
        -webkit-transform:rotate(0deg);
        left: -178px;
    }                       

}

#tablacalendario  td {
    width: 153px;
    max-width: 153px;    
}

#alert{
    display: none;
}

#pesonaldatosdatos > input,#pesonaldatosdatos > select, #pesonaldatosdatos > textarea,
#pesonaldatosusuario > input,#pesonaldatosusuario > select, #pesonaldatosusuario > textarea,
#pesonaldatostelefono > input,#pesonaldatostelefono > select, #pesonaldatostelefono > textarea{
    margin-bottom: 2px;
}
#pesonaldatosdatos > span,
#pesonaldatosusuario > span,
#pesonaldatostelefono > span {
    margin-top: 3px;
}



/* *****************************************************************************
 *                                  CLASES 
 * *****************************************************************************
 */

.box-shadow {
    -webkit-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 3px 5px 0px rgba(0, 0, 0, 0.75);
}

.currency_group > .currency,
.currency_group > .currency_select{
    width: 150%;
}
.currency_group > *:nth-child(n + 2) {
    margin-left: 5px;
}
.currency_group, .currency, .currency_select {
    -ms-display: flex;
    display: flex; 
}
.currency_group {
    justify-content: center;
    align-items: center;
}

.currency::before {
    content: attr(moneda);
    background-color: lightgray;
    padding: 6px;
    border-radius: 5px 0 0 5px;
    border: thin solid #4f738b;
    border-right: 0;
    height: 17px;
    display: inline-block;
}
.currency input,
.currency_select input{
    width: 100%;
    border-radius: 0 5px 5px 0;
    color: black;
}

.currency_select input[disabled], .currency input[readonly],
.currency input[disabled], .currency input[readonly]{
    background: white;
    cursor: not-allowed;
}

.currency_select select {
    background-color: lightgray;
    padding: 4px;
    border-radius: 5px 0 0 5px;
    border: thin solid #4f738b;
    border-right: 0;
    display: inline-block;
    width: auto;
    min-width: 65px;
}

.error_color{
    background: #FFA8B8 !important;
}
.ok_color {
    background: #A0D995 !important;
}
.select_color {
    background: #88D2F2 !important;
}
.contenenedor_filas_formulario  .filas_formulario:first-child{
    margin-top: 2px;
}
.filas_formulario {
    margin-bottom: 3px;
}
.inline_block{
    display: inline-block;
}
/* flex */
.flex {
    display: flex;
}
.flex_vertical {
    flex-direction: column;
}
.flex_centrado_v {
    justify-content: center;
}
.flex_centrado_h {
    align-items: center;
}
/* Fin Flex*/
.textarea_form{
    resize: vertical;
    /*width: 100%;*/
    height: 100%;
}

.textarea_tabla{
    resize: vertical;
    width: 100%;
}

.content_principal{
    width: 100%; 
    height: 100%; 
    overflow: hidden;
}

.numero_decimal, .numero_decimal_a, .numero_decimal2{
    text-align: right;
}

input.numero_decimal, input.numero_decimal_a, input.numero_decimal2{
    min-width: 150px;
}
.subTituloFormulario {   
    color: white;
    font-size: 20px;
    font-style: oblique;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: center;
    text-shadow: 1px 3px black;
}

.data_list{
    background: none repeat scroll 0 0 #6598ae;
    border: thin solid #4f738b;
    border-radius: 5px;
    color: white;
}

.lista_izquierda li{
    list-style: none;
    background: ivory;
    width: 118px;
    border-radius: 15px;
    margin-left: 10px;
    text-align: center;
    margin-top: 3px;
}

.lista_izquierda li:hover{    
    background: darkturquoise;
}

.ItemHeader{
    border-bottom: thin solid #e8f2c3;
    display: block;
    height: 20px;
    margin: 0 auto;
    padding: 10px;
    width: 80%;
    font-family:Rockwell;
}

.ItemHeader:hover{
    background: #7F734B;
    cursor: pointer;
}

.ItemHeader *{
    position: relative;
    top:27%;
}

.ItemHeader *{
    display: -moz-box;
}

.subProceso{
    background: none repeat scroll 0 0 white;
    float: left;
    font-size: 10px;
    height: 81px;
    margin-top: 104px;
    margin:5px;
    opacity: 0.45;
    text-align: center;
    width: 180px;
}
.subProceso:hover{
    cursor: pointer;
    opacity: 0.8;
}
.subProceso div{
    float: left;
    margin-top: 20px;
    width: 100px;
}
.subProceso img{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 50px;
}
.formularioefecto{
    width: 100%;
    height:100%;

}
.formularioefecto2{
    position: fixed;
    /*background-image:url("../img/iconos/b4.png");*/
    background-position: 0 -18%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-color: #1D6596;
    width: 180px;
    height: 81px;
} 

.efectoFormulariorotacion{
    animation:efectoHoja 0.5s;
}

@keyframes efectoHoja{
    0%{ 
        transform: rotateY(180deg);
    }

    100%{
        transform: rotateY(360deg);
    }
}

.circulo{
    background: none repeat scroll 0 0 white;
    border-radius: 20px;
    display: block;
    height: 33px;
    margin: 0 auto -9px;
    opacity: 0.5;
    padding: 5px 5px 5px 12px;
    width: 20px;
}
.circulo:hover{
    opacity: 0.7;
}



.pequeo{
    width: 15%;
}
.chico{
    width: 80px ;
}
.mini{
    width: 20px;
}
.mediano{
    width: 150px;
}
.normal{
    width: 100px;
}
.grande{
    width: 203px;
}
.mingrande{
    min-width: 203px;
    min-height:  203px;
}
.maxgrande{
    max-width: 500px;
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: no-content;
}
.Extragrande{
    width: 250px;
}
.Extragrande2{
    width: 400px;
}


.negrillaenter{
    font-weight: bold;
    font-style: italic;
    display: block;
    margin: 3px;
}
.negrilla{
    font-weight: bold;
    margin: 3px;    
}

.ultimaMod{
    background: #6a1d83;
    color: white;
    width: 100%;
}

.solo_negrilla{
    font-weight: bold;
}

.popupg{
    width: 1001px;    
    display: none;
    color: black;
    background: none repeat scroll 0 0 white;
    border: medium solid silver;
    border-radius: 2px;
    left: 10%;
    padding: 10px;
    position: fixed;
    top: 50px;
    max-height: 510px;
    text-align: center;
    z-index: 3;
    height: 510px;
}

.subsubtitulo{
    color: white;
    font-size: xx-large;
    font-style: oblique;   
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: left;
    margin-left: 50px;
    font-size: 13px;
}

.contenedor30{
    width: 24%;
    float: left;
    /* padding: 10px; */
    height: 550px;
    overflow: auto;    

}
.bordes_chicos{
    height: 90px;
    border: 1px solid black;
    margin-left: 5px;
    border-radius: 15px;
    overflow: auto;
    text-align: center;
}
.bordes_grandes{
    height: 500px;
    border: 1px solid black;
    margin-left: 5px;
    border-radius: 15px;
    overflow: auto;
    text-align: center;
}
.contenedor40{
    width: 34%;
    float: left;
    padding: 5px;
    height: 85%;
    overflow: auto;
}

.contenedor60{
    width: 60%;
    float: left;
    padding: 5px;
    height: 85%;
    overflow: auto;
}
.contenedor_inferior{
    width: 65%;
    padding: 10px;
    height: 85%;
    overflow: auto;
    float: right;
}
.subTituloSubContenedor{
    display: block;
    font-size: small;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.subContenidoSubContenedor{
    text-align: center;
    font-size: smaller;
}
.contenedor70{
    width: 73%;
    overflow: auto;
    float: left;
    height: 85%;
    overflow: auto;
}
.contenedor80{
    width: 82%;    
    float: left;
    height: 85%;
    overflow: auto;
}

.contenedor90{
    width: 100%;
    height: 500px;
    overflow: auto;
}

.contenedor100{
    width: 100%;
    height: 85%;
    overflow: auto;
}
.contenedor20{
    width: 16%;
    overflow: auto;
    float: left;
    height: 85%;
    overflow: auto;
}
.contenedor8{
    width: 8%;
    overflow: auto;
    float: left;
    height: 85%;
    overflow: auto;
}
.altoGrande{
    height: 390px;
}
.altonormal{
    height: 174px;
}
.alto500{
    height:500px;
    overflow-y: scroll;
}
.alto450{
    height:450px;
    overflow-y: scroll;
}
.alto100{
    height:100px;
    overflow-y: auto;
}
.alto150{
    height:150px;
    overflow-y: auto;
}
.contenedor50{
    float: left;
    /*padding: 5px;*/
    width: 47%;
}

.contenedor50_bb{
    float: left;
    padding: 5px;
    width: 50%;
    box-sizing: border-box;
}
.contenedor100_bb{
    float: left;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.subtitulo{
    color: white;
    font-size: xx-large;
    font-style: oblique;   
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: left;
    margin-left: 50px;
    font-size: 20px;
}

.subtitulo2{
    color: white;
    font-style: oblique;   
    margin: 5px;
    text-align: center;
    font-size: 20px;
}

.subtitulo2_negro{
    font-weight: bold;
    margin: 5px;
    text-align: center;
    font-size: 20px;
}

.fileButton{
    background: none repeat scroll 0 0 white;
    border-radius: 5px;
    display: inline-block;
    height: 16px;
    margin: 0 5px;
    opacity: 0.5;
    border: solid thin white;
    padding: 5px 10px 5px 12px;
}
.fileButton:hover{
    border: solid thin black;
    cursor: pointer;
}

.subMenu span:first-child{
    margin-left: 5px;
}

.subMenu{
    background: none repeat scroll 0 0 #19657f;
    border: thin solid;
    border-radius: 5px;
    color: silver;
    display: block;
    font-size: 12px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    width: 92%;
    font-family: Rockwell;

}

.subMenu:hover{
    cursor: pointer;
    transform: scale(1.02);
}
.btnEliminar{
    visibility: hidden;
}
.xlarge{
    font-size: x-large;    
}
.blanco{
    color:white;
}
.trSelected{    
    color: #ffffff;
    background: #2a2323 !important;
}

.padre_float:after { 
    content: " ";
    display: block; 
    height: 0; 
    clear: both;
}
.alinearIzquierda{
    float: left;
}
.alinearDerecha{
    float: right;
}

.centrado{
    margin: 0 auto ;
    text-align: center;
}

.centrado_horizontal{
    margin-left: auto;
    margin-right: auto;
}

.centrado_important{
    margin: 0 auto !important;
    text-align: center;
}

.solo_centrado{
    margin: 0 auto;
}



.basurero{    
    background: none repeat scroll 0 0 #678fa1;
    border: medium solid #759aac;
    border-radius: 7px;  
    float: left;
    height: 80px;
    margin: 2px;
    padding: 10px 5px 5px;
    text-align: center;
    width: 100px;
    overflow: auto;
}


.tab{
    margin-left: 6px;
}


.tab2 li{
    width: 800px;
}
.tab li{
    margin-bottom: 3px;
}
.contenedorCC span{
    display: block;
    margin-top: 15px;
}
.popup{
    color: black;
    background: white;  /*no modificar el color de fondo*/
    border: medium solid silver;
    /*border: medium solid silver;*/
    border-radius: 4px;
    left: 33%;
    padding: 18px;
    position: fixed;
    z-index:  3;
    top: 5%;
    display: none;
    overflow: auto;
    box-shadow: 0px 3px 20px 10px rgba(0,0,0,0.3);
}

.subMenu > div:eq(1){
    font-size:12px;
}

.input_span{
    border: 0 !important;
    color: black;
    background: none !important;
}

/** **************************************************************
 *                      TABLAS
 *  **************************************************************
 */
/* ------------------------------------------------------------ */
.tablaPermisos{
    text-align: center; width: 100%; 
}
.tablaPermisos th{
    border-color: black;
    border-style: solid none;
    border-width: 1px medium;
    font-size: 20px !important;
}

.tablaPermisos td{
    border: 2.86px solid #307381;
}
.tablaPermisos .dia{
    height: 70px;
    margin: 0px;
    padding: 1%;
    overflow: hidden;
}
.tablaPermisos .diacabecera{
    border-radius: 0 !important;
}
/* ------------------------------------------------------------ */
.tabla_comprobante thead tr:nth-child(1) th{
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: transparent;
    background: transparent;
    height: 0px
}

.tabla_comprobante thead tr:nth-child(2) th{
    border-color: transparent;
    background: transparent;
}
.tabla_comprobante thead tr:nth-child(3) th:first-child {
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}

.tabla_comprobante thead tr:nth-child(3) th:last-child {
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.tabla_comprobante tfoot tr:nth-child(1) td{
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: transparent;
    background: transparent;
    height: 0px
}
.tabla_comprobante tbody img{
    width: 17px !important;
    height: 17px !important;
    margin: 6px 4px !important;
}
/* ------------------------------------------------------------ */
.tfoot_ajuste tfoot tr:nth-child(1) td{
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: transparent;
    background: transparent;
    height: 0px
}
table tbody  tr.itemCel:nth-child(even) { /*(even) or (2n 0)*/
    background: #cdd5d4;
}

table tbody  tr.itemCel:nth-child(odd) { /*(odd) or (2n 1)*/
    background: #EAF4FF;
}


table tbody tr.detalleCel { 
    background: #C2B4BA;
}



/* ------------------------------------------------------------ */
.tabla_Factura{

}

.tabla_Factura td{
    vertical-align: middle;
    border-right: 1px solid black;
    border-left: 1px solid black;
    border-top: none;
    border-bottom: none;
    padding: 5px;
}

.tabla_Factura tr:first-child td{
    border-top: 1px solid black;
}

.tabla_Factura tr:last-child td{
    border-bottom: 2px solid black;
}

.tabla_Factura tr td:first-child, .tabla_Factura tr th:first-child{
    border-left: 2px solid black;
}

.tabla_Factura tr td:last-child, .tabla_Factura tr th:last-child{
    border-right: 2px solid black;
}

.tabla_Factura th {
    background: white;
    border : 1px solid black;
    color: black;
    height: 24px;
    padding: 5px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.tabla_Factura thead tr:first-child th{
    border-top: 2px solid black;
}

.tabla_Factura tfoot tr:last-child td:first-child{
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
} 

.tabla_Factura tfoot tr:last-child td:last-child{  
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.tabla_Factura tr:first-child td{
    border-top: 1px solid black;
}

.tabla_Factura tr { /*(even) or (2n 0)*/
    background: white !important;
}

.tabla_Factura tfoot tr:first-child td{
    border-top: none;
}

/* ------------------------------------------------------------ */
.tablaCierre{
    border: medium none;
    border-collapse: separate;
    border-spacing: 4px;  
    background: white;
    opacity: 0.6;
    margin: 0 auto;
}
.tablaCierre th{
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    color: black;
    font-style: oblique;
    font-weight: bold;
}

.tablaCierre tr:first-child th:first-child{
    border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
}

.tablaCierre tr:first-child th:last-child{
    border-top-right-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
}

.tablaCierre td{
    background: none repeat scroll 0 0 white;
    border: thin solid; 
}
/* ------------------------------------------------------------ */
.tabla_blanca{
    background: none;
    border: none;    
}

.tabla_blanca > tbody > tr{
    background: #FFFFFF !important;
}
.tabla_blanca > tfoot > tr{
    background: #FFFFFF !important;
}

.tabla_blanca > tbody > tr.tr_selected{
    background: silver !important;
}
.tabla_blanca > tfoot > tr.tr_selected{
    background: silver !important;
}

.tabla_blanca > tbody > tr > td {
    /*background: #FFFFFF;*/
    border: none;
    vertical-align: middle;
}
.tabla_blanca > tfoot > tr > td {
    /*background: #FFFFFF;*/
    border: none;
    vertical-align: middle;
}

.tabla_blanca > tbody > tr > th, 
.tabla_blanca > thead > tr > th,
.tabla_blanca > tfoot > tr > th{
    background: #FFFFFF;
    border: none;
    vertical-align: middle;
    color: black;
}



.tabla_blanca input{
    /*color: rgb(72, 80, 113) !important;*/
    color: black /*!important*/;
}

.tabla_blanca img{
    height: 17px;
    width: 17px;
}

/* ------------------------------------------------------------ */
.tabla_resaltar > tbody > tr:not(.titulo):hover{
    background: silver !important;
}
/* ------------------------------------------------------------ */
.tabla_Transparente{
    background: none;
    border: none;    
}

.tabla_Transparente tr td{
    background: rgba(255,255,255,0)!important;
    padding: 5px 2px;
    border: none;    
}

.tabla_Transparente tr{
    background: rgba(255,255,255,0) !important;
    border: none;    
}
/* ------------------------------------------------------------ */
/*.planilla {
    border: none;
}
.planilla td{
    padding: 0 6px;
}
.planilla th{
    border: solid 1px;
}
.planilla div{
    margin: 0;
    padding: 0;
    border: none;
}
.planilla input{
    width: 95%;
}
.planilla select{
    width: 95%;
}*/
/* ------------------------------------------------------------ */
.doble_fila thead,.doble_fila thead tr{
    background: transparent;
}
.doble_fila thead tr th{
    height: 0px;
}
.doble_fila thead tr:nth-child(1) th{
    padding-top: 0px;
    padding-bottom: 0px;
    border-color: transparent;
    background: transparent;
    height: 0px
}
.doble_fila thead tr:nth-child(2) th:first-child {
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}

.doble_fila thead tr:nth-child(2) th:last-child {
    border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
/* ------------------------------------------------------------ */
.Tespaciado td{
    padding: 5px;
}
/* ------------------------------------------------------------ */
.conBorde{
    border-collapse: inherit;
}
.conBorde td{
    /* padding:0%; */ /*0 5px;*/
    border: 1px solid #93acb6; 
    vertical-align: middle;
}

.conBorde th{
    /* padding:0%; */ /*05px;*/
    border:  1px solid #93acb6;
    vertical-align: middle;
}
/* ------------------------------------------------------------ */
.espaciado td{
    padding:7px;
}
/* ------------------------------------------------------------ */

.tabla_sinBordeRedondeado tr:first-child th:first-child{
    border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
} 

.tabla_sinBordeRedondeado tr:first-child th:last-child{  
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
}

/* ------------------------------------------------------------ */
/*1er Fila*/
.tabla_colorarX3 tbody tr:nth-child(3n+1){
    background: #EAF4FF;
}

/*2da Fila*/
.tabla_colorarX3 tbody tr:nth-child(3n+2){
    background: rgb(174, 183, 206);
}

/*3ra Fila*/
.tabla_colorarX3 tbody tr:nth-child(3n+3){
    background: #cdd5d4;
}

/*1er Fila*/
.tabla_fila_desc tbody tr:nth-child(4n+1){
    background: #EAF4FF;
}

/*2da Fila*/
.tabla_fila_desc tbody tr:nth-child(2n){
    background: rgb(174, 183, 206);
}

/*3ra Fila*/
.tabla_fila_desc tbody tr:nth-child(4n+3){
    background: #cdd5d4;
}

/* ------------------------------------------------------------ */
.tabla_general_comercial td img {
    width: 40px;
    height: 40px;
}

.tabla_general_comercial td textarea {
    /*width: 100%;*/
    height: 100%;
    resize: vertical;
}
.tabla_estrellas td img {
    width: 45px;
    height: 45px;
}

/* ------------------------------------------------------------ */
.tr_tabla_formato_G tbody tr:hover{
    background: #A9D192;
}

.tr_oculto > td {
    height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/** *********************************************************** **/
.contenedor{
    background: none repeat scroll 0 0 white;
    border: thin solid;
    opacity: 0.45;
    padding: 10px;
    margin: 5px;
}

.plomoBajito{
    background-color: #9c9c9c !important;    
    color : white !important;
}
.naranjaBajito{
    background-color: #EB7D3066 !important;    
}
.rojoBajito{
    background-color: #F7A2A266 !important;    
}
.verdeBajito{
    background-color: #7ccc7466 !important;    
}
.amarilloBajito{
    background-color: #F7F4A266 !important;    
}
.azulBajito{
    background-color: #A3A2F766 !important;    
}
.naranja{
    background-color: #FA8327 !important;    
}
.rojo{
    background-color: #f9b5b4 !important;    
}
.verde{
    background-color: #c9f7c5 !important;    
}
.amarillo{
    background-color: #FCF6B8 !important;    
}
.azul{
    background-color: lightblue !important;    
}
.naranjaFuerte{
    background-color: #F55B01 !important;    
}
.rojoFuerte{
    background-color: #FF0000 !important;    
}
.verdeFuerte{
    background-color: #00FF00 !important;    
}
.amarilloFuerte{
    background-color: #FFFF00 !important;    
}
.azulFuerte{
    background-color: 0000FF !important;    
}

.centrado_over{
    margin: 0 auto;
    text-align: center;
    height: 550px;
    overflow: auto;    
}

.cardPostuladosimple{
    background: none repeat scroll 0 0 white;
    border-radius: 7px;
    height: 135px;
    padding: 10px;
    text-align: center;
    width: 120px;
    float:left;
    margin: 5px;
}

.alturaCuerpo{
    height: 380px;
}


.point{
    background-color: #1d964e;
    box-shadow: 1px 2px 1px 2px rgba(0,0,0,0.3);
}
.point:hover{
    background: #115650;
    transform: scale(1.04,1.04);
    cursor: pointer; 
}
.point_sc{
    box-shadow: 1px 2px 1px 2px rgba(0,0,0,0.3);
    cursor: pointer;
}
.point_sc:hover{
    transform: scale(1.04,1.04);
    cursor: pointer; 
}

.point_simple{
    cursor: pointer;
}
.point_simple:hover{
    transform: scale(1.04,1.04);
    cursor: pointer; 
    font-weight: bold;
}
.point_simple:hover > * {
    font-weight: bold;
}

.r_buscador{
    margin-left: 40%;
    border: solid #000000 1px !important;
    height: 20px !important; 
}
.r_contenedor{    
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;       
}
.r_capas3{
    float: left;
    width: 33.3%;    
    text-align: center;
}
.r_capa_media{
    float: right;
    width: 79%;
    text-align: center;
    border: 1px solid #000000;
    /*border-radius: 25px;*/
    overflow: auto;
    /*background-color: rgb(61, 122, 144);*/
}
.r_mini_menu{
    float: right;
    width: 20%;
    text-align: right;   
    /*margin-top: 20px;*/
}
.r_mini_menu>div{
    cursor: pointer;
    text-align: center;
    border: 1px solid #000000;
    margin-top: 5px;
    padding: 15px;
    color: white;
    border-radius : 5px 0px 0px 5px; 
    /*background-color: #3A5469;*/
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*es para los menus de la izquierda */
.r_mini_menu>div:hover {
    /*text-align: center;*/
    /*border: 1px solid #000000;*/
    /*margin-top: 5px;*/
    /*border-radius : 0px 0px 0px 25px;*/ 
    color: black;
    font-weight: bold;
    /*background-color: #8D8F8E;*/
    cursor: pointer;
}
/*titulo de los pop up*/
.r_titulo_pop_up
{
    margin-top:2%;
    font-size:23px;
    font-weight:600;
    color:black;
    text-shadow:1px 1px 5px;
    font-variant:normal;
    font-stretch:ultra-expanded;
}

.r_perfil{
    border-style: none solid solid;
    border-bottom-width: 1px;
    border-bottom-color: white;
    border-left-width: 1px;
    border-left-color: white;
    border-right-width: 1px;
    border-right-color: white;
    border-radius: 0px 0px 25px 25px;
    width: 494px;
    top: 37px;
    color: white;
    display: none;
    float: right;
    background-color: rgb(23, 23, 23);
}
.r_menu_left > div{
    margin-top: 10px;
    cursor: pointer;
    font-size: 18px;
    font-family: cursive;
    border: 1px solid #000000;
    width: 270px;
    text-align: center;
    border-radius: 15px;
}
.r_menu_left > div:hover{
    margin-top: 10px;
    cursor: pointer;
    font-size: 18px;
    font-family: cursive;
    border: 1px solid #000000;
    width: 270px;
    text-align: center;
    border-radius: 15px;
    background: #adadad;
    color: #ffffff;
}

.r_table_alineacion
{
    border:none;

}
.r_table_alineacion>tr
{
    background: none


}
.r_table_alineacion>tr>td
{
    background: none

}

.justificar{
    text-align: justify;
}
.imgcard{
    margin-top:   1%;
    margin-left:  2%;
    width: 30%;
    height: 90%;
    float: left;
    display:inline-block; 
    vertical-align: middle
        /*    height: 40px; 
            width: 50px;*/

}

.textcard{

    margin: auto 0;
    width: 65%;
    float: left;
    font-weight: bold;
    font-style: italic;
}

.scroll{
    overflow: auto;
}

.centrar_VH_contenedor{
    -ms-display: flex;
    display: flex; 
    /* alineacion vertical */
    align-items: center;
    /* alineacion horizontal */
    justify-content: center;
}

.tarjeta_eval_post{
    display:inline-block; 
    background: none repeat scroll 0% 0% white; 
    padding: 10px; 
    height: 120px; 
    margin: 7px; 
    border: thin solid; 
    border-radius: 7px; 
    width: 337px;
}
.tarjeta_eval_post_img{
    float: left; 
    height: 60%; 
    padding: 7px; 
    border: thin solid; 
    width: 79px;
}

.cursorMano{
    cursor: pointer;
}
.cursorBloqueado{
    cursor: no-drop !important;
}

.listaCursorMano ul > li{
    cursor: pointer;
}

.w75{
    width: 75%;
}

.w80{
    width: 80%;
}
.w86{
    width: 86%;
}

.w50{
    width: 50%;
}
.w49{
    width: 49%;
}
.w45{
    width: 45%;
}
.w35{
    width: 35%;
}
.w32{
    width: 32%;
}
.w33{
    width: 33.3%;
}
.w25{
    width: 25%;
}

.centrado_VH_otro {
    position: absolute;
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 3px 20px 5px rgba(0,0,0,0.5);
}

.centrado_H_otro {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.centrar_VH_popup{
    /*    -ms-display: flex;
         display: flex; */
    /* alineacion vertical */

    align-items: center;
    /* alineacion horizontal */

    justify-content: center;
}
.fecha, .fecha_form{
    text-align: center;
    width: 90px;
}

.pointVerde{
    background-color: #D1FFD3;
}
.pointVerde:hover{
    background: #B3FFB5;
    transform: scale(1.04,1.04);
    border-left-width: thin;
    cursor: pointer; 
}
.pointVerde1{
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.pointVerde1:hover{
    background: linear-gradient(#08394A, #0C273A) repeat scroll 0 0 rgba(0, 0, 0, 0);
    transform: scale(1.04,1.04);
    border-left-width: thin;
    cursor: pointer; 
}

.pointAzul{
    background-color: #0099FF;
}
.pointAzul:hover{
    background: #0066FF;
    transform: scale(1.04,1.04);
    border-left-width: thin;
    cursor: pointer; 
}

.pointBlanco{
    background-color: #FFFFFF;
}
.pointBlanco:hover{
    background: #BFBFBF;
    transform: scale(1.04,1.04);
    border-left-width: thin;
    cursor: pointer; 
}

.pointSinColorFPlomo:hover{
    background: lightslategray;
    transform: scale(1.04,1.04);
    border-left-width: thin;
    cursor: pointer;
}

.selfondoBlanco{
    background: white !important;
}

.pointRojo{
    background-color: #FFCCCC;
}
.pointRojo:hover{
    background: #FFA8A8;
    color:white;
    transform: scale(1.04,1.04);
    cursor: pointer; 
}

.pointAmarillo{
    background-color: #FFFCBD;
}
.pointAmarillo:hover{
    background: #FFFA9E;
    transform: scale(1.04,1.04);
    cursor: pointer; 
}

.selfondoplomo{
    background: lightslategray !important;
}

.hoverplomo{
    cursor: pointer;
}

/*.hoverplomo:hover{
    background: lightslategray;
    cursor: auto;
    font-weight: bold;
}*/

.selfondoVerde{
    background: #115650;
}
.selfondoVerde1{
    background: linear-gradient(#08394A, #0C273A) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.li_normal{
    cursor: pointer;
    background: #FFFFFF;
}
.li_normal:hover{
    cursor: pointer;
    background: #9f9f9f;
    color: #FFFFFF;
}
.cuadradocarregsuc{
    margin:5px; 
    border: thin solid; 
    padding: 5px; 
    width: 186px; 
    height: 100px;
    display: inline-block; 
    border-radius: 10px;
    font-size: 14px;
}

.error{
    font-weight: bold;
    font-style: italic;
    margin: 3px;
    color: red;
}


.docdatlist{
    cursor: pointer; 
}

.docdatlistSelect{
    /*background: #400040;*/ 
    background: #b3a8cc;
    cursor: pointer; 
}

.docdatlist:hover{
    /*background: #6e6e6e;*/
    background: #b3b3b3;
    transform: scale(1.04,1.04);
    cursor: pointer; 
}

.centrado_V {
    /*-ms-display: flex;*/

    display: flex; 
    /* alineacion vertical */

    justify-content: center;
    align-items: center;
}

.centrado_VH{
    -ms-display: flex;
    display: flex; 
    /* alineacion vertical */
    justify-content: center;
    align-items: center;
    text-align: center;
}

.centrado_V1 {
    /*-ms-display: flex;*/

    display: flex; 
    /* alineacion vertical */

    justify-content: center;
    /*align-items: center;*/
}

.centrado_solo_V {
    /*-ms-display: flex;*/

    display: flex; 
    /* alineacion vertical */

    /*justify-content: center;*/
    align-items: center;
}

.w90 {
    width: 90%;
}

.w95 {
    width: 95%;
}

.w98 {
    width: 98%;
}
.resaltar:hover{
    font-weight: bold;
    /*text-decoration:none;*/
    color:#843534;
}

.resaltar1:hover{
    font-weight: bold;
    /*text-decoration:none;*/
    color:white;
    background: gray;
    opacity: 1;
}

.resaltar_fondo:hover {
    font-weight: bold;
    background: silver;
    cursor: pointer;
}

.detalle_li:hover {
    font-weight: bold;
    background: #0008ff66 !important;
    cursor: pointer;
}

.resaltar_fondo_tr:hover {
    background: silver !important;
}

.resaltar_sin_fondo:hover {
    font-weight: bold;
    opacity: 0.8;
    cursor: pointer;
}

.w100{
    width: 100%;
}

.editable {
    /*width: 150px;*/
    border-radius: 5px;
    background: #759aac;
}

.noEditable{
    border-radius: 5px;
    background: #8D8F8E;
}

.mayuscula{
    text-transform: uppercase;
}

.minuscula{
    text-transform:lowercase;
}

.horizontalcascada{
    width: 100%;
    /*height: 60px;*/
}

/*es para volver el boton verde*/
.r_btn_verde{
    background-color: rgba(100, 165, 100, 0.73);   
}
/*es para volver el boton rojo*/
.r_btn_rojo{
    background-color: rgba(165, 100, 100, 0.73);
}
/*es para volver azul el boton*/
.r_btn_azul{
    background-color: #ABCDEF;
    width: 100px;
}

.circuloXAD{ /* Circulo Arriba Derecha*/
    color: black;
    font-size: 15px;
    top: 0px;
    margin-right: 0px;
    position: relative;
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: white;
    border-color: thistle;
    border-width: medium;
    border-style: solid;
}

.circuloXAL{ /* Circulo Arriba Derecha*/
    color: black;
    font-size: 15px;
    top: 0px;
    margin-right: 0px;
    position: relative;
    display: inline-block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: white;
    border-color: thistle;
    border-width: medium;
    border-style: solid;
}

.circuloXAL{ /* Circulo IZQUIERDA*/
    color: black;
    top: 0px;
    position: relative;
    display: inline-block;
    float: left;
    width: 10px;
    height: 10px;
    border-radius: 20px;
    background: white;
    border-color: thistle;
    border-width: 2px;
    border-style: solid;
}


.circuloXAL:hover {
    background: black;
}

.diasC:hover{
    background: #cac6e3;
}

.celdacentroV {
    vertical-align: middle;
}
.celdaalgnD{
    text-align: right;
}
.celdaalgnI{
    text-align: left !important;
}

.celdaalgnC{
    text-align: center;
}

.buscador{
    width: 50%;
    font-size: 18px;
    text-transform: uppercase;
}

.popUpbackGround{
    background-image: url('../img/cargando2.gif');
    background: black;
    opacity: 0.6;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: none;
    top:0;
    left:0;
}


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

.menuIZ{
    height: 90%;
    background: #adadad;
    float: left;
    width: 0px;
}

.menuDE{
    height: 90%;
    background: #adadad;
    float: right;
    width: 0px
}



.linea {            
    border-bottom: 1px solid #000;			
}

/*
 *******************************************
    TAMANO DE IMAGENES
*/
.x15{
    width: 15px !important;
    height: 15px !important;
}

.x17{
    width: 17px !important;
    height: 17px !important;
}

.x20{
    width: 20px !important;
    height: 20px !important;
}

.x25{
    width: 25px !important;
    height: 25px !important;
}

.x30{
    width: 30px !important;
    height: 30px !important;
}
.x36{
    width: 36px !important;
    height: 36px !important;
}
.x40{
    width: 40px !important;
    height: 40px !important;
}
.x45{
    width: 45px !important;
    height: 45px !important;
}
.x50{
    width: 50px !important;
    height: 50px !important;
}
.x60{
    width: 60px !important;
    height: 60px !important;
}
.x100{
    width: 100px !important;
    height: 100px !important;
}


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


.div_menu_v_iz{
    /*    border-top-left-radius: 1em;
        border-bottom-left-radius: 1em;*/
    /*cursor: pointer;*/
    text-align: center;
    border: 1px solid #000000;
    margin-top: 5px;
    border-radius : 25px 0px 0px 25px; 
    background-color: #3A5469;
}

.pointVerde_menu_v_iz{
    background: linear-gradient(#19657f, #87abc3) repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.pointVerde_menu_v_iz:hover{
    background: linear-gradient(#08394A, #0C273A) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: white;
    cursor: pointer; 
}




/**
 * *****************************************************************************
 *                          FORMATO TABA FIXED
 * *****************************************************************************
 */
.fancyTable td, .fancyTable th {
    /* appearance */
    border: 1px solid #778899;

    /* size */
    /*    padding-bottom:  5px !important;
        padding-left:  5px !important;
        padding-top:  5px !important;
        padding-right:  5px ;*/
}

.fancyTable {
    /* text */
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.fancyTable tbody tr td {
    /* appearance */
    background-color: #eef2f9;
    background-image: -moz-linear-gradient(
        top,
        rgba(255,255,255,0.4) 0%,
        rgba(255,255,255,0.2) 50%,
        rgba(255,255,255,0.1) 51%,
        rgba(255,255,255,0.0) 100%);

    background-image: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0%,rgba(255,255,255,0.4)),
        color-stop(50%,rgba(255,255,255,0.2)),
        color-stop(51%,rgba(255,255,255,0.1)),
        color-stop(100%,rgba(255,255,255,0.0)));

    /* text */
    color: #262c31;
    font-size: 11px;
}

.fancyTable tbody tr.odd td {
    /* appearance */
    background-color: #d6e0ef;
    background-image: -moz-linear-gradient(
        top,
        rgba(255,255,255,0.4) 0%,
        rgba(255,255,255,0.2) 50%,
        rgba(255,255,255,0.1) 51%,
        rgba(255,255,255,0.0) 100%);

    background-image: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0%,rgba(255,255,255,0.4)),
        color-stop(50%,rgba(255,255,255,0.2)),
        color-stop(51%,rgba(255,255,255,0.1)),
        color-stop(100%,rgba(255,255,255,0.0)));
}

.fancyTable thead tr th,
.fancyTable thead tr td,
.fancyTable tfoot tr th, 
.fancyTable tfoot tr td {
    /* appearance */
    background-color: #8ca9cf;
    background-image: -moz-linear-gradient(
        top,
        rgba(255,255,255,0.4) 0%,
        rgba(255,255,255,0.2) 50%,
        rgba(255,255,255,0.1) 51%,
        rgba(255,255,255,0.0) 100%);

    background-image: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0%,rgba(255,255,255,0.4)),
        color-stop(50%,rgba(255,255,255,0.2)),
        color-stop(51%,rgba(255,255,255,0.1)),
        color-stop(100%,rgba(255,255,255,0.0)));

    /* text */
    color: #121517;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 1px #e8ebee;
}

.no-close .ui-dialog-titlebar-close{
    display: none;
}
.periodo .ui-datepicker-calendar {
    display: none;
}

table tbody tr.periodo_prueba{
    /*background:#9D99E6 !important;*/
    background:#9D99E6;
}

/* *******************************************************************
 *                     CSS PARA EL COMPROBANTE
 * ******************************************************************* 
 */

#popUpTipoCambio{
    background: rgba(117, 138, 126, 0.84);
    padding: 10px;
    position: fixed;
    border: groove;
    border-radius: 8%;
    border-style: groove;
    box-shadow: 1px 1px 27px 5px rgba(0,0,0,0.3);
}

#popUpTipoCambio td{
    padding-left: 0px;
    padding-right: 0px;
}

.contenedorCC li {
    margin: 5px 0;
}

/* *******************************************************************
 *                     CSS PARA BOTONES
 * ******************************************************************* 
 */

.boton_1{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
}

.boton_2{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
}

.boton_4{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: normal;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
}

.boton_3{
    display: inline-block;
    padding: 3px 15px;
    margin: 2px 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 12px;
}

.boton_verde {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.boton_morado {
    color: #fff;
    background-color: #765aa8;
    border-color: #7456d3;
}

.boton_azul {
    color: #fff;
    background-color: #303E86;
    border-color: #4cae4c;
}
.boton_amarillo {
    color: #000000;
    background-color: #FBE288;
    border-color: #000000;
}

.boton_rojo {
    color: #fff;
    background-color: red;
    border-color: #4cae4c;
}

.boton_plomo {
    color: #000000;
    background-color: #D8D8D8;
    border-color: #656565;
}

/* *******************************************************************
 *                     CSS SCROLL
 * ******************************************************************* 
 */

.scrollYnoX{
    overflow-x: hidden;
    overflow-y: auto;
}

.scrollXnoY{
    overflow-x: auto;
    overflow-y: hidden;
}

.scrollNo{
    overflow-x: hidden;
    overflow-y: hidden;
}

.scrollAmbos{
    overflow-x: auto;
    overflow-y: auto;
}
/* 
 *******************************************************************************
 */

/* *******************************************************************
 *                     TECNICA ESTRTRUCTURA
 * ******************************************************************* 
 */

.r_lista{
    text-align: center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
      1er Nivel
 * ++++++++++++++++
 */

.r_lista > li{
    display: flex;
    margin-top: 7px;
}

.r_lista > li > span{
    cursor: default;
    display: flex;
    width: 20%;
    height: 50px;
    border-radius:3px;
    background: rgba(2, 73, 60, 0.96);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 2px;

}

.r_lista > li > ul{
    width: 80%;
}

/* ++++++++++++++++ 
      2do Nivel
 * ++++++++++++++++
 */

.r_lista > li > ul > li{
    display : none;
    margin-left: 5px;
    margin-top: 7px;
}

.r_lista > li > ul > li > span{
    cursor: default;
    display: flex;
    width: 25%;
    height: 50px;
    border-radius:3px;
    background: rgba(3, 78, 64, 0.32);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 2px;
}

.r_lista > li > ul > li > ul{
    width: 75%;
}

/* ++++++++++++++++ 
      3er Nivel
 * ++++++++++++++++
 */

.r_lista > li > ul > li > ul > li{
    display : none;
    margin-left: 5px;
    margin-top: 7px;
}

.r_lista > li > ul > li > ul > li> span{
    cursor: default;
    display: flex;
    width: 33.3%;
    height: 50px;
    border-radius:3px;
    background: rgba(148, 216, 197, 0.52);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 2px;
}

.r_lista > li > ul > li > ul > li > ul{
    width: 66.7% ;
}

/* ++++++++++++++++ 
      4to Nivel
 * ++++++++++++++++
 */
.r_lista > li > ul > li > ul > li> ul > li{
    display : none;
    margin-left: 5px;
    margin-top: 7px;
}

.r_lista > li > ul > li > ul > li> ul > li > span{
    cursor: default;
    display: flex;
    width: 50%;
    height: 70px;
    border-radius:3px;
    background: #76B3F9;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 2px;
}

.r_lista > li > ul > li > ul > li > ul > li > ul{
    width:50%;
}

/* ++++++++++++++++ 
      5to Nivel
 * ++++++++++++++++
 */
.r_lista > li > ul > li > ul > li> ul > li > ul > li{
    display : none;
    margin-left: 5px;
    margin-top: 7px;
}

.r_lista > li > ul > li > ul > li> ul > li > ul > li > span{
    cursor: default;
    display: flex;
    width: 100%;
    height: 70px;
    border-radius:3px;
    width: 100%;
    background: #7BC3FA;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    padding: 2px;
}

/* ++++++++++++++++ 
      FIN Nivel
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */

.abrir_m_e{
    height: 25px;
    width: 25px;
    cursor: pointer;
}

.abrir_m_e > div:nth-child(1){
    position: relative;
    top: 2px;
    left: 11px;
    z-index: 5;
    display: block;
    height: 21px;
    width: 3px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.abrir_m_e > div:nth-child(2){
    position: relative;
    left: 2px;
    bottom: 10px;
    display: block;
    width: 21px;
    height: 3px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}

.open_m_e {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.fondoVerdeSeiTrans{
    border-radius: 5px;
    /*background: rgba(1, 22, 0, 0.2);*/
    background: rgba(0, 0, 0, 0.05);
}

.menu_acciones_riesgo{
    position: absolute;
    /*    top: 115px;
        left: 635px;*/
    background: silver;
    padding: 5px;
    border-radius: 4px;
}

.menu_acciones_riesgo > .eliminar{
    padding: 7px;
    border-radius: 50px;
    background: rgb(48, 98, 93);
}

/* *****************************************************************************
                        MENU VERTICAL VERDE +
 * *****************************************************************************
 */

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li span {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu {
    width: 220px;
    font-family: Raleway, sans-serif;
    /*color: #ffffff;*/
    color: rgba(247, 250, 248, 0.93);
}
#cssmenu ul ul {
    display: none;
}
#cssmenu > ul > li.active > ul {
    display: block;
}

.align-right {
    float: right;
}
#cssmenu > ul > li > span {
    padding: 16px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 16px;
    text-decoration: none;
    /*color: #ffffff;*/
    /*background: #3ab4a6;*/
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    color: rgba(1, 2, 3, 0.83);;
    background: rgba(39, 110, 136, 0.63);
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu > ul > li > span:hover {
    /*color: #d8f3f0;*/
    color: rgba(17, 63, 89, 0.79);
    box-shadow: 0px 1px 22px 1px rgba(0,0,0,0.1);
}
#cssmenu ul > li.has-sub > span:after {
    position: absolute;
    right: 26px;
    top: 19px;
    z-index: 5;
    display: block;
    height: 10px;
    width: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub > span:before {
    position: absolute;
    right: 22px;
    top: 23px;
    display: block;
    width: 10px;
    height: 2px;
    background: #ffffff;
    content: "";
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
#cssmenu ul > li.has-sub.open > span:after,
#cssmenu ul > li.has-sub.open > span:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cssmenu ul ul li span {
    padding: 14px 22px;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    text-decoration: none;
    /*  color: #dddddd;
      background: #49505a;*/
    text-align: center;
    color: rgb(168, 200, 182);
    background: rgba(37, 32, 59, 0.31);
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
}
#cssmenu ul ul ul li span {
    padding-left: 32px;
}
#cssmenu ul ul li span:hover {
    color: #ffffff;
}
#cssmenu ul ul > li.has-sub > span:after {
    top: 16px;
    right: 26px;
    background: #dddddd;
}
#cssmenu ul ul > li.has-sub > span:before {
    top: 20px;
    background: #dddddd;
}

/* *****************************************************************************
                        COLORES VALE SEGUN SU ESTADO
 * *****************************************************************************
 */

.color_vale_solicitado{
    background-color: #D1FFD3;
}

.pointered .color_vale_solicitado:hover{
    background: #B3FFB5;
}

.color_vale_aprobado{
    background-color: #FFFCBD;
}

.pointered .color_vale_aprobado:hover{
    background: #FFFA9E;
}

.color_vale_anulado{
    /*background-color: #AA74D7;*/
    background-color: black;
    color: white;
}

.pointered .color_vale_anulado:hover{
    background: #5B3C75;
}

.color_vale_rendido{
    background-color: #FFCCCC;
}

.pointered .color_vale_rendido:hover{
    background: #FFA8A8;
}

.color_vale_rendido_aprobado{
    background-color: #ECB057;
}

.pointered .color_vale_rendido_aprobado:hover{
    background: #AB7C34;
}

/* *****************************************************************************
                                SLIP
 * *****************************************************************************
 */

.popu_splip{
    width: 90%;
    min-width: 90%;
    height: 85%;
    min-height: 85%;
    display: none;
    border: medium solid silver;
    background: none repeat scroll 0 0 white;
    border-radius: 2px;
    left: 5%;
    top: 10%;
    position: absolute;
    /*z-index: 30;*/
}

.popu_splip .ui-dialog-titlebar {
    display: none;
}

.contenido_slip img {
    width: 17px;
    height: 17px;
}

.caracteristica_asignada{
    color:red; 
    font-style:italic; 
    background:mistyrose; 
    font-weight:bolder;
}

/* -------------------------------------------------------------------------- */
#slip_pop_detalle[ocultar_notas] .r_notas_slip_n1,
#slip_pop_detalle[ocultar_notas] .r_notas_slip_n2,
#slip_pop_detalle[ocultar_notas] .r_notas_slip_n3,
#slip_pop_detalle[ocultar_notas] .r_notas_slip_n4,
#slip_pop_detalle[ocultar_notas] .r_notas_slip_n5{
    display: none;
}

.r_notas_slip{
    color:red !important;
    background-color:#FFFFFF !important;
    border:solid 1px silver !important;
    width: 47% !important;
    margin-right: 5px;
}
.r_notas_slip::-webkit-input-placeholder{
    font-size: 13px;
    margin-right: 5px;
}
.r_notas_slip::moz-placeholder{    
    font-size: 13px; 
    margin-right: 5px;
}
.r_notas_slip_n1{
    color:red !important;
    background-color:#FFFFFF !important;
    border:solid 1px silver !important;
    width: 47% !important;
    margin-right: 5px;
}
.r_notas_slip_n1::-webkit-input-placeholder{
    font-size: 13px;
    margin-right: 5px;
}
.r_notas_slip_n1::moz-placeholder{    
    font-size: 13px;  
    margin-right: 5px;
}
.r_notas_slip_n2,.r_notas_slip_n3,.r_notas_slip_n4, .r_notas_slip_n5{    
    color:red !important;
    background-color:#FFFFFF !important;
    border:solid 1px silver !important;
    width: 60% !important;
    z-index: 105; 
    margin-right: 5px;
}


/* -------------------------------------------------------------------------- */
.r_negrita,.r_negrita_n2,.r_negrita_n3,.r_negrita_n4,.r_negrita_n5{
    font-weight: bold;
    cursor: pointer;
    margin-right: 5px;
}
/* -------------------------------------------------------------------------- */
.sdesc_n1{
    font-weight:inherit;
    /*text-decoration: underline;*/
    cursor: pointer;
    margin-right: 5px;
}

.sdesc,.sdesc_n2,.sdesc_n3,.sdesc_n4,.sdesc_n5{
    font-weight: normal;
    cursor: pointer;
    margin-right: 5px;
}
/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/* LISTA */
.sdesc_lin2,.sdesc_lin3,.sdesc_lin4,.sdesc_lin5{
    font-weight: normal;
    cursor: pointer;
    margin-right: 5px;
}
/* SUB_LISTA */
.sdesc2_lin2,.sdesc2_lin3,.sdesc2_lin4,.sdesc2_lin5{
    font-weight: normal;
    cursor: pointer;
    margin-right: 5px;
}
/* -------------------------------------------------------------------------- */
.r_sp_notas_slip{
    color: #FA6B6B;
    font-size: 13px;
    margin-right: 5px;
}
.r_sp_notas_slip2{
    color: #9f9d9d;
    font-size: 13px;
    margin-right: 5px;
}
/* -------------------------------------------------------------------------- */
.agregar_sub_titulo:hover, .agregar_lista:hover{
    background: rgba(192, 192, 192, 0.47);
}

.agregar_sub_titulo_agregar{
    cursor: pointer;
    margin-right: 5px;
    padding: 5px 0;
    border-radius: 6px;
    width: calc(100% - 25px);
}

.agregar_sub_titulo_agregar:hover{
    cursor: pointer;
    background: silver;
}

.agregar_sub_titulo_eliminar{
    padding: 5px;
    border-radius: 24px;
    cursor: pointer;
}

.agregar_sub_titulo_eliminar:hover{
    cursor: pointer;
    background: silver;
}

.agregar_lista_textarea{
    margin: 5px 5px 5px 0;
    width: calc(100% - 25px);
}

.agregar_lista_eliminar{
    padding: 5px;
    border-radius: 24px;
    cursor: pointer;
}

.agregar_lista_eliminar:hover{
    cursor: pointer;
    background: silver;
}

/* -------------------------------------------------------------------------- */
.textarea_slip{
    border:solid 1px silver; 
    border-radius:10px;
}

.tabla_vertical tr:last-child th:first-child {
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

.tabla_tv {
    margin-left: 30px;
    padding-right: 50px;
}

.tabla_th {
    margin-left: 30px;
    padding-right: 50px;
}

/* -------------------------------------------------------------------------- */
/*.elemento_caracteristica_slip:hover{
    background-color: silver;
}*/

.elemento_caracteristica_slip_hover{
    background-color: rgba(42, 0, 211, 0.42) !important;
}

.elemento_caracteristica_slip{
    display: flex;
    align-items: stretch;
}

.menu_caracteristica {
    min-width: 84px;
    max-width: 84px;
    background: #E8ECE8;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
    padding: 5px;
    /*    -webkit-box-shadow: 4px 1px 2px 0px rgba(0,0,0,0.61);
        -moz-box-shadow: 4px 1px 2px 0px rgba(0,0,0,0.61);
        box-shadow: 4px 1px 2px 0px rgba(0,0,0,0.61);*/
}
.menu_caracteristica_tickeado {
    min-width: 95px;
    max-width: 95px;
    background: #E8ECE8;
    display: flex;
    justify-content: flex-end;
    margin-right: 5px;
    padding: 5px;
    /*    -webkit-box-shadow: 4px 1px 2px 0px rgba(0,0,0,0.61);
        -moz-box-shadow: 4px 1px 2px 0px rgba(0,0,0,0.61);
        box-shadow: 4px 1px 2px 0px rgba(0,0,0,0.61);*/
}

.menu_caracteristica img {
    margin: 0 2px;
}

.contenido_caratristica_slip {
    width: 100%;
    display: flex;
    align-items: center;
}

/* -------------------------------------------------------------------------- */
/* DESCRIPICON */
.li_n2_desc,.li_n3_desc,.li_n4_desc,.li_n5_desc{
    font-weight:100;
    margin-right: 5px;
}
/* -------------------------------------------------------------------------- */
/* SUBTITULOS*/
.li_n1_sub{
    font-size:18px; 
    font-weight:bold;
}
.li_n2_sub,.li_n3_sub,.li_n4_sub{
    font-size:15px;
    font-weight:bold;
}

.ul_n2 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 30px;
    /*overflow-x: auto;*/
}
.ul_n3 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 60px;
    /*overflow-x: auto;*/
}

.ul_n4 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 90px;
    /*overflow-x: auto;*/
}
.ul_n5 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 120px;
    /*overflow-x: auto;*/
}
.ul_n3,.ul_n4,.ul_n5{
    /*margin-left:50px;*/
}
/* -------------------------------------------------------------------------- */
.lista_n2 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 30px;
    /*overflow-x: auto;*/
}

.lista2_n2 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 40px;
    /*overflow-x: auto;*/
}
.lista_n3 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 60px;
    /*overflow-x: auto;*/
}

.lista2_n3 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 70px;
    /*overflow-x: auto;*/
}
.lista_n4 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 90px;
    /*overflow-x: auto;*/
}

.lista2_n4 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 100px;
    /*overflow-x: auto;*/
}
.lista_n5 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 120px;
    /*overflow-x: auto;*/
}

.lista2_n5 > li > .elemento_caracteristica_slip > .contenido_caratristica_slip {
    margin-left: 130px;
    /*overflow-x: auto;*/
}

.lista_n2, .lista_n3, .lista_n4, .lista_n5{
    /*list-style-type:circle;*/ 
    /*margin-left:20px;*/
}
.lista2_n2, .lista2_n3, .lista2_n4, .lista2_n5{
    /*list-style-type:square;*/ 
    /*margin-left:20px;*/
}

/* -------------------------------------------------------------------------- */
.emu_list1 {
    display: flex;
    align-items: center;
}
.emu_list1:before {
    content: "";
    width: 3px;
    height: 3px;
    min-width: 3px;
    min-height: 3px;
    border: thin solid black;
    border-radius: 5px;
    margin-right: 5px;
    align-self: center;
}
.emu_list2 {
    display: flex;
    align-items: center;
}
.emu_list2:before {
    content: "";
    width: 3px;
    height: 3px;
    min-width: 3px;
    min-height: 3px;
    border: thin solid black;
    margin-right: 5px;
    background-color: black;
    align-self: center;
}
/* -------------------------------------------------------------------------- */

/* *****************************************************************************
                                FACTURA
 * *****************************************************************************
 */

.caja_datos_factura{
    border-radius: 10px;
    border: 2px solid black;
    padding: 5px;
}

.calendatrio_mes_ano .ui-datepicker-calendar {
    display: none;
}

.monthYearPicker .ui-datepicker-calendar {
    display: none;
}

/* -------------------------------------------------------------------------- */
/* *****************************************************************************
                                CONCILIACION
 * *****************************************************************************
 */

.listas_down_largas{
    cursor: pointer;
    height: 22px;
    background: #DCDCDC;
    padding-top: 10px;
    text-align: center;
    border-bottom: 3px solid;
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid;
    margin-bottom: 1px;
    width: calc(100% - 2px);
}
.listas_down_largas:hover{
    background: #4B779C;
}

/* -------------------------------------------------------------------------- */
.listas_down_largas1{
    border: 5px outset #b5afaf;
    cursor: pointer;
    height: 22px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
.listas_down_largas1:hover{
    background: #4B779C;
}

.listas_down_largas1 + div {
    border: 5px inset rgb(181, 175, 175);
}

.listas_down_largas1{
    background: #CDB79E;
}

.listas_down_largas1 + div > .listas_down_largas1{
    background: #EED5B7;
}

.listas_down_largas1 + div > .listas_down_largas1 + div > .listas_down_largas1{
    background: #F5F5DC;
}

/* -------------------------------------------------------------------------- */
.en_una_linea{
    white-space: nowrap;
}
.texto_puntos {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* -------------------------------------------------------------------------- */
.li_cot_riesgos{
    margin-bottom: 5px;
    cursor: pointer;
}
.li_cot_riesgos:hover{
    margin-bottom: 5px;
    cursor: pointer;
    background: rgba(252, 0, 0, 0.14);
    color: #F22536;
}

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


/* *****************************************************************************
                                POPUP CARGANDO
 * *****************************************************************************
 */
.cargando_background .ui-dialog-titlebar{
    display: none;
}
.cargando_background {
    background: transparent !important;
    border: none !important;
    background-image: url('../login/img/progress.gif') !important;
    background-size: 100% 100% !important;
    height: 200px;
    width: 200px;
    box-shadow: none;
}



.cargando_background_porcentaje .ui-dialog-titlebar{
    display: none;
}
.cargando_background_porcentaje {
    background: transparent !important;
    border: none !important;
    height: 250px;
    width: 250px;
    overflow: hidden;
}

.progress-pie-chart {
    width:200px;
    height: 200px;
    border-radius: 50%;
    background-color: #E5E5E5;
    position: relative;
}
.progress-pie-chart.gt-50 {
    background-color: #81CE97;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    clip: rect(0, 100px, 200px, 0);
    background: #81CE97;
    transform: rotate(60deg);
}
.gt-50 .ppc-progress {
    clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 200px, 200px, 100px);
    background: #E5E5E5;
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 173.91304px/2);
    top: calc(50% - 173.91304px/2);
    width: 173.91304px;
    height: 173.91304px;
    background: #fff;
    text-align: center;
    display: table;
}
.ppc-percents span {
    display: block;
    font-size: 2.6em;
    font-weight: bold;
    color: #81CE97;
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.progress-pie-chart {
    margin: 0 auto;
}

/* *****************************************************************************
                                CELDAS DEMAS
 * *****************************************************************************
 */

.celda_demas_extremos{
    background: transparent !important;
    border-right: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

.celda_demas_medio{
    background: transparent !important;
    border-right: 1px solid transparent !important;
    border-left: 1px solid transparent !important;
}

/* *****************************************************************************
                        COBERTURAS APLICACION SLIPS
 * *****************************************************************************
 */
.td_justificado > tr > td:nth-child(2){
    text-align: justify;
}

.subrayado {
    text-decoration: underline;
}

.no-selection{
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
}

/*======================
TEC_PARAMETRIZACION_CARAC_DATOS_CIA
========================*/

.menu-arbol {
    background-color: teal;
    /*max-width: 200px;*/
    border-radius: 0.2rem;
    margin: 0 auto;
}

.mostrar-menu {
    display: none;
}

.menu-arbol, .menu-arbol a, .menu-arbol a:link {
    color: whitesmoke;
    text-decoration: none;
}
/*mostrar y ocultar contenido ul*/
.menu-arbol .mostrar-menu:not(:checked) ~ ul {
    opacity:0.5;
    height: 1px;
    overflow: hidden;
    margin-top: 0.5rem;
}

.menu-arbol .mostrar-menu:checked ~ ul {
    opacity:1;
    height: auto;
    overflow: hidden;
}
/*formtao del icono de cerrar y abrir*/
.menu-arbol .ampliar{
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    /* para que no se muestre seleccionado*/
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

.menu-arbol .ampliar:after {
    background-image: url('../img/iconos/COMERCIAL/derecha.png');
    content: '';
    display: inline-block;
    padding: 10px;
    cursor: pointer;
    background-size: 20px;
    background-repeat: no-repeat;
    animation-duration: .3s;
    animation-name: arbol_cerrrado;
}

.menu-arbol .mostrar-menu:checked ~ .ampliar:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    animation-duration: .3s;
    animation-name: arbol_abierto;
}

.menu-arbol .mostrar-menu:checked ~ .ampliar:hover ~ ul {
    background: rgba(0, 0, 0, 0.17);
}

.menu-arbol  ul {
    background-color: darkcyan;
    margin-left: 50px;
    width: calc(100% - 50px);
}

.menu-arbol  li {
    margin-bottom: 5px;
    margin-top: 5px;
    /* -- -- -- -- --*/
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.menu-arbol .ampliar ~ .ma_contenido{
    width: calc(100% - 30px);
}
.menu-arbol  li .ma_contenido{
    display: flex;
    align-self: center;
    /*align-items: center;*/
}


@-webkit-keyframes arbol_cerrrado { 
    from {-webkit-transform:scale(1) rotate(90deg);}
    to {-webkit-transform:scale(1) rotate(0deg);} 
}
@-moz-keyframes arbol_cerrrado { 
    from {-moz-transform:scale(1) rotate(90deg);}
    to {-moz-transform:scale(1) rotate(0deg);} 
}
@keyframes arbol_cerrrado { 
    from {transform:scale(1) rotate(90deg);}
    to {transform:scale(1) rotate(0deg);} 
}
@-webkit-keyframes arbol_abierto { 
    from {-webkit-transform:scale(1) rotate(0deg);}
    to {-webkit-transform:scale(1) rotate(90deg);} 
}
@-moz-keyframes arbol_abierto { 
    from {-moz-transform:scale(1) rotate(0deg);}
    to {-moz-transform:scale(1) rotate(90deg);} 
}
@keyframes arbol_abierto { 
    from {transform:scale(1) rotate(0deg);}
    to {transform:scale(1) rotate(90deg);} 
}

/* *****************************************************************************
                        PLAN DE PAGO
 * *****************************************************************************
 */

.titulo_separador {
    background: #69777e;
    color: white;
    padding: 5px 0;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}

.titulo_separador ~ .titulo_separador{
    margin-top: 5px;
}
.titulo_separador_fixed {
    background: #9C9ED1;
    color: white;
    padding: 5px 0;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    /*-----------*/
    position: absolute;
    z-index: 1;
}

.tooltip{
    /*background: #333;*/
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    /*content: attr(title);*/
    left: -14px;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 220px;
}

.tooltip:before{
    border: solid;
    /*border-color: #333 transparent;*/
    border-color: rgba(0,0,0,.8) transparent;
    border-width: 7px 7px 0 7px;
    bottom: -7px;
    content: "";
    left: 12px;
    position: absolute;
    z-index: 99;
}

/*.table_pp_fixed {
    position: absolute;
    z-index: 1;
}*/

/* *****************************************************************************
                    ASIGNACIÓN DE CLIENTES A COBRADORES
 * *****************************************************************************
 */
.todos_cliente_li{
    cursor: pointer;
    margin: 7px;
    padding: 5px;
    color: #DCF6AB;
}
.todos_cliente_li:hover{
    font-weight: bolder;
}
.todos_cliente_li_selec{
    cursor: pointer;
    margin: 7px;
    padding: 5px;
    color: black;
    background: #DCF6AB;
    border: 1px solid #DCF6AB;
    border-radius: 5px;
    font-weight: bolder;
}

.clientes_no_asignados_li{
    cursor: pointer;
    margin: 7px;
    padding: 5px;
    color: #FF0000;
}
.clientes_no_asignados_li:hover{
    font-weight: bolder;
}
.clientes_no_asignados_li_selec{
    cursor: pointer;
    margin: 7px;
    padding: 5px;
    color: black;
    background: #FF0000;
    border: 1px solid #FF0000;
    border-radius: 5px;
    font-weight: bolder;
}

.clientes_asignados_li{
    cursor: pointer;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    background: aliceblue;
}

.clientes_asignados_li:hover{
    font-weight: bolder;
    background: silver;
}

.clientes_asignados_li_selec{
    cursor: pointer;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    background: silver;
    font-weight: bolder;
}

/* *****************************************************************************
                        PRODUCCION
 * *****************************************************************************
 */
.r_etapas{
    margin-top: 5px;
    /*width: 160px*/
}
.r_etapas > span{
    display: block;
    background: rgba(1, 31, 49, 0.25);
    height: 15px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bolder;
    color: rgba(0, 0, 0, 0.66);
    font-size: larger;
    font-family: -webkit-pictograph;
    padding: 20px 10px;
}
.r_etapas > span:hover{
    background: rgba(1, 31, 49, 0.42);
}
.r_etapas2{
    /* margin-left: -4px; */
    margin-top: -3px;
    display: none;
    margin-left: 350px;
    background: #94B9DC;
    width: 270px;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
}
.r_etapas2>li{
    margin-top: 10px;
    font-weight: 100;
    cursor: pointer;
    font-family: ROCKWELL;
    text-align: -webkit-center;
    background-color: rgba(255, 255, 255, 0.09);
}
.r_etapas2>li:hover{        
    text-shadow : 0px 3px 5px #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
}
/* *****************************************************************************
                        REPORTE VENCIMIENTOS DE COBRANZAS
 * *****************************************************************************
 */
.td_calendario > div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    text-align: center;
    cursor: pointer;
}
.td_calendario > div:hover{
    font-weight: bolder;
    background: rgba(78, 130, 130, 0.75);background: teal;
}
/* *****************************************************************************
                        PRIMAS Y COMISIONES
 * *****************************************************************************
 */
.pyc_extra_prima_p + .pyc_extra_prima_p {
    border-top: 2px groove threedface;
}

.pyc_extra_prima_p {
    padding: 10px 0;
}

.comision_personal{
    background: rgb(253, 141, 141) !important;
    /*background: #FF0000;*/
}

/* *****************************************************************************
                        PROCESO DE MERCADEO
 * *****************************************************************************
 */
.lista_reuniones{
    background-color: #DCDCDC;
    cursor: pointer;
    margin-bottom: 8px;
    width: 380px;
    margin-left: 28%;
    border: solid 1px;
    border-radius: 10px;
    padding: 5px;
    font-size: 14px;
}
.lista_reuniones:hover{
    background-color: #DCDCDC;
    cursor: pointer;
    margin-bottom: 8px;
    width: 380px;
    margin-left: 28%;
    border: solid 1px;
    border-radius: 10px;
    padding: 5px;
    font-size: 14px;
}
/* *****************************************************************************
                        GESTIO RENOVACION
 * *****************************************************************************
 */
.td_menu > tbody >tr > td{
    border: 1px solid;
    height: 100px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0px 0px 1px 2px;
}
.td_menu > tbody > tr > td:hover{
    border: 1px solid;
    height: 100px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    padding: 5px;
    box-shadow: 0px 0px 1px 2px;
    background: #1D6279;
}

/* *****************************************************************************
                        DRAGRABLES
 * *****************************************************************************
 */
.draggable_x_contenedor{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    overflow-x: hidden;
    align-content: flex-start;
}

.draggable_x{
    cursor: grab;
    background: #B1CBD5;
    border: 3px solid #DFE2E4;
    border-radius: 12px;
    float: left;
    height: 60px;
    font-size: medium;
    margin: 5px;
}

.draggable_x:hover{
    transform: scale(1.03,1.2);
    font-weight: bold;
    background: #84a0ab;
}

.draggable_x2{
    width: calc(100% / 2 - 16px);
}

.draggable_x3{
    width: calc(100% / 3 - 16px);
}

.draggable{
    background: repeat scroll 0 0 #B1CBD5;
    border: medium solid #DFE2E4;
    border-radius: 12px;
    cursor: grab;
    float: left;
    height: 54px;
    font-size: medium;
    margin-top: 0.5%;
    margin-left: 1%;
    width: 30%;
    /*    background: none repeat scroll 0 0 #B1CBD5;
        cursor: grab;
        float: inherit;
        height: 60px; 
        margin: 3px;   
        padding: 5px 4px 5px;  
        text-align: center;
        width: 103px;    */
}

.draggable_contenedor{
    background: none repeat scroll 0 0 #678fa1;
    border: medium solid #759aac;
    border-radius: 7px;  
    float: left;
    height: 450px;
    margin: 2px;
    padding: 10px 5px 5px;
    text-align: center;
    width: 550px;
    overflow: auto;
}

.draggable *{
    margin-bottom: 3px;
    margin-right: 3px;
}

.draggable:hover{
    /*    transform: scale(1.08,1.08);*/
    transform: scale(1.07,1.07);
    cursor: pointer;
}

/* *****************************************************************************
                        CABECERA DEL POPUP CERTIFICADO
                        BOTONES DEL CERTIFICADO
 * *****************************************************************************
 */

.cabecera_certificado_contenedor{
    -ms-display: flex; 
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
}

.cabecera_certificado_contenedor > .sec1{
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    order: 1;
}

.cabecera_certificado_contenedor > .sec2{
    display: flex;
    width: 100%;
    order: 2;
}

.cabecera_certificado_contenedor > .sec2 > .imagenes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    order: 1;
}

.cabecera_certificado_contenedor > .sec2 > .imagenes img{
    width: 36px;
    height: 36px;
}

.cabecera_certificado_contenedor > .sec2 > .buscadores{
    width: 100%;
    height: 164px;
    order: 2;
}

.cabecera_certificado_contenedor > .sec2 > .buscadores.sin_ocultar{
    width: 100%;
    order: 2;
    height: auto;
}

.cabecera_certificado_contenedor > .sec2 > .buscadores input{
    width: 100%;
}

.cabecera_certificado_contenedor > .sec2 > .buscadores select{
    width: 100%;
}


/* Small screens */
@media all and (max-width: 500px) {
    .cabecera_certificado_contenedor{
        flex-wrap: wrap;
    }

    .cabecera_certificado_contenedor > .sec1{
        flex-direction: row;
    }
}

/* *****************************************************************************
                            POP CLIENTE CABECERA
 * *****************************************************************************
 */

.pop_clientes_cabecera{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 3px;
}
.pop_clientes_cabecera > img{
    height: 36px;
    width: 36px;
}
.pop_clientes_cabecera > div{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-left: 10px;
}
.pop_clientes_cabecera > div > div {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 3px;
}
.pop_clientes_cabecera > div > div > input {
    width: 100%;
    margin-left: 5px;
}
/* *****************************************************************************
                        PROSPECCION DE VENTAS
 * *****************************************************************************
 */

@media screen and (orientation: landscape) {
    #panel1 {
        width: 50%;
        display: inline-block; 
        float:left;
    }
    #panel2 {
        width: 50%;
        display: inline-block; 
    }
}
@media screen and (orientation: portrait) {
    #panel1 {
        width: 60%;
        display: block; 
        margin: 0 auto;
    }
    #panel2 {
        width: 100%;
        display: block; 
    }
}
.opacar:hover{
    opacity: 0.8;
}

/* *****************************************************************************
                        RECURSOS HUMANNOS
 * *****************************************************************************
 */
/* ------------------------------------------------------ QUINCENAS */
.quincena {
    text-align: left;
    border: 3px solid #DFE2E4;
    margin: 5px 10px;
    width: calc(100% / 2 - 26px);
}

.quincena_inactivo {
    min-height:80px; 
}

.quincena_activo {
    min-height:145px; 
}

/* *****************************************************************************
                        TABLERO_COMERCIAL
 * *****************************************************************************
 */
.grafico-panel-button {
    top: 7px;
    position: absolute;
    z-index: 2;
    color: #000;
    right: 40px;
}
.grafico-button {
    position: absolute;
    overflow: hidden;
    width: 30px;
    height: 30px;
    padding: 0;
    background-repeat: no-repeat;
    background-color: #dadada;
    background-position: center;
    background-size: 70%;
    -webkit-box-shadow: 5px 4px 8px 0px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 5px 4px 8px 0px rgba(0, 0, 0, 0.72);
    box-shadow: 5px 4px 8px 0px rgba(0, 0, 0, 0.72);
    border-radius: 18px;
    z-index: 2;
    cursor: pointer;
}

.grafico-button.expandir {
    background-image: url("../img/iconos/expandir.png");
}
.grafico-button.encoger {
    background-image: url("../img/iconos/encoger.png");
}

.grafico{
    /*background: rgba(255, 255, 255, 0.19);*/
    background: #03442cc2;
    box-shadow: 3px 3px 6px 0px rgba(38, 34, 34, 0.91);
    border-radius: 30px;
    margin: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.panel-legend {
    height: 40px;
    overflow: hidden;
    background: #0000008c;
    box-shadow: 2px 1px 4px 3px black;
    margin-top: 5px;
    white-space: nowrap;
}

.item-legend{
    display: inline-block;
    cursor: pointer
}

.item-legend .content-legend{
    display: flex;
    font-size: 22px;
    height: 40px;
    align-items: center;
    margin: 0 10px;
    /*transform: translateX(-25px);*/
}

.item-legend .before-legend{
    /*background: #0048ba;*/
    width: 20px;
    height: 20px;
    margin-right: 5px;
    box-shadow: inset 1px 1px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 3px 3px 10px 3px rgba(0, 0, 0, 0.63);
    padding: 2px;
}

.item-legend .texto-legend{
    font-size: 18px;
    text-shadow: 7px 6px 3px rgb(3, 3, 3);
    margin: 0 5px;
}

.item-legend .value-legend{
    width: 50px;
    font-size: 15px;
    text-align: right;
    color: #c2afaf;
    font-weight: bold;
}

.item-legend .after-legend{
    background: red;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px 4px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px 4px rgba(0, 0, 0, 0.49);
    box-shadow: inset 3px 3px 3px rgba(255,255,255,.7), inset -2px -2px 3px rgba(0,0,0,.1), 2px 2px 10px 4px rgba(0, 0, 0, 0.49);
}


.item-legend.oculto-legend {
    opacity: 0.2 !important;
}

.item-legend.oculto-legend .before-legend,
.item-legend.oculto-legend .after-legend{
    background: silver !important;
}
/* *****************************************************************************
                        FUENTES
 * *****************************************************************************
 */
@font-face{
    font-family:Miltown;
    font-style: normal;
    font-weight: normal;
    src:url(../font/Miltown_.ttf);
}

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('../font/glyphicons-halflings-regular.eot');
    src: url('../font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../font/glyphicons-halflings-regular.woff2') format('woff2'), url('../font/glyphicons-halflings-regular.woff') format('woff'), url('../font/glyphicons-halflings-regular.ttf') format('truetype'), url('../font/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
    content: "\2a";
}
.glyphicon-plus:before {
    content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
    content: "\20ac";
}
.glyphicon-minus:before {
    content: "\2212";
}
.glyphicon-cloud:before {
    content: "\2601";
}
.glyphicon-envelope:before {
    content: "\2709";
}
.glyphicon-pencil:before {
    content: "\270f";
}
.glyphicon-glass:before {
    content: "\e001";
}
.glyphicon-music:before {
    content: "\e002";
}
.glyphicon-search:before {
    content: "\e003";
}
.glyphicon-heart:before {
    content: "\e005";
}
.glyphicon-star:before {
    content: "\e006";
}
.glyphicon-star-empty:before {
    content: "\e007";
}
.glyphicon-user:before {
    content: "\e008";
}
.glyphicon-film:before {
    content: "\e009";
}
.glyphicon-th-large:before {
    content: "\e010";
}
.glyphicon-th:before {
    content: "\e011";
}
.glyphicon-th-list:before {
    content: "\e012";
}
.glyphicon-ok:before {
    content: "\e013";
}
.glyphicon-remove:before {
    content: "\e014";
}
.glyphicon-zoom-in:before {
    content: "\e015";
}
.glyphicon-zoom-out:before {
    content: "\e016";
}
.glyphicon-off:before {
    content: "\e017";
}
.glyphicon-signal:before {
    content: "\e018";
}
.glyphicon-cog:before {
    content: "\e019";
}
.glyphicon-trash:before {
    content: "\e020";
}
.glyphicon-home:before {
    content: "\e021";
}
.glyphicon-file:before {
    content: "\e022";
}
.glyphicon-time:before {
    content: "\e023";
}
.glyphicon-road:before {
    content: "\e024";
}
.glyphicon-download-alt:before {
    content: "\e025";
}
.glyphicon-download:before {
    content: "\e026";
}
.glyphicon-upload:before {
    content: "\e027";
}
.glyphicon-inbox:before {
    content: "\e028";
}
.glyphicon-play-circle:before {
    content: "\e029";
}
.glyphicon-repeat:before {
    content: "\e030";
}
.glyphicon-refresh:before {
    content: "\e031";
}
.glyphicon-list-alt:before {
    content: "\e032";
}
.glyphicon-lock:before {
    content: "\e033";
}
.glyphicon-flag:before {
    content: "\e034";
}
.glyphicon-headphones:before {
    content: "\e035";
}
.glyphicon-volume-off:before {
    content: "\e036";
}
.glyphicon-volume-down:before {
    content: "\e037";
}
.glyphicon-volume-up:before {
    content: "\e038";
}
.glyphicon-qrcode:before {
    content: "\e039";
}
.glyphicon-barcode:before {
    content: "\e040";
}
.glyphicon-tag:before {
    content: "\e041";
}
.glyphicon-tags:before {
    content: "\e042";
}
.glyphicon-book:before {
    content: "\e043";
}
.glyphicon-bookmark:before {
    content: "\e044";
}
.glyphicon-print:before {
    content: "\e045";
}
.glyphicon-camera:before {
    content: "\e046";
}
.glyphicon-font:before {
    content: "\e047";
}
.glyphicon-bold:before {
    content: "\e048";
}
.glyphicon-italic:before {
    content: "\e049";
}
.glyphicon-text-height:before {
    content: "\e050";
}
.glyphicon-text-width:before {
    content: "\e051";
}
.glyphicon-align-left:before {
    content: "\e052";
}
.glyphicon-align-center:before {
    content: "\e053";
}
.glyphicon-align-right:before {
    content: "\e054";
}
.glyphicon-align-justify:before {
    content: "\e055";
}
.glyphicon-list:before {
    content: "\e056";
}
.glyphicon-indent-left:before {
    content: "\e057";
}
.glyphicon-indent-right:before {
    content: "\e058";
}
.glyphicon-facetime-video:before {
    content: "\e059";
}
.glyphicon-picture:before {
    content: "\e060";
}
.glyphicon-map-marker:before {
    content: "\e062";
}
.glyphicon-adjust:before {
    content: "\e063";
}
.glyphicon-tint:before {
    content: "\e064";
}
.glyphicon-edit:before {
    content: "\e065";
}
.glyphicon-share:before {
    content: "\e066";
}
.glyphicon-check:before {
    content: "\e067";
}
.glyphicon-move:before {
    content: "\e068";
}
.glyphicon-step-backward:before {
    content: "\e069";
}
.glyphicon-fast-backward:before {
    content: "\e070";
}
.glyphicon-backward:before {
    content: "\e071";
}
.glyphicon-play:before {
    content: "\e072";
}
.glyphicon-pause:before {
    content: "\e073";
}
.glyphicon-stop:before {
    content: "\e074";
}
.glyphicon-forward:before {
    content: "\e075";
}
.glyphicon-fast-forward:before {
    content: "\e076";
}
.glyphicon-step-forward:before {
    content: "\e077";
}
.glyphicon-eject:before {
    content: "\e078";
}
.glyphicon-chevron-left:before {
    content: "\e079";
}
.glyphicon-chevron-right:before {
    content: "\e080";
}
.glyphicon-plus-sign:before {
    content: "\e081";
}
.glyphicon-minus-sign:before {
    content: "\e082";
}
.glyphicon-remove-sign:before {
    content: "\e083";
}
.glyphicon-ok-sign:before {
    content: "\e084";
}
.glyphicon-question-sign:before {
    content: "\e085";
}
.glyphicon-info-sign:before {
    content: "\e086";
}
.glyphicon-screenshot:before {
    content: "\e087";
}
.glyphicon-remove-circle:before {
    content: "\e088";
}
.glyphicon-ok-circle:before {
    content: "\e089";
}
.glyphicon-ban-circle:before {
    content: "\e090";
}
.glyphicon-arrow-left:before {
    content: "\e091";
}
.glyphicon-arrow-right:before {
    content: "\e092";
}
.glyphicon-arrow-up:before {
    content: "\e093";
}
.glyphicon-arrow-down:before {
    content: "\e094";
}
.glyphicon-share-alt:before {
    content: "\e095";
}
.glyphicon-resize-full:before {
    content: "\e096";
}
.glyphicon-resize-small:before {
    content: "\e097";
}
.glyphicon-exclamation-sign:before {
    content: "\e101";
}
.glyphicon-gift:before {
    content: "\e102";
}
.glyphicon-leaf:before {
    content: "\e103";
}
.glyphicon-fire:before {
    content: "\e104";
}
.glyphicon-eye-open:before {
    content: "\e105";
}
.glyphicon-eye-close:before {
    content: "\e106";
}
.glyphicon-warning-sign:before {
    content: "\e107";
}
.glyphicon-plane:before {
    content: "\e108";
}
.glyphicon-calendar:before {
    content: "\e109";
}
.glyphicon-random:before {
    content: "\e110";
}
.glyphicon-comment:before {
    content: "\e111";
}
.glyphicon-magnet:before {
    content: "\e112";
}
.glyphicon-chevron-up:before {
    content: "\e113";
}
.glyphicon-chevron-down:before {
    content: "\e114";
}
.glyphicon-retweet:before {
    content: "\e115";
}
.glyphicon-shopping-cart:before {
    content: "\e116";
}
.glyphicon-folder-close:before {
    content: "\e117";
}
.glyphicon-folder-open:before {
    content: "\e118";
}
.glyphicon-resize-vertical:before {
    content: "\e119";
}
.glyphicon-resize-horizontal:before {
    content: "\e120";
}
.glyphicon-hdd:before {
    content: "\e121";
}
.glyphicon-bullhorn:before {
    content: "\e122";
}
.glyphicon-bell:before {
    content: "\e123";
}
.glyphicon-certificate:before {
    content: "\e124";
}
.glyphicon-thumbs-up:before {
    content: "\e125";
}
.glyphicon-thumbs-down:before {
    content: "\e126";
}
.glyphicon-hand-right:before {
    content: "\e127";
}
.glyphicon-hand-left:before {
    content: "\e128";
}
.glyphicon-hand-up:before {
    content: "\e129";
}
.glyphicon-hand-down:before {
    content: "\e130";
}
.glyphicon-circle-arrow-right:before {
    content: "\e131";
}
.glyphicon-circle-arrow-left:before {
    content: "\e132";
}
.glyphicon-circle-arrow-up:before {
    content: "\e133";
}
.glyphicon-circle-arrow-down:before {
    content: "\e134";
}
.glyphicon-globe:before {
    content: "\e135";
}
.glyphicon-wrench:before {
    content: "\e136";
}
.glyphicon-tasks:before {
    content: "\e137";
}
.glyphicon-filter:before {
    content: "\e138";
}
.glyphicon-briefcase:before {
    content: "\e139";
}
.glyphicon-fullscreen:before {
    content: "\e140";
}
.glyphicon-dashboard:before {
    content: "\e141";
}
.glyphicon-paperclip:before {
    content: "\e142";
}
.glyphicon-heart-empty:before {
    content: "\e143";
}
.glyphicon-link:before {
    content: "\e144";
}
.glyphicon-phone:before {
    content: "\e145";
}
.glyphicon-pushpin:before {
    content: "\e146";
}
.glyphicon-usd:before {
    content: "\e148";
}
.glyphicon-gbp:before {
    content: "\e149";
}
.glyphicon-sort:before {
    content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
    content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152";
}
.glyphicon-sort-by-order:before {
    content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
    content: "\e154";
}
.glyphicon-sort-by-attributes:before {
    content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
    content: "\e156";
}
.glyphicon-unchecked:before {
    content: "\e157";
}
.glyphicon-expand:before {
    content: "\e158";
}
.glyphicon-collapse-down:before {
    content: "\e159";
}
.glyphicon-collapse-up:before {
    content: "\e160";
}
.glyphicon-log-in:before {
    content: "\e161";
}
.glyphicon-flash:before {
    content: "\e162";
}
.glyphicon-log-out:before {
    content: "\e163";
}
.glyphicon-new-window:before {
    content: "\e164";
}
.glyphicon-record:before {
    content: "\e165";
}
.glyphicon-save:before {
    content: "\e166";
}
.glyphicon-open:before {
    content: "\e167";
}
.glyphicon-saved:before {
    content: "\e168";
}
.glyphicon-import:before {
    content: "\e169";
}
.glyphicon-export:before {
    content: "\e170";
}
.glyphicon-send:before {
    content: "\e171";
}
.glyphicon-floppy-disk:before {
    content: "\e172";
}
.glyphicon-floppy-saved:before {
    content: "\e173";
}
.glyphicon-floppy-remove:before {
    content: "\e174";
}
.glyphicon-floppy-save:before {
    content: "\e175";
}
.glyphicon-floppy-open:before {
    content: "\e176";
}
.glyphicon-credit-card:before {
    content: "\e177";
}
.glyphicon-transfer:before {
    content: "\e178";
}
.glyphicon-cutlery:before {
    content: "\e179";
}
.glyphicon-header:before {
    content: "\e180";
}
.glyphicon-compressed:before {
    content: "\e181";
}
.glyphicon-earphone:before {
    content: "\e182";
}
.glyphicon-phone-alt:before {
    content: "\e183";
}
.glyphicon-tower:before {
    content: "\e184";
}
.glyphicon-stats:before {
    content: "\e185";
}
.glyphicon-sd-video:before {
    content: "\e186";
}
.glyphicon-hd-video:before {
    content: "\e187";
}
.glyphicon-subtitles:before {
    content: "\e188";
}
.glyphicon-sound-stereo:before {
    content: "\e189";
}
.glyphicon-sound-dolby:before {
    content: "\e190";
}
.glyphicon-sound-5-1:before {
    content: "\e191";
}
.glyphicon-sound-6-1:before {
    content: "\e192";
}
.glyphicon-sound-7-1:before {
    content: "\e193";
}
.glyphicon-copyright-mark:before {
    content: "\e194";
}
.glyphicon-registration-mark:before {
    content: "\e195";
}
.glyphicon-cloud-download:before {
    content: "\e197";
}
.glyphicon-cloud-upload:before {
    content: "\e198";
}
.glyphicon-tree-conifer:before {
    content: "\e199";
}
.glyphicon-tree-deciduous:before {
    content: "\e200";
}
.glyphicon-cd:before {
    content: "\e201";
}
.glyphicon-save-file:before {
    content: "\e202";
}
.glyphicon-open-file:before {
    content: "\e203";
}
.glyphicon-level-up:before {
    content: "\e204";
}
.glyphicon-copy:before {
    content: "\e205";
}
.glyphicon-paste:before {
    content: "\e206";
}
.glyphicon-alert:before {
    content: "\e209";
}
.glyphicon-equalizer:before {
    content: "\e210";
}
.glyphicon-king:before {
    content: "\e211";
}
.glyphicon-queen:before {
    content: "\e212";
}
.glyphicon-pawn:before {
    content: "\e213";
}
.glyphicon-bishop:before {
    content: "\e214";
}
.glyphicon-knight:before {
    content: "\e215";
}
.glyphicon-baby-formula:before {
    content: "\e216";
}
.glyphicon-tent:before {
    content: "\26fa";
}
.glyphicon-blackboard:before {
    content: "\e218";
}
.glyphicon-bed:before {
    content: "\e219";
}
.glyphicon-apple:before {
    content: "\f8ff";
}
.glyphicon-erase:before {
    content: "\e221";
}
.glyphicon-hourglass:before {
    content: "\231b";
}
.glyphicon-lamp:before {
    content: "\e223";
}
.glyphicon-duplicate:before {
    content: "\e224";
}
.glyphicon-piggy-bank:before {
    content: "\e225";
}
.glyphicon-scissors:before {
    content: "\e226";
}
.glyphicon-bitcoin:before {
    content: "\e227";
}
.glyphicon-btc:before {
    content: "\e227";
}
.glyphicon-xbt:before {
    content: "\e227";
}
.glyphicon-yen:before {
    content: "\00a5";
}
.glyphicon-jpy:before {
    content: "\00a5";
}
.glyphicon-ruble:before {
    content: "\20bd";
}
.glyphicon-rub:before {
    content: "\20bd";
}
.glyphicon-scale:before {
    content: "\e230";
}
.glyphicon-ice-lolly:before {
    content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}
.glyphicon-education:before {
    content: "\e233";
}
.glyphicon-option-horizontal:before {
    content: "\e234";
}
.glyphicon-option-vertical:before {
    content: "\e235";
}
.glyphicon-menu-hamburger:before {
    content: "\e236";
}
.glyphicon-modal-window:before {
    content: "\e237";
}
.glyphicon-oil:before {
    content: "\e238";
}
.glyphicon-grain:before {
    content: "\e239";
}
.glyphicon-sunglasses:before {
    content: "\e240";
}
.glyphicon-text-size:before {
    content: "\e241";
}
.glyphicon-text-color:before {
    content: "\e242";
}
.glyphicon-text-background:before {
    content: "\e243";
}
.glyphicon-object-align-top:before {
    content: "\e244";
}
.glyphicon-object-align-bottom:before {
    content: "\e245";
}
.glyphicon-object-align-horizontal:before {
    content: "\e246";
}
.glyphicon-object-align-left:before {
    content: "\e247";
}
.glyphicon-object-align-vertical:before {
    content: "\e248";
}
.glyphicon-object-align-right:before {
    content: "\e249";
}
.glyphicon-triangle-right:before {
    content: "\e250";
}
.glyphicon-triangle-left:before {
    content: "\e251";
}
.glyphicon-triangle-bottom:before {
    content: "\e252";
}
.glyphicon-triangle-top:before {
    content: "\e253";
}
.glyphicon-console:before {
    content: "\e254";
}
.glyphicon-superscript:before {
    content: "\e255";
}
.glyphicon-subscript:before {
    content: "\e256";
}
.glyphicon-menu-left:before {
    content: "\e257";
}
.glyphicon-menu-right:before {
    content: "\e258";
}
.glyphicon-menu-down:before {
    content: "\e259";
}
.glyphicon-menu-up:before {
    content: "\e260";
}
.colocada{
    background: #B19BD9 !important;
}
.vencida{
    background: #ff3333 !important;
}
.desnombrada{
    background: #ff6633 !important;
}
.astouch{
    position: fixed !important; 
    z-index: 1000!important;
    width: 50px !important;
    opacity: 0.6;
}



/* *****************************************************************************
                        COLORES PARA HOVER EN LAS TABLAS
 * *****************************************************************************
 */


/* *****************************************************************************
                            BUSCADOR
 * *****************************************************************************
 */

.buscador_boot{
    display: flex;
}

.buscador_boot > input {
    width: 100%;
    border-radius: 5px 0px 0px 5px;
}

.buscador_boot > div {
    background: #dddddd;
    border-radius: 0px 5px 5px 0px;
    border: thin solid #4f738b;
    padding: 5px;
    background-image: url(../img/search.png);
    width: 17px;
    height: 19px;
    background-size: 17px 17px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}


/* *****************************************************************************
                            SELECT 2 
 * *****************************************************************************
 */
.select2-container--default .select2-results__option[aria-disabled=true] {
    color: black !important;
    font-weight: bold !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-radius: 0;
    background: white;
}


/* *****************************************************************************
                            GESTION DE POLIZA 
 * *****************************************************************************
 */
.poliza_ejec_retirado{
    background: white !important;
    color: red;
    font-weight: bold;
    margin-top: 4px;
    display: inline-block;
}



/* *****************************************************************************
                             tabla_resumen 
 * *****************************************************************************
 */
#tabla_resumen > tbody > tr > td:nth-child(1) {
    width: 25%;
}

#tabla_resumen > tbody > tr > td:nth-child(2) {
    width: 40%;
}

#tabla_resumen > tbody > tr > td:nth-child(3) {
    width: 13%;
}

#tabla_resumen > tbody > tr > td:nth-child(4) {
    width: 22%;
}

.division_top {
    border-top: 3px dashed black !important;
    padding: 10px 5px !important;
}

.activo {
    background: none repeat scroll 0 0 #8D8F8E;
    color: black;
}

.eliminado {
    color: white;
    background: red;
}

.tabs{
    padding: .2em .2em 0;
    margin: 0;
    border: 1px solid #dddddd;
    color: #333333;
    font-weight: bold;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    border-radius: 3px;
}

.tabs:hover{
    background: #ddddddad;  
}

.tabs.select{
    background: #e9e9e9;
}

.tabs.tabs-oscuro:not(.select):hover{
    background: #808080ad;
}

.tabs.tabs-oscuro.select{
    background: #888888;
}

/* *****************************************************************************
                        CUADRADOS DE EMPLEADOS
 * *****************************************************************************
 */

.menu-cuadrado{
    /*---*/
    display: flex;
    justify-content: center;
    align-items: center;
    /*---*/
    margin: 0 auto;
    text-align: center;
    /*---*/
    height: 60px; 
    border: medium solid; 
    border-radius: 7px; 
    margin-top: 7px; 
    background: none 0px 0px repeat scroll #19657f; 
    width: 92%;
}

.menu-cuadrado:hover {
    transform: scale(1.04,1.04);
    cursor: pointer;
}

.menu-cuadrado.seleccionado{
    border-color: #e8dddd;
    font-weight: bold;
    color: #e8dddd;
    border-width: 4px;
}

.menu-cuadrado.despedido{
    background: none 0px 0px repeat scroll #C33B23; 
}

/*GRAFICO REPORTE TIPOS DE GASTOS*/
/* *****************************************************************************
                      GRAFICO REPORTE TIPOS DE GASTOS
 * *****************************************************************************
 */
.grafico-rtg{
    /*background: rgba(255, 255, 255, 0.19);*/
    background: #03442cc2;
    box-shadow: 3px 3px 6px 0px rgba(38, 34, 34, 0.91);
    border-radius: 30px;
    margin: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.contenedorCC > li {
    height: 34px;
}

#detallet > tr > td:first-child {
    width: 70px;
}

.ocultar_importante{
    display: none !important;
}

.hoverconci:hover {
    color: black !important;
}

.color-black {
    color: black !important;
}

.subLetrasAzul > th{
    color: #3C8DBC !important;
}

/* PAGINACION EN TRDP */
.pf_contenedor {
    box-shadow: 0px 6px 8px 2px silver;
    border-radius: 5px;
    padding: 0px 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pf_flecha {
    height: 12px;
    cursor: pointer;
}

.pf_pagina{
    margin: 5px 1px;
    padding: 0;
    cursor: pointer;
    height: 23px;
    width: 23px;
    text-align: center;
    line-height: 1.8;
    border-radius: 30px;
    display: inline-block;
}

.pf_pagina:hover{
    font-weight: bold;
    background: silver;
}

.pf_pagina_seleccionado{
    background: #115d17 !important;
    display: inline-block;
    color: white;
}

.tablaTrdp .asignado .modificar {
    visibility: hidden;
}

.tablaTrdp .trdp .total_real {
    text-decoration: underline;
    font-weight: bold;
}

.tablaTrdp .trdp .total_real.monto_seguro {
    margin-right: 30px;
}

.tablaTrdp .trdp .total_acumulado {
    padding-right: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-top: 3px;
}

.tablaTrdp .trdp .total_acumulado.ta_ok {
    background: #00FF00;
    color: black;
}
.tablaTrdp .trdp .total_acumulado.ta_warning {
    background: #FFFF00;
    color: black;
}
.tablaTrdp .trdp .total_acumulado.ta_error {
    background: #FF0000;
    color: white;
}

.tablaTrdp .trdp.cabecera > td{
    border-top: 20px solid #FFFFFF;
    border-left: 0px;
    border-right: 0px;
}


/*CARD*/
.sample_container {
    max-width: 100%;
    margin: auto;
    overflow: auto;
    height: 87%;
}

/* Card Customizations */

.e-custom-card {
    cursor: pointer;
    position: relative;
    margin-top: 60px;
    margin-bottom: 5px;
    overflow: visible;
    border-radius: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0), 0 3px 6px rgba(0, 0, 0);
    transition: 0.2s;
    border-width: 1px;
    padding: 1px;
    width: 290px;
    margin-left: 40px;
    float: left;
    background: #FFFFFF;
}

.e-custom-card.e-card:hover {
    border-width: 1px;
    padding: 1px;
    background: none;
}

.e-custom-card :nth-child(2) .e-card-header-title.name {
    margin-top: 20px;
}

.sample_container p.avatar-content {
    line-height: 20px;
    font-family: inherit;
}

.e-custom-card .e-card-header {
    text-align: center;
}

.e-custom-card .e-avatar {
    font-size: 24px;
    position: absolute;
    top: calc(0% - 1.5em);
    left: calc(50% - 1.5em);
    box-shadow: 0 16px 28px -8px rgba(0, 0, 0), 0 4px 15px 0 rgba(0, 0, 0), 0 8px 10px -5px rgba(0, 0, 0);
}

.e-card.e-custom-card :nth-child(3) {
    padding: 12px 0px 20px 0px;
}

.e-custom-card.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    color: #000000;
    text-shadow: 0 0 0.1px;
}

.e-custom-card.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #000000;
    text-shadow: 0 0 0.1px;
}

.e-custom-card.e-card .e-card-content {
    overflow: visible;
    width: auto;
    margin: -5px 20px 0 20px;
    word-spacing: 1px;
}

.avatar-content {
    margin: 0 auto;
    text-align: center;
    color: #000000;
    border: none;
    padding: 0;
    font-size: 14px;
}

.avatar-content {
    margin-bottom: 0;
}

.sample_container .name {
    margin-top: 10px;
}

.highcontrast .e-custom-card.e-card .avatar-content {
    color: #000000;
}

.highcontrast .e-custom-card.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
    color: #000000;
}

.highcontrast .e-custom-card.e-card .e-card-header .e-card-header-caption .e-card-header-title {
    color: #000000;
}

.e-card .e-card-header {
    padding: 0px !important;
}

.fondoAmarillo{
    background: #FFFF00 !important;
}

.fondoAmarilloBajito{
    background: #F7F4A2 !important;
    color: black;
}

.pop_datos_cli {
    display: none;
}

#listCxc .jstree-leaf > .jstree-anchor > .jstree-themeicon {  
    background: url("../img/iconos/mas1.png") 0px 0px no-repeat !important; 
}

.redondo {
    background: red;
    padding: 5px;
    border-radius: 44px;
    width: 25px;
    height: 25px;
    border: 2px outset #bfdabdad;
}

.redondo:hover{
    border-style: inset;
}

.redondo.lila {
    background: #de76de;
    border-color: #de76de;
/*    background: #d68bd6;
    border-color: #de76dead;*/
}


.tab-contenedor {
    overflow:auto;
}

.tab-head {
    padding: 0 5px;
}



.tab-head > ul {
    list-style: none;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: flex;
}
.tab-head li { 
    /* Makes a horizontal row */
    display: inline-block; 

    /* So the psueudo elements can be
       abs. positioned inside */
    position: relative;
}
.tab-head a { 
    /* Make them block level
       and only as wide as they need */
    float: left;
    padding: 9px 19px;
    text-decoration: none;
    cursor: pointer;
    /* Default colors */
    color: black;
    background: #ddc385; 

    /* Only round the top corners */
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.tab-head a:hover {
    font-weight: bolder;
}
.tab-head .active {
    /* Highest, active tab is on top */
    z-index: 3;
}
.tab-head .active a { 
    /* Colors when tab is active */
    background: #9c7c30;
    color: black;
    font-weight: bolder;
}
.tab-head li:before, .tab-head li:after, 
.tab-head li a:before, .tab-head li a:after {
    /* All pseudo elements are 
       abs. positioned and on bottom */
    position: absolute;
    bottom: 0;
}
/* Only the first, last, and active
   tabs need pseudo elements at all */
.tab-head li:last-child:after,   .tab-head li:last-child a:after,
.tab-head li:first-child:before, .tab-head li:first-child a:before,
.tab-head .active:after,   .tab-head .active:before, 
.tab-head .active a:after, .tab-head .active a:before {
    content: "";
}
.tab-head.none li:last-child:after,   .tab-head.none li:last-child a:after,
.tab-head.none li:first-child:before, .tab-head.none li:first-child a:before,
.tab-head.none .active:after,   .tab-head.none .active:before, 
.tab-head.none .active a:after, .tab-head.none .active a:before {
    content: none;
}
.tab-head .active:before, .tab-head .active:after {
    background: #9c7c30; 

    /* Squares below circles */
    z-index: 1;
}
/* Squares */
.tab-head li:before, .tab-head li:after {
    background: #ddc385;
    width: 10px;
    height: 10px;
}
.tab-head li:before {
    left: -10px;      
}
.tab-head li:after { 
    right: -10px;
}
/* Circles */
.tab-head li a:after, .tab-head li a:before {
    width: 20px; 
    height: 20px;
    /* Circles are circular */
    -webkit-border-radius: 10px;
    -moz-border-radius:    10px;
    border-radius:         10px;
    background: white;

    /* Circles over squares */
    z-index: 2;
}
.tab-head .active a:after, .tab-head .active a:before {
    background: #ddc385;
}
/* First and last tabs have different
   outside color needs */
.tab-head li:first-child.active a:before,
.tab-head li:last-child.active a:after {
    background: white;
}
.tab-head li a:before {
    left: -20px;
}
.tab-head li a:after {
    right: -20px;
}

.tab-body {
    background: white;
    min-height: 100px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
    border: 1px solid #d2d6de;
    overflow: auto;
}

/*.group:before,
.group:after {
    content: "";
    display: table;
}
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}*/

.cursor-bloquedo-all {
    cursor: no-drop;
}

.cursor-bloquedo-all  * {
    cursor: no-drop;
}

.montoTotalRapido{
    color: black;
    border: 0.5px inset;
    display: inline-block;
    padding: 2px;
    background: white;
    font-size: xx-large;
    font-style: oblique;   
    margin-top: 10px;
    margin-bottom: 25px;
    text-align: left;
    margin-left: 50px;
    font-size: 20px;
}

.select_titulo {
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px;
    border-radius: 3px;
    background: none repeat scroll 0 0 #a2a2a2;
}

.tabla_blanca tr td h3{
    font-weight: bolder;  
}

.fondo_popup{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1D6279), color-stop(100%,#74B679)) !important;
}

table tbody tr.even { /*(even) or (2n 0)*/
    background: #cdd5d4;
}

table tbody tr.odd { /*(odd) or (2n 1)*/
    background: #EAF4FF;
}

.card_ruddy{
    cursor: pointer;
    margin: 1%;
    padding: 5px;
    display: inline-block;
    width: 300px;
    height: 410px;
    background: #dadada7a;
    overflow: auto;
    border-radius: 15px;
    box-shadow: 7px 7px 7px;
}
.card_cias_reaseguros{
    cursor: pointer;
    margin: 1%;
    padding: 5px;
    display: inline-block;
    width: 300px;
    height: 300px;
    background: #dadada7a;
    overflow: auto;
    border-radius: 15px;
    box-shadow: 7px 7px 7px;
}
.card{
    cursor: pointer;
    margin: 1%;
    padding: 5px;
    display: inline-block;
    width: 300px;
    height: 300px;
    background: #dadada7a;
    overflow: auto;
    border-radius: 15px;
    box-shadow: 7px 7px 7px;
}

.escondido{
    color: #d2d23c;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
}

.alertIbroker{
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
    margin-top: 15%;
    background: #FFF;
    width: 350px;
    height: 150px;
    border-radius: 15px;
    padding: 5px;
    text-align: center;
    border: 1px solid;
    box-shadow: 5px 5px 5px;
    z-index: 1000000000;
}

.alertIbrokerTexto{
    font-size: 15px;
    font-style: oblique;
    font-weight: 500;
    padding-bottom: 50px;
    padding-top: 10px;
    text-align: center;
}

.alertIbrokerModal{
    width: 100%;
    height: 100%;
    background: #000000cf;
    z-index: 100000000;
    position: fixed;
}

.tr_select:hover > td{
    background: #6598AF;
}

.cuenta:hover > td {
    background: #AAB5B5;
}
.cuenta > td {
    padding: 0px !important;
    padding-left: 25px !important;
}

.ruddy_pop{
    background: #000000cf; 
    width: 100%; 
    height: 100%; 
    position: fixed;  
    display: none; 
    justify-content: center; 
    align-items: center;
    z-index: 1;
}
.ruddy_title{
    text-align: center;
    font-size: 15px;
    padding: 15px;
    text-decoration: underline;
    font-weight: bolder;
    text-shadow: 0px 1px 1px;
}
.ruddy_pop_sub{
    background: #FFFFFF; 
    width: 80%; 
    margin-left: 5%; 
    border: 2px solid #000; 
    border-radius: 15px; 
    padding: 10px;
}


.text-enter{
    word-wrap: break-word;
}

.cuentas_busqueda{
    cursor: pointer;
}

.cuentas_busqueda:hover{
    cursor: pointer;
    background: #3c7b90;
}


.amcharts-legend-value{
    display: none;
}

.loader-container{
  z-index: 1000001;  
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
.loader{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin: 10px;
  border: solid 8px transparent;
  border-radius: 50%;
  opacity: 1.0;
  animation: loader 1.2s linear infinite;
}

.loader-input{
  position: relative;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  border: solid 8px transparent;
      border-top-color: transparent;
      border-left-color: transparent;
  border-top-color: gray;
  border-left-color: gray;
  border-bottom-color: gainsboro;
  border-right-color: gainsboro;
  border-radius: 50%;
  animation: loader 1.2s linear infinite;
}
@keyframes loader{
  0%{
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100%{
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.cuadrado_seleccionable {
    display: inline-block;
    cursor: pointer;
    margin: 2px;
}

.cuadrado_seleccionable > input[type=checkbox] {
    display: none;
}

.cuadrado_seleccionable > label {
    padding: 10px 7px 10px 7px;
    background: white;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0 1px 3px 2px;
}

.cuadrado_seleccionable > label:hover {
    background: #765aa8 !important;
    /*border-color: #7456d3;*/
    color: white !important;
}

.cuadrado_seleccionable > input[type=checkbox]:checked ~ label {
    background: #7668af;
    /*background: #6a48a7;*/
    border-color: #7456d3;
    color: white;
}


.card{
    border-radius: 15px;
    /*box-shadow: 3px 3px 3px;*/
    box-shadow: 0 3px 6px rgba(0, 0, 0), 0 3px 6px rgba(0, 0, 0);
    cursor:pointer;
    margin:3px; 
    display:inline-block; 
    width: calc(50% - 16px); 
    height: 200px; 
    overflow: auto;
    padding: 5px;
}
.card::-webkit-scrollbar, .card-body::-webkit-scrollbar {
    display: none;
}

.card.card-simple{
    width: calc(25% - 16px); 
    height: 150px; 
    position: relative;

}

@media only screen and (max-width: 1021px) {
    .card{
        display:block; 
        width: calc(100% - 16px); 
        height: 200px; 
        overflow: auto;
    }
    .card.card-simple{
        display:inline-block; 
        width: calc(33.33% - 16px); 
        height: 150px; 
        overflow: auto;
    }
}

@media only screen and (max-width: 800px) {
    .card.card-simple{
        display:inline-block; 
        width: calc(50% - 16px); 
        height: 150px; 
        overflow: auto;
    }
}

@media only screen and (max-width: 500px) {
    .card.card-simple{
        display:inline-block; 
        width: calc(100% - 16px); 
        height: 150px; 
        overflow: auto;
    }
}

.danger{
    color: red;
    font-size: 15px;
    text-shadow: 2px 2px 2px black;
    text-align: center;
}

.nota1{
    background: white; 
    border: 1px solid #000; 
    border-radius: 10px; 
    padding: 15px;
    text-align: center;
}

#chartdiv {
    width: 100%;
    height: 600px;
}

.notaForm{
    background: white; 
    border: 1px solid #000; 
    border-radius: 10px; 
    padding: 15px;
}




/*RICARDO*/

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.wrap-text {
    word-wrap: break-word;  /* Para navegadores antiguos */
    overflow-wrap: break-word; /* Para navegadores modernos */
    white-space: normal; /* Asegura que el texto pueda romperse en varias líneas */
}

.col-1{
    width: 8.333333333%;
}
.col-2{
    width: 16.66666666%;
}
.col-3{
    width: 25%;
}
.col-4{
    width: 33.33333333%;
}
.col-5{
    width: 41.666666666%;
}
.col-6{
    width: 50%;
}
.col-7{
    width: 58.333333333%;
}
.col-8{
    width: 66.666666666%;
}
.col-9{
    width: 75%;
}
.col-10{
    width: 83.333333333%;
}
.col-11{
    width: 91.66666666%;
}
.col-12{
    width: 100%;
}

@media screen and (max-width: 670px){
    .col-3 {
        width: 100%; /* Hace que las columnas ocupen todo el ancho */
        text-align: left; /* Centra el contenido en móviles */
        display: block;
    }
}