/* Overstyr farge på tab-tekst */
.tabs .tab a {
	color:rgba(11, 71, 161, 1) !important;
}

/* Overstyr farge på understreking på tab */
.tabs .indicator {
	background-color:rgba(246, 178, 181, 1) !important;
	will-change:off;
}

/* Overstyr farge på topp-banner */
.light-blue.lighten-1 { background-color:rgba(194, 237, 0, 1) !important; color: rgba(255, 255, 255, 1.0) !important;}

/* Overstyr farge på bestill-knapper */
.blue.lighten-3 { background-color:rgba(194, 237, 0, 1) !important; }

/* Overstyr farge på dag-knapper */
.blue.lighten-4 { background-color:rgba(124, 232, 250, 1) !important; }

/* Overstyr farge på footer og bestill-knapp */
.blue { background-color:rgba(194, 237, 0, 1) !important; }

/* Overstyr farge på avbryt-knapp */
.red.lighten-4 { background-color:rgba(201, 123, 136, 1) !important; }

/* Wave-farge når man klikker på knapp */
.waves-effect.waves-blue .waves-ripple { background-color:rgba(7, 211, 253, 0.7) !important; }

/* Animasjon ved manglende utfylling av felt */
@-webkit-keyframes fadeIt {
	50% { background-color: #ffd5d5; }
}
@-moz-keyframes fadeIt {
	50% { background-color: #ffd5d5; }
}
@-o-keyframes fadeIt {
	50% { background-color: #ffd5d5; }
}
@keyframes fadeIt {
	50% { background-color: #ffd5d5; }
}

/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 */

.modal {
	position: fixed;
}

/* Overstyr bredde på visning*/
.container {
	width:95% !important;
	max-width:95% !important;
}

@media only screen and (min-width: 0) {
	.container {
		width:90% !important;
		max-width:90% !important;
	}
}

/* Flytting av knapp i ukevisning */
.bookWeek {
	max-width:0px !important;
	top:-5.5rem;
}

/* Overstyrt for å få litt mindre luft over tab-tekst */
.tabs {
	height:36px !important;
}

a.active {
	font-weight:bolder;
	background:#EEE;
}

/* Flytt booking knapp inn på kortet */
.shift-45-left {
	margin-left:-45px !important;
}

/* Justering av utseende på time-kort */
.collapsible-header {
	min-height:4rem !important;
	line-height:1.3rem !important;
	padding:0 0.3rem !important;
}

/* Støtte for bilder i klasse-header */
.collapsible-header img {
	max-width:100% !important;
	max-height:100% !important;
}

/* Mindre luft rundt teksten */
.collapsible-body p {
	padding:1rem !important;
}

/* Støtte for bilder i klasse-body */
.collapsible-body img {
	max-width:100% !important;
	max-height:100% !important;
}

/* Overstyrt for å få litt mindre luft mellom rader */
.row {
	margin-bottom:8px !important;
}

.row .col {
	padding:0 0.1rem !important;
}

/* Få Visa-bilde til å ligge midt i knappen vertikalt */
.helper {
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

/* Understrek på link for markering i link til BoostSystem i footer */
a.underline {
	text-decoration:underline;
}

/* Overstyrt for å få mørk tekst */
select, textarea {
	font-family:"Roboto" !important;
	color:rgba(169, 169, 169, 1) !important;
	background-color:rgba(255, 255, 255, 0) !important;
	border-radius:2px !important;
}

/* Litt style på drop-down (på PC) */
select {
	box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;
	font-size:1.4rem !important;
}

/* Høyde på logo */
nav .brand-logo {
	height:64px !important;
}

/* Litt mindre luft i skjema */
input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea {
	height:2rem !important;
	margin:0 0 0 0 !important;
	border:1px solid rgba(169, 169, 169, 0.3) !important;
	padding-left:0.2rem !important;
	margin-top:0.2rem !important;
}

input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color:rgba(0,0,0,0.75) !important;
    border:none !important;
}

/* Overstyrt for å få litt mindre luft i sidenav */
.side-nav li {
	line-height:1.5rem !important;
}

/* Overstyrt for å få mellomrom mellom knapper */
.btn, .btn-large, .btn-flat {
	margin-right:0.5rem !important;
}

/* Overstyrt for å få litt mindre mellomrom over knapper */
.side-nav a.btn, .side-nav a.btn-large, .side-nav a.btn-large, .side-nav a.btn-flat, .side-nav a.btn-floating {
	margin: 5px 15px !important;
}

.side-nav a {
	height:3rem !important;
	line-height:3rem !important;
	padding:0 32px !important;
}

/* Utseende for profilbilde */
.profile {
	height:100px !important;
	width:100px !important;
	margin-left:35% !important;
	margin-right:50% !important;
	background-position:center center !important;
	background-color:rgba(169, 169, 169, 0.3) !important;
	background-repeat:no-repeat !important;
	background-size:cover !important;
	height:6rem !important;
	width:6rem !important;
	margin-top:0.5rem !important;
}

/* Flytte handlevogn litt til høyre */
nav ul a {
	padding:0 0;
}

footer.page-footer {
	position:fixed;
	margin-top:0.1vh !important;
	bottom:0px;
	width:100%;
	z-index:1;
}

/* Animasjon ved feil/manglende data i skjema */
.backgroundAnimated {
	background-image:none !important;
	-webkit-animation:fadeIt 4s ease-in-out;
	-moz-animation:fadeIt 4s ease-in-out;
	-o-animation:fadeIt 4s ease-in-out;
	animation:fadeIt 4s ease-in-out;
}

/* Sticky-footer. Ser ikke ut til å fungere */
body {
	display:flex !important;
	min-height:100vh !important;
	flex-direction:column !important;
	-webkit-flex-direction:column !important;
}

main {
	flex:1 0 auto !important;
	-webkit-flex:1 0 auto !important;
	padding-bottom: 250px !important;
}

/* Sentrering av spinner */
.center-spinner {
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0px 0px -50px;
}

/* Kopi av collapsible-header for log-visning */
.log-header {
	min-height:3rem !important;
	line-height:3rem !important;
	padding:0 1rem !important;
	background:rgba(169, 169, 169, 0.1) !important;
}

/* Passer evt. placeholder tekster til venstre UNØDVENDIG? */
:placeholder {
	text-align:left;
}

::-webkit-input-placeholder {
	text-align:left;
}

::-moz-placeholder {
	text-align:left;
}

:-ms-input-placeholder {
	text-align:left;
}

:-moz-placeholder {
	text-align:left;
}

/** Placeholder i passord-felt skal late som om de er ferdig utfyllt verdi **/
input[type=password]::-webkit-input-placeholder {
	color: black;
	opacity: 1;
}

input[type=password]::-moz-placeholder {
	color: black;
	opacity: 1;
}

input[type=password]:placeholder {
	color: black;
	opacity: 1;
}

input[type=password]:-ms-input-placeholder {
	color: black;
	opacity: 1;
}
/** End placeholder for passord **/

input::-webkit-inner-spin-button {
	display: none;
}

/* CERUM tilpassninger */
td.underseksjon {
	padding:0px !important;
	font-weight:bold !important;
}

/* Materialize bruker sine egne checkbokser, men det gjør ikke Cerum. */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
	position:relative !important;
	left:0px !important;
	opacity:1 !important;
	font-size:1rem !important;
	transform:scale(1.5) !important;
}

.stickyc {
	position: fixed;
	z-index: 997;
	background-color: white;
}

.drag-target {
	z-index: 997;
}

select > option:nth-child(3n+1) {
	background: #F0F0F0;
}