/* Estilo para sticky footer */
body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	background-color: #FCFCFC;
}

.toast {
	background-color: #F0F0F0 !important;
	font-weight: 400 !important;
	border-radius: 25px !important;
	color: black !important;
}

.progress {
	height: 20px;
}

.determinate {
	text-align: right;
	padding-right: 10px;
}

.waves-effect.waves-cyan .waves-ripple {
	background-color: rgba(178,235,242, 1);
}

.progress .determinate {
	background-color: #00BCD4;
}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after {
    background-color: #00bcd4 !important;
}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after {
    border: 2px solid #00bcd4 !important;
}

/* Datepicker */
.picker__date-display {
	background-color: #00BCD4;
}

.picker__day.picker__day--today {
    color: #00BCD4;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background-color: #00BCD4;
}

.picker__close, .picker__today {
    color: #00BCD4;
}

/* label focus color */
.pink-field input[type=text]:focus + label {
	color: #00bcd4 !important;
}
/* label underline focus color */
.pink-field input[type=text]:focus {
	border-bottom: 1px solid #00bcd4 !important;
	box-shadow: 0 1px 0 0 #00bcd4 !important;
}

.pink-field input[type=password]:focus + label {
	color: #00bcd4 !important;
}
/* label underline focus color */
.pink-field input[type=password]:focus {
	border-bottom: 1px solid #00bcd4 !important;
	box-shadow: 0 1px 0 0 #00bcd4 !important;
}

.pink-field .prefix.active {
     color: #00bcd4 !important;
   }

.container {
	margin: 0 auto;
	max-width: 1280px;
	width: 90%;
}

#primary-background-div>.container{
	padding-bottom: 24em;
}

#secondary-background-div{
	min-height: 200px;
}

@media only screen and (max-width: 600px){
	#secondary-background-div>img {
		margin-top: -35%;
	}

	#user-navbar-logo {
		margin-top: 0px
	}

	#primary-background-div{
		background: url(../img/primary-background.png) bottom center no-repeat;
	}	
}

@media only screen and (min-width: 601px){
	#secondary-background-div>img {
		margin-top: -12em
	}

	#user-navbar-logo {
		margin-top: 5px
	}


	#primary-background-div{
		background: url(../img/primary-background.png) bottom center no-repeat; 
		background-size: contain;
	}	
}

@media only screen and (min-width: 993px){
	.container {
		width: 90%;
	}
}

main {
	flex: 1 0 auto;
	background-color: #EEEEEE;
	/*background-image: url('../img/back2.jpg');
	background-size: cover;*/
}

/*.navbar-fixed{
	z-index: 998 !important;
}*/

.pointer{
	cursor: pointer;
}

.cursor-default{
	cursor: default;
}

.modal{
	width: 75% !important  
}

.tap-target{
	background-color: #e91e63 !important;
	color: white !important;
}

.search-wrapper{
	transition:margin .25s ease; 
	padding: 0px 15px 0px 15px;
} 

.search-wrapper.focused{
	margin:0
} 

.search-wrapper input#search{
	display:block;
	font-size:16px;
	font-weight:300;
	width:94%;
	height:45px;
	margin:0;
	padding:0 0 0 0;
	border:0
} 

.search-wrapper input#search:focus{
	outline:none;
	box-shadow:none
} 

.search-wrapper i.material-icons{
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer
}

.center-image{
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.p-wmargin{
	margin: 15px 0 15px 0 !important;
}

.p-wonlymargintop{
	margin: 15px 0 0 0 !important;
}

.p-wonlymarginbottom{
	margin: 0 0 15px 0 !important;
}

/*footer.page-footer{
	background-color: #26A69A !important;
}*/

/* Navbar */
nav {
	background-color: #30518C;
}

nav .nav-wrapper {
	padding: 0 20px;
}

.side-nav .collapsible-body {
    padding: 0;
}

ul.side-nav ul.collapsible-accordion a.collapsible-header {
    padding: 0 30px;
}

ul.side-nav ul.collapsible-accordion .collapsible-body li a {
    font-weight: 400;
    padding: 0 37.5px 0 45px;
}

ul.side-nav li a {
    font-size: 13px;
    line-height: 44px;
	height: 44px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Encabezado de la página */
.page-header{
	background-color: #00695c;
	padding-top: 3em;
	padding-bottom: 6em;
}

/* Estilos para elementos flotantes */
.no-float{
	float: none !important;
}

/* Estilos márgenes */
.no-margins{
	margin: 0;
}

.no-margin-top{
	margin-top: 0;
}

.no-margin-bottom{
	margin-bottom: 0 !important;
}

.-margin-top-7em{
	margin-top: -7em;
}

.margin-bottom-1em{
	margin-bottom: 1em;
}

.margin-bottom-2em{
	margin-bottom: 2em;
}

.margin-bottom-3em{
	margin-bottom: 3em;
}

.margin-top-1em{
	margin-top: 1em;
}

.margin-top-2em{
	margin-top: 2em;
}

.margin-top-3em{
	margin-top: 3em;
}

.margin-right-1_5em{
	margin-right: 1.5em;
}

/* Estilos bordes de márgenes */
.no-border-raduis{
	border-radius: 0px !important;
}

/* Estilos botones */
input:focus {
	outline: none;
}

/* Estilos preloader */
.preloader-wrapper.big {
	width: 150px;
	height: 150px;
}

/* Estilos toast */
@media only screen and (min-width: 601px){
	#toast-container {
		top: auto !important;
		right: auto !important;
		bottom: 5%;
		left:5%;
	}
}

/* Elementos del administrador */

/* Formulario de login */
#login-form input{
	margin-bottom: 0px !important;
}

input{
	margin-bottom: 0px !important;
}

label.error{
	position: initial;
	color: red;
}

@media only screen and (max-width: 1200px){
	#adm-login-card{
		margin-top: 0.45em;
	}
}

@media only screen and (max-width: 991px){
	#adm-login-card{
		margin-top: 0.3em;
	}
}