/**
 * corestyles.css
 *
 * These styles are loaded after and will override all Bootstrap and jQuery styles
 */

/* Global Styles */

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');

:root {
	/* The root px value is generally 16px.  This down scales it to 10px. Then your rem values just shift the
	decimal place of the px value to get your rem value.  (e.g. 20px becomes 2.0rem) */
	font-size: 62.5%;
}

/* Prevent VueJS template curly brackets from showing */
[v-cloak] {
	display: none
}

body {
	font-family: 'Source Sans Pro', sans-serif !important;
	font-size: 1.9rem;
	padding-top: 11rem;
	background-color: #F3F3F6;
	overflow-y: scroll;
	overflow-x: hidden;
}

h1 {
	font-size: 3.2rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2.2rem;
}

a:hover {
	text-decoration: none !important;
}

 /*
 select {
	 color: #2B51A3 !important;
	 font-size: 1.1em !important;
	 font-weight:bolder !important;
	 padding: .1em .5em !important;
 }
 */

 label {
	 color: #2B51A3;
	 font-weight: 600;
	 font-size: 1.6rem;
 }

 .body-small {
	 font-size: 1.6rem;
 }

.oneLineWithEllipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* Default Layout */

#mainContent {
	padding-bottom: 2.0rem;
}

/* Reports */

.noMaxHeight {
	max-height: unset !important;
}
.noMinHeight {
	min-height: unset !important;
}
.page-break {
	page-break-after: always;
}

.sameLine {
	white-space: nowrap;
}

.samePage {
	page-break-inside: avoid;
}

@media screen and (min-width: 1200px) {
	.sideBarNav {
		height: calc(100% - 100px);
		overflow-x: hidden;
		overflow-y: scroll;
		padding-bottom: 50px;
		position: fixed;
	}
}

.siteSelectDropDown {
	margin-bottom: 60px;
	max-width: 100%;
}

/* Form Classes */
.multiselectElementList {
	height: 25rem;
	overflow-y: auto;
	border: .1rem solid lightgray;
	border-radius: .5rem;
	margin-bottom: 2rem;
	padding: .5rem;
}

/* Other utility */
.noMargin {
	margin: 0;
}
.halfTransparent {
	opacity: 0.5;
}

.btn-disabled {
	color: #b2b7c0;
}

.btn-disabled:hover {
	color: #b2b7c0;
}

.btn-script {
	min-width: 0;
	width: 100%;
	margin: 0 .5rem;
}

.btn-noMin{
	min-width: 0;
}

.secondaryHeading {
	background-color: lightgray;
	border-radius: .4rem;
	margin-bottom: 1rem;
}

.input-lg {
	padding: 1rem 1.2rem;
}

.modal-break {
	width: 95%;
	height: .1rem;
	background-color: #D8DDE6;
	z-index: 100000000000000;
	position: absolute;
}

/* RCA */
.rcaList {
	border-left: .1rem solid gray;
	margin-left: 4.5rem;
}
.rcaListItem {
	border-radius: .4rem;
}
.rcaListItem_highlight {
	background-color: #FFFFE0;
}

#rcaUploadStructure {
	font-family: Lucida Console;
	border: .1rem solid black;
	border-radius: .5rem;
	padding: .5rem;
}

/* rca_audit.ctp - RCA Audit View */
.rcaAuditContainer {
	margin-top: 25px;
}
.rcaAuditRow > .buttonAudit {
	min-width: 11rem;
	width: 12%;
}
.rcaAuditRow > .cancelAudit {
	display: none;
	min-width: 11rem;
	width: 12%;
}
.rcaAuditRow > .cancelAudit > button {
	min-width: 10rem;
}
.rcaAuditRow > .rcaAuditCounts {
	min-width: 9rem;
	width: 20%;
}

/**
 * Stops text from running outside the buttons in the RCA Modal
 */
.rcaSectionButton {
	white-space: normal;
	cursor: pointer;
}

/* Page Header */
#pageHeader {
	margin: 1rem 0 2rem 0;
	padding: 0;
}

#pageHeader > .well {
	margin: 0;
}

#pageHeader h2 {
	margin: 0;
}

/* Error/Success Message Notifications */
#errorMessage {
	border-radius: 0;
	text-align: center;
	margin-bottom: 0;
}

#errorMessage .alert {
	margin-bottom: 0;
}

/* Cake Error Message */
.error-message {
	color: rgb(185, 74, 72);
	background-color: rgb(242, 222, 222);
	padding: 1rem;
	border-radius: .5rem;
}

/* --- Begin styles for custom tree viewer --- */
.hydracor-tree-node {
	border-left: 0.1rem solid gray;
	margin-left: 7rem;
}
.hydracor-tree-node .highlight-node {
	background-color: #FFFFE0;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
	padding: 0.5rem 0rem;
}

/* --- Begin styles for Hydracor Modules --- */
.hydracor-module {
	background-color: #FFFFFF;
	border: .1rem solid #D8DDE6;
	box-shadow: 0 2px 20px 1px rgba(0,0,0,0.05);
	border-radius: .4rem;
	padding: 2rem 3rem;
	min-height: 25.6rem;
	margin-bottom: 2.5rem;
	position: relative;
}

.hydracor-module > .hm-header {
	padding-bottom: 1rem;
	border-bottom: .1rem solid #D8DDE6;
	margin-bottom: 1rem;
	font-size: 2rem;
	position: relative;
}

.hydracor-module > .hm-header-plain {
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	font-size: 2rem;
	position: relative;
}

.hydracor-module > .hm-content {
	position: relative;
}

/* When using a table inside the hydracor module this prevents 2 lines being drawn for the .hm-header and .table cells */
.hm-content > .table > tbody > tr:first-child > td, .hm-content > .table > tbody > tr:first-child > th {
	border-top: none;
}

.hydracor-module .hm-remove {
	cursor: pointer;
}

.hydracor-module.hm-collapsible > .hm-header {
	cursor: pointer;
}

.hydracor-module .hm-open {
	display: none;
}

.hydracor-module .hm-close {
}

/* Stack up the Modules, possible replacement for Bootstrap accordion */
.hydracor-module.hm-stacked {
	min-height: 0;
	margin-bottom: .5rem;
}

/* Module is Closed */
.hydracor-module.hm-closed {
	min-height: 0;
}

