/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */


/* FIX TO DEFAULT MATERIALIZE CSS STYLES */
.side-nav li > a{ font-size: 12px; font-weight: normal; }

h1.title{ font-size: 18px; font-weight: 700; }
h2.title{ font-size: 16px; }

.tabs .indicator { height: 4px; background-color: #424242;}
td, th{ padding: 2px 4px; vertical-align: top; font-size: 11px; }

/* fix do badge */
span.badge.new{
    width: 100%;
    display: inline-table;
}


 /* label color */
.input-field label { color: #000 !important; }  																	/* label focus color */
.input-field input[type=number]:focus + label,
.input-field input[type=text]:focus + label { color: #000 !important;}   										/* label underline focus color */
.input-field input[type='number']:focus,
.input-field input[type='text']:focus { 
	border-bottom: 1px solid #000 !important; 
	box-shadow: 0 1px 0 0 #000 !important; 
	} 	/* valid color */
.input-field input[type=number].valid,
.input-field input[type=text].valid { 
	border-bottom: 1px solid #000 !important; 
	box-shadow: 0 1px 0 0 #000 !important; 
	} 	/* invalid color */
.input-field input[type=number].invalid,
.input-field input[type=text].invalid { 
	border-bottom: 1px solid #000 !important; 
	box-shadow: 0 1px 0 0 #000 !important; 
	} 	/* icon prefix focus color */
.input-field .prefix.active { color: #000 !important;}

.picker__date-display {
    background-color: #2d2d2d !important;
}
.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: #2d2d2d !important;
}

.tabs .tab {
    text-transform: none !important;
}


/* HELPERS */

.clear-margin-row{margin-bottom: 0;}
.fix-regular-margin{margin-top: 12px; font-size: 12px;}
.small-text{ font-size: 75%; }
.fix-tab-ul{ display: inline; }
.fix-tab-container-height{ height: 60px !important; }
.fix-tab{ text-overflow: unset !important; font-size: 12px !important;}
.top-padding-20{padding-top: 20px !important;}
.zero-top-margin{ margin-top: 0; }

.badge-left{
    float: left !important;
    margin-left: 0 !important;
}


/* NAV MENU*/

.bg-nav{
	background-image:url(../img/bg-nav-menu.jpg);
	background-size: cover;
}

.fa{    
	font-size: 20px !important;
    width: 38px;
    text-align: center;
}

/*PAGINA DE LOGIN*/
.logo-starr-login img{ /*width: 70%;*/ }max-height:100px

/* ESTRUTURA DO PROJETIO */
.titulo-time{ font-size: 1.4rem; padding-bottom: 12px; display: block; }
.side-titulo-time{ font-size: 1.4rem; display: block; line-height: normal; }
.side-nav .usuario{line-height: normal;}
.container-nome-time{ padding: 1rem 0 1rem 2.5rem !important; }
.logo-marca-inside{max-height:100px}
/* PAGINA INICIAL */
.fix-icon-menu .material-icons{ float: left; padding-right: 10px; }


.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.logo-marca{ padding-top: 30px;}
.titulo-side-nav{ font-size: 18px; }

/* OVERLAY AUTO LOGIN */
/* ****************** */

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

#overlay .centerloader{
	position: relative;
    left: 50%;
    top: 40%;
}