select {
    height: calc(1.5em + .75rem + -2px) !important;
    font-size: 0.95rem !important;
    padding: 0 !important;
    padding-left: 6px !important;
}

.custom-file-label::after {
    content: "Buscar";
}

.card-header.shadow, .accordion .card .card-header, .custom-control-label, .cursor-p {
    cursor: pointer !important;
}

.cursor-g {
    cursor: grabbing;
}

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

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

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

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

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

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

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

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

.vh-80 {
    height: 80.9vh;
}

.mw-10 {
    max-width: 10% !important;
}

.mw-90 {
    max-width: 90% !important;
}

.mw-80 {
    max-width: 80% !important;
}

.mw-550 {
    max-width: 550px !important;
}

.mw-600 {
    max-width: 600px !important;
}

.mw-650 {
    max-width: 650px !important;
}

.mw-1000 {
    max-width: 1000px !important;
}

.mw-1100 {
    max-width: 1100px !important;
}

.mw-1200 {
    max-width: 1200px !important;
}

.mw-1300 {
    max-width: 1300px !important;
}

.mw-1400 {
    max-width: 1400px !important;
}

.color-black {
    color: black !important;
}

.container-fluid {
    width: auto !important;
}

.font-size-0-8 {
    font-size: 0.8rem !important;
}

.font-size-1 {
    font-size: 1rem !important;
}

.font-size-1-25 {
    font-size: 1.25rem !important;
}

.bootstrap-select .dropdown-menu li a span.text {
    font-size: 1.1rem !important;
}

.bootstrap-select .dropdown-menu {
    width: 100%;
}

.bootstrap-select button {
    line-height: 1.2 !important;
    font-size: 0.95rem !important;
    background-color: transparent;
}

.bootstrap-select button:hover {
    background-color: transparent;
}

.show > .btn-light.dropdown-toggle {
    background-color: #fff !important;
    border-color: #6c757d !important;
    outline: 0 !important;
    /*box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;*/
}

.bootstrap-select > .btn-light:focus {
    background-color: #fff !important;
    border-color: #6c757d !important;
    outline: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    box-shadow: none !important;
    /*box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%) !important;*/
}

.bootstrap-select > .btn-light:hover {
    border-color: #6c757d !important;
    transition: border-color .15s ease-in-out;
}

/* Si se quiere cambiar el css de los select cuando mantienes clicado (focus) */
.show > .btn-light.dropdown-toggle:focus {
    /*color: #495057;*/
    background-color: #fff;
    border-color: #6c757d;
    outline: 0;
    /*box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);*/
}

.dropdown-toggle {
    display: inherit !important;
    padding-right: 20px;
}

.dropdown-toggle::after {
    margin-left: 0 !important;
}

.form-control {
    display: inline-block !important;
}

.form-control:not(textarea) {
    height: calc(1.5em + .75rem + -5px) !important;
}

.form-group {
    margin-bottom: 0.6rem;
}

.form-row.input-group, .row.input-group {
    width: auto;
}

.inline {
    display: inline-block;
}

.datepicker {
    padding: 0;
    /*transform: translateY(70px);*/
}

.badge {
    white-space: normal;
    font-size: 100%;
}

a.badge {
    color: white !important;
}

.btn-light {
    border-color: #bdc0c2;
}

.btn-warning{
    color:#6c757d !IMPORTANT;
}

.btn-secondary{
    color:#ffc107 !IMPORTANT;
}

[type="button"].close, [type="reset"].close, [type="submit"].close, button.close {
    -webkit-appearance: none;
}

/*}*/
/*border-color: #bdc0c2 #bdc0c2 #fff !important;*/
/*border-color: #6c757d #6c757d #fff !important;*/

/* MANTENER EL ORDEN DE LOS SELECTORES PARA QUE FUNCIONE CORRECTAMENTE */
.nav-tabs {
    border-bottom-color: #bdc0c2 !important;
}

.nav-tabs .nav-link:focus {
    border-color: #bdc0c2 !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border-color: #bdc0c2 #bdc0c2 #fff !important;
}

.nav-tabs .nav-link:hover:not(.active) {
    border-color: #bdc0c2 !important;
}

/* Este cambia el color de selección de los select/dropwdowns, se puede poner sólo para los nav-tabs de quererlo */
.dropdown-item.active, .dropdown-item:active {
    background-color: #bdc0c2;
    color: black;
}

/* Para el dropwdown de Formación Ocupacional */
.nav-tabs .nav-item.dropdown {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.nav-tabs .nav-item.dropdown.show {
    border-color: #bdc0c2 #bdc0c2 #fff !important;
}
.nav-tabs .nav-item.dropdown:hover:not(.dropdownSeleccionado) {
    border-color: #bdc0c2 !important;
}

.nav-tabs .nav-item.dropdown .nav-link.dropdown-toggle{
    border: none;
}

.dropdownSeleccionado {
    border-color: #bdc0c2 #bdc0c2 #fff !important;
}
/* Para el dropwdown de Formación Ocupacional */


/*nav-link dropdown-toggle*/
/* MANTENER EL ORDEN DE LOS SELECTORES PARA QUE FUNCIONE CORRECTAMENTE */

label {
    margin-bottom: 0;
}

.dataTables_wrapper {
    overflow-x: auto;
}

.dataTables_filter, .dataTables_info, .dataTables_length, .dataTables_paginate {
    position: sticky;
    left: 0;
}

.dataTables_filter, .dataTables_paginate {
    float: initial !important;
}

.dataTables_length {
    z-index: 1;
}

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

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px !important;
    text-align: center;
    font-size: 12px;
    line-height: 1.42857;
}

.justify-content-evenly {
    justify-content: space-evenly;
}

.sticky-top {
    z-index: 0 !important;
    /* Por defecto top es 0, así que le sobrescribimos la propiedad para darle un poco de separación*/
    top: 8px;
}

@media (min-width: 1200px) {
    .sticky-xl-top {
        position: -webkit-sticky;
        position: sticky;
        /*top: 0;*/
        top: 8px;
        z-index: 1020;
    }
}