@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700&display=swap');

body {
    background: #FFFFFF;
    font-family: 'Manrope', sans-serif!important;
}
footer {
    display:none;
}

.grid {
    background-color: #000000;
    pointer-events: none;
    position: absolute;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    display: block;
}
.grid__item {
    position: absolute;
}
.grid__item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.pos-1 {
    background-size: auto;    
    width: 213px;
    height: 213px;
    top:20%;
    left:2%;
}
.pos-2 {
    background-size: auto;   
    width: 158px;
    height: 158px;
    top:75%;
    left:10%;
}
.pos-3 {
    background-size: auto;   
    width: 128px;
    height: 128px;
    top:45%;
    left:25%;
}
.pos-4 {
    background-size: auto;   
    width: 158px;
    height: 158px;
    top:2%;
    left:30%;
}
.pos-5 {
    background-size: auto;   
    width: 128px;
    height: 128px;
    top:73%;
    left:32%;
}
.pos-6 {
    background-size: auto;   
    width: 100px;
    height: 100px;
    top:80%;
    right:35%;
}
.pos-7 {
    background-size: auto;   
    width: 157px;
    height: 157px;
    top:35%;
    right:25%;
}
.pos-8 {
    background-size: auto;    
    width: 213px;
    height: 213px;
    top:2%;
   right:20%;
}
.pos-9 {
    background-size: auto;   
    width: 134px;
    height: 134px;
    top:25%;
    right:4%;
}
.pos-10 {
    background-size: auto;    
    width: 213px;
    height: 213px;
    top:60%;
   right:8%;
}
.grid--img .grid__item {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    will-change: transform;
}
.grid--img .grid__item-img {
    flex: none;
    width: calc(100% + 100px);
    height: calc(100% + 100px);
    will-change: transform;
}

.headerLogo, .mainLogin {
    z-index: 10!important;
}
#sideMenu .pop-menu {
    margin-left: -5px;
}
#sideMenu .menuIcon {
    padding: 0 10px;
    width: 185px;
}
#sideMenu .pop-menu,  #sideMenu .pop-menu-admin {
    visibility: hidden;
    background-color: white;
}
#sideMenu .menuIcon:hover > .pop-menu, #sideMenu .menuIcon:hover > .pop-menu-admin {
    visibility: visible;
}
#sideMenu .pop-menu:hover, #sideMenu .pop-menu-admin:hover {
    visibility: visible;
}