.hydracor-module.hm-closed > .hm-header {
	border-bottom-width: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.hydracor-module.hm-closed > .hm-header-plain {
	border-bottom-width: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.hydracor-module.hm-closed > .hm-content {
	display: none;
}

.hydracor-module.hm-closed .hm-close {
	display: none;
}

.hydracor-module.hm-closed .hm-open {
	display: block;
}

.hydracor-sub-module {
}

.hydracor-sub-module > .hsm-header {
	padding-bottom: 1rem;
	border-bottom: .1rem solid #D8DDE6;
	margin-bottom: 1rem;
	font-size: 1.8rem;
}

.hydracor-sub-module > .hsm-content {
}

/* --- End styles for Hydracor Modules --- */

/* --- Begin styles for Hydracor Dropdowns --- */
.hydracor-dropdown > .dropdown-menu {
	padding: 1.5rem;
	width: 40.0rem;
	cursor: default;
	max-height: 60vh; /* 80% of the viewport height */
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	position: absolute;
}
.hydracor-dropdown.hydracor-search > .dropdown-menu {
	width: 100%;
}

.hydracor-dropdown > .dropdown-menu.actionItemsList {
	padding: 0rem !important;
}
.hydracor-dropdown > .dropdown-menu > .dropdown-header {
	font-size: 2rem;
	white-space: normal;
}
.hydracor-dropdown > .dropdown-menu > li {
	cursor: pointer;
}
.hydracor-dropdown > ul > .selected{
	background-color: #F4F6F9;
}

.hydracor-dropdown > ul > li:last-child {
	border-bottom-width: 0;
}

.hydracor-dropdown > .dropdown-menu > li > a {
	padding: 1rem;
	white-space: normal;
	font-weight: medium;
	font-size: 1.6rem;
	color: #2B51A3;
}
.hydracor-dropdown > .glyphicon-remove {
	cursor: pointer;
	position: absolute;
	left: calc(100% - 4rem);
	top: 0.7rem;
}

.hydracor-dropdown .nonClickable {
	cursor: default !important;
}

.hydracor-dropdown .arrow-up {
	display: inline;
	height: 0;
	/* width: 5.4rem; */
	font-stretch: ultra-expanded;
	transform: scale(4, 0.39);
	color: white;
	top: -.6rem;
}

.hydracor-dropdown .arrow-up.arrow-right {
	position: absolute;
	right: -6rem;
}

.hydracor-dropdown .arrow-up.arrow-left {
	position: absolute;
	left: 9rem;

}
.hydracor-dropdown > .dropdown-toggle:focus {
	color: white;
}
.hydracor-dropdown > .form-control {
	/* padding-left: 0px; */
	text-indent: 1.5rem;
	-webkit-appearance: menulist-button;
}

/* --- End styles for Hydracor Dropdowns --- */

/* HydraCor Tables */
.tableHydracor {
	border-radius: .4rem;
	color: #333333;

}

.tableHydracor td, .tableHydracor th {
	text-align: left;
}

.tableHydracor > thead > tr:first-child > th,
.tableHydracor > thead > tr:first-child > td {
	color: lightgray;

}

.tableHydracor > thead > tr:nth-child(2) > th,
.tableHydracor > thead > tr:nth-child(2) > td {
	background-color: lightgray;
}

.rowSeparatorTopLight {
	border-top: .2rem solid lightgray;
}

.rowSeparatorTopDark {
	border-top: .2rem solid gray;
}

.rowSeparatorBottomLight {
	border-bottom: .2rem solid lightgray;
}

.rowSeparatorBottomDark {
	border-bottom: .2rem solid gray;
}

.rowPaddingLarge {
	padding: 10px 0px;
}

.columnSeparatorLeft {
	border-left: .1rem solid lightgray;
}

.columnSeparatorRight {
	border-right: .1rem solid lightgray;
}

.tableLeftAlign th, .tableLeftAlign td {
	text-align: left;
}

.tableEqualColumnWidth {
	table-layout: fixed;
}

.tablePlain {
	color: black;
	padding: .5rem;
}

.tablePlain > thead > tr > th {
	padding: 0rem 0rem 1rem 0rem;
	border-width: 0px;
}

.tablePlain > tbody > tr {
	margin: 0rem 0rem 1rem 0rem;
}

.tablePlain > tbody > tr > td {
	padding: 0rem 2rem 0rem 0rem;
	border-width: 0px;
}

/* Status Tables */
.table-striped > thead > tr > td,
.table-striped > thead > tr > th,
.table-striped > tbody > tr > td {
	line-height: 3.2rem;
	padding: 0.8rem 1.6rem;
}
.table.table-danger > thead > tr > td,
.table.table-danger > thead > tr > th {
	border-bottom: 0px solid #C23934;
}
.table.table-danger > thead > tr > td {
	padding: 0.8rem 1.6rem;
}
.table.table-danger > tbody > tr > td {
	padding: 0.8rem 1.6rem;
}
.table.table-danger > tbody > tr > td{
	border-top: 2px solid #C23934!important;
	border-bottom: 2px solid #C23934;
}
.table.table-danger > tbody > tr > td:first-child{
	border-left: 2px solid #C23934;
}
.table.table-danger > tbody > tr > td:last-child{
	border-right: 2px solid #C23934;
}

.table.table-warning > thead > tr > th,
.table.table-warning > thead > tr > td {
	border-bottom: 0px solid #FFB75D;
}
.table.table-warning > thead > tr > td {
	padding: 0.8rem 1.6rem;
}
.table.table-warning > tbody > tr > td {
	padding: 0.8rem 1.6rem;
}
.table.table-warning > tbody > tr > td{
	border-top: 2px solid #FFB75D!important;
	border-bottom: 2px solid #FFB75D;
}
.table.table-warning > tbody > tr > td:first-child{
	border-left: 2px solid #FFB75D;
}
.table.table-warning > tbody > tr > td:last-child{
	border-right: 2px solid #FFB75D;
}

/* Question Mark Popovers */
.popover-toggle {
	padding: 0 .5rem;
	color: inherit;
	position: relative;
	z-index: 49;
	cursor: pointer;
}
.supportingDataToggle {
	top: 0.3rem;
	left: 0.5rem;
	cursor: pointer;
}

#popover-dismiss {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 1050;
}

/* Use with Bootstrap 'page-header' class to remove the horizontal line at the bottom */
.header-no-line {
	border-bottom: 0;
	margin-bottom: 0;
}

/* Use inside page header div for header inputs that have labels */
.page-header > .has-label {
	margin-top: -3.215rem;
}

@media (max-width: 767px) {
	.page-header > .has-label {
		margin-top: 0;
	}
}




.text-separator {
	display: inline;
	margin: 0 .4rem;
	padding: 0 .4rem;
	border-left: .2rem solid lightgray;
}

/* Loading Spinner */
.spinner {
	display: none;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .8) url('/img/ajax-loader.gif') 50% 50% no-repeat;
}
.spinner.pacman {
	background: rgba(255, 255, 255, .8) url('/img/pacman.gif') 50% 50% no-repeat;
}
.spinner.cat {
	background: rgba(255, 255, 255, .8) url('/img/cat.gif') 50% 50% no-repeat;
}

.sectionSpinner {
	display: none;
	z-index: 2000;
	height: 3.2rem;
	width: 3.2rem;
	background-image: url('/img/ajax-loader.gif');
}
.sectionSpinner.cat {
	display: none;
	z-index: 2000;
	height: 200px;
	width: 200px;
	background-image: url('/img/cat.gif');
}

