*{
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}
:root{
    --blanco: #ffffff;
    --negro: #000000;
    --texto: #4D4D4D;
    --gris: #fafafa;
    --grisoscuro: #A6A6A6;
    --titulos: #0C1421;   
    --general: #313957;
    --naranja: #F2A900;
    --naranjafondo:#FFF7E9;
    --secundario: #FFCE70;
    --azulado: #959CB6;

}
.color-primary{
    color: var(--naranja) !important;
}
.list-color-primary li::marker{
    color: var(--naranja) !important;
}
.bg-orange{
    background-color: var(--naranjafondo) !important;
}
.gris-label{
    color: #808080;
}
a{
    cursor: pointer;
}
.link{
    color: var(--naranja) !important;
    text-decoration: none;
}
.link:hover{
    color: var(--grisoscuro) !important;
}
.link-dark{
    color: var(--titulos) !important;
    text-decoration: none;
}
.link-dark:hover{
    color: var(--naranja) !important;
}
body{
    color:var(--general);
}

.bg-primary {
    background-color: var(--naranja) !important;
}
.bg-grey{
    background-color: #f2f2f2 !important;
}
.bg-dark-grey {
    background: var(--gris) !important;
}
.bg-green {
    background-color: #2DCE89 !important;
}
.bg-high {
    background-color: #DEF3BE !important;
}
.bg-medium {
    background-color: #FFF7E9 !important;
}
.bg-low {
    background-color: #FED9CD !important;
}
h1,h2,h3,h4{
    font-weight: 600;
}
h1{
    font-size: 2.6rem;
}
h2{
    font-size: 2rem;
}
h3{
    font-size: 1.5rem;
}
h4{
    font-size: 1.2rem;
}
h5{
    font-size: 1rem;
}
.borde-inferior{
    border-bottom:1px solid var(--gris);
}
.cursor{
    cursor: pointer;
}
.cuerpo{
    min-height: calc(100vh - 130px);
    padding: 50px 40px;
}
.cuerpo h1,h2,h3,h4{
    font-weight: 500;
}
.cuerpo h1{
    font-size: 1.8rem;
}
.cuerpo h2{
    font-size: 1.8rem;
}
#logotipo-auth img{
    width: 198px;
    height: 47px;
}
.contenedor{
    margin: auto;
    max-width: 1920px;
    padding: 0px;
    width: 100%;
}
.contenido{
    background-color: var(--gris);
    padding:40px;
    width: calc(100% - 250px);
}

.card.sombra{
    border:none;
    -webkit-box-shadow: 0px 1px 2px 0px #33333314;
    -moz-box-shadow: 0px 1px 2px 0px #33333314;
    box-shadow: 0px 1px 2px 0px #33333314;

}
/* MENU LATERAL */
.menu-lateral{
    background-color: #fff;
    padding: 20px 0px;
    width: 250px;
}
.menu-lateral .nav-item .nav-link, .menu-lateral .accordion{
    color: var(--texto);
    border-bottom:1px solid #f2f2f2;
    padding-left:19px;
}
.menu-lateral .accordion {
    padding-left: 0px !important;
}
.menu-lateral .accordion button {
    padding: .5rem 1rem;
}
.menu-lateral .accordion{
    padding-right: 10px;
}
.menu-lateral .accordion-item{
    border: none;
}
.menu-lateral .accordion-body{
    background-color: #FAFAFA;
    padding: 0px;
}
.menu-lateral .accordion-button:not(.collapsed){
    background-color: #fff;
    color: var(--texto);
}
.menu-lateral .accordion-item .nav-link{
    border-top: 1px solid var(--grisoscuro);
    color: var(--texto);
    display: inline-block;
    padding-left:30px;
    width: 100%;
}
.menu-lateral .accordion-item .nav-link.active{
    color: var(--naranja) !important;
}
.menu-lateral .accordion-item .nav-link.disabled {
    opacity: 0.4;
    filter: grayscale();
}
.menu-lateral .accordion-item .nav-item:last-child .nav-link{
    border-bottom: 1px solid var(--grisoscuro);
}
.menu-lateral .accordion-button.collapsed::after{
    background-image: url('/images/plus.svg') !important;
}
.menu-lateral .accordion-button:not(.collapsed)::after {
    background-image: url('/images/plus.svg') !important;
    transform: rotate(-135deg);
}
.menu-lateral .accordion-button:focus{
    border-color: transparent !important;
    box-shadow: none !important;
}
.submenu-lateral{
    width: 250px;
}
.submenu-lateral .nav-link.disabled{
    opacity: 0.4;
    filter: grayscale();
}
.contenido-datos{
    width: calc(100% - 250px);
}
.submenu .nav-item{
    border-bottom: 1px solid #F2F2F2;
    padding: 7px;
}
.submenu .nav-item:has( > .active){
    background-color: #FFB4221A;    
}
.submenu .nav-item .nav-link{
    color: var(--texto);
    display: inline-block;
    min-height: 70px;
    padding: 20px 6px;    
    vertical-align: middle;
    width: 100%;
}
.submenu .nav-item .nav-link{
    border-left: 4px solid transparent;
}
.submenu .nav-item .nav-link.active{
    border-left: 4px solid var(--naranja);
    color: var(--naranja);
}
.submenu .nav-item .nav-link:not(.active) img{
    filter: grayscale(100%) contrast(0%);
}

