@charset "UTF-8";

body {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	color:#FFF;
	background-image: url("/cas/themes/bard/images/bard-map-cas-lores.jpg");
	background-position: center;
	background-attachment: fixed;
	background-size: cover;
}
/*
a, a:link, a:visited { color:#ad1a1f !important; text-decoration: none; }
a:active, a:hover { color:#ad1a1f; text-decoration: underline; }
*/
a[class~=btn] {
	color: #fff !important;
	text-decoration: none;
}

@-webkit-keyframes autofill {
	to {
		color: #FFF;
		background: transparent;
	}
}

input:-webkit-autofill {
	-webkit-animation-name: autofill;
	-webkit-animation-fill-mode: both;
}

label {
	color:#ccc !important;
}

input {
	color:#fff;
}

strong {
	font-weight: 700;
}

h4, .h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 800;
	margin-top: 0px;
	margin-bottom: 0.5rem;
}

h3, .h3 {
	font-size: 1.8em;
	text-transform: none;
	letter-spacing: 1px;
	font-weight: 400;
	margin-bottom: 0.5rem;
	margin-top: 0px;
}

h2, .h2 {
	font-size: 2.8em;
	margin-top: 0px;
	margin-bottom: 0px;
}

.row .input-field {
	margin-top: 1.5rem;
	margin-bottom: 0px;
}

.userid {
	background-color: #efefef;
	color: #222222;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: 600;
}

.card-content .row, .card-action .row {
	margin-bottom: 0px;
}

.material-icons {
	vertical-align: middle;
	text-rendering: optimizeLegibility;
	line-height: 1.5;
	margin-right: 0.25em;
}

.card, .card-action, .card-panel, .card-content {
	border-radius: 0px !important;
}

/*
.card, .card-panel, .modal, .modal .modal-footer, .modal .modal-content {
	background-color: rgba(34,34,34,.93);
}
*/

.card .card-content p {
	margin-bottom: 1rem;
}

.card .card-action {
	background-color: transparent;
	border-width: 0;
}

.card .card-content {
	border-bottom: 1px solid rgba(160,160,160,0.2);
}

@media only screen and (min-width: 1201px) {
	.row .col.offset-xl35 {
		margin-left: 29.16665%;
	}
}

.no-text-decorate {
	text-transform: none;
	text-decoration: none;
}

.btn-grey {
	background-color: #222222;
}
.btn-grey:hover, .btn-grey:focus {
	background-color: #272727;
}

.material-tooltip {
	pointer-events: all;
	/* from z-depth-5 */
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
}

.input-field.disabled input {
	font-style: italic;
	color: rgba(255,255,255,0.8) !important;
	border-bottom: 1px dotted rgba(255,255,255,0.42) !important;
}

.input-field.disabled, .input-field.disabled input, .input-field.disabled label {
	cursor: not-allowed;
}

@media(prefers-color-scheme: light) {
	.card, .card-action, .card-panel {
		background-color: rgba(239, 239, 239, .91);
	}
	.card-content {
		border-bottom: 1px solid rgba(160,160,160,.6) !important;
	}
	body {
		color: #111111;
	}
	label, input {
		color: #222222 !important;
	}
	.btn {
		box-shadow: 4px 4px 8px #aeaeae, -4px -4px 8px #ffffff !important;
	}

	.input-field.disabled input {
		color: rgba(0,0,0,0.5) !important;
		border-bottom: 1px dotted rgba(0,0,0,0.5) !important;
	}

	input.btn, .btn-red {
		color: #ad1a1f !important;
		background-color: #efefef;
	}
	input.btn:hover, input.btn:focus, .btn-red:hover, .btn-red:focus {
		color: #fff !important;
	}
	a.btn {
		color: #222222 !important;
		background-color: #efefef !important;
	}
	a.btn:hover, a.btn:focus {
		color: #fff !important;
		background-color: #333333 !important;
	}
}

.error {
	background-color: rgba(255,0,0,.5);
	border-radius: 15px;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}


/*
.btn, .btn-large {
	background-color: #ad1a1f;
	display: inline-flex;
}
.btn:hover, .btn:focus, .btn-large:hover, .btn-large:focus {
	background-color: #7a1216;
}
*/