/* Forms */
/* Make a textarea input span 100% of it's parent element */
.textAreaSpan100 {
	width: 100%;
	box-sizing: border-box;
}

.textSpan100 {
	width: calc(100% - 1.4rem);
}

.wideTextField {
	width: 50rem;
}

.datePickerInput:enabled, #StartDate:enabled, #EndDate:enabled, #ActionItemDue:enabled {
	cursor: pointer;
	background-color: white;
}

/* Navs */
.hydracor-navbar {
	background-color: #16325C;
	margin-bottom: 0px;
}
.upper-nav {
	padding-top: .5rem;
	height: 5rem;
}

.lower-nav {
	z-index: 50;
	height: 5rem;
	overflow-y: hidden;
	text-align: left;
}

.main-nav-tabs > li {
	margin-right: .5rem;
}

.main-nav-tabs > li:last-child {
	margin-right: 0;
}

.main-nav-tabs > li > a {
	border-bottom: .6rem solid #16325C;
	line-height: 1.4rem;
}

.main-nav-tabs > li:hover > a, .main-nav-tabs > li > a.active {
	border-bottom-color: white;
}

.navTabs > li:hover, .navTabs > li.active {
	border-color: #2b51a3;
}
.navTabs > li > a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: .3rem 1rem 0rem 1rem;
}
.navTabs.navTabsLeft > li > a {
	padding: .3rem 1rem .3rem 0rem;
}
.navTabs > li {
	display: inline-block;
	margin-bottom: .6rem;
	border-bottom: .4rem solid transparent;
}
.navTabs {
	padding-left: 0;
}

.hydracor-alternate-nav {
	margin: 1rem 0;
}

.ha-nav-label {
}

.ha-nav-tab-container {
	width: 100%;
	display: table;
}

.ha-nav-tab {
	display: table-cell;
	cursor: pointer;
	text-align: center;
	padding: .7rem;
	color: black;
	background-color: white;
	border-style: solid;
	border-color: #D8DDE6;
	border-width: .1rem .1rem .1rem 0rem;
}

.ha-nav-tab-container > .ha-nav-tab:first-child {
	border-top-left-radius: .4rem;
	border-bottom-left-radius: .4rem;
	border-width: .1rem;
}

.ha-nav-tab-container > .ha-nav-tab:last-child {
	border-top-right-radius: .4rem;
	border-bottom-right-radius: .4rem;
}

.ha-nav-tab.priority_1 {
	color: #04844B;
}

.ha-nav-tab.priority_2 {
	color: #FFB75D;
}

.ha-nav-tab.priority_3 {
	color: #C23934;
}

.ha-nav-tab.active {
	cursor: default;
	color: white;
}

.ha-nav-tab.priority_1.active {
	background-color: #04844B;
}

.ha-nav-tab.priority_2.active {
	background-color: #FFB75D;
}

.ha-nav-tab.priority_3.active {
	background-color: #C23934;
}


.hydracorLogoContainer {
	width: 15rem;
}

.adtToggle {
	padding-top: .5rem;
	padding-right: 1rem;
	color: white;
}

.siteName {
	color: white;
	font-size: 2.4rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 0px 10px;
}

/**
* Star Ratings
*/
.starRating {
	border-radius: .4rem;
	padding: .5rem 1rem;
	color: white;
	font-size: 1.6rem;
	margin-bottom: .5rem;
	margin-left: 0rem;
}

.starRating.priority_3 {
	background-color: #C13834;
}

.starRating.priority_2 {
	background-color: #FDB764;
}

.starRating.priority_1 {
	background-color: #13844E;
}


/**
 * Service Depot Sliding Panels
 */
#sd-panel-dismiss {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 1020;
}

.sd-panel {
	width: 25rem;
	height: 100%;
	position: fixed;
	top:0;
	z-index: 2025;
	background-color: white;
	overflow: auto;
}

.sd-panel-left {
	margin-left: -25rem;
	box-shadow: .5rem 0 .5rem rgba(0, 0, 0, 0.15);
}

.sd-panel-left-lg {
	min-width:50%;
	margin-left:-95rem;
	box-shadow: .5rem 0 .5rem rgba(0, 0, 0, 0.15);
}

.sd-panel-left-md {
	min-width:30%;
	margin-left:-95rem;
	box-shadow: .5rem 0 .5rem rgba(0, 0, 0, 0.15);
}
@media (max-width: 48rem) {
	.sd-panel-left-md {
		min-width:100%;
		margin-left:-95rem;
		box-shadow: .5rem 0 .5rem rgba(0, 0, 0, 0.15);
	}
}
.sd-panel-right {
	left: 100%;
	box-shadow: -.5rem 0 .5rem rgba(0, 0, 0, 0.15);
}

.sd-panel-inner {
	min-height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	padding: 1.5rem;
}

.sd-panel-title {
	background-color: #16325c;
	color: white;
	margin-bottom: .5rem;
	padding: .5rem;
	text-align: center;
	border-radius: .5rem;
	outline: none;
}

.sd-panel-hidden {
	width: 0;
	max-height: 100%;
	overflow: hidden;
	visibility: hidden;
	left: 0;
}

/**
 * Add Response ---------------------------------------------------------------
 */
.roundsProgressBar {
	margin-top: 1.9rem;
}

.rcaRatingsTable {
	width: 100%;
}

.rcaRatingsTable > tbody > tr > th{
	width: 50%;
}

.service_ratings {
	width: 100%;
}

.service_ratings > button {
	height: 100%;
	width: 31.3%;
	display: inline;
}

#rcaModalHeader {
	padding-bottom: 0rem;
}
#rcaModalBody {
	padding: 1.5rem;
	overflow-x: hidden;
}
#rcaModalBreadCrumb {
	padding-top: .5rem;
	opacity: 0.7;
}

.hasRcaRatings {
	color: green;
	padding-left: .5rem;
	display: none;
}

.previousRoundModal {

}

/**
 * Performance Benchmarks -----------------------------------------------------
 */
.benchmarkWeekGreen {
	color: rgb(70, 136, 71);
	background-color: rgb(223, 240, 216);
	border-radius: .5rem;
	display: inline-block;
	cursor: pointer;
	padding: .4rem 1.5rem;
}

.benchmarkWeekYellow {
	color: rgb(192, 152, 83);
	background-color: rgb(252, 248, 227);
	border-radius: .5rem;
	display: inline-block;
	cursor: pointer;
	padding: .4rem 1.5rem;
}

.benchmarkWeekRed {
	color: rgb(185, 74, 72);
	background-color: rgb(242, 222, 222);
	border-radius: .5rem;
	display: inline-block;
	cursor: pointer;
	padding: .4rem 1.5rem;
}

.benchmarkWeekActive {
	border: .1rem solid black;
}

/**
 * Reports --------------------------------------------------------------------
 */
.subReportWell {
	margin-bottom: 5rem;
	border: .1rem solid gray;
}