.menu-lateral .nav-item .active{
    background-color: var(--naranjafondo) !important;
    color: var(--naranja) !important;
}



.avatar{
    display:flex;
    flex-direction: column;
    position: relative;
    width: 150px;
}
.avatar .img-profile{
    width: 150px;
    height: 150px;
    padding: 0;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background-color: var(--gris);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.avatar-mini{
    border: 2px solid var(--naranja);
    border-radius: 50%;
    display:flex;
    flex-direction: column;
    padding: 4px;
    position: relative;
    width: 80px;
    height: 80px;
}
.avatar-mini .img-profile{
    width: 70px;
    height: 70px;
    padding: 0;
    border-radius: 50%;
    background-color: var(--gris);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.avatar-mini.list {
    width: 60px;
    height: 60px;
}
.avatar-mini.list .img-profile{
    width: 50px;
    height: 50px;
}
.bloque-puntos{
    border-left: 3px solid var(--naranja);
    padding:10px 15px;
}
.accordion-button:not(.collapsed){
    background-color: var(--gris);
    color: var(--naranja);
    font-weight: 700;
    box-shadow: none;
    outline: none !important;
    border-top:none;
}
.onboarding .accordion-item{
    border-top:none;
    border-left:none;
    border-right:none;
}
.onboarding .accordion-button img{
    filter: grayscale(1);
}
.onboarding .accordion-button:not(.collapsed) img{
    filter: grayscale(0);
}
.bloque-adjuntos{
    background-color: var(--gris);
    margin:10px 0px;
    padding:15px;
}
.bloque-adjuntos a{
    color:var(--texto);
}
.dragdrop{
    background-color: #FFB4221A;
    border: 1px solid var(--secundario);
    border-radius: 4px;
    min-height: 200px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px;
}
.tooltip-arrow{
    display: none !important;
}
.tooltip-inner {
    background-color: var(--gris);
    border: 1px solid var(--secundario);
    color: var(--texto);
    font-size: 0.8rem;
}
/* SCROLLBAR */

::-webkit-scrollbar {
    width: 10px;
  }
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: var(--secundario);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--naranja);
}
/* BOOTSTRAP */

.form-control{
    background-color: #F5F5F5 !important;
    border-color: #D4D7E3 !important;
    padding:12px;
}

.form-control:focus,
.form-check-input:focus {
    box-shadow: none;
    outline: none !important;
}
.form-check-input:focus {
    border: 1px solid var(--grisoscuro); 
}

.select{
    margin: 0px;
}
.select{
    border: 1px solid #A6A6A6 !important;
    border-radius: 4px;
    padding: 5px; 
}
.select div{
    border:none !important;
}
.form-switch .form-check-input{
    height: 20px;
    width: 35px;
}
.form-check-input:checked,
.form-switch .form-check-input:checked{
    background-color: var(--naranja);
    border: 1px solid var(--secundario); 
}
.cuerpo .form-control{
    border:1px solid #A6A6A6 !important;
    background-color: transparent !important;
}
.cuerpo .border-disabled {
    border:1px solid #A6A6A6 !important;
    background-color: #F5F5F5 !important;
}
.cuerpo .form-control:disabled:not(.border-disabled){
    border-color: var(--gris) !important;
    background-color: #F5F5F5 !important;
}

