@import 'components/header.css';
@import 'components/sidebar.css';
@import 'components/forms.css';

body {
    font-family: 'Roboto', system-ui;
    font-size: 13px;
}

h1 {
    font-size: 16px;
    color: #4387fd;
    font-weight: 700;
}
h2 {
    font-size: 14px;
    color: #4387fd;
    font-weight: 700;
}
h3 {
    font-size: 18px;
    font-weight: 600;
}

.bg-blue { background-color: #4387fd !important; }
.blue, b { color: #4387fd !important; }
.dark-blue { color: #2d5caf !important; }
.gray {color: #a3a3a3;}
.dark-gray{ color: #000000a6; }
.error { color: #dc3545 !important; }

.no-border { border: 0px solid; }

.hide { display: none; }

.no-padding { padding: 0px 0px !important; }
.with-padding-10 { padding: 10px !important; }
.with-padding-20 { padding: 20px !important; }

.m-r-0 { margin-right: 0px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-20 { margin-right: 20px !important; }

.m-l-0 { margin-left: 0px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-20 { margin-left: 20px !important; }

.m-t-5 { margin-top: 5px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-40 { margin-top: 40px !important; }

.m-b-0 { margin-bottom: 0px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-40 { margin-bottom: 40px !important; }


.bold { font-weight: 600; }
.small-text { font-size: 11px !important; }
.with-border { border: 1px solid rgb(67, 135, 253, 0.5); }

.icon-actions { font-size: 14px; padding: 0px 4px; }
.icon-actions:hover { opacity: 0.5; }
a.link { text-decoration: none; }
.float-left { float: left !important; }
.float-right { float: right !important; }

#aviso{
    cursor:pointer;
    border:1px solid #555;
    position: fixed;
    bottom: 0;
    z-index: 99999999999999;
    margin-left: 25%;
    margin-right: auto;
    width: 50%;
    float: none;
    text-align: center;
    padding: 10px 20px 16px;
    border-radius: 20px 20px 0 0;
}
#aviso.info{
    background-color:lightblue;
}
#aviso.notificacion{
    background-color:lightgreen;
}
#aviso.advertencia{
    background-color:orange;
}
#aviso.error{
    background-color:red;
    color:#fff;
}
.alt{
    background-color:#e8eeff;
}

.admin-header-menu{
    background-color:#4387fd;
    color:white;
}

.enlace_card, .enlace_card h5{
    font-weight: 300 !important;

}

.btn-h2{
    padding: 10px 0;
}

.icon-log-mail{
    color: #47270a94;
    font-size: 1.5em;
    margin-left: 10px;
}

.tarifa-generada { margin: 20px 0 10px; font-size: 0.9em }
.tarifa-generada .tipo { cursor: help;font-size: 1.2em }
.tarifa-generada .precios:hover { background: #e1e1e1 }
.tarifa-generada th { padding-bottom: 10px }
.tarifa-generada td { border: 1px solid black; /*padding: 0;*/ text-align: center }
.tarifa-generada td:first-child { text-align: center }
.tarifa-generada input { border: 0; margin: 1px 0; text-align: center }
.guardar-tarifa { float: right; margin: 10px 5% 50px 0 }

.tarifas-usuario { width: 600px; margin: 30px 0 20px }
.tarifas-usuario th { padding: 5px 0 10px }
.tarifas-usuario td, .tarifas-usuario td:first-child { border: 1px solid #ccc; padding: 5px; text-align: center }
.tarifas-usuario select { border: 0; background: none }
.tarifas-usuario input { width: 100px; }
.tarifas-usuario.anadir-tarifa { color:green; font-weight: bold }
.tarifas-usuario.eliminar-tarifa { color:red; font-weight: bold }
.nueva-edicion-tarifa { float: left; color: #000; margin: 15px 40px }
.mostrar-usuarios { float: left; color: #000; margin: 15px 40px }
.mostrar-proveedores { float: left; color: #000; margin: 15px 40px }
.volver-tarifas { float: left; color: #000; margin: 15px 40px }
.guardar-tarifas { float: left; margin: 15px 20px }
.concepto-tarifa { width: 160px }
.celda-vtc { padding: 2px; text-align: center; }
.celda-bus { padding: 2px; text-align: center; }