@charset "ISO-8859-1";

/* RX30 gold and blue colors */
:root {
	--RX30-gold-color: #A39161;
	--RX30-blue-color: #002438;
}

body {
	background-color: #54545485;
}

#component-panel-header {
	background-color: var(--RX30-blue-color);
	font: #e3e3e3
}

.error-page-message {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

.clear {
	clear: both;
}

/* Login page */
#login-container {
	width: 100%;
	position: fixed;
	min-height: 100%;
	margin: 0 auto;
	padding-top: 8rem;
}
#log-in-form {
	width: 70%;
	max-width: 60em;
	margin: 0 auto;
	border-radius: 5px;
	background: #f2f2f2;
}
#log-in-top-border {
	color: #e3e3e3;
	background: var(--RX30-blue-color);
	height: rem;
	width: 100%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#login-container input:-webkit-autofill {
	color: var(--RX30-blue-color);
}
#login-container input:focus {
	color: var(--RX30-blue-color);
}
#login-container .btn-container {
	padding: 0 0 0.5rem 0;
	height: 5rem;
	display: block;
	text-align: center;
	margin-top: 0.2em;
}
#log-in-div {
	padding: 1.5em 0 2.5em 0;
	width: 50%;
	margin: auto;
}
#login-container .btn {
	/*background-color: $RX30-dark-gold;*/
	background-color: var(--RX30-gold-color);
	filter: brightness(115%);
	border-color: var(--RX30-gold-color);
	border-width: 1px;
	border-style: solid;
	color: #e3e3e3;
}
#login-container .btn:hover {
	background-color: var(--RX30-gold-color);
	color: #e3e3e3;
	filter: brightness(100%);
}
#login-container .text-input {
	border-radius: 5px;
	border-style: none;
	border-style: solid;
	border-width: 1px;
	border-color: #e3e3e3;
	margin-top: 0.8em;
	height: 2.2em;
	width: 100%;
	padding: 0 0 0 10px;
}
#login-container .clear {
	clear: both;
}
#login-container #button-block {
	margin-top: 0.8em;
}
#login-container .alert-container {
	height: 3rem;
	padding-top: 0.5em;
	text-align: center;
	margin-top: 1em;
}
#login-container .alert-container .error {
	color: red;
}
#login-container .alert-container .success {
	color: green;
}
#forgot-password {
	padding-top: .5em;
}
#waiting {
	display: none;
	border-radius: 85%;
	border-top: 5px solid #3498db;
	width: 3em;
	height: 3em;
	animation: lds-dual-ring 1.5s linear infinite;
	margin: auto;
}
@keyframes lds-dual-ring {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Logout button */
.logout-button {
	float: right;
	clear: right;
	margin-bottom: 1%;
}

/* Main header */
#portal-header {
	width: 50%;
	float: left;
	clear: left;
	margin-top: 0%;
	margin-bottom: 1%;
	color: white;
}

/* Dashboard */
.component-container {
	padding-top: 20px;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}
.content-container {
	height: 85%;
}
.panel-body {
	height: 100%;
	position: relative;
}
.content-container .btn:not(.btn-block ) {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	padding-top: 25%;
	background-color: var(--RX30-gold-color);
	filter: brightness(115%);
}
.content-container .large-button-text {
	filter: brightness(84%);
}
.content-container .btn:not(.btn-block ):hover {
	background-color: var(--RX30-gold-color);
	filter: brightness(90%);
}
.content-container #dashboard-left-column {
	margin-left: 7%;
}
.content-container #dashboard-label {
	background-color: var(--RX30-blue-color);
	position: absolute;
	bottom: 0%;
	left: 0%;
}
.content-container #dashboard-label:hover {
	background-color: var(--RX30-blue-color);
	cursor: default;
}

/* Error page */
.error-page-message h3, .error-page-message p {
	text-align: center;
}
.error-page-message p {
	font-size: 1.3em;
}
.error-page-message .error {
	color: red;
}