.alinkHeader {
    color: var(--header_txt);
    text-decoration: none;
}
.alinkHeader:hover {
    color:var(--colorPrincipal2);
    border-bottom: none;
}
.alinkInline {
    color: #026FC2;
    text-decoration: none;
}
.alinkInline:hover {
    cursor: pointer;
    font-weight: bold;
    border-bottom: 2px solid var(--colorPrincipal2);
    
}
.mainHeader {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    grid-area: mainHeader;
    align-items: unset;
}
.headerLogo, .mainLogin {
    z-index: 10!important;
}
.campoForma {
    background-color: white;
}
#sideMenu .pop-menu {
    margin-left: -5px;
}
#sideMenu .menuIcon {
    padding: 0;
}
#sideMenu .pop-menu,  #sideMenu .pop-menu-admin {
    visibility: hidden;
    background-color: white;
}
#sideMenu .menuIcon:hover > .pop-menu, #sideMenu .menuIcon:hover > .pop-menu-admin {
    visibility: visible;
}
#sideMenu .pop-menu:hover, #sideMenu .pop-menu-admin:hover {
    visibility: visible;
}
.headerLogo,
.headerMenu,
.headerDatosLogin,
section,
aside,
footer {
    padding: 0;
    border-radius: 5px;
    border: 0px solid #EEEEEE;
}
.headerLogo {    
    text-align: center;
    padding-bottom: 0px;
    grid-area: headerImg;
}
.headerLogo img {
    height: 3em;
    padding: 20px 20px;
    width: 85px;
    transition: all 0.8s ease;
    object-fit: contain;
}
.sideMenu {
    display: flex;
    background-color: var(--header_bg);
    position: fixed;
    height: 100vh;
    width: 185px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items:center;
    justify-content: space-between;
    z-index: 99;
}
.profile {
    display: flex;
    flex-direction: column;
    align-items: center;  
    font-size: 14px;
}
.profile:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 70px;
    left: 0;
    background-color: var(--colorPrincipal2);
    transition: all 0.5s ease;
}
.profile:hover::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 70px;
    background-color: var(--colorPrincipal2);
    left: 0;
}
.profile img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50%;
}
.menuIcon {
    display: flex;
    justify-content: center;
}
.menu-item {
    padding: 10px 0;
    list-style: none;
    width: 185px;
    text-align: center;
}
.menu-item:before{
    content: "";
    position: relative;
    width: 0px;
    height: 55px;
    left: 0;
    background-color: var(--colorPrincipal2);
    transition: all 0.5s ease;  
}
.menu-item:hover:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 55px;
    left:0;
    background-color: var(--colorPrincipal2);
    
}
.section {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
}
.section span{
    padding-top: 5px;
    font-size: 14px;
    color: var(--header_txt);
}
.section img {
    width: 28px;
}
.pop-menu {
    z-index: 999;
    display: flex;
    background-color: white;
    padding: 10px 10px;
    margin-left: 25px;
    width: 160px;
    flex-direction: column;
    position: absolute;
    left: 117px;
    justify-content: center;  
    border-radius: 15px; 
    border: 2px solid #C2C6CE;
}
.pop-menu:before {
    content: "";
    position: absolute;
    left:-10px;
    width: 0; 
    height: 0; 
    border-right: 10px solid #C2C6CE;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
}
.pop-menu-admin {
    z-index: 999;
    display: flex;
    background-color: white;
    padding: 10px 10px;
    width: 130px;
    flex-direction: column;
    position: absolute;
    left: 115px;
    bottom: 5px;
    justify-content: center;  
    border-radius: 15px; 
    border: 2px solid #C2C6CE;
}
.pop-menu-admin:before {
    content: "";
    position: absolute;
    left:-10px;
    bottom: 20px;
    width: 0; 
    height: 0; 
    border-right: 10px solid #C2C6CE;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;    
}
.pop-item {
    color: #161637;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    z-index: 99;
}
.pop-item:hover {
    color: #044882;
    font-weight: bold;
    text-decoration: solid;
    background-color:#DFDFE3;
    border-radius: 10px;
}
.myButtonFilter {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 10px;
    display: inline-block;
    background-color: var(--colorPrincipal2);
    cursor: pointer;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: normal;
    transition: all 0.5s ease;
    box-shadow: unset;
    border: none;

}

.myButtonFilter2 {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 10px;
    background-color: var(--colorPrincipal3);
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
    font-size: 12px;
    padding: 10px 20px;
}
.headerDatosLogin {
    color: #044882;
    grid-area: headerDatosLogin;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 10px;
    background: unset;
}
.mainMetas {
    grid-area: mainMetas;
    /* margin-left: 220px; */
    margin: 0px 20px 0px 220px;
    z-index: 1;
}
#pop0, #pop1, #pop2, #pop3, #pop4, #pop5, #pop6, #pop7 {
    position: fixed;
}
.contenedorMaster {
    width: 100%;
    display: block;
    grid-gap: 1em;
}
.gridLogin {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    justify-content: center;
} 
.contenedorLogin {
    z-index: 99;
    background-color: white;
    padding: 20px 50px;
    border-radius: 15px;
    box-shadow: 0px 0px 15px rgb(11 73 128 / 60%);
    width: 350px;
}
.resetPass {
    padding-top: 20px;
    font-size: 14px;
}

.resetPass a{
    color: #044882;
}

.resetPass a:hover{
    color: var(--colorPrincipal2);
}

/*Titulares*/

