/* ORHA Custom Styles */
/* Override Global styles */
/* Override Material Design Styles */
:root {
	--mdc-theme-primary: #703831;
	--mdc-theme-secondary: #2196f3;
	--mdc-theme-background: #fff;
	--mdc-theme-surface: #fff;
	--mdc-theme-error: #b00020;
	--mdc-theme-on-primary: #fff;
	--mdc-theme-on-secondary: #fff;
	--mdc-theme-on-surface: #000;
	--mdc-theme-on-error: #fff;
	--mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
	--mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
	--mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
	--mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
	--mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
	--mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
	--mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
	--mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
	--mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
	--mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
	--mdc-theme-text-primary-on-dark: white;
	--mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
	--mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
	--mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
	--mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
	--mdc-primary-color: #703831;
	--mdc-secondary-color: #2196f3;
	--breakpoint-xs: 0;
	--breakpoint-sm: 600;
	--breakpoint-md: 900;
	--breakpoint-lg: 1200;
	--breakpoint-xl: 1600;
	--screening-light: rgba(0, 255, 255, 0.5); /* cyan,  #00ffff */
	--screening-dark: rgba(0, 0, 255, 0.5); /* blue, #0000ff */
	--move-in-light: rgba(0, 255, 0, 0.5); /* lime, #00ff00 */
	--move-in-dark: rgba(0, 128, 0, 0.5); /* green, #008000 */
	--operating-light: rgba(115, 115, 115, 0.5); /* #737373 */;
	--operating-dark: rgba(35, 35, 35, 0.5); /* #232323; */
	--violation-light: rgba(255, 255, 0, 0.5); /* yellow,  #ffff00 */
	--violation-dark: rgba(255, 165, 0, 0.5); /* orange, #FFA500 */
	--termination-light: rgba(250, 128, 114, 0.5); /* salmon, #FA8072 */
	--termination-dark: rgba(255, 0, 0, 0.5); /* red, #FF0000 */
	--manual-light: rgba(255, 192, 203, 0.5); /* pink, #FFC0CB */
	--manual-dark: rgba(120, 115, 245, 0.5); /* pink, #7873F5 */
	--subscription-light: rgba(255, 192, 203, 0.5); /* pink, #FFC0CB */
	--subscription-dark: rgba(120, 115, 245, 0.5); /* pink, #7873F5 */
	--mo-light: rgba(0, 255, 0, 0.5); /*lime, #00FF00 */
	--mo-dark: rgba(115, 115, 115, 0.5);
	--mt-light: rgba(0, 255, 0, 0.5); /* lime, #00FF00 */
	--mt-dark: rgba(255, 0, 0, 0.5); /* red, #FF0000 */
	--vt-light: rgba(255, 255, 0, 0.5); /* yellow, #ffff00 */
	--vt-dark: rgba(255, 0, 0, 0.5); /* red, #FF0000 */
	--vo-light: rgba(255, 255, 0, 0.5); /* yellow, #ffff00 */
	--vo-dark: rgba(255, 0, 0, 0.5); /* red, #FF0000 */
	--screening-color: black; /* #000000 */
	--move-in-color: black; /*  #000000 */
	--operating-color: black; /* #000000 */
	--misc-color: black; /*  #000000 */
	--violation-color: black; /* #000000 */
	--termination-color: black; /* #000000 */
	--subscription-color: black; /* #000000 */
	--manual-color: black; /* #000000 */
	--mo-color: black; /* #000000 */
	--mt-color: black; /* #000000 */
	--vt-color: black; /* #000000 */
	--vo-color: black; /* #000000 */
	--screening-border-color: white; /* #FFFFFF */
	--move-in-border-color: white; /*  #FFFFFF */
	--operating-border-color: white; /* #FFFFFF */
	--misc-border-color: white; /* #FFFFFF */
	--violation-border-color: white; /* #FFFFFF */
	--termination-border-color: white; /* #FFFFFF */
	--subscription-border-color: white; /* #FFFFFF */
	--manual-border-color: white; /* #FFFFFF */
	--mo-border-color: white; /* #FFFFFF */
	--mt-border-color: white; /* #FFFFFF */
	--vt-border-color: white; /* #FFFFFF */
	--vo-border-color: white; /* #FFFFFF */
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
	color: var(--mdc-primary-color) !important;
}

