@font-face {
    font-family: 'Agena';
    src: url('../fonts/AgenaDisplay-Regular.otf');
}

@font-face {
    font-family: 'Agena-Bold';
    src: url('../fonts/AgenaDisplay-Bold.otf');
}

@font-face {
    font-family: 'Agena-Light';
    src: url('../fonts/AgenaDisplay-Light.otf');
}

strong{
    font-family: 'Agena-Bold' , serif !important;
}

* {
    font-family: Agena, serif !important;
}

.fw-bold{
    font-family: Agena-Bold, serif !important;
}

.mainColor {
    color: #000000;
}

.mainBgColor {
    background-color: #000000;
}

body {
    background-color: #F3F4F6;
    padding-bottom: 30px;
}

table tr {
    height: 40px;
    vertical-align: middle;

}

table * {
    font-size: 14px
}

p, a {
    font-size: 14px !important;
}

p {
    margin-bottom: 0;
    color: #000000;
}

.letraPeq {
    font-size: 12px !important;
}

.pointer {
    cursor: pointer;
}

.selectizeSearch {
    width: 100%;
}

.option {
    height: 38px;
    display: flex;
    align-items: center;
}

.selectize-input {
    box-shadow: none;
    border-radius: 5px;
    height: 38px;
}

.selectizeSearchBig .selectize-input {
    font-size: 1rem;
    height: 58px;
    display: flex;
    align-items: center;
}

.columnaEstadoTalentos {
    height: calc(100vh - 150px);
    overflow: scroll;
}

.border-secondary {
    border-color: #CFD4D9 !important;
}

.scrollFiltros {
    max-height: calc(100vh - 360px);
    overflow: scroll;
}

.scrollTalentos {
    max-height: calc(100vh - 300px);
    overflow: scroll;
}


.selectizeSearch {
    width: 100%;
}

.option {
    height: 38px;
    display: flex;
    align-items: center;
}

.selectize-input {
    box-shadow: none;
    border-radius: 5px;
    height: 38px;
}

*{
    border-radius: 0 !important;
}

.selectizeSearchBig .selectize-input {
    font-size: 1rem;
    height: 58px;
    display: flex;
    align-items: center;
}

.placeHolderSelectize {
    position: absolute;
    color: #6F7174;
    z-index: 500;
    font-weight: lighter;
    top: 6px;
    left: 10px
}

.elipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 120px;
}

.item {
    margin-top: 13px !important;
}

input[type="select-one"]{
    margin-top: 17px !important;
    font-size: 16px;
}

.scrollhabilidades{
    max-height: 200px;
    overflow-y: scroll;
}

/* Personaliza el tamaño y el color de la barra de desplazamiento */
.scrollhabilidades::-webkit-scrollbar {
    width: 5px; /* o el grosor que desees */
}

/* Personaliza el fondo de la barra de desplazamiento (opcional) */
.scrollhabilidades::-webkit-scrollbar-track {
    background: #ffffff; /* o el color de fondo que prefieras */
}

/* Personaliza el thumb de la barra de desplazamiento */
.scrollhabilidades::-webkit-scrollbar-thumb {
    background: #888; /* o el color que prefieras */
}

/* Cambia el color del thumb al pasar el mouse por encima */
.scrollhabilidades::-webkit-scrollbar-thumb:hover {
    background: #020202; /* o el color que prefieras para el hover */
}