.titulosHeader {
    padding: 20px 10px;
    font-size: 32px;
    color: var(--colorPrincipal1);
    font-weight: bold;
}
.subtitulosHeader {
    padding: 10px 0;
    font-size: 14px;
    color: var(--colorPrincipal2);
    font-weight: normal;
}

/*Formularios*/
.mainLogin .campoForma {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    font-size:14px ;
    font-weight: normal;
    color:#161637;
    padding: 15px;
    box-shadow: unset;
    max-width: 100%;
    width: calc(100% - 33px)
}
.mainMetas .campoForma {
    width: calc(100% - 30px)!important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    font-size:14px ;
    font-weight: normal;
    color:#161637;
    padding: 15px;
    box-shadow: unset;
    max-width: 100%;
    width: calc(100% - 33px)
}
.campoForma {
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    border: none;
    font-size: 14px;
    padding: 0;
    background-color: white;
    box-shadow: unset;
}
.campoForma:disabled {
    border: 2px solid #C2C6CE;
    color:#D0D0D7;
    background-color: #F2F5F9;
}

.campoForma:focus {
    outline: none;
    border: 2px solid var(--colorPrincipal2);
    background: #f9f9f9;
} 

.myButtonEmetrix {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    background-color: var(--colorPrincipal2);
    cursor: pointer;
    color: #FFFFFF;
    font-weight: normal;
    padding: 15px 50px;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    transition: all 0.5s ease;
    box-shadow: unset;
    border: none;
}
.myButtonEmetrix:hover {
    background-color: var(--colorPrincipal3);
    color: #FFFFFF;
    border: none;
}
.inputSelect {
    display: flex;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    font-size: 14px;
    font-weight: normal;
    color: #161637;
    padding: 15px;
    width: calc(100% - 33px);
    background-color: white; 
    flex-wrap: wrap;
 
}
.inputSelect .item {
    display: inline-block;
    padding: 5px 20px 5px 10px;
    font-size: 12px;
    letter-spacing: 0;
    text-transform: none;
    border: none;
    border-radius: 15px;
    background-color: var(--colorPrincipal2);
    color: #EEEEEE;
    cursor: pointer;
    margin: 2px 5px;
}

.inputSelect .item:hover {
    background-color: var(--colorPrincipal3);
}

.muti-input {
    flex: 1;
}


multi-input div.item::after {
    color: #EEEEEE!important;
    top: 2px!important;
    right: 7px!important;
    max-width:100%;
}

.ms-parent {
    display: inline-flex;
    flex-wrap: wrap;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    font-size: 14px;
    font-weight: normal;
    color: #161637;
    padding: 10px;
    width: calc(100% - 33px);
    background-color: white;
}

.ms-drop.bottom {
    top: 40px;
    border: none;
}

.ms-drop.bottom ul {
    text-transform: none;
    font-weight: 400;
    letter-spacing: normal;
}

.ms-choice {
    width: auto;
    border: none;
}

.ms-choice > div {
    top: 10px;
    right: 10px;
}

.ms-drop {
    top:20px;
    position: absolute;
}

.ms-choice > span {
    position: relative;    
}
.ms-drop ul > li {
    /* padding: 5px 0; */
    font-size: 12px;
}
.ms-drop ul > li label {
    padding: 5px 0;
}
#c2_facturarRFC{
    margin-left: 40px;
}
#c2_facturarRazonSocial {
    margin-left: 8px;
}

/*TopTools*/
.TopTool {
    margin: 20px 20px 0 220px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 1em;
}

.FastAction {
background-color: var(--colorPrincipal2);
height: 48px;
width: 48px;
border: none;
outline: none;
border-radius: 10px;
cursor: pointer;
}