/* layout form styles */
.layoutForm {
	/*padding: 10px;*/
}

/* for aligning the footer */
section.main__section {
	/*margin-bottom: 132px;/
}
section.catalog__section {
	/*margin-bottom: 132px;*/
}

section.footer__section {
	margin-bottom: 0;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
	position: relative;
	min-height: 100%;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 132px;
	/*line-height: 60px; /* Vertically center the text there */
	/*background-color: orha-olive;*/
}

/********************/
/* Global Overrides */
/********************/
body {
	padding: 0;
	/* Margin bottom by footer height */
	padding-bottom: 132px;
	margin-bottom: 132px;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}

img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

ul .orha-bullet-list {
	margin: 0;
	padding: 0;
}

li .orha-bullet-list {
	margin: 0;
	padding: 0;
}

/**********************************************/
/* ORHA Material Design Theme Color Overrides */
/* Some mdc-xxx overrides elsewhere...        */
/**********************************************/
/******************************************/
/* Material Design MDCDataTable Overrides */
.orha-data-table th.mdc-data-table__header-cell,
.orha-datatable td.mdc-data-table__cell {
	border: 1px solid gray !important;
}

/******************************************/
/* Material Design MDCTopAppBar Overrides */
.mdc-top-app-bar {
	background-color: black !important;
	color: white !important;
}

/************************************/
/* Material Design MDCTab Overrides */
.orha-tab .mdc-tab {
	background-color: black !important;
	color: white !important;
}

.mdc-tab .mdc-tab__text-label,
.orha-tab .mdc-tab .mdc-tab__text-label {
	color: white;
	/* text-shadow: 0 0 1px black; */
}

.mdc-tab--active .mdc-tab__text-label,
.orha-tab .mdc-tab--active .mdc-tab__text-label {
	color: white;
	text-shadow: 0 0 1px black;
	border-color: white;
}

.mdc-tab-indicator .mdc-tab-indicator__content--underline {
	border-color: white;
}

/***************************************/
/* Material Design MDCButton Overrides */
.mdc-button--raised,
.mdc-fab {
	background-color: var(--mdc-primary-color) !important;
	color: white !important;
}

.mdc-typography--button {
	color: var(--mdc-primary-color) !important;
}

/***************************************/
/* Material Design MDCRipple Overrides */
.mdc-button .mdc-button__ripple::before,
.mdc-button .mdc-button__ripple::after,
.mdc-fab .mdc-fab__ripple::before,
.mdc-fab .mdc-fab__ripple::after {
	background-color: var(--mdc-primary-color) !important;
}

/******************************************/
/* Material Design MDCTextField Overrides */
.mdc-text-field--filled {
	border-radius: 16px 16px 0 0;
}

/*****************************************/
/* Material Design MDCCheckbox Overrides */
.mdc-checkbox {
	display: inline-block;
	position: relative;
	flex: 0 0 10px;
	box-sizing: content-box;
	width: 18px;
	height: 18px;
	line-height: 0;
	white-space: nowrap;
	cursor: pointer;
	vertical-align: bottom;
}

.orha-button .mdc-button,
#mcf-button {
	background-color: var(--mdc-primary-color) !important;
	background: var(--mdc-primary-color) !important;
	color: white !important;
}

/*********************/
/* ORHA Theme Colors */
/*********************/
.bg-orha-olive {
	background-color: #63664B !important;
}

.orha-olive {
	color: #63664B !important;
}

.bg-orha-beige {
	background-color: #EAE1D2 !important;
}

.orha-beige {
	color: #EAE1D2 !important;
}

/* ORHA Footer links */
a.orha_footer_link {
	color: #EAE1D2 !important;
}

a.orha_footer_link:hover {
	color: yellow !important;
	text-decoration: underline !important;
}

a.orha_footer_link:active {
	color: pink !important;
}

a.orha_footer_link:visited {
	color: pink !important;
}

/* Default = Light Blue / Blue */
.bg-blue-gradient,
.blue-gradient,
.bg-default-gradient,
.default-gradient {
	background: -webkit-linear-gradient(50deg, var(--screening-light), var(--screening-dark)) !important;
	background: -o-linear-gradient(50deg, var(--screening-light), var(--screening-dark)) !important;
	background: linear-gradient(40deg, var(--screening-light), var(--screening-dark)) !important;
}

