.bg-magenta {
	background-color: #ff00ff;
}

.checkbox_large {
	transform: scale(1.75, 1.75);
}

.test_site {
    position: fixed;
    width: 100px;
    left: calc(50% - 50px);
    top: 0px;
    z-index: 10000;
    background: #f0f;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    text-align: center;
}

.stop_alert {
	background-color: #f00;
}

.stop_alert,
.stop_alert * {
	color: #fff;
}

.stop_alert::before {
	content: "STOP";
	display: block;
	text-align: center;
	font-size: 14rem;
	animation-delay: 5s;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-name: stop_alert;
}

@media (max-width: 991px){
	.stop_alert::before {
		font-size: 10rem;
	}
}

@media (max-width: 767px){
	.stop_alert::before {
		font-size: 6rem;
	}
}

@keyframes stop_alert {
	0% {
		opacity: 1;
		position: relative;
	}

	99% {
		opacity: 0;
		visibility: hidden;
		position: relative;
	}

	100% {
		opacity: 0;
		visibility: hidden;
		position: absolute;
	}
}

#main_navbar .navbar-header {
	padding-top: 0px;
	padding-bottom: 0px;
}

#main_navbar .navbar-brand {
	padding: 0;
	font-weight: 600;
}

#main_navbar .navbar-brand img {
	margin-right: .5rem;
}

@media (max-width: 575px){
	#page_body {
		margin-top: 38px !important;
	}

	#main_navbar .navbar-brand {
		margin-right: 0;
	}

	#main_navbar .navbar-brand img {
		width: 47px;
		height: 37px;
	}
}

@media (max-width: 767px){
	#main_navbar .navbar-brand span {
		display: none;
	}
}

#main_navbar .navbar-brand span {
	vertical-align: middle;
}

#main_navbar.navbar-dark {
	background-color: #2e2d2c;
}

#main_navbar .navbar-icons .btn {
	padding-left: 0;
	padding-right: .25rem;
}

#main_navbar .navbar-icons .navbar-toggler {
	padding-right: 0;
}

#fire_roll_call {
	font-size: 1.1rem;
	margin-left: .2rem;
}

.audit_close_out_icon,
.operatives_pending_approval_icon,
.rams_pending_approval_icon,
.rams_pending_co_sign_icon,
.resume_audits_icon,
.audits_awaiting_approval_icon {
	display: inline-block;
	padding: 1px 7px 2px 6px;
	border-radius: 21px;
	font-size: .8rem;
	background: #FF7F00;
	color: #fff !important;
	font-weight: bold;
	text-decoration: none !important;
	margin-left: .5rem;
}

.blinking {
	animation: blinker .75s linear 5;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.rams_search_page .rams_pending_approval_icon,
.rams_search_page .rams_pending_co_sign_icon,
.resume_audits_icon,
.audits_awaiting_approval_icon {
	margin: 0 .5rem 1rem 0;
	padding: 2px 8px 3px 7px;
	border-radius: 5px;
}

.audit_close_out_icon,
.rams_pending_approval_icon,
.audits_awaiting_approval_icon {
	background: #f00;
}

#page_body {
	margin-top: 66px;
}

#login_form,
#login_2sv_container {
	max-width: 425px;
}

.kiosk_sign_in_stats {
	position: absolute;
	background-color: #eee;
	border-radius: 5px;
	padding: 2px 8px;
	font-size: .9rem;
	display: grid;
	grid-template-columns: auto auto;
	gap: 0 10px;
}

#signature_canvas,
.signature_canvas {
	box-shadow: 0px 0px 5px 2px #777;
	outline: 1px solid #fff;
	margin: 5px 0px 20px 0px;
}

img.signature_img {
	box-shadow: 0px 0px 5px 2px #999;
	outline: 1px solid #fff;
}

table.table_style1 th {
	background-color: #ddd;
}

table.table_style1 td {
	background-color: #f2f2f2;
}

table.table_style1 th,
table.table_style1 td {
	border-color: #fff;
}

table.table_style1.table-hover tr:hover td {
	background-color: #e8e8e8;
}

table.table_style2 th {
	background-color: #ddd;
}

table.table_style2 td {
	background-color: #f2f2f2;
}

table.table_style2 th,
table.table_style2 td {
	border-color: #fff;
}

table.table_style2 th:not(:first-child),
table.table_style2 td:not(:first-child) {
	border-left: 1px solid #fff;
}

table.table_style2.table-hover tr:hover td {
	background-color: #e8e8e8;
}

table.table_compact th,
table.table_compact td {
	padding: .4rem .7rem;
	font-size: .9rem;
}