.FastAction:hover {
background-color: var(--colorPrincipal3);
}
.menu-action {
    position: absolute;
    padding: 10px 0;
    list-style: none;
    background-color: #FFFFFF;
    z-index: 999;
    padding: 10px 10px;
    width: 130px; 
    border-radius: 15px;
    right: 32px;
    border: 2px solid #C2C6CE;
    margin-top: 15px;
    text-align: center;
}
#MenuAction {
    display: none;
}
.pop-action {
    color: #161637;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.menu-action:before {
    content: "";
    position: absolute;
    top:-15px;
    right: 15px;
    width: 0; 
    height: 0; 
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 10px solid #C2C6CE;
    border-top: 5px solid transparent; 

}
.Notification {
    background-color: #FFFFFF;    
    height: 48px;
    width: 48px;
    border: 2px solid #C2C6CE;
    outline: none;
    border-radius: 10px;
    cursor: pointer;    
    }
    
.Notification:hover {
    background-color:#C2C6CE ;
}

.search-bar {
    display: flex;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    background-color: #FFFFFF;
    font-size:14px ;
    font-weight: normal;
    color:#161637;
    padding: 13px;
    width: 350px;
    box-shadow: unset;
    }

.search-bar input {
    background:transparent;
    flex:1;
    border:0;
    outline: none;
    font-size: 12px;
    color: #161637;
    padding: 0 10px;
}

::placeholder {
    color:#C2C6CE;
}

.search-bar button {
    border: 0;
    background: transparent;
    padding: 0 10px;
}
.Welcome {
    flex:1;
    font-size:32px ;
    color: var(--colorPrincipal2);
}
/*MainPage*/

.animacionConteo{
    font-size: 54px;
    font-weight: Bold;
} 
.animacionConteoNum {
    font-size: 32px;
    font-weight: Bold;
}
/*GENERALES*/
textarea {
    font-family: 'Manrope', sans-serif!important;
    font-size: 14px!important;
}

.hrBorderDivide {
    display: none;
}

.myButtonEmetrix2 {
    font-family: 'Manrope', sans-serif;
    font-size: 12px!important;
    border-radius: 30px;
    border: none;
    display: inline-block;
    background-color: var(--colorPrincipal2);
    cursor: pointer;
    color: #FFFFFF;
    font-weight: normal;
    padding: 15px 20px;
    text-decoration: none;
    transition: all 0.5s ease;
    box-shadow: unset;
    margin-right: 0!important;
}
.myButtonEmetrix2:hover {
    border: none;
    background-color: var(--colorPrincipal3);

}
#divReporte {
    /* width: 85vw; */
    width: 100%;
}
table {
    width: 100%;
    font-family: 'Manrope', sans-serif!important;
}
/* POP UP */

.ui-dialog {
    height: 100vh!important;
    overflow-y: hidden;
    position: fixed;
    left: auto!important;
    right: 0;
    width: auto!important;
    border:none!important;
    padding: 0;
    top:0!important;
}
.ui-dialog .ui-dialog-content {
    height: 100vh!important;
    width: 100%;
    padding: 0;
}
.tablaGeneral {
    width: 100%!important;
}
#dialogReporteDetalle_leads td, #divDialogFormatoTareaCampos td, #divDialogFormatoReunionCampos td, #dialogReporteDetalle_leads td, #dialogReporteDetalle td, #dialogReporteDetalle_contactos td, #divDialogFormatoContactoCampos td, #dialogReporteDetalle_proyectos td, #dialogReporteDetalle_candidatos td, #dialogReporteDetalle2 td, #dialogReporteDetalle_tareas td, #dialogReporteDetalle_propuestas td, #dialogReporteDetalle3 td, #dialogReporteDetalle_feedback td {
    padding: 15px 40px;
}

td.negritas {
    padding: 40px;
}

.shadowElement:hover {
    box-shadow: unset;
}
.ui-dialog .ui-dialog-title {
    display: none;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    z-index: 99;
    top: 30px;
    /*left: 10px;
    right: auto;*/
    right: 20px;
    border: none;
    height: 48px;
    width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--colorPrincipal3);
}
.ui-button-icon-space {
    display: none!important;

}
.ui-dialog .ui-dialog-titlebar-close:hover {
    background-color: var(--colorPrincipal2);
}
.ui-button .ui-icon {
    background-image: url(../img/close-icon.svg);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(../img/close-icon.svg);
}
.ui-button-icon-only .ui-icon {
    margin: auto 0;
    top: auto;
    left: 17px;
    right: 0;
    width: 12px;
    height: 12px;

}