.blue-color,
.default-color {
	color: white;
	text-shadow: 0 0 1px black !important;
}

/* Move-In = Lime / Green */
.bg-move-in-gradient,
.move-in-gradient {
	background: -webkit-linear-gradient(50deg, var(--move-in-light), var(--move-in-dark)) !important;
	background: -o-linear-gradient(50deg, var(--move-in-light), var(--move-in-dark)) !important;
	background: linear-gradient(40deg, var(--move-in-light), var(--move-in-dark)) !important;
}

.move-in-color {
	color: var(--move-in-color) !important;
	text-shadow: 0 0 1px var(--move-in-border-color) !important;

}

/* Termination = Salmon / Red */
.bg-termination-gradient,
.termination-gradient {
	background: -webkit-linear-gradient(50deg, var(--termination-light), var(--termination-dark)) !important;
	background: -o-linear-gradient(50deg, var(--termination-light), var(--termination-dark)) !important;
	background: linear-gradient(40deg, var(--termination-light), var(--termination-dark)) !important;
}

.termination-color {
	color: var(--termination-color) !important;
	text-shadow: 0 0 1px var(--termination-border-color) !important;

}

/* Move-In & Termination = Lime / Pink */
.bg-move-in-termination-gradient,
.move-in-termination-gradient,
.bg-termination-move-in-gradient,
.termination-move-in-gradient {
	background: -webkit-linear-gradient(50deg, var(--mt-light), var(--mt-dark)) !important;
	background: -o-linear-gradient(50deg, var(--mt-light), var(--mt-dark)) !important;
	background: linear-gradient(40deg, var(--mt-light), var(--mt-dark)) !important;
}

.move-in-termination-color,
.termination-move-in-color {
	color: var(--mt-color) !important;
	text-shadow: 0 0 1px var(--mt-border-color) !important;

}

/* Violation = Yellow / Dark Yellow */
.bg-violation-gradient,
.violation-gradient {
	background: -webkit-linear-gradient(50deg, var(--violation-light), var(--violation-dark)) !important;
	background: -o-linear-gradient(50deg, var(--violation-light), var(--violation-dark)) !important;
	background: linear-gradient(40deg, var(--violation-light), var(--violation-dark)) !important;
}

.violation-color {
	color: var(--violation-color) !important;
	text-shadow: 0 0 1px var(--violation-border-color) !important;

}

/* Operating (misc) = Light Gray / Gray */
.bg-receipt-gradient,
.receipt-gradient,
.bg-misc-gradient,
.misc-gradient {
	background: -webkit-linear-gradient(50deg, var(--operating-light), var(--operating-dark)) !important;
	background: -o-linear-gradient(50deg, var(--operating-light), var(--operating-dark)) !important;
	background: linear-gradient(40deg, var(--operating-light), var(--operating-dark)) !important;
}

.receipt-color,
.misc-color {
	color: var(--operating-color) !important;
	text-shadow: 0 0 1px var(--operating-border-color) !important;

}

/* Violation & Operating (misc) = Yellow / Light Gray */
.bg-violation-misc-gradient,
.violation-misc-gradient,
.bg-misc-violation-gradient,
.misc-violation-gradient {
	background: -webkit-linear-gradient(50deg, var(--vo-light), var(--vo-dark)) !important;
	background: -o-linear-gradient(50deg, var(--vo-light), var(--vo-dark)) !important;
	background: linear-gradient(40deg, var(--vo-light), var(--vo-dark)) !important;
}

.violation-misc-color,
.misc-violation-color {
	color: var(--vo-color) !important;
	text-shadow: 0 0 1px var(--vo-border-color) !important;

}

/* Violation & Termination = Yellow / Pink */
.bg-termination-violation-gradient,
.termination-violation-gradient,
.bg-violation-termination-gradient,
.violation-termination-gradient {
	background: -webkit-linear-gradient(50deg, var(--vt-light), var(--vt-dark)) !important;
	background: -o-linear-gradient(50deg, var(--vt-light), var(--vt-dark)) !important;
	background: linear-gradient(40deg, var(--vt-light), var(--vt-dark)) !important;
}