.subReportContainer {
	margin-top: 5rem;
	background-color: white;
	border-radius: .5rem;
	border: .1rem solid lightgray;
	page-break-before: always;
}

.subReportHeader {
	margin-left: 0;
	background-color: #DCE6E1;
	padding: 1.5rem;
}

.dynamicReportDiv {
	padding: 0 1.5rem;
}

.graphReportContainer {
	margin: 0 0 0 3rem;
	page-break-after: always;
}

.summaryTdCurrent {
	background-color: #CC99FF;
}

.summaryTdLast {
	background-image: url('/img/one-month-background.png');
	background-size: 100% 100%;
}

.summaryTdLast3 {
	background-image: url('/img/three-month-background.png');
	background-size: 100% 100%;
}

.summaryTdLast6 {
	background-color: #66CCFF;
}

.threatLevelTH {
	cursor: pointer;
}

.rcaDrillDownLink {
	font-size: 1.6rem;
}
.rcaHighlightRed {
	background-color: #F2DEDE;
	color: #B94A48;
}
.reportSiteItem.disabled {
	background-color: #F4F6F9;
}

/**
 * 3rd Party Metrics Report
 */
.thirdPartyScoresTable .thQuestionName {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #4D4D4D;
}
.thirdPartyScoresTable .tdN {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	border-bottom: 1px solid #4D4D4D;
	border-left: 1px solid #4D4D4D;
	min-width: 15px;
}
.thirdPartyScoresTable .tdRaw {
	border-left: 1px solid lightgray;
	min-width: 15px;
}
.thirdPartyScoresTable .tdPercent {
	border-bottom: 1px solid #4D4D4D;
	border-left: 1px solid lightgray;
	min-width: 15px;
}
.thirdPartyScoresTable .thCommentsHeader {
	text-align: center;
	vertical-align: middle;
}
.thirdPartyScoresTable .tdComments {
	border-left: 1px solid #4D4D4D;
}

/**
* Turn checkboxes into toggles
*
*/
.toggle-check-input {
	width: 0;
	height: 0;
	position: absolute;
	display: none;
}

.toggle-check-text {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	background: #CCC;
	padding: .4rem .9rem .4rem 3.5rem;
	border-radius: 1.6rem;
	min-width: 3.2rem;
	color: #FFF;
	cursor: pointer;
	transition: background-color 0.15s;
}

.toggle-check-text:after {
	content: ' ';
	display: block;
	background: #FFF;
	width: 2.4rem;
	height: 2.4rem;
	border-radius: 1.2rem;
	position: absolute;
	left: .4rem;
	top: .3rem;
	transition: left 0.15s, margin-left 0.15s;
}

.toggle-check-text:before {
	content: '\2716';
}

.toggle-check-input:checked + .toggle-check-text {
	background: #8ad869;
	padding-left: .9rem;
	padding-right: 3.5rem;
}

.toggle-check-input:checked + .toggle-check-text:before {
	content: '\2714';
}

.toggle-check-input:checked + .toggle-check-text:after {
	left: 100%;
	margin-left: -2.8rem;
}

/**
 * Action Items (Assign Action) Page -----------------------------------------
 */
.actionItemCard {
	border-radius: .5rem;
	margin-bottom: 1rem;
	word-wrap: break-word;
}

.actionItemCardClickable {
	cursor: pointer;
}

.actionItemCardClickable:hover {
	background-color: #f2f2f2;
}

.actionItemCard[data-priorityid="1"]  > .actionItemCardBody, .actionItemCard[data-priorityid="2"] > .actionItemCardBody, .actionItemCard[data-priorityid="3"] > .actionItemCardBody {
	border: .1rem solid rgb(205, 210, 222);
	border-top: unset;
	border-radius: .4rem;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
	background-color: white;
}

.priorityTitle > hr {
	height: 0;
}

.priorityTitle[data-priorityid="3"] > hr {
	/* border-top: .5rem solid #C23934; */
	position: relative;
	bottom: 1rem;
}

.priorityTitle[data-priorityid="2"] > hr {
	/* border-top: .5rem solid #FFB75D; */
	position:relative;
	bottom: 1rem;
}

.priorityTitle[data-priorityid="1"] > hr {
	/* border-top: .5rem solid #4667af; */
	position: relative;
	bottom: 1rem;
}

/*Keep Select2 values off screen */
.actionItemFilter .select2 .select2-selection__rendered  {
	position: absolute;
	top: -500px;
}


.actionItemFilter .select2-selection--multiple {
	border: unset !important;
}

.actionItemFilter select {
	/* CSS Basic User Interface Module Level 4 values */
	appearance: none;
	/* Gecko */
	-moz-appearance: none;
	/* WebKit/Blink */
	-webkit-appearance: none;
}

.actionItemFilter .select2-selection--multiple::before {
	content: attr(data-content);
	display: block;
	/*This could be replaced with an inherit form-control*/
	width: 100%;
	height: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.actionItemFilter .select2-container--disabled .select2-selection--multiple::before {
	background-color: #eee;
}

.actionItemsLoader {
	position:fixed;
	width:20px;
	right:50%;
	padding-top:10px;
}

.actionItemCardHeader {
   border-radius: .5rem .5rem 0 0;
   padding: .4rem .5rem;
   height: 3rem;
   color: #fff;
}

.actionItemCard[data-priorityid="3"] > .actionItemCardHeader {
   background-color: #C23934;
}

.actionItemCard[data-priorityid="2"] > .actionItemCardHeader {
   background-color: #FFB75D;
}

.actionItemCard[data-priorityid="1"] > .actionItemCardHeader {
   background-color: #4667af;
}
.actionItemCard > .actionItemCardHeader.actionClosed {
   background-color: rgb(144, 144, 144);
}

.actionItemCardBody {
	padding: .5rem;
	background-color: #F4F6F9;
}

.actionItemCardComment {
	margin-top: 1rem;
	padding-top: 1.5rem;
}

#actionItemModal .close {
	color:white !important;
	opacity: unset;
	font-weight: unset;
}
#actionItemModal .modal-footer {
	border-top: 0px;
}

.commentAuthor {
   font-weight: lighter;
   color:#9C9B9B;
   margin: 0px;
}

.actionItemCardClickable .actionItemOpen {
	display: none;
	width:100%;
	padding: 10px;
	margin-top: 10px;
}

.actionItemInfo {
	padding-top: 20px;
}

#addCommentBox::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-style: italic;
}
#addCommentBox::-moz-placeholder { /* Firefox 19+ */
	font-style: italic;
}
#addCommentBox:-ms-input-placeholder { /* IE 10+ */
	font-style: italic;
}
#addCommentBox:-moz-placeholder { /* Firefox 18- */
	font-style: italic;
}

@media (max-width: 767px) {
	.actionItemCardClickable  {
		pointer-events: none;
	}
	.actionItemCardClickable .actionItemOpen {
		pointer-events: visiblestroke;
		display: inline-block;
	}
	.actionItemInfo {
		padding-top: 10px;
	}
}

