/*.form-group {*/
    /*position: relative;*/
/*}*/

/*.form-group + .form-group {*/
    /*margin-top: 30px;*/
/*}*/

/*.form-input {*/
    /*position: relative;*/
    /*!*padding: 12px 0px 5px 0;*!*/
    /*!*width: 100%;*!*/
    /*!*outline: 0;*!*/
    /*!*border: 0;*!*/
    /*!*box-shadow: 0 1px 0 0 #e5e5e5;*!*/
    /*transition: box-shadow 150ms ease-out;*/
/*}*/

#idDetalleOferta, #idDetalleEmpresa {
    white-space: pre-line;
}

.form-input:focus {
    /*box-shadow: 0 2px 0 0 blue;*/

}

.form-input.filled {
    /*box-shadow: 0 2px 0 0 lightgreen;*/
}

.form-label {
    position: absolute;
    left: 18px;
    top: 4px;
    color: #999;
    background-color: #fff;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transform: translateY(-100%);
    font-size: .75em;
}

.focused .form-label {
    transform: translateY(-100%);
    font-size: .75em;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select .dropdown-item:focus {
    outline: none !important;
}

.custom-file-label {
    color: #999;
}

/*.nube{*/
    /*border-radius: 6px;*/
    /*color: white;*/
    /*text-shadow:1px 0.01px rgb(0 0 0 / 10%);*/
    /*margin-bottom: 2px !important;*/
    /*margin-left: 2px !important;*/
    /*margin-right: 2px !important;*/
    /*margin-top: 2px !important;*/
/*}*/

.bloqueCandidatosCarrusel, .bloqueEmpresasCarrusel, .bloqueOfertasCarrusel{
    background-color: rgba(255,255,255,.5);
    display: block;
    position: relative;
    top: -150px;
    padding: 5px;
}

.cabeceraImagen{
    width: 100%;
    max-height: 250px;
    object-fit: cover;
}

.logoImagen {
    width: 250px;
    max-height: 250px;
    object-fit: cover;
}

.box img{
    width: 100%;
    height: auto;
}
@supports(object-fit: cover){
    .box img{
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

.balloon{
    border-radius: 5px;
}

.balloon:before {
    content:"";
    width: 0;
    height: 0;
    position: absolute;
    margin: -17px 0 0 390px;
    border-bottom: 20px solid white;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
}
/*
.badge{
    font-size: 1rem !important;
    vertical-align: middle !important;
    text-align: center !important;
    line-height: inherit !important;
}
*/

.margenTop10{
    margin-top: 10px;
}

.margenDer10{
    margin-right: 10px;
}

.margenTop35{
    margin-top: 35px;
}

.margenDer25{
    margin-right: 25px;
}

.margenIzq25{
    margin-left: 25px;
}

.margenBottom10{
    margin-bottom: 10px;
}
.dt-center{
    text-align: center;
}


.eliminaCaracteristicasDataTables{
   box-shadow:  0 0rem 1rem rgb(0 0 0 / 0%) !important
}

.classBotonWarning{
    background-color: aliceblue !IMPORTANT;
    border-color: aliceblue !IMPORTANT;
    color:#004254 !IMPORTANT;
    text-align: center !IMPORTANT;
    vertical-align: middle !IMPORTANT;
    font-weight: 400 !IMPORTANT;
    border: 1px solid transparent !IMPORTANT;
    font-size: 14px !IMPORTANT;
}

.classBotonInfo{
    background-color: #007bff !IMPORTANT;
    border-color: #007bff !IMPORTANT;
    color:white !IMPORTANT;
    text-align: center !IMPORTANT;
    vertical-align: middle !IMPORTANT;
    font-weight: 400 !IMPORTANT;
    border: 1px solid transparent !IMPORTANT;
    font-size: 1rem !IMPORTANT;
}

.modalCertificado{
    height: 800px;
    overflow-y: auto;
}

.cuerpoCard{
    max-height: 250px;
    overflow-y: auto;
}

/*
.cuerpoCardTable{
    max-height: 700px;
    min-height: 700px;
    overflow-y: auto;
}
*/

.aliniamientoSuperior{
    vertical-align: top;
}

.table{
    color:#004254 !important
}

.table thead th{
    color:#004254 !important
}

.verticalAlignMiddle{
    vertical-align: middle !important;
}

.modalPantallaCompleta{
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 70%;
}

.colorFondoFuera{
    background-color: ghostwhite;
}

.colorFondoDentro{
    background-color: white;
}

.modalBodyOverFlowY{
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.boxShadow, .colShadow {
    background-color: white !important;
}

.modal-backdrop {
    background-color:#000;
}

.modal-backdrop.swhow {
    opacity: .5;
}

.modal-backdrop2 {
    background-color:rgba(0, 0, 0, 0.5);
}

.porcentaje-dashboard {
    text-align: center;
    font-size: 60px;
}
.porcentaje-dashboard-total {
    text-align: center;
    font-size: 25px;
}

hr{
    border-top: 5px solid rgba(0,0,0,.1) !important;
}

.botonCerrarXGrande{
    font-size: 2.0rem !important;
    font-weight: 800 !important;
}

.ml-2-4 {
    margin-left: 2.4rem !important;
}