:root {
    --light: #f8f9fa;
    --medium: #6c757d;
    --dark: #2a2d31;
    --darker: #222528;
}

@font-face {
    font-family: 'DM_Sans';
    src: url(../fonts/DM_Sans/DMSans-VariableFont_opsz,wght.ttf);
}

@font-face {
    font-family: 'Zilla_Slab_Light';
    src: url(../fonts/Zilla_Slab/ZillaSlab-Light.ttf);
}

@font-face {
    font-family: 'Zilla_Slab_Medium';
    src: url(../fonts/Zilla_Slab/ZillaSlab-Medium.ttf);
}

@font-face {
    font-family: 'Zilla_Slab_Bold';
    src: url(../fonts/Zilla_Slab/ZillaSlab-Bold.ttf);
}

@font-face {
    font-family: 'Gotham_Bold';
    src: url(../fonts/Gotham/Gotham-Bold.otf);
}
@font-face {
    font-family: 'Gotham_Medium';
    src: url(../fonts/Gotham/Gotham-Medium.otf);
}@font-face {
    font-family: 'Gotham_Book';
    src: url(../fonts/Gotham/Gotham-Book.otf);
}
@font-face {
    font-family: 'Gotham_Thin';
    src: url(../fonts/Gotham/Gotham-Thin.otf);
}

body {
    font-family: 'DM_Sans', sans-serif;
}

.zilla_slab_light {
    font-family: 'Zilla_Slab_Light', serif;
}

.zilla_slab_medium {
    font-family: 'Zilla_Slab_Medium', serif;
}

.zilla_slab_bold {
    font-family: 'Zilla_Slab_Bold', serif;
}


.nav-link.active {
    background-color: var(--gray) !important;
    border-radius: 0.25rem;
    color: var(--white);
}

.nav-link:hover.active {
    background-color: var(--gray) !important;
    border-radius: 0.25rem;
    color: var(--white);
}

.menu_title {
    color: var(--medium);
}

.menu_item {
    color: var(--dark);
}

.menu_item:hover {
    color: var(--medium);
}

.menu_icon {
    width: 20px;
    text-align: center;
}

@media only screen and (min-width: 1400px) {
    .container-jumbotron {
        margin-left: 176px;
    }

    .container-row {
        margin: 0 200px;
    }
}

.cursos-borrar {
    color: var(--danger);
}

.cursos-borrar:hover {
    color: white;
}


.placeholder-font-12::placeholder {
    font-size: 12px;
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--dark);
    /* Cambia este color al que prefieras */
    border-color: var(--darker)
        /* Cambia este color al que prefieras */
}

.custom-control-input~.custom-control-label::before {
    background-color: var(--light);
    /* Color del switch cuando no está activado */
}


.custom-control-input:checked~.custom-control-label::after {
    background-color: white;
    /* Color del handle del switch */
}

.highcharts-title,
.tspan {
    font-family: 'DM_Sans', sans-serif !important;
}

.activity-box {
    display: block;
    padding: .75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125);
}

.activity-box:first-child {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.activity-box:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

@media only screen and (min-width: 768px) {
    .sep-entradas {
        display: none;
    }
}

.sep-entradas {
    margin-top: 24px;
    margin-bottom: -12px;
}


.margin-center {
    margin-left: auto;
    margin-right: auto;
}

textarea.md-textarea {
    background-color: #f7f7f7;
}

.input-grey {
    background-color: #f7f7f7 !important;
}

.button--wayra:hover {
    border-color: #343a40 !important;
}

.button--wayra::before {
    background: #343a40 !important;
}

.button--wayra.button--inverted:hover {
    color: #343a40 !important;
}

.button--wayra:hover::before {
    background-color: #343a40 !important;
}

.btn-mdb {
    background: #343a40 !important;
}

.btn-mdb:hover {
    background-color: #343a40 !important;
}

.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

div.cs-skin-elastic {
    color: #757575;
}

.cs-select span {
    padding: 0.5em !important;
}

#botoncargando {
    width: 32px;
    margin: auto;
    display: none;
}

.bt_loading {
    width: 32px;
    margin: -6px;
    display: none;
}

.date-input {
    border-bottom: 1px solid #ccc;
}

.file-label {
    width: 300px;
    margin-top: 20px !important;
}

/*font-size*/
.fs-060 {
    font-size: 0.6em !important;
}

.fs-075 {
    font-size: 0.75em !important;
}

.fs-090 {
    font-size: 0.9em !important;
}

.fs-110 {
    font-size: 1.1em !important;
}

.fs-120 {
    font-size: 1.2em !important;
}

.fs-130 {
    font-size: 1.3em !important;
}

.fs-150 {
    font-size: 1.5em !important;
}

.fs-350 {
    font-size: 3.5em !important;
}

.fs-1200 {
    font-size: 12em !important;
}

.fsp-11 {
    font-size: 11px !important;
}

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

.fsp-14 {
    font-size: 14px !important;
}

.fsp-16 {
    font-size: 16px !important;
}

.fsp-20 {
    font-size: 20px !important;
}

.fsp-22 {
    font-size: 22px !important;
}

.fsp-26 {
    font-size: 26px !important;
}

.fsp-40 {
    font-size: 40px !important;
}

/*width*/
.w-15 {
    width: 15px !important;
}

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

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

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

.miw-225 {
    min-width: 225px !important;
}

/*color*/

.color-error {
    color: #DD8888;
}

.color-grey {
    color: #666666;
}

/*border-radius*/

.br-5 {
    border-radius: 5px !important;
}

.readonly {
    background-color: #e8ffeb !important;
}

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

.navbar a:hover {
    text-decoration: underline;
}

body {
    padding-top: 0px !important;
    background-color: #f8f9fa;
}

.container-main {
    min-height: 80vh;
}

.jumbotron {
    background-color: #2a2d31;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    border-radius: 0 !important;
}

.model-dialog-activities {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

.nav-pills .nav-link {
    border-radius: 1.5rem;
    background-color: #ffffff;
    margin-bottom: 5px;
    text-align: center;
    color: #2a2d31;
}

.nav-pills .nav-link.active {
    background-color: #2a2d31 !important;
}

.dropdown-toggle::after {
    display: none;
}

.btn-xs {
    padding: .1rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.card-header {
    padding: .25rem 1rem;
}

/*.progress {*/
/*    background-color: #798082;*/
/*}*/

.highcharts-credits {
    display: none;
}

.col-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.form-signin {
    margin: 0px auto;
    max-width: 400px;
}

#grafica {
    min-width: 310px;
    height: 300px;
}

#grafica2 {
    width: 100%;
    height: 400px;
}

#grafica3 {
    min-width: 310px;
    height: 600px
}

#grafica4 {
    width: 100%;
    height: 400px;
}

.tab_plazas {
    background-color: #262b2e88;
    font-size: 20px;
    width: 75%
}

.grafica_plazas_actividad {
    min-width: 310px;
    height: 300px;
}

.list-group .list-group-item .type1 {
    float: left;
    padding-top: 0px;
    margin-right: 5px;
    font-size: 0.7em;
}

.list-group .list-group-item .type2 {
    float: right;
}

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



.iban .input-group-text {
    padding: 5px;
}

.iban .input-group-prepend {
    padding: 5px;
}

.btn-a {
    align-items: center;
    display: inline-flex;
    justify-content: center;
}

.has-danger .form-control[readonly] {
    border-bottom: 1px solid #d9534f;
}

.has-danger .md-form label {
    color: #d9534f;
}
#listaOrden .list-group-item {
    cursor: pointer;
}