#closeMe {
	position: fixed;
	display: none;
	width: 100%;
	height: 15%;
	left: 0;
	bottom: 0;
	background-color: rgba(1,1,1,0.1);
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	border-radius: .4rem .4rem 0 0;
}

#closeMe.activated {
	background-color: rgba(255, 0, 0, 0.35);
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
}

#closeMe > .glyphicon {
	position: absolute;
	left: 50%;
	top: 15%;
	font-size: 6.4rem;
}
@media (min-width: 64rem) {
	#assignActionModal > .modal-dialog > .modal-content {
		width: 150%;
		left: -25%;
	}
}
/* MEDIA QUERIES ARE ALWAYS BASED ON 16px not the 10 set above. */
@media (min-width: 48rem) {
	#actionItemModal > .modal-dialog {
		width: 70%;
	}
	.actionItemModalAction {
		margin: 1rem 0rem;
		margin-right: 0;
	}
}
@media (max-width: 47rem) {
	.actionItemModalAction  {
		margin: 0.5rem 0rem;
	}
}
.actionItemGroup {
	border:1px solid lightgray;
	border-radius:5px;
	padding:0px 10px;
	margin-bottom:5px;
}
.showMore {
	padding-left: unset;
}
.actionItemModalAction {
	width: 100%;
}

#actionItemModalBody {
	max-height: 100%;
	word-wrap: break-word;
}

#actionItemModalTitle {
	font-weight: bold;
	text-align: center;
}

.ActionPriorityButton {
	min-width: 17.5rem;
}

.showMoreComment {
	display: none;
}

.hd-textarea > textarea {
	width: 100%;
	resize: none;
	display: block;
	border: .2rem solid #D8DDE6;
	border-radius: .4rem;
}

.hd-textarea > textarea[disabled] {
	background-color: rgba(217, 217, 217, 0.5);
}

.submitComment {
	width: 100%;
	margin-top: 1rem;
}

.hd-textarea > .header {
	width: 100%;
	padding: .5rem;
	font-weight: bold;
}

.alert-low {
  color: #999999;
  background-color: rgba(153, 153, 153, 0.2);
  border-color: #999999;
}

.actionItemsNav .nav-tabs {
	margin-bottom: 2rem;
}

.noActionItemCards {
	text-align: center;
	color: #808080;
}

.module {
	padding: 2rem 2rem 2rem 2rem;
	background-color: #F4F6F9;
	border-radius: .4rem;
	border: .2rem solid #E5E8EE;
	margin: 1rem;
	overflow-wrap: break-word;
}

#errorMessage {
	position: fixed;
	z-index: 9999999;
	width: 100%;
	left: 0;
	top: -1rem;
	border: .1rem dotted black;
	border-top: 0;
}

.arrow-down {
	display: inline;
	position: absolute;
	font-stretch: ultra-expanded;
	transform: rotate(180deg) scale(1.5,0.39);
	color: white;
	padding-left: .2rem;
}

@media (max-width: 48rem) {
	.modal.bootstrap-fade {
		top: -10rem;
	  }

	  .modal.bootstrap-fade.bootstrap-in {
		top: 2rem;
	  }
}


/**
 * Start Dashboard Metrics Styles ---------------------------------------------
 */
.hydraDatePicker.input-daterange > input[disabled] {
	cursor: pointer;
	background-color: #fff;
}
.hydraDatePicker.input-daterange > .input-group-addon {
	cursor: pointer;
	background-color: #fff;
}
.changeBenchmarkDateRange.form-control {
	min-width: 250px;
}
.weeklyOverallReview {
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	font-size: 1.6rem;
}

.weeklyOverallReview .heading{
	font-size: 1.9rem;
}
.weeklyOverallReview .changeBenchmarkDateRange{
	cursor: pointer;
}
.weeklyOverallReview .supportingData{
	border-left: 0.2rem solid #ddd;
	padding: 0 0 0 0.8rem;
	margin: 0 0 0 1.6rem;
}
.weeklyOverallReview > table > thead > tr > th {
	padding: 0.4rem 0rem;
}
.weeklyOverallReview > table > tbody > tr {
	border-top: 1px solid #ddd;
}
.weeklyOverallReview > table > tbody > tr:first-child {
	/* vertical-align: top; */
	border-top: 1px none #ddd;
}
.weeklyOverallReview > table > tbody > tr > td {
	border-top: 1px none #ddd;
	padding: 0.4rem 0.8rem;
}
.weeklyOverallReview .starsSpan {
	font-size: 1.4rem;
}
.weeklyOverallReview .starsSpan .glyphicon {
	margin-right: 0rem;
	margin-top: 0.4rem;
}
.weeklyOverallReview > .active {
	font-weight: bold;
}
.weeklyOverallReview > .heading {
	cursor: default;
}
.satisfactionOperationHeader {
	margin: 1rem 0;
}

.starsSpan {
	font-size: 1.8rem;
	white-space: nowrap;
}

.text_pr1 {
	color: #04844B; /*#00C751*/
}
.text_pr2 {
	color: #FFB75D; /*#EAC90B*/
}
.text_pr3 {
	color: #C23934; /*#FF4444*/
}
table > tbody > tr.text_pr1.active > td {
	background-color: #04844B; /*#00C751*/
	color: white;
}
table > tbody > tr.text_pr2.active > td {
	background-color: #FFB75D; /*#00C751*/
	color: white;
}
table > tbody > tr.text_pr3.active > td {
	background-color: #C23934; /*#00C751*/
	color: white;
}
.inactive-star {
	color: #D8DDE6;
}
.text-sm {
	font-size: 1.4rem;
}
.text-md {
	font-size: 1.6rem;
}
.text-lg {
	font-size: 1.9rem;
}

.has-feedback.has-feedback-left > .form-control {
	-webkit-appearance: menulist-button;
	-moz-appearance: menulist;
	text-indent: 3rem;
	padding-right: 0rem;
}
.has-feedback.has-feedback-left > .form-control-feedback {
	left: 0;
}

/**
 * Patients Seen Section
 */
.patientsSeenMeter {
	max-width: 20rem;
	margin: 0 0 1rem 0;
}
@media (max-width: 767px) {
	.patientsSeenMeter {
		margin: auto;
	}
	.patientsSeenMeter > div {
		margin: auto;
	}
}

.improvementAdvice > .hydracor-icon-alert {
	float: left;
	margin: .5rem 1rem .5rem 0;
}
.improvementAdvice > div {
	display: block;
	overflow: hidden;
}
.improvementAdvice.priority_1 > .hydracor-icon-alert,
.improvementAdvice.priority_1 .title {
	color: #04844B;
}
.improvementAdvice.priority_2 > .hydracor-icon-alert,
.improvementAdvice.priority_2 .title {
	color: #FFB75D;
}
.improvementAdvice.priority_3 > .hydracor-icon-alert,
.improvementAdvice.priority_3 .title {
	color: #C23934;
}