@media(max-width: 768px){
	table.table_compact th,
	table.table_compact td {
		padding: .2rem .5rem;
		font-size: .75rem;
	}
}

.report_site_selector_dropdown_container {
	width: 300px;
}

.report_site_selector_dropdown {
	width: 200px;
}

#report_site_selector_show_all {
	width: 100px;
	text-decoration: underline;
}

.report_site_selector {
	column-width: 204px;
	font-size: .85rem;
}

.report_site_selector label {
	font-weight: normal;
}

.hub_dashboard {
	/* IE11 start */
	display: flex;
	flex-wrap: wrap;
	/* IE11 end */

	text-align: center;
	margin: 0px auto;
	max-width: 800px;
	display: grid;
	grid-template-columns: repeat(5, 114px);
	justify-content: space-between;
}

@media(max-width: 768px){
	.hub_dashboard {
		grid-template-columns: repeat(4, 114px);
	}
}

@media(max-width: 500px){
	.hub_dashboard {
		grid-template-columns: repeat(3, 114px);
	}
}

.hub_dashboard .icon_container {
	width: 114px;
	padding: 10px 15px;
	font-size: .7rem;
	position: relative;
}

.hub_dashboard .icon_container a {
	color: #333;
}

.hub_dashboard .icon_container a:hover {
	text-decoration: none;
}

.hub_dashboard .icon {
	display: block;
	margin: 0px auto 5px auto;
	width: 100%;
	height: 84px;
	padding: 22px;
	border-radius: 10px;
	background-color: #e1722b;
	color: #fff;
}

.hub_dashboard .icon.halflings {
	font-size: 2.4rem;
	padding: 21px 22px 23px 22px;
}

.hub_dashboard .notification_icon {
	display: inline-block;
	padding: 0px 5px;
	min-width: 21px;
	border: 2px solid white;
	border-radius: 21px;
	font-size: .7rem;
	position: absolute;
	top: -1.5px;
	right: 4px;
	z-index: 1;
	pointer-events: none;
}

.hub_dashboard .notification_icon:not(.notification_icon_hidden)+.notification_icon,
.hub_dashboard .notification_icon.notification_icon_hidden+.notification_icon:not(.notification_icon_hidden)+.notification_icon,
.hub_dashboard .notification_icon:not(.notification_icon_hidden)+.notification_icon.notification_icon_hidden+.notification_icon {
	margin-top: 30px;
}

.hub_dashboard .notification_icon:not(.notification_icon_hidden)+.notification_icon:not(.notification_icon_hidden)+.notification_icon {
	margin-top: 60px;
}

.hub_dashboard .notification_icon.notification_icon_hidden {
	display: none;
}

.status_ok {
	background-color: #8dc63f !important;
	color: #fff !important;
	font-weight: bold;
}

.status_warning {
	background-color: #ff8b00 !important;
	color: #fff !important;
	font-weight: bold;
}

.status_danger {
	background-color: #fe0000 !important;
	color: #fff !important;
	font-weight: bold;
}

.oplog_link:hover {
	text-decoration: none;
}

.oplog_link:hover .oplog_name {
	text-decoration: underline;
}

.induction_question *,
.induction_answer * {
	display: inline;
}

#audit_search_bar {
	display: flex;
}

#audit_instant_capture {
	flex-shrink: 0;
	flex-basis: 120px;
}

#audit_instant_capture a {
	font-size: .7rem;
	background-color: #f5f5f5;
	border-color: #ddd;
	color: #000;
}

#audit_instant_capture a:hover {
	background-color: #eee;
}

#audit_instant_capture span {
	font-size: 1.8rem;
	display: block;
}

.select_images_panel {
	background: #eee;
}

#audit_search_box {
	flex-grow: 1;
}

#audit_categories h2 {
	font-size: 1.2rem;
}

#audit_categories h3 {
	font-size: .75rem;
}

.audit_sub_category div {
	display: flex;
	align-items: center;
	cursor: pointer;
}

div.audit_icon {
	border-radius: 50%;
	border: 3px solid #fff;
	flex-shrink: 0;
}

@media (max-width: 767px){
	.audit_ratings label {
		width: 100% !important;
	}
}

@media (max-width: 576px){
	.audit_score_bar_row1 * {
		font-size: 1rem !important;
	}

	.audit_score_bar_row2 {
		font-size: .5rem;
	}
}

#rating_level_container input[type="color"] {
	width: 42px;
}

.alert_xl {
	font-size: 3rem;
	font-weight: 600;
	text-align: center;
}