/* 
    Created on : 23/11/2016, 02:41:53 PM
    Author     : Desarrollador
    Proposito  : Aqui se haran las modificaciones a los estilos del framework css que se utilice
*/

body{
    background-color: #F3FEFF;
}

.container{
    width: 90%;
    max-width: 2560px;
}

.font-bold{
    font-weight: bold;
}

/*Tamaño del label cualdo se sube encima del input y tamaño del label de los selects */
.input-field label.active, .select-wrapper + label{
    font-size: 1rem;
}

.linksFooter{
    color: #FFFFFF;
}

.linksFooter:hover{
    color: #2196f3;
}

/* Para poner el footer siempre al final de las paginas */
body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}
main {
    flex: 1 0 auto;
}

/*h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}*/


/* Aplicando estilos a los flash */
.chip{
    font-weight: 400;
}
.flash:hover{
    transition: box-shadow .25s;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
#closeChip{
    color: #ddd;
}
#closeChip:hover{
    color: #ffffff;
}
.error, .valid{
    color: #ffffff;
    font-size: 15px;
    height: auto; 
    border: solid 1px #ddd;
}
.error{
    background-color: #f44336;
}
.valid{
    background-color: #4caf50;
}

/* Color del paginador */
.pagination li.active {
    background-color: #26a69a;
}

/* Color de los labels de los inputs antes de ser seleccionados */
.input-field label {
    color: rgba(0, 0, 0, 0.87);
}

/* Para la barra del divider */
.section {
    padding-bottom: 5px;
}
.divider {
    margin-bottom: 10px;
}

/* Reduccion del tamaño del boton flotante y ajuste de los botones que salen de él */
.btn-floating.btn-large {
    width: 50px;
    height: 50px;
}
.btn-floating.btn-large i {
    line-height: 50px;
}
.fixed-action-btn.horizontal ul {
    top: 35%;
}

/* Espacio entre celdas de las tablas */
td {
    padding-top: 5px;
    padding-bottom: 5px;
}

label{
    font-size: inherit;
    color: inherit;
}

/* Para las notificaciones */
.notification-badge {
    position: relative;
    right: 5px;
    top: -20px;
    color: #ffffff;
    background-color: #f44336;
    margin: 0 -.8em;
    border-radius: 50%;
    padding: 4px 5px;
}
small {
    font-size: 0.8rem;
}

legend{
    font-size: 1.2rem;
}

fieldset{
    margin-bottom: 20px;
}

.btn{
    background-color: #7cb342;
}
.btn:hover{
    background: #8bc34a;
}
.pagination li.active {
    background-color: #7cb342;
}

fieldset{
    border-radius: 2px;
}

table.highlight > tbody > tr:hover {
    background-color: #f3e5f5;
}
/* Para que los botones del menú principal ocupen todo el espacio **/
.col.s12 > .btn {
   width: 100%;
}

@media only screen and (max-width: 768px) {
    /* Se reduce el tamaño de la fuente */
    .col.s12 > .btn {
        font-size: 16px;
    }
    
    .btn {
        margin-bottom: 5px;
    }
}
/* Fix: Ajusta el alto de los th para el resposive */
.responsive-table th {
    padding: 5px 5px !important;
}