.managerDashboardSiteHeader {
	padding-bottom: 1rem;
	margin-top: 1rem;
	border-top: 1px solid #dddddd;
}

.managerDashboardSiteHeader > .row > div {
	margin-top: 1.2rem;
}

.managerDashboardModule {
	background: #FFFFFF;
	border: 1px solid #D8DDE6;
	box-shadow: 0 2px 20px 1px rgba(0,0,0,0.05);
	border-radius: 4px;
	margin-bottom: .5rem;
	cursor: pointer;
}
.managerDashboardModule:hover {
	background-color: #CED0D3;
}
.managerDashboardModule > .header {
	color: white;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	padding: 5px 10px;
	font-size: 1.3rem;
}
.managerDashboardModule > .content {
	padding: .5rem .5rem 0 .5rem;
}
.managerDashboardModule.priority_1 > .header {
	background-color: #04844B;
}
.managerDashboardModule.priority_2 > .header {
	background-color: #FFB75D;
}
.managerDashboardModule.priority_3 > .header {
	background-color: #C23934;
}
.managerDashboardModule > .content > .serviceNameContainer {
	padding: 5px;
	font-size: 2.2rem;
}
.managerDashboardModule > .content > .serviceNameContainer > .underline {
	border-bottom: 1px solid #dddddd;
}
.managerDashboardModule.avg {
	cursor: default;
}
.managerDashboardModule.avg:hover {
	background-color: #FFFFFF;
}
.managerDashboardModule.avg > .content {
	padding: .5rem;
}

.priorityFloorsTable {
	table-layout: fixed;
}
@media (max-width: 48rem) {
	.priorityFloorsTable {
		table-layout: auto;
	}
}

/* End of Dashboard Metrics Styles ----------------------------------------- */

#assignActionModalBody .checkbox{
	margin: .5rem 0;
}

/**
 * Rounding
 */
.roundingSection {
	margin: .5rem 1rem 3rem 1rem;
	min-height: 1.6rem;
}
.roundingSection .sectionTitle {
	font-weight: 400 !important;
	font-size: 2.5rem !important;
}
.roundingSection .sectionSubTitle {
	padding-left: 1em;
}

.blueprintButtonDiv button,
.blueprintButtonDiv a {
	padding: 2rem .5rem;
	margin-top: 2.6rem;
	margin-left: .5rem;
	margin-right: .5rem;
}
.blueprintButtonDiv .blueprintName {
	white-space: normal;
	height: 4.5rem;
	line-height: 4.5rem;
	overflow-y: hidden;
}
.blueprintButtonDiv .blueprintName > span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}
.blueprintButtonDiv .roundCounter {
	padding: 0px 1rem;
	border-left: 1px solid black;
	height: 4.5rem;
}
.blueprintButtonDiv .priorityNumber {
	padding: 0px;
	margin-top: -15px;
	margin-left: -15px;
	white-space: normal;
}
.noPatient {
	background-color: #D8DDE6;
}
.lastRoundTime {
    height: 0px;
    position: relative;
    top: -1.5rem;
}
.patientPriorityDebug {
    position: absolute;
    left: 30px;
    bottom: 10px;
    display: inline;
    color: rgba(0, 0, 0, 0.5);
}
.disabledClickable {
	pointer-events: auto !important;
}

/* End of rounding page*/

/**
 * Apply on phone sized screens only ------------------------------------------
 */
@media (max-width: 48rem) {
	.well {
		padding: 1rem;
	}

	.hero-unit {
		padding: 2rem;
	}

	.roundsProgressBar {
		margin-top: .5rem;
	}

	.marginTopPhone5 {
		margin-top: .5rem;
	}

	h2 {
	  font-size: 2.4rem;
	  font-weight: 700 !important;

	}

	.formField {
		width: 100%;
	}

	.dateSelect {
		width: 1.2rem;
	}

	#rcaModalBody {
		max-height: 100%;
	}
}

/**
 * Apply when Printing only ---------------------------------------------------
 */
@media print {
	.no-print { display: none; }
	th {font-size: 1.2rem; }
	  td { font-size: 1.2rem; }
	blockquote, pre { page-break-inside: avoid }
	tr, td, th, h1, h2, h3, h4, h5 { page-break-inside: avoid }

	* {
		clear:both;
	}
}

/**
 * Apply on screens only, i.e. when not printing ------------------------------
 */
@media screen {
	.no-screen {
		display: none;
	}
}

/**
* Checkboxes and Radios
**/
input[type=radio] + label {
	display: block;
}

input[type=radio] + label,
input[type=checkbox] + label {
	padding-right: 2.0rem;
	padding-left: 2.5rem;
}
input[type=checkbox], input[type=radio] {
	display: block;
	opacity: 0;
	width: 0;
	height: 0;
}

input[type=radio] + label > span {
	background-color: none;
	background-size: 100%;
	border: .2rem solid #CED0D3;
	border-radius: 100%;
	width: 2.0rem;
	height: 2.0rem;
	display: inline-block;
	right: 1rem;
	bottom: -.4rem;
	position: relative;
}

input[type=checkbox] + label > span {
	background-color: none;
	width: 2rem;
	height: 2rem;
	display: inline-block;
	right: 1rem;
	bottom: -.4rem;
	position: relative;
	border-radius: .3rem;
	border: .2rem solid #CED0D3;
}

/* Create the checkmark/indicator (hidden when not checked) */
input[type=radio]:checked + label > span, input[type=checkbox]:checked + label > span {
	border: none!important;
}

input[type=radio]:checked + label > span::after, input[type=checkbox]:checked + label > span::after {
	content: "";
	position: absolute;
	display: none;
}

input[type=radio]:checked + label > span::after {
	top: .5rem;
	left: .5rem;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background: white;
}

input[type=checkbox]:checked + label > span::after {
	top: 0rem;
	left: .6rem;
	width: 0.75rem;
	height: 1.5rem;
	border-width: 0px 3px 3px 0px!important;
	border: solid white;
	background-color: none;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)!important;
}

/* Show Checkmark/Radio When Checked */
input[type=radio]:checked + label > span::after, input[type=checkbox]:checked + label > span::after {
	display: block;
}

input[type=radio]:hover + label, input[type=checkbox]:hover + label {
	cursor: pointer;
}


/* When Checked Change the background of checkbox/radio */
input[type=radio]:checked + label > span, input[type=checkbox]:checked + label > span {
	background-color: #2B51A3;
}

/* Add Checkmark disabled state */
input[type=radio]:disabled + label, input[type=checkbox]:disabled + label {
	cursor: default;
}
input[type=checkbox]:disabled + label > span {
	background-color: rgba(0, 0, 0, 0.3)
}

/*
* Custom Icon fonts
*/
@charset "UTF-8";