.ui-widget-header {
    background: none;
}
.ui-icon-closethick {    
    background-position: 0;
    }

.ui-widget-overlay {
    background-color: black;    
    mix-blend-mode: multiply;
    opacity: .8;
}
.ui-dialog .tablaGeneral thead th {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: var(--colorPrincipal1);
    border: none;
    background-color: transparent;
}

#dialogReporteDetalle_leads .tablaGeneral td, #dialogReporteDetalle .tablaGeneral td, #divDialogFormatoTareaCampos .tablaGeneral td, #divDialogFormatoReunionCampos td, #divDialogFormatoContactoCampos .tablaGeneral td, #dialogReporteDetalle_proyectos .tablaGeneral td, #dialogReporteDetalle_candidatos .tablaGeneral td, #tableCandidatesPerProject .tablaGeneral th, #dialogReporteDetalle2 .tablaGeneral td, #dialogReporteDetalle3 .tablaGeneral td, #dialogReporteDetalle_propuestas .tablaGeneral td, #dialogReporteDetalle_feedback .tablaGeneral td {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #161637;
    display: flex;
    border-bottom: none;
    align-items: center;
}

.td_bordeDivisor.negritas {
    padding-bottom: 0;
}
.td_bordeDivisor {
    border: none!important;
}
.tablaGeneral .campoForma {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    font-size:14px ;
    font-weight: normal;
    color:#161637;
    padding: 15px;
    box-shadow: unset;
    max-width: 100%;
    width: calc(100% - 33px)
}

.tablaGeneral .campoForma:disabled {
    border: 2px solid #C2C6CE;
    color:#D0D0D7;
    background-color: #F2F5F9;
}

.tablaGeneral .campoForma:focus {
    outline: none;
    border: 2px solid var(--colorPrincipal2);
    background: #f9f9f9;
}


.radio input[type="radio"] {
    display: none;
}
td.radio {
    width: 300px;
    padding: 0!important;
}

.radio {
    border: 2px solid #C2C6CE!important;
    border-bottom: 2px solid #C2C6CE!important;
    background: #f9f9f9;
    border-radius: 30px;
    margin: 15px 15px 20px 40px;
    overflow-y: visible;
}

.radio span {
    font-size: 14px;
    letter-spacing:0;
    text-transform: none!important;
    font-weight: normal;    
    display: inline-block;
    text-align: center;
    padding-top:15px;
    padding-bottom: 15px;
    position: relative;
    cursor: pointer;
    margin-left: 0;
    width: 150px;
}

input[type="radio"]:checked + span {    
    background-color: var(--colorPrincipal3);
    width: 150px;
    color: #FFFFFF;
    border-radius: 30px;
}

.tablaGeneral tfoot th, .tablaGeneral tfoot td {
    border: none;
    padding-bottom: 30px;
    display: flex;
    justify-content: center;
}
[name="c2_idLead"] {
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    font-size: 14px;
    font-weight: normal!important;
    text-transform: none!important;
    color: #161637;
    padding: 15px;
    width: calc(100% - 33px);
    background-color: white;
    flex-wrap: wrap;
}
#dialogReporteDetalle_contactos th, #tableCandidatesPerProject th #dialogReporteDetalle_candidatos th, .corregirTituloTabla th {
    font-size: 12px!important;
    letter-spacing: 2px;
    text-transform: uppercase!important;
    color: #687086!important;
    padding: 5px!important;
    line-height: 18px!important;
}
.corregirTituloCandidato {
    font-size: 12px!important;
    letter-spacing: 2px;
    text-transform: uppercase!important;
    color: #687086!important;
    padding: 5px!important;
    line-height: 18px!important;
}

