.elementor-19488 .elementor-element.elementor-element-b99181f{--spacer-size:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19488 .elementor-element.elementor-element-bd83abb{text-align:center;}.elementor-19488 .elementor-element.elementor-element-bd83abb .elementor-heading-title{color:#459067;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-19488 .elementor-element.elementor-element-b3f151f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-19488 .elementor-element.elementor-element-b3f151f .elementor-divider-separator{width:100%;}.elementor-19488 .elementor-element.elementor-element-b3f151f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-19488 .elementor-element.elementor-element-7e3574f > .elementor-container{max-width:1600px;}.elementor-19488 .elementor-element.elementor-element-80df8e0 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-19488 .elementor-element.elementor-element-e1ba16b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}@media(min-width:768px){.elementor-19488 .elementor-element.elementor-element-80df8e0{width:100%;}}/* Start custom CSS for html, class: .elementor-element-e1ba16b */#admin{
    margin-right: 25px;
}

#cerrarSesion{
    float: right;
    width: 200px;
    height: 40px;
    color: white;
    background-color: #FF0000;
    border: 2px solid #FF0000;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

#cerrarSesion:hover{
    background-color: #DD0000;
    border: 2px solid #DD0000;
}

h1{
    color: white;
    font-size: 18px;
    font-weight: bold;
}

label{
    color: #459067;
    font-size: 16px;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
}

input[type="checkbox"]{
    zoom: 1.5;
}

select, input[type="text"], input[type="password"], input[type="email"], input[type="date"], input[type="number"], input[type="color"]{
    width: 100%;
    height: 40px;
    padding: 5px;
    border: 2px solid #CACACA;
    border-radius: 4px;
    align-content: center;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

/* CSS sobre "id01 = admin" */
#id01{
    display: none;
    z-index: 1050;
}

.tabAdmin{
    display: none;
}

#headerAdmin{
    background-color: #459067;
}

#crearTecnico{
    display: flex;
    flex-direction: column;
    align-items: left;
    justify-content: center;
    background-color: #F7F7F7;
    color: #459067;
    font-weight: bold;
    max-height: 500px;
    overflow-y: auto;
}

.btnVerde{
    float: left;
    width: 150px;
    height: 40px;
    color: white;
    background-color: #459067;
    border: 2px solid #459067;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

.btnVerde:hover{
    background-color: #257047;
    border: 2px solid #257047;
}

.btnUbicacion{
    float: left;
    width: 20%;
    min-width: 250px;
    height: 40px;
    color: white;
    background-color: #459067;
    border: 2px solid #459067;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

.btnUbicacion:hover{
    background-color: #257047;
    border: 2px solid #257047;
}

.btnAzul{
    width: 25%;
    height: 40px;
    color: white;
    background-color: #1E8ACE;
    border: 2px solid #1E8ACE;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.btnAzul:hover{
    background-color: #0B72B6;
    border: 2px solid #0B72B6;
}

.btnAzul:disabled{
    background-color: #68BAEE;
    border: 2px solid #68BAEE;
}

.btnRojo{
    width: 25%;
    height: 40px;
    color: white;
    background-color: #FF0000;
    border: 2px solid #FF0000;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.btnRojo:hover{
    background-color: #DD0000;
    border: 2px solid #DD0000;
}

.btnRojo:disabled{
    background-color: #EA5C5C;
    border: 2px solid #EA5C5C;
}

#btnUbicacionCrearCoche, #btnUbicacionModificarCoche, #btnUbicacionPlazaCoche, #btnUbicacionLiberarCoche{
    margin-bottom: 15px;
}

#divModificarTecnico, #divPlazaCrearCoche, #divUbicacionCrearCoche, #divModificarCoche, #divPlazaModificarCoche, #divUbicacionModificarCoche, #divReservarCoche, #divReservarCoche2{
    display: none;
}

#id03{
    display: none;
    z-index: 1050;
}

.texto{
    color: black;
    font-size: 18px;
    font-weight: bold;
}

#id02{
    display: none;
    z-index: 1050;
}

.tabCoches{
    display: none;
}

#borrar{
    height: 40px;
    color: white;
    background-color: #FF0000;
    border: 2px solid #FF0000;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

#borrar:hover{
    background-color: #DD0000;
    border: 2px solid #DD0000;
}

#modificar{
    height: 40px;
    color: white;
    background-color: #1E8ACE;
    border: 2px solid #1E8ACE;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
}

#modificar:hover{
    background-color: #0B72B6;
    border: 2px solid #0B72B6;
}

.tabla{
    width: 100%;
    border-collapse: collapse;
}

.tabla th, .tabla td{
    padding: 10px;
    text-align: center;
    border: 1px solid black;
}

.first-table{
    background-color: #E5F9E8;
    color: black;
    font-weight: bold;
}

.bold-table{
    font-weight: bold;
    color: black;
}

/* Media query para dispositivos móviles */
@media screen and (max-width: 768px){
    #id01, #id02, #id03{
        margin-top: 50px;
    }
    
    #crearTecnico, #borrarTecnico, #modificarTecnico, #crearCoche, #borrarCoche, #modificarCoche, #crearITV, #borrarITV, #modificarITV, #eliminarReservas, #resumen, #reservarCoche, #cancelarCoche, #plazaCoche, #liberarCoche, #kmCoche{
        max-width: 768px;
        max-height: 300px;
        overflow-y: auto;
    }
    
    .btnAzul{
        width: auto;
    }
    
    .btnRojo{
        width: auto;
    }
    
    .btnUbicacion{
        width: auto;
    }
    
    .tabla{
        font-size: 0.6em;
        font-weight: bold;
        color: black;
    }
    
    .first-table{
        font-size: 0.6em;
        font-weight: bold;
        color: black;
    }
}/* End custom CSS */