﻿#contenido-ruedas {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

#selector-clase-vehiculo {
    display: flex;
    justify-content: center;
}

    #selector-clase-vehiculo #vehiculo-clase {
        width: 60em;
        max-width: 100%;
    }

#selector-ruedas-vehiculo {
    flex: 1;
    padding: 5%;
}

#selector-ruedas-bottom-sheet .z0-bottom-sheet-title {
    margin-top: 1%;
    margin-bottom: 1%;
}

#acciones-ruedas {
    display: flex;
    justify-content: flex-end;
    height: 10%;
}

    #acciones-ruedas button {
        min-width: 10em;
        width: 20%;
        margin-left: calc(0.5em + 1%);
    }

#ruedas-btn-cancelar {
    border-color: lightgray;
}

#dialogo-condiciones-uso,
#dialogo-politica-privacidad {
    width: 80vw;
}

    #dialogo-condiciones-uso .z0-dialog-content,
    #dialogo-politica-privacidad .z0-dialog-content {
        white-space: break-spaces;
        max-height: calc(80 * var(--vh, 1vh));
        overflow-y: scroll;
    }

@media screen and (max-width: 425px) {
    #vehiculo-operaciones {
        height: calc(35 * var(--vh, 1vh));
    }

        #vehiculo-operaciones .z0-operations-selector-list {
            max-height: calc(30 * var(--vh, 1vh));
        }

        #vehiculo-operaciones .z0-operation {
            min-width: 100%;
            min-height: 2.5em;
            height: calc(5 * var(--vh, 1vh));
        }

            #vehiculo-operaciones .z0-operation .z0-operation-checkbox {
                font-size: 75%;
            }

    #dialogo-condiciones-uso,
    #dialogo-politica-privacidad {
        width: 100vw;
    }
}
