* {
    box-sizing: border-box;
    font-family:'Roboto', sans-serief;
    font-size: 15px;
    outline: none;
    margin: 0;
}

html, body {
    height: 100%;
    width: 100%;
}

.app {
    height: 100%;
    width: 100%;
}

/* Links */

a {
    color: #2196f3;
    text-decoration: none;
}

/* Screen */

.tabbed-screen > .tabs > .selected {
    border-bottom: 2px solid red !important;
}

.tabbed-screen > .tabs > .selected:hover {
    border-bottom: 2px solid #465f97 !important;
}

/* Buttons */

.button-blue {
    background-color: #465f97 !important;
    color: white !important;
}

.button-red {
    background-color: #f44336 !important;
    color: white !important;
}

.button-danger {
    border: 1px solid #F44336 !important;
    color: #F44336 !important;
    font-weight: normal !important;
}

.button-success {
    background-color: #4CAF50 !important;
    color: white !important;
}

.button-success-invert {
    background-color: white !important;
    border: 1px solid #4CAF50 !important;
    color: #4CAF50 !important;
}

.button-light-blue-invert {
    background-color: white !important;
    border: 1px solid #2196f3 !important;
    color: #2196f3 !important;
}

.button-white-invert {
    background-color: transparent !important;
    border: 1px solid white !important;
    color: white !important;
}

/* Badges */

.badge-green {
    background-color: #4CAF50 !important;
}

.badge-red {
    background-color: #f44336 !important;
    color: white;
}

/* Form */

.form-input {
    appearance: auto !important;
}

.form-input:focus {
    border: 1px solid #465f97 !important;
}

.form-select:focus {
    border: 1px solid #465f97 !important;
}

.form-text-area:focus {
    border: 1px solid #465f97 !important;
}

/* Tablas */

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

.tabla > thead > tr > th {
    background-color: white;
    border-bottom: 2px solid rgba(0,0,0,.1);
    height: 50px;
}

.tabla > tbody > tr > td {
    background-color: white;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px;
}

/* Colores */

.background-azul-claro {
    background-color: #def0ff !important;
}

/* Fondos */

.fondo-patron-gris {
    background-image: url(../Images/fondo-gris.png);
    background-size: 300px;
}

.fondo-patron-blanco {
    background-image: url(../Images/fondo-gris.png);
    background-size: 400px;
}

/* Botónes iconos */

/* Alertas */

.alerta-amarillo {
    background-color: #ffeba8;
}

.alerta-verde {
    background-color: #e1f5d3;
}

.alerta-rojo {
    background-color: #ffd4d5;
}

.alerta-azul {
    background-color: aliceblue;
}