@import "colores.css";

.ticket{
    border-radius: 5px 5px 5px 5px;
    width: 40px;
    height: 20px;
    border: #5c636a solid 1px;
    font-size: 10px;
    text-align: center;
    margin: 3px;
    color: #FFFFFF;
}

.BAJA{
    background: var(--verde);
}

.ALTA{
    background: var(--amarillo);
}

.URGENTE{
    background: var(--rojo-pastel);
}

div.controles{
    display: inline-flex;
    margin-top: 20px;
}

.estatus_ticket{
    width: 500px;
}

div.contentInstalaciones{
    background: #F6F7F7;
    border-radius: 0px 0px 10px 10px;
}

@media screen and (max-width: 630px){
    div.controles{
        display: block;
    }
    .estatus_ticket{
        width: 100%;
    }
    .btn_new_ticket{
        margin-top: 10px;
    }
    .font-ticket{
        font-size: 12px;
    }
}