#trRangoSalarios, #trCostoProyectoAprox, #trSalarioFinalCampo{
   height: 170px; 
}
#trRangoSalarios .campoForma, #trCostoProyectoAprox .campoForma, #trSalarioFinalCampo .campoForma {
    width: calc(50% - 76px)!important;
}
.corregirTabla .tablaGeneral td{
    display: table-cell!important;
    padding: 5px!important;
}
.corregirTabla .tablaGeneral th {
    font-size: 12px!important;
    letter-spacing: 2px!important;
    text-transform: uppercase!important;
    color: #687086!important;
}
.corregirTabla td {
    display: table-cell!important;
    padding: 5px!important;
    font-size: 12px!important;
    color: #044882!important;
    letter-spacing: normal!important;
    text-transform: none!important;
}
.corregirTabla table {
    padding: 15px 40px;
}
.corregirTitulo, #dialogReporteDetalle, #dialogReporteDetalle2, #dialogReporteDetalle3 {
    padding: 15px 40px;
}
#c2_entrevista_puesto_0 {
    width: calc(100% - 33px)!important;
}
.corregirForm .ms-parent{
    display: inline-block!important;
}

.corregirForm td{
    display: inline-block!important;
}
.responContacto {
    flex-direction: column;
    align-items: flex-start!important;
    text-transform: none!important;
    letter-spacing: normal!important;
}
#divDialogFormatoContactoCampos th{
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: var(--colorPrincipal1);
    border: none;
    text-transform: none;
    letter-spacing: normal;
    background-color: transparent;
}
.centrarVertical {
    align-items: center!important;
    display: flex;
}

#dialogReporteDetalle .tablaGeneral .tableCandidatesPerProject td {
    display: table-cell!important;
}
.estiloDetalle{
    letter-spacing: normal!important;
    text-transform: none!important;
    background-color: transparent;
    font-size: 14px;
    font-weight: normal!important;
    color: #687086!important;
}

.detalle-perfil-exp {
    display: flex;
    justify-content: center;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    color: #161637;
    padding: 13px;
    width: 350px;
    letter-spacing: 0!important;
    text-transform: none!important;
    font-weight: 400!important;
}

[data-label="Projects"], [data-label="Candidates"], [data-label="Proyectos"], [data-label="Candidatos"] {
    font-size: 32px!important;
    font-weight: 700;
    color: #687086!important;
}
.tituloCandidato {
    font-size: 12px;
    font-style: normal;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #161637;
}
.textoCandidato{
    font-size: 12px;
    color: #044882;
} 
.textoCandidato td{
    font-size: 12px;
    letter-spacing: normal!important;
    text-transform: none!important;
    font-weight: 400!important;
    color: #044882!important;
}

.giroCandidato {
    font-size: 12px;
    color: #687086;
}
.tablaCandidato {
    flex-wrap: nowrap
}
.campoTax {
    padding: 15px 0 15px 40px!important;
}
.campoImpuesto {
    padding: 15px 40px 15px 20px!important;
}
.containerPanel {
    align-items: flex-start;
    gap: 20px;
}

.botonAccion {
    padding-bottom: 40px!important;
}
.tituloPop {
    font-size: 22px!important;
    line-height: 30px!important;
    font-weight: 500!important;
    color: var(--colorPrincipal1)!important;
    border: none;
    text-transform: none!important;
    letter-spacing: normal!important;
    background-color: transparent;
}
.divNotificacionInline {
    -webkit-border-radius: 6px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 30px;
    border: none;
    background: #EEF0F6;

}
.anchoPop {
    padding: 15px 40px;
}
.selectForma {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    background-color: white;
    font-size:14px ;
    font-weight: normal;
    color:#161637;
    padding: 15px;
    box-shadow: unset;
    max-width: 100%;
    width: calc(70% - 33px)
}


/*TABLAS */

#tableLeads, #tableClients, #tableProjects, .bordeTabla {
    border-radius: 10px;
    border: 2px solid #DFDFE3;
 }
 .tablaGeneral th, .tablaGeneral td {
     padding: 5px 10px;
 }