.violation-termination-color,
.termination-violation-color {
	color: var(--vt-color) !important;
	text-shadow: 0 0 1px var(--vt-border-color) !important;
}

/* Move-In & Operating (misc) = Lime / Light Gray */
.bg-move-in-misc-gradient,
.move-in-misc-gradient,
.bg-misc-move-in-gradient,
.misc-move-in-gradient {
	background: -webkit-linear-gradient(50deg, var(--mo-light), var(--mo-dark)) !important;
	background: -o-linear-gradient(50deg, var(--mo-light), var(--mo-dark)) !important;
	background: linear-gradient(40deg, var(--mo-light), var(--mo-dark)) !important;
}

.move-in-misc-color,
.misc-move-in-color {
	color: var(--mo-color) !important;
	text-shadow: 0 0 1px var(--mo-border-color) !important;
}

/* Screening = Light Blue / Blue */
/* Disclosure = Light Blue / Blue - unused*/
.bg-disclosure-gradient,
.disclosure-gradient,
.bg-screening-gradient,
.screening-gradient {
	background: -webkit-linear-gradient(50deg, var(--screening-light), var(--screening-dark)) !important;
	background: -o-linear-gradient(50deg, var(--screening-light), var(--screening-dark)) !important;
	background: linear-gradient(40deg, var(--screening-light), var(--screening-dark)) !important;
}

.disclosure-color,
.screening-color {
	color: var(--screening-color) !important;
	text-shadow: 0 0 1px var(--screening-border-color) !important;
}

/* Forms Manual = Pink / Purple - unused*/
.bg-manual-gradient,
.manual-gradient,
.bg-subscription-gradient,
.subscription-gradient {
	background: -webkit-linear-gradient(50deg, var(--subscription-light), var(--subscription-dark)) !important;
	background: -o-linear-gradient(50deg, var(--subscription-light), var(--subscription-dark)) !important;
	background: linear-gradient(40deg, var(--subscription-light), var(--subscription-dark)) !important;
}

.manual-color,
.subscription-color {
	color: var(--subscription-color) !important;
	text-shadow: 0 0 1px var(--subscription-border-color) !important;
}

/***********************/
/* ORHA Custom Classes */
/***********************/

/* Tabbed Sections Hide/Show for Admin Console Menus */
.orha-body--hidden {
	display: none;
}

.orha-body {
	top: 112px;
	position: relative;
}

#orha-detail-report-landscape {
	display: block;
	visibility: visible;
}

#orha-detail-report-portrait {
	display: none;
}

div.orha-detail-report-container {
	max-height: 5em !important;
}

/* Shorthand style for controlling word wrap for narrow screens */
span.orha-nowrap {
	white-space: nowrap !important;
}

/* introText on Login Form */
.introText {
	line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
	max-width: 300px;
	color: dimgray;
}

/* checkboxLabel for Admin Dialogs */
.checkboxLabel {
	color: dimgray;
	font-size: 90%
}

.listWrapper {
	max-height: 220px;
	overflow-y: auto;
}

.storelist ul,
.storelist li {
	list-style: none;
	padding: 0;
	margin: 0;
}

ol.orha-list-parenth {
	list-style-type: none;
	list-style-position: inside;
}

ol.orha-list-parenth > li {
	counter-increment: customlistcounter;
	margin-left: 1em;
	padding-left: 0;
	text-indent: -1.2em;
}

ol.orha-list-parenth > li:before {
	content: counter(customlistcounter) ") ";
}

/*ol.custom:first-child {
  counter-reset: customlistcounter;
}*/

/* Format footer text legal disclaimers */
.orha-legal {
	font-size: 0.9rem;
	font-style: italic;
	text-align: center;
}

/* Format parenthesized sub-text in body text */
.orha-caption {
	font-size: 0.8rem;
	clear: both;
}

/* Format in-line color, style and position of informational headings */
/* Use with h1, h2 etc. for size */
.orha-info {
	text-align: center;
	font-style: italic;
	color: #2196f3 !important;
	margin-bottom: 0.75rem;
}

/* Format in-line color, and position of section titles */
/* Use with h1, h2 etc. for size */
h2.card-title.orha-section-title {
	text-align: center !important;
	display: block !important;
	background-color: black !important;
	color: white !important;
	margin: 0.75rem 0;
}