@font-face {
  font-family: "hydracor";
  src:url("/fonts/hydracor.eot");
  src:url("/fonts/hydracor.eot?#iefix") format("embedded-opentype"),
	url("/fonts/hydracor.woff") format("woff"),
	url("/fonts/hydracor.ttf") format("truetype"),
	url("/fonts/hydracor.svg#hydracor") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
	position: relative;
	top: .1rem;
	display: inline-block;
	font-family: 'hydracor';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

[class^="hydracor-icon-"]:before,
[class*=" hydracor-icon-"]:before {
	position: relative;
	top: .1rem;
	display: inline-block;
	font-family: 'hydracor';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	height: 1.6rem;
}

.hydracor-icon-alert:before {
  content: "\e000";
  box-sizing: border-box;
}

/*
* Color/Background Color Class Options
*/
.primary-color {
	color: #2B51A3;
}
.success-color {
	color: #04844B;
}
.warning-color {
	color: #FFB75D;
}
.danger-color {
	color: #C23934;
}
.info-color {
	color: #0070D2;
}
.default-color {
	color: #666;
}

.primary-backgroundcolor {
	background-color: #2B51A3;
}
.success-backgroundcolor {
	background-color: #04844B;
}
.warning-backgroundcolor {
	background-color: #FFB75D;
}
.danger-backgroundcolor {
	background-color: #C23934;
}
.info-backgroundcolor {
	background-color: #0070D2;
}

input.bad, select.bad {
	border-color: #F44336;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
/* Dashboard Messages */
#dashboardMessage {
	position: fixed;
	width: 100%;
	height: 30px;
	z-index: 99999;
	text-align: center;
	font-size: 1.4rem;
	color: white;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	background-color: #0070D2;
	padding-bottom: 10px;
}
#dashboardBody {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: 99999;
	text-align: center;
	font-size: 1.4rem;
	color: white;
	top: 0px;
	left: 0px;
	padding-top: 5px;
	background-color: #0070D2;
	padding-bottom: 10px;
}
@media (min-width: 48rem)  {
	#dashboardMessage {
		font-size: 1.8rem;
	}
	#dashboardBody {
		font-size: 1.6rem;
	}
	#dashboardMessage {
		height: 40px;
	}
}

/* Quant Inputs */
input[type="text"].quant-control,
input[type="number"].quant-control,
select.quant-control {
	border: .2rem solid #CED0D3!important;
	border-radius: .3rem;
	resize: none;
	min-width: 20%;
	width: auto;
	max-width: none;
}
textarea.quant-control {
	border: .2rem solid #CED0D3!important;
	border-radius: .5rem;
	resize: none;
}
input[type="text"].quant-control:focus,
input[type="number"].quant-control:focus,
textarea.quant-control:focus,
select.quant-control:focus {
	border-color: #2B51A3!important;
	box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.075), 0 0 1rem #2B51A3;
	outline: none;
}

/* Radio/Checkbox Grids */
.table.table.quant-table {
	font-size: 1.6rem;
}
.table.table.quant-table > thead > tr > th,
.table.table.quant-table > tbody > tr > th,
.table.table.quant-table > tfoot > tr > th,
.table.table.quant-table > thead > tr > td,
.table.table.quant-table > tbody > tr > td,
.table.table.quant-table > tfoot > tr > td {
  border-top: none;
  padding-right: 1.5rem;
}
.table.quant-table > thead > tr > th {
	text-align: center !important;
	border: none;
	font-weight: 600;
	color: #2B51A3;
}
.table.quant-table > tbody > tr > th {
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: 600;
	color: #2B51A3;
}
.table.quant-table > tbody > tr > td > div {
	text-align: center !important;
	margin-top: 0rem;
	margin-bottom: 0rem;
}

/* Quant Overflow */
.quant-control::-webkit-scrollbar {
	width: 1.5rem;
}
.quant-control::-webkit-scrollbar-thumb {
	padding-top: 100px;
	background-color: #CED0D3;
}
.quant-control::-webkit-scrollbar-thumb:hover {
	background: #9B9B9B;
}
.quant-control::-webkit-scrollbar-button {
	display: none; /* Make scroll buttons hidden */
}

/* Quant Progress Bar */
.progress.quant-progress-bar {
	background-color: white;
	height: 3rem;
	border: 0.1rem solid black;
}
.progress.quant-progress-bar > .progress-bar {
	border-right: 0.1rem solid black;
	box-shadow: none;
	-webkit-box-shadow: none;
	font-size: 2rem;
}
.progress.quant-progress-bar > .progress-bar > label {
	color: white;
	text-shadow: 0 0 .3rem black;
}

/**
 * Enter Scores Styling
 */
.hydraCorSideNav > ul:first-of-type {
	border-top: .2rem solid #CED0D3!important;
	border-radius: 0.3rem 0.3rem 0 0;
	background-color: white;
}
.hydraCorSideNav > ul:last-of-type  {
	border-bottom: .2rem solid #CED0D3!important;
	border-radius: 0 0 0.3rem 0.3rem;
}
.hydraCorSideNav > ul  {
	border-left: .2rem solid #CED0D3!important;
	border-right: .2rem solid #CED0D3!important;
	background-color: white;
}
.hydraCorSideNav > ul:first-of-type > li:first-of-type{
	border-radius: 0.4rem 0.4rem 0rem 0rem;
}
.hydraCorSideNav > ul:last-of-type > li:first-of-type {
	border-radius: 0 0 0.3rem 0.3rem;
}
.hydraCorSideNav > ul:last-of-type > li:last-of-type{
	border-radius: 0rem 0rem 0.4rem 0.4rem;
	border-radius: 0 0 0.3rem 0.3rem;
}
.hydraCorSideNav > .list-group {
	list-style: none;
	margin-bottom: 0rem;
}
.hydraCorSideNav > .list-group > .zoneHeading {
	list-style: none;
	padding: 0.8rem 1.6rem 0.8rem 2.4rem;
}

.floorListItem {
	padding: 0.8rem 1.6rem 0.8rem 6.4rem;
}
.floorListItemAll {
	padding: 0.8rem 1.6rem 0.8rem 2.4rem;
}

.enterScoresControl {
	border: .2rem solid #CED0D3!important;
	border-radius: .3rem;
	resize: none;
}

input[type="text"].enterScoresControl:focus,
input[type="number"].enterScoresControl:focus,
textarea.enterScoresControl:focus,
select.enterScoresControl:focus {
	border-color: #2B51A3!important;
	border-radius: .3rem;
	box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.075), 0 0 1rem #2B51A3;
	outline: none;
}