.tablaGeneral thead th {
    border-bottom: 2px solid #DFDFE3;
}
.tablaGeneral th.header {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color:#687086;
    padding: 5px;
    text-align: center;
}
#divReporte .tablaGeneral [data-label='Projects'], #divReporte .tablaGeneral [data-label='Proyectos'] {
    font-size: 12px!important;
    font-style: normal!important;
    letter-spacing: normal!important;
}

.tablaGeneral td {
    font-size: 12px;
    color:#044882;
}


.tablaGeneral .detalleGrisTxt {
    font-size: 12px;
    font-style: normal!important;
    letter-spacing: normal!important;
}

[data-label="Owner"] {
    font-weight: 700;
    color: var(--colorPrincipal1)!important;
}

/*
.myButtonEmetrix2 img {
    height: unset;
}
*/
.ui-dialog-content .titulosHeader {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: var(--colorPrincipal1);
    border: none;
    background-color: transparent;
    text-align: center;
}

[data-tooltip-location="bottom"]:after {
    z-index: 9;
}
.numeroIcono{
    height: 8px;
    width: 8px;
    font-size: 10px;
    /* color: var(--colorPrincipal2); */
    position: absolute;
    top: -10px;
    right: -2px;
    font-weight: bold;
    background-color: white;
    padding: 1px 5px 7px 4px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid var(--colorPrincipal2);
}
.imgHeight2 {
    height: 25px;
}
/*DETALLE - LEADS*/

#dialogReporteDetalle .titulosHeader {
    font-size: 22px!important;
    line-height: 30px;
    font-weight: 500;
    color: var(--colorPrincipal1);
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
}

#dialogReporteDetalle .titulosHeaderh2 {
    font-size: 22px!important;
    font-weight: 400!important;
    color: var(--colorPrincipal2);

}

#dialogReporteDetalle .titulosHeaderh3 div {
    font-size: 14px;
    margin-left: 0!important;
}
.divNotificacionInline {

}


/*FINANCES*/

.titulosHeaderh3 {
    font-size: 14px;
    font-weight: normal;
}

.hrBorderDivide2 {
    width: 97%!important;
    margin: 15px;
}

u {
    /*font-weight: 700;
    text-decoration: none;*/
}
.titulosHeaderh3 span {
    font-weight: bold;
}
.titulosHeaderh3 a {
    right: 0;
    left: 0;
}
/* PERFIL */

   

img#idFotoPerfil {
    width: 100px!important;
    height: 100px!important;
    object-fit: cover;
    border-radius: 50%;
}

.titulosHeaderContainerFlex {
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 50px;
}
#idDescripcioPerfil {

}

#idDescripcionPerfil .titulosHeader{
    padding: 0 0 20px 0;
}

#idDescripcionPerfil .titulosHeaderh3{
    padding: 10px 0;
    font-size: 14px;
    font-weight: 700!important;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #161637;
    display: flex;
    overflow: visible;
}

.titulosHeaderh3 > div {
    margin-left: 0!important;
}
.detalle-perfil {
    display: flex;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 2px solid #C2C6CE;
    background-color: #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    color: #161637;
    padding: 13px;
    width: 350px;
    box-shadow: unset;
}
#divReporte .titulosHeaderContainerFlex {
    margin-bottom: 30px;
   
}
.projectStyle {
    font-size: 12px!important;
    font-style: normal!important;
    letter-spacing: normal!important;
}

.bordeDivide_box {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #CCCCCC;
}

.semaforo_ACTIVE {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #1A93C7;
    background: #2babe4;
}

.semaforo_OK {
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    border: 1px solid #336633;
    background: #D6EAD6;
}

.semaforo_WARNING {
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    border: 1px solid #E6D53D;
    background: #E6D53D;
}

.semaforo_BAD {
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
    border: 1px solid #CC0000;
    background: #CC0000;
}

.divNI_bordeImp {
    border-width: 2px !important;
}

.bgBlanco_hover{
    background-color: #FFFFFF !important;
}

.bgBlanco_hover:hover{
    background-color: #FFFFFF !important;
}

.trHighlight{
    background-color: #F5EBD6 !important;
}