.form-banner-large {
	font-size: 1.5rem;
	font-weight: bold;
	color: black;
	-webkit-text-fill-color: white;
	/* Will override color (regardless of order) */
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: black;
}

.form-banner {
	font-weight: bold;
	color: black;
	-webkit-text-fill-color: white;
	/* Will override color (regardless of order) */
	-webkit-text-stroke-width: 0.25px;
	-webkit-text-stroke-color: black;
}

/********************/
/* ORHA Form Layout */
/********************/
/* Standard Box frame for special containers */
div.container .orha-frame,
div.container-flex .orha-frame {
	border: thick #AAAAAA;
	margin: 0;
	padding: .5rem;
}

/* Keep input field labels from wrapping when inline with text */
label.truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	min-width: 1px;
}

/* Sizes text around inline input fields */
label.orha-label,
div.orha-label,
li.orha-label,
span.orha-label {
	font-size: 1.5rem;
	margin-bottom: 0;
}
/* preserves the newlines */
textarea {
	white-space: pre;
}
/* Aligns wrapping labels around checkboxes */
div.checkbox > .orha-label {
	line-height: 1.4em;
	vertical-align:center;
}
/* overrides line-height for active labels
control-label-orha["active"] {
	line-height: 1rem !important;
}

/* Container for large text full width */
div.container-flex.container-flex-orha {
	background-color: transparent !important;
	padding: 0;
	margin: 0;
	font-size: 1.5rem;
}