.light-input .form-control {
    background-color: white !important;
    border: 1px solid #A6A6A6 !important;
}

.light-input .select {
    padding: 4px !important;
    background-color: white !important;
}

.btn{
    border-radius: 5px;
    padding: 12px 30px !important;
    transition: box-shadow 0.3s;
}
.btn-primary{
    background-color: var(--naranja) !important;
    border:1px solid var(--naranja) !important;
    color: var(--blanco) !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus{
    box-shadow: 0 0 10px var(--gris) !important;
}
.btn-secondary{
    background-color: var(--azulado) !important;
    border:1px solid var(--azulado) !important;
    color: var(--blanco) !important;
}
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:focus{
    box-shadow: 0 0 10px var(--gris) !important;
}

.btn-info{
    padding: 10px 5px !important;
    background-color: #1FAEFF !important;
    border:1px solid #1FAEFF !important;
    color: var(--blanco) !important;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus{
    background-color: #1FAEFFAA !important;
    box-shadow: 0 0 10px var(--gris) !important;
}
.btn-success{
    padding: 10px 5px !important;
    background-color: #89CF2B !important;
    border:1px solid #89CF2B !important;
    color: var(--blanco) !important;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus{
    background-color: #89CF2BAA !important;
    box-shadow: 0 0 10px var(--gris) !important;
}
.btn-report{
    padding: 10px 5px !important;
    background-color: #f5f5f5 !important;
    border:1px solid #f5f5f5 !important;
    color: var(--negro) !important;
}
.btn-report:hover,
.btn-report:active,
.btn-report:focus{
    background-color: var(--blanco) !important;
    box-shadow: 0 0 10px #f5f5f5 !important;
    border: 1px solid #f5f5f5 !important;
}
.btn-white {
    border-color: #000000 !important;
    background-color: white !important;
}

.btn-outline-primary, .btn-outline-primary:hover {
    color: var(--naranja) !important;
    border-color: var(--naranja) !important;
    background-color: white !important;
}
.btn-grey {
    background-color: #F2F2F2 !important;
    border-radius: 4px !important;
    padding: 8px !important;
}
/* SWAL VENTANTAS DE ALERTA */
.swal2-confirm{
    background-color: var(--naranja) !important;
    border: 1px solid var(--naranja) !important;
    border-radius: 5px !important;
    color: var(--blanco) !important;
    min-width: 100px !important;
}
.swal2-cancel,
.swal2-deny{
    background-color: transparent !important; 
    border: 1px solid var(--secundario) !important;
    color: var(--naranja) !important;
    min-width: 100px !important;
}
.swal2-cancel:hover,
.swal2-deny:hover{
    background-color: var(--gris) !important;
    border: 1px solid var(--naranja) !important;
    color: var(--naranja) !important;
}
.swal2-confirm:focus,
.swal2-deny:focus,
.swal2-cancel:focus{
    box-shadow: none !important;
    outline: none !important;
}
/* ------------------------------- */

.video-background {
    position: absolute;
    top: 1%;
    left: 0;
    width: 99%;
    height: 98%;
    overflow: hidden;
    display: grid;
    place-items: center;
    z-index: -1;
  }
  
  .video-background video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;    
  }
  
  .text-primary{
    color: var(--naranja-claro) !important;
  }

  .radio-fee{
    accent-color: var(--naranja-claro);
    transition: accent-color .075s;
  }

  .selected-fee{
    border: solid 5px var(--naranja-claro);
    transition: border-width .075s;
  }
  .unselected-fee{
    margin: 4px;
  }
  .dragable{
    touch-action: none;
  }
  .label-checkbox.disabled {
    background-color: #d1d1d1;
  }

/* EYE PASSWORD BUTTON */
.sd-eye {
    position: relative;
    top: -35px;
    left: 95%;
}

/* WYSIWYG EDITOR */
.rdw-editor-main {
    box-sizing: border-box;
    height: 100%;
    overflow: auto;
    border: 1px solid lightgray;
    padding: 5px 10px;
    min-height: 200px;
    position: relative;
    z-index: 0;
}


.leaflet-popup-content{
    font-size: 0.8em !important;
}
/* RANGOS SLIDER */
.rc-slider-handle{
    border: solid 2px var(--azulado) !important;
    background-color: var(--gris) !important;
}
.rc-slider-track{
    background-color: var(--secundario) !important;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #000000 !important;
    box-shadow: 0 0 0 3px var(--secundario) !important;
  }


/* FICHA CANDIDATOS */
.modal-90w{
    width: 90vw;
    max-width: 1800px;
}
.candidate{
    border:none
}
.candidate .columnaIzquierda{
    background-color: #f5f5f5;
    border: none;
}
.candidate .pildora{
    background-color: #fff;
    border-radius: 12px;
    font-size: 0.8rem;
    margin: 3px;
    padding: 8px 14px;
}
.candidate .avatar{
    border: 2px solid var(--naranja);
    border-radius: 50%;
    display:flex;
    flex-direction: column;
    padding: 10px;
    position: relative;
    width: 174px;
    height: 174px;
}
.candidate .avatar .img-profile{
    width: 150px;
    height: 150px;
    padding: 0;
    border-radius: 50%;
    background-color: var(--gris)
}
.candidate h4{
    border-bottom:1px solid var(--grisoscuro);
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.candidate .name h1{
    color: var(--naranja);
}
.candidate .bloque-profesional{
    border-bottom:1px solid var(--grisoscuro);
    padding-bottom: 20px;
    margin-bottom:20px;
}
.candidate .bloque-profesional:last-child{
    border-bottom: none;
}
.candidate .fecha{
    color: var(--naranja);
}
.candidate .tipocontrato{
    background-color: var(--naranjafondo);
    border-radius: 12px;
    color: var(--naranja);
    padding: 8px 15px;
}

.selection .pildora{
    border-radius: 12px;
    font-size: 0.8rem;
    margin: 3px;
    padding: 8px 14px;
}
.selection .pildora.published{
    background-color: #DEF3BE;
}
.selection .pildora.draft{
    background-color:  #F2F2F2;
}
/* DATOS GENERALES SELECCION */
.cuadro-datos-generales .row:nth-child(odd){
    background-color: #F2F2F2;
}
.cuadro-datos-generales .data{
    color: #808080;
}

/* SUBMENU SELECCION */
.selection-submenu {
    border-bottom: 2px solid #CCCCCC;
}

.selection-submenu .nav-item a {
    color: #808080;
}

.selection-submenu a.active {
    font-weight: 700;
}

.selection-submenu a.active::after {
    bottom: -10px;
    content:'';
    display: block;    
    height: 2px;
    position: relative;
    background-color: var(--naranja);
    width: 100%;
}

.c .avatar{
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 2px solid var(--naranja);
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}
.precandidate{
    border:none;
    -webkit-box-shadow: 0px 1px 3px 1px #33333314;
    -moz-box-shadow: 0px 1px 3px 1px #33333314;
    box-shadow: 0px 1px 3px 1px #33333314;
}

.badge{
    font-weight: 500 !important;
    color: #557A1F;
}
.badge.requirements{
    background-color: #FFF7E9 !important;
    border-radius: 12px;
    color:#DE9C1C;
    margin: 3px;
    padding: 8px 14px !important;
}
.candidates{
    border-radius: 30px;
    color: var(--naranja);
    background-color: transparent !important;
    border: 1px solid var(--naranja);
    padding:8px 20px;
}
.inprocess{
    border-radius: 30px;
    color: #557A1F;
    background-color: #DEF3BE !important;
    border: 1px solid #DEF3BE;
    padding:8px 20px;
}
.porcentaje{
    border-radius: 30px;
    padding: 8px;
    width: 60px;
    height: 25px;
}

.grey-with-hover {
    filter: grayscale(1);
}

.grey-with-hover:hover {
    filter: grayscale(0);
}

.normal-with-hover:hover {
    filter: grayscale(1);
}

.avatar .number-info {
    border-radius: 50%;
    color:#fff;
    padding-top:2px;
    font-size:1rem;
    position: absolute;
    z-index: 99;
    top: 10px;
    right: 10px;
    padding-top:5px;
    width: 25px;
    height: 25px;
}
.avatar-mini .number-info {
    border-radius: 50%;
    color:#fff;
    padding-top:2px;
    position: absolute;
    z-index: 99;
    top: 0px;
    right: 0px;
    padding-top:4px;
    width: 20px;
    height: 20px;
}

.text-general {
    color:var(--general);
}
.text-general:hover {
    color:var(--naranja);
}

.selection-status {
    height: 19px;
    width: 19px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.muted {
    filter: grayscale(1)
}

.muted-no-hover {
    filter: grayscale(1);
}

.muted-no-hover:hover {
    filter: grayscale(0);
}

.notification-dot {
    height: 5px;
    width: 5px;
    border-radius: 50%;
}

.chartRequirements{
    max-width: 150px;
}
.weight{
    color:#00000066;
}

/* DATOS AMPLIADOS LISTA DE PROCESOS */
.chartPreviewData{
    max-width: 100px;
}
.previewData{
    background-color: var(--gris);
}
.previewData .card{
    border: none;
    border-radius: 12px;
}


/* CALENDARIOS */
.fc-col-header-cell-cushion{
    color: var(--general);
    text-decoration: none;
}
.fc-daygrid-day-number{
    color: var(--grisoscuro);
    text-decoration: none;
}
.fc-daygrid-day-events .accepted{
    color: var(--naranja) !important;
}
.fc-daygrid-day-events .pending{
    color: var(--grisoscuro) !important;
}
.fc-daygrid-event{
    white-space: normal !important;
}

.fc-event-title{
    font-size: 0.9rem !important;
    font-weight: 300 !important;
}
.fc-daygrid-day-events .accepted .fc-daygrid-event-dot{
    border-color: var(--naranja) !important;
}
.fc-daygrid-day-events .pending .fc-daygrid-event-dot{
    border-color: var(--grisoscuro) !important;
}

/* CÍRCULOS DE ALERTA Y SU CONTENEDOR */
.alert-container {
    position: relative;
    display: inline-block;
}

.alert-badge {
    width: 8px;
    height: 8px;
    background-color: #E03C06;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 1px;
    right: -2px;
}

.w-80 {
    width: 80% !important;
}

.w-65px {
    width: 65px !important;
}

.bg-light-primary {
    background-color: #FFF7E9 !important;
}

.bg-orange {
    background-color: var(--naranja) !important;
}

.bg-muted {
    background-color: #CFD6DC !important;
}

.bg-orange {
    background-color: #F67322 !important;
}

.bg-dark-blue {
    background-color: #11759B !important;
}

.border-muted {
    border-color: #CFD6DC !important;
}

.step-connector {
    flex: 1;
    height: 1px;
    margin: 0 0.5rem;
}

.step-connector-vertical {
    flex: 1;
    height: 32px;
    width: 2px;
    margin: 0 0.6rem;
}

.details-step {
    height: 40px !important;
    width: 40px !important;
    font-size: 1.75rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    color: white !important;
}

.selection-avatar{
    display:flex;
    flex-direction: column;
    position: relative;
    width: 120px;
}
.selection-avatar .img-profile{
    width: 120px;
    height: 120px;
    padding: 0;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background-color: var(--gris)
}

.profile-icons img {
    height: 27px !important;
}

.candidate-header > div:first-child {
    min-width: 114px !important;
}

.candidate-header .row:nth-child(2){
    min-width: 90% !important;
}

.border-md-end {
    border-right: 1px solid #dee2e6 !important;
}

@media (max-width: 992px) {
    .border-md-end {
        border-right: none !important;
    }
}

.text-green {
    color: #2DCE89 !important;
}

.profile-accordion .accordion-button {
    padding: 8px !important;
    border-radius: 0px !important;
    border-bottom: 1px solid !important;
    background-color: white !important;
    color: unset !important;
}

.profile-accordion .accordion-button:focus {
    border-color: unset !important;
    box-shadow: none !important;
}

.profile-accordion .accordion-button::after {
    filter: brightness(0);
}

ul li::marker {
    color: var(--naranja) !important;
}

.pair-colored {
    background-color: #F6F6F6;
}

.pair-colored:nth-child(odd) {
    background-color: white;
}

.p-0 {
    padding: 0px !important;
}