@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;
}

div.datos-ticket{
    display: flex;
}

/*input.datos{
    width: 350px;
}*/

div.content-datos-ticket{
    height: 450px;
}

gmp-map {
    height: 40%;
    margin-left: 30px;
    margin-top: 10px;
    width: 1000px;
}

#observaciones{
    width: 1000px;
}

.asunto-ticket{
    font-size: 30px;
}

@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;
    }
    div.datos-ticket{
        display: block;
    }

    /*div.content-datos-ticket{
        height: max-content;
    }**/

    #descripcion{
        width: 350px;
    }

    #lbsolucion{
        width: 150px;
    }

    #comentarios{
        width: 350px;
    }

    #lbsolucion{
        width: 350px;
    }

    #observaciones{
        width: 340px;
    }

    gmp-map{
        width: 350px;
    }

    .asunto-ticket{
        font-size: 20px
    }
}

div.titulo-ticket{
    height: 50px;
    border-radius: 10px 10px 10px 10px;
    background: #FFFFFF;
    margin-top: 30px
}