@import 'variablesGlobales.css';

.contenedor_tikect{
    width: 100%;
    height: 100%;
    display: contents;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contenedor_Solicitar_Turno{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contentForm{
    border-radius: 15px;
    padding: 2%;
    width: 58%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    background-color: #F2F4F4;
}
.tikect{
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    width: 40%;
    height: 41%;
    padding: 15px;
    border-radius: 15px;
    background-color: #F2F4F4;
}
.tikectreal{
    color:#65656A;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 60%;
    height: 74%;
    border-radius: 25px 25px 0px 0px;
    margin-top: 102px;
    -webkit-box-shadow: -1px 23px 87px -8px rgba(0,0,0,0.64);
    -moz-box-shadow: -1px 23px 87px -8px rgba(0,0,0,0.64);
    box-shadow: -1px 23px 87px -8px rgba(0,0,0,0.64);
}
.headerTicket{
    height: 15%;
    background-color: var(--colorAzulClaro);
    position: relative;
    border-radius: 25px 25px 0px 0px;
}
.lineInformationTicket{
    width: 369px;
    height: 58px;
    border-bottom: 2px dotted var(--colorPrincipal);
}
.Datos_SolicitudTicket{
    width: 37%;
    height: 53%;
    background-color: #F2F4F4;
    flex-direction: column;
    color: #65656A;
    display: flex;
    align-items: center;
}
.Datos_Solicitud{
    width: 37%;
    height: 53%;
    margin-top: 7%;
    background-color: #F2F4F4;
    color: #65656A;
    justify-content: center;
    display: flex;
    align-items: center;
}
.tikect1{
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    width: 20vw;
    height: 24%;
    background-repeat: no-repeat;
    background-size: 100%;
}
h4{
    margin: 0%;
    padding: 0%;
}
h2{
    margin: 0%;
    padding: 0%;
}
h1{
    margin-top: 20%;
    padding: 0%;
}
@media screen and (min-width: 200px) and (max-width: 730px){
    .tikect{
        display: flex;
        flex-direction: column;
        justify-content:flex-start;
        margin-left: -40%;
        width: 60vw;
        height: 90%;
        background-image: url("../image/tiquetee.png");
        background-repeat: no-repeat;
        background-size: 100%;
    }
}