/* Customize md-form spacing and color */
div.md-form.md-form-orha {
	background-color: #EAE1D2 !important;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

/* Custom prefix icons for inputs and titles */
i.fa.fa-orha,
i.fab.fa-orha {
	background-color: #EAE1D2 !important;
	font-size: 1.5rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	text-align: left;
}

/* Customize md-form input fields */
input.form-control.form-control-orha {
	background-color: #EAE1D2 !important;
	margin-bottom: 0;
	text-align: left;
}

select.md-form.md-form-orha {
	background-color: #EAE1D2 !important;
}

/* Prevent input text field from wrapping when inline with text */
div.form-inline {
	margin: 0;
	padding: 0;
	display: inline-flex;
	flex-wrap: nowrap;
}

/********************************/
/* Select Dropdowns .           */
/********************************/
.select-wrapper .select-dropdown {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.select-wrapper ul {
	list-style-type: none;
	padding-left: 0;
}

.select-wrapper input {
	z-index: 2;
}

.select-wrapper + label {
	position: absolute;
	top: 2.125rem;
	-webkit-transition: .2s ease-out;
	-o-transition: .2s ease-out;
	transition: .2s ease-out;
	color: #757575;
	z-index: -1;
}

.select-wrapper + label.active {
	transform: translateY(-14px);
	font-size: .8rem;
	top: 1.5rem;
	left: 15px;
}

.select-wrapper + label.mdb-main-label {
	z-index: 1;
}

.select-wrapper span.caret {
	color: initial;
	position: absolute;
	right: 0;
	top: .8rem;
	font-size: .63rem;
}

.select-wrapper input.select-dropdown {
	position: relative;
	cursor: pointer;
	background-color: #EAE1D2;
	border: none;
	border-bottom: 1px solid #ced4da;
	outline: 0;
	height: 38px;
	line-height: 2.9rem;
	width: 100%;
	font-size: 1rem;
	margin: 0 0 .94rem 0;
	padding: 0;
	display: block;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.select-wrapper {
	position: relative;
}

.dropdown-primary .dropdown-content li.disabled.active {
	background-color: transparent !important;
}

.dropdown-primary .dropdown-content li a,
.dropdown-primary .dropdown-content li span:hover,
.dropdown-primary .dropdown-content li.active {
	background-color: #4285f4 !important;
}

.dropdown-content {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
	background-color: #EAE1D2;
	margin: 0;
	display: none;
	min-width: 6.25rem;
	max-height: 40.625rem;
	overflow-y: auto;
	opacity: 0;
	position: absolute;
	z-index: 999;
	will-change: width, height;
}

.dropdown-content li > a,
.dropdown-content li > span {
	font-size: .9rem;
	color: #212529;
	display: block;
	padding: .5rem;
}

.dropdown-content li.active,
.dropdown-content li:hover {
	background-color: #EAE1D2;
}

.dropdown-content li {
	clear: both;
	color: #eee;
	cursor: pointer;
	line-height: 1.3rem;
	width: 100%;
	text-align: left;
	text-transform: none;
}

.select-dropdown li.disabled,
.select-dropdown li.disabled > span,
.select-dropdown li.optgroup {
	color: rgba(0, 0, 0, .3);
	background-color: transparent !important;
	cursor: context-menu;
}

/********************************/
/* Radio Buttons and Checkboxes */
/********************************/
.md-checkbox label:after,
.checkbox label:after,
.md-radio label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

/* Invisible default controls */
.md-checkbox label input[type="checkbox"],
.checkbox label input[type="checkbox"],
.md-radio label input[type="radio"],
.radio label input[type="radio"] {
	/*display: none;*/
	position: absolute;
	opacity: 0;
}

/* Make radio buttons look like checkboxes */
.md-checkbox .cr,
.checkbox .cr,
.md-radio .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #000000;
	border-radius: 0.25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: 0.5em;
	background-color: #EAE1D2 !important;
}

.md-checkbox .cr .cr-icon,
.checkbox .cr .cr-icon,
.md-radio .cr .cr-icon,
.radio .cr .cr-icon {
	position: absolute;
	font-size: 0.9em;
	line-height: 0;
	top: 50%;
	left: 10%;
}

.md-radio .cr .cr-icon,
.radio .cr .cr-icon {
	margin-left: 0.04em;
}

/* Checkbox toggle animation */
.md-checkbox label input[type="checkbox"] + .cr > .cr-icon,
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.md-radio label input[type="radio"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all 0.3s ease-in;
}

.md-checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.md-radio label input[type="radio"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.md-checkbox label input[type="checkbox"]:disabled + .cr,
.checkbox label input[type="checkbox"]:disabled + .cr,
.md-radio label input[type="radio"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
	opacity: 0.5;
}

/* Styles for hiding the native checkbox */
input[type='checkbox'].check-custom,
input[type='radio'].check-custom,
input[type='radio'].radio-custom {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Styles for the basic appearance of the custom checkbox */
input[type='checkbox'].check-custom ~ .check-toggle,
input[type='radio'].check-custom ~ .check-toggle,
input[type='radio'].radio-custom ~ .radio-toggle {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 2px solid grey;
	border-radius: 0.25em;
	height: 1.3em;
	width: 1.3em;
	float: left;
	margin-right: 0.5em;
	background-color: #EAE1D2 !important;
	cursor: pointer;
}

/* Styles for the hover state appearance of the custom checkbox */
input[type='checkbox'].check-custom:hover ~ .check-toggle,
input[type='radio'].check-custom:hover ~ .check-toggle,
input[type='radio'].radio-custom:hover ~ .radio-toggle {
	border-color: #4285f4;
}

/* Styles for the focus state appearance of the custom checkbox */
input[type='checkbox'].check-custom:focus ~ .check-toggle,
input[type='radio'].check-custom:focus ~ .check-toggle,
input[type='radio'].radio-custom:focus ~ .radio-toggle {
	border-color: #4285f4;
	box-shadow: 0 0 0 2px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state appearance of the custom checkbox */
input[type='checkbox'].check-custom:checked ~ .check-toggle,
input[type='radio'].check-custom:checked ~ .check-toggle,
input[type='radio'].radio-custom:checked ~ .radio-toggle {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
	border-color: #1785ff;
	background: #1785ff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
	background-size: 75%;
}

/************************************
* Media overrides for screen sizes.
* STart large and override values
* for smaller screens as needed.
************************************/
/* large screens 1600px and below */
@media screen and (max-width: 1600px) {

}

/* Screens 1200px and below */
@media screen and (max-width: 1200px) {

}

/* Mobile Devices 600px and below - Not iPad*/
@media screen and (max-width: 600px) {
	div #orha-detail-report-landscape {
		display: none;
	}

	div #orha-detail-report-portrait {
		display: block;
		visibility: visible;
	}

	.mdc-top-app-bar__title {
		display: none;
		font-size: 8px;
	}
}

/* Small Devices 360px and below - iPhone 5, etc.*/
@media screen and (max-width: 360px) {

}