.enterScoresModule > .header > p {
	color: #2B51A3;
	border: .2rem solid #CED0D3!important;
	border-bottom: .2rem none #CED0D3!important;
	border-radius: .3rem .3rem 0rem 0rem;
	padding: 0.4rem 1.6rem;
	font-weight: bold;
	margin: 0px;
}
.enterScoresModule > ul {
	border: .2rem solid #CED0D3!important;
	margin: 0px;
	border-radius: 0rem 0rem .3rem .3rem;
}
.enterScoresModule > textarea {
	width: 100%;
	box-sizing: border-box;
	border: .2rem solid #CED0D3!important;
	margin: 0px;
	border-radius: 0rem 0rem .3rem .3rem;
	resize: none;
}
.enterScoresModule > textarea:focus {
	border-color: #2B51A3!important;
	border-top: .2rem solid #2B51A3!important;
	border-radius: 0rem 0rem .3rem .3rem;
	box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.075), 0 0 1rem #2B51A3;
	outline: none;
}
.enterScoresModule > ul {
	padding: 0rem 1.6rem 1.6rem 1.6rem;
	min-height: 141px;
	background-color: white;
	list-style-type: none;
}
.enterScoresModule > ul > li {
	margin-top: 1.6rem;
}
.enterScoresModule > ul > li > div {
	margin-left: 2.4rem;
	margin-top: 0.8rem;
}
/* Manage Admin message Dashboard Tool */
#dashboardMessageForm #start_date {
	margin-left: 100px;
	width: 40%;
}
#dashboardMessageForm #end_date {
	margin-left: 100px;
	width: 40%;
}
#dashboardMessageForm #title-date {
	margin-left: 100px;
	width: 40%;
}
#dashboardMessageForm #message-date {
	margin-left: 100px;
	width: 40%;
}

/* Style Badges More */
.badge.badge-success {
	background: #04844B;
	color: #ffffff;
}
.badge.badge-warning {
	background-color: #FFB75D;
	color: black;
}
.badge.badge-danger {
	background-color: #C23934;
	color: #ffffff;
}
.badge.badge-primary {
	background-color: #2B51A3;
	border-color: #2B51A3;
	color: #ffffff;
}
.badge.badge-default {
	border: .1rem solid #CED0D3;
	background-color: #FFFFFF;
	color: #2B51A3;
}
.badge.badge-info {
	background-color: #0070D2;
	color: #ffffff;
}

/*
	Emulate a command output.
 */
.commandPrompt {
	background-color: black;
	color: white;
	padding: 0.8rem 1.6rem;
}

/* Simple toggle list */
.generalList {
	background-color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	max-height: calc(100vh - 360px);
	box-shadow: inset 0 0 10px 0px rgba(0, 0, 0, 0.18);
}
.generalList::-webkit-scrollbar {
	width: 5px;
	background-color: #ccc;
}
.generalList::-webkit-scrollbar-thumb {
	background-color: #555555;
	border: 2px solid #555555;
}
.generalList > .generalItem > * {
	margin: 0px;
}
.generalList > .generalItem {
	padding: 0.8rem 0rem;
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.generalList > .generalItem.selected {
	background-color: #2B51A3;
	color: white;
}

/* Tutorial Popover */
/* The background */
.tutorial-guide {
	display: none; /* Hidden by default */
	position: absolute; /* Stay in place */
	z-index: 1051; /* Sit on top */
	min-width: 350px;
	max-width: 350px;
}
.tutorial-guide-content {
	background-color: #FFFFFF;
	border: .1rem solid #D8DDE6;
	box-shadow: 3px 3px 8px 3px #5d5d5d;
	border-radius: .4rem;
	padding: 0.8rem 1.6rem 0.8rem 1.6rem;
	max-width: 40rem;
}

/* Top - Left */
.tutorial-guide.tutorial-guide-top-left {
	left: 0px;
	bottom: calc(100% + 20px);
}
.tutorial-guide.tutorial-guide-top-left > .tutorial-guide-content::before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 15px;
	bottom: -39px;
	border: 20px solid #D8DDE6;
	border-color: #D8DDE6 transparent transparent transparent;
}
.tutorial-guide.tutorial-guide-top-left > .tutorial-guide-content::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 15px;
	bottom: -37px;
	border: 20px solid #FFFFFF;
	border-color: #FFFFFF transparent transparent transparent;
}
/* Top - Right */
.tutorial-guide.tutorial-guide-top-right {
	left: calc(100% - 350px);
	bottom: calc(100% + 20px);
}
.tutorial-guide.tutorial-guide-top-right > .tutorial-guide-content::before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 15px;
	bottom: -39px;
	border: 20px solid #D8DDE6;
	border-color: #D8DDE6 transparent transparent transparent;
}
.tutorial-guide.tutorial-guide-top-right > .tutorial-guide-content::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 15px;
	bottom: -37px;
	border: 20px solid #FFFFFF;
	border-color: #FFFFFF transparent transparent transparent;
}

/* Bottom - Left */
.tutorial-guide.tutorial-guide-bottom-left {
	top: calc(100% + 20px);
	left: 0px;
}
.tutorial-guide.tutorial-guide-bottom-left> .tutorial-guide-content::before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 15px;
	top: -40px;
	border: 20px solid #D8DDE6;
	border-color: transparent transparent #D8DDE6 transparent;
}
.tutorial-guide.tutorial-guide-bottom-left > .tutorial-guide-content::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 15px;
	top: -38px;
	border: 20px solid #FFFFFF;
	border-color: transparent transparent #FFFFFF transparent;
}

/* Bottom - Right */
.tutorial-guide.tutorial-guide-bottom-right {
	top: calc(100% + 20px);
	left: calc(100% - 350px);
}
.tutorial-guide.tutorial-guide-bottom-right > .tutorial-guide-content::before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 15px;
	top: -40px;
	border: 20px solid #D8DDE6;
	border-color: transparent transparent #D8DDE6 transparent;
}
.tutorial-guide.tutorial-guide-bottom-right > .tutorial-guide-content::after {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	right: 15px;
	top: -38px;
	border: 20px solid #FFFFFF;
	border-color: transparent transparent #FFFFFF transparent;
}

/* Close Guides */
.tutorial-guide.open {
	display: block;
}
.tutorial-close {
	color: #000;
	float: right;
	font-size: 19px;
	font-weight: bold;
}

.tutorial-close:hover,
.tutorial-close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.tutorial-header {
	border-bottom: .1rem solid #D8DDE6;
	margin-bottom: 1rem;
	font-size: 2rem;
}

.tutorial-text {
	font-size: 1.6rem;
	text-align: left;
}

/**
 * Dragging File Css
 */
 .drag-backdrop {
	display: none;
	z-index: 1060;
	opacity: 0.5;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    background-color: #000;
}
.drag-backdrop.show {
	display: block;
}
.drag-highlight {
	z-index: 1061;
}
.drag-highlight > * {
	z-index: 1061;
}

/**
 *	VueJs Transitions
 */

/** Transition name = "fade" */
.fade-enter-active, .fade-leave-active {
	transition: opacity 0.5s;
}
.fade-enter, .fade-leave-to {
	opacity: 0;
}

/** Transition name = "fade-open"
	Only fades on the show action.
*/
.fade-open-enter-active{
	transition: opacity 0.5s;
}
.fade-open-enter, .fade-open-leave-to {
	opacity: 0;
}