/* GENERAL */
*{
    font-family: Poppins;
}
.heigth-100{
    height: 100%;;
}

.border-solid{
    border-style: solid;
}

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

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

div#kt_app_wrapper .border-right{
    border-right: 2px solid #DBDBE5 !important;
}
.border-color-DBDBE5{
    border-color: #DBDBE5 !important;
}

.boder-color-CED3DB{
    border-color: #CED3DB;
}

.boder-color-D8D8D8{
    border-color: #D8D8D8;
}

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

.notificacion-verde{
    position: relative;
    border: 1px solid #B8EA96;
}
.notificacion-verde #icono-notificacion{
    position: absolute;
    background-color: #B8EA96;
    height: 8px;
    width: 8px;
    top: -3px;
    right: -4px;
}

.text-color-00CDD8{
    color: #00CDD8 !important;
}
.background-color-00CDD8{
    background-color: #4FEAF2 !important;
}

.text-color-4A58FF{
    color: #4A58FF;
}

.background-color-306C92{
    background-color: #306C92 !important;
}

.text-color-306C92{
    color: #306C92 !important;
}

.text-color-788BA2{
    color: #788BA2;
}
.background-color-788BA2{
    background-color: #788BA2;
}
.text-color-7C98AA{
    color: #7C98AA;
}

.background-color-FFB641{
    background-color: #FFB641;
}

.text-color-FFB641{
    color: #FFB641;
}

.background-gradient-F8AF4D-F2645D{
    background: transparent linear-gradient(266deg, #F8AF4D 0%, #F2645D 100%) 0% 0% no-repeat padding-box;
}

.text-color-7C98AA{
    color: #7C98AA;
}

.background-color-F2645D{
    background-color: #F2645D;
}

/* IMÁGENES */

.object-fit-cover{
    object-fit: cover;
}

/* MENU */
.menu-link:hover span i , .menu-link:hover span {
    color: #ffc700 !important;
}

.menu-seleccionado{
    border-left: 3px solid #ffc700;
    border-radius: 0 !important;
}
.menu-seleccionado:hover{
    background-color: transparent;
    /* pointer-events: none; */
}
.menu-seleccionado span,.menu-seleccionado span i{
    color: #ffc700 !important;
}


/* SEARCH */
.input-search{
    width: 100%;
}
.input-search:focus-visible{
    outline: none;
}

#icono-search{
    background: transparent linear-gradient(222deg, #F8AF4D 0%, #F2645D 100%) 0% 0% no-repeat padding-box;
    width: 40px;
    height: 34px;
    cursor: pointer;
}

/* FORM */
.input-form{
    padding: 15px;
}
.button-save{
    background: transparent linear-gradient(266deg, #F8AF4D 0%, #F2645D 100%) 0% 0% no-repeat padding-box;
    transition: 0.5s;
}
.button-save:hover{
    transform: scale(1.01);
}
.button-save:active{
    transform: scale(0.99);
}

.button-add{
    background: transparent linear-gradient(266deg, #F8AF4D 0%, #F2645D 100%) 0% 0% no-repeat padding-box;
}
.button-legend {
    background: transparent linear-gradient(266deg, #F8AF4D 0%, #F2645D 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    left: 50%;
    /* left: 26%; */
    bottom: 0;
    /*transform: translate(-16%, 50%);*/
    transform: translate(-50%, 50%);
}


/* INPUT EMPRESA */
.button-file{
    border: 1px dashed #306C92;
    background-color: #E3FEFF;
}

/* FORM OFERTA */
.del-requisito{
    color: #f37559 !important;
    cursor: pointer;
}

.btn-collapse{
    width: 20px;
    height: 20px;
    padding: 10px;
}

/* ALERT */
#cont-alertas{
    position: sticky;
    top: 10px;
    z-index:1;
}

/* BOTONES STICKY */
.botones-sticky{
    height: 60px;
}

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

/* SCROLL VALORACION */

@media screen and (min-width: 1400px) {
    .h-95{
        height: 95%;
    }
    
    .h-93{
        height: 93%;
    }
    
    .h-90{
        height: 90%;
    }
    
    .h-65{
        height: 65%;
    }
    
    .h-5{
        height: 5%;
    }
    .scroll-content{
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

/* NOTIFICACION */

.notificaciones{
    position:fixed;
    top:0;
}
.badge-notificacion{
    position: absolute;
    top: -5px;
    right: -5px;
}


#collapse-etiquetas{
    border-radius: 10px;
    box-shadow: 0px 10px 25px #306C924D;
}
#collapse-etiquetas input[type=checkbox]{
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border: 1px solid #306C92 ;
    background-image: radial-gradient(#306C92 30%, #fff 30%);
}
#collapse-etiquetas input[type=checkbox]:checked{
    background-image: radial-gradient(#306C92  50%, #fff 60%);
}


.cont-color-etiqueta-index{
    width: 100px;
    height: 20px;
    border-radius: 20px;
}
.colors-etiqueta label{
    display: none;
}
.colors-etiqueta input[type=radio]{
    margin-right: 5px;
    margin-bottom: 5px;
    width: 100px;
    height: 20px;
    border-radius: 20px;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    /* border: 1px solid #1466C3; */
    /* background-image: radial-gradient(#BFD3FA 30%, #fff 30%); */
}
.colors-etiqueta input[type=radio]:checked{
    /* border: 3px solid #3362b1; */
    border: 3px solid #000;
}

/* FULL CALENDAR */
.fc-button-primary.fc-button-active{
    color:#000000 !important;
    background-color: #FFB641 !important;
}
.fc-today-button.fc-button.fc-button-primary,
.fc-prev-button.fc-button.fc-button-primary,
.fc-next-button.fc-button.fc-button-primary{
    background-color: transparent !important;
    color: #FFB641 !important;
    padding: 5px !important;
    margin: 0;
}
.fc-daygrid-event.fc-daygrid-dot-event.fc-event.fc-event-draggable.fc-event-resizable.fc-event-start.fc-event-end.fc-event-today,
.fc-v-event,
.fc-h-event,
.fc-event-main,
.fc-event-main-frame,
.fc-event-title-container,
.fc-event-title.fc-sticky{
    color: white !important;
    background-color: #FFB641 !important;
    border:1px solid #FFB641 !important;
    white-space: normal;
    line-height: 15px
}
.fc-event-main{
    padding: 1px !important;
}

.gap-4px{
    gap: 4px;
}

.caja-paginador{
    background-color: white;
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    font-weight: bold;
}

.btn-plus{
    border-radius: 121px !important;
    width: 53.44px;
    height: 53.44px;
    font-size: x-large;
}

.reloj-informes{
    position: absolute;
    top: 0%;
    right: 6%;
}