@charset "utf-8";

/*
CSS style document for DCR Systems training web application.
2017 AkzoNobel, Alan Bailey
*/

/* Colors
	Dark blue rgb(40,51,113) #283371
	Medium blue rgb(42,121,187) #2a79bb
	Light blue rgb(132,182,225) #84b6e1
	Very light blue rgb(234, 243, 250) 
	DCR logo blue rgb(12,37,119) #0c2577
	DCR logo gray blue rgb(73,92,153) #495c99
	Orange rgb(255,153,0) #ff9900
	Yellow rgb(255,228,0) #ffe400
	Red rgb(232,29,0) #e81d00
	Green rgb(0,116,0) #007400
	Light green rgb(0,179,0);
	Very light green rgb(128, 255, 128) #80ff80
*/

html * {
	font-family: 'Saira Semi Condensed', sans-serif;
	word-break: break-word;
}

body {
	background-color:black;
	font-size:16px;
	color:rgb(40,51,113);
}

@media screen and (min-width: 480px) {
    body {
        background-color:rgb(242,242,242);
    }
}

/* colorizers */
.darkBlue {
	color: rgb(40,51,113);
}

.mediumBlue {
	color: rgb(42,121,187);
}

.lightBlue {
	color: rgb(132,182,225);
}

.veryLightBlue {
	color: rgb(234, 243, 250);
}

.logoBlue {
	color: rgb(12,37,119);
}

.logoGrayBlue {
	color: rgb(73,92,153);
}

.orange {
	color: rgb(255,153,0);
}

.yellow {
	color: rgb(255,228,0);
}

.red {
	color: rgb(232,29,0);
}

.green {
	color: rgb(0,116,0);
}

.lightGreen {
	color: rgb(0,179,0);
}

.veryLightGreen {
	color: rgb(128, 255, 128);
}

button {
	cursor:pointer;
	border-style:none;
	outline:none;
}

button.menu {
	background-color:rgb(40,51,113);
	background:linear-gradient(rgb(42,121,187),rgb(40,51,113)); 
	color:white;
	cursor:pointer;
	border-style:none;
	outline:none;
	width:90%;
	min-width:280px;
	height:80px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}

button.menu:active {
	background:rgb(42,121,187);
}

button.accordion {
	display:inline-block;
	background-color:rgb(40,51,113);
	background:linear-gradient(rgb(42,121,187),rgb(40,51,113)); 
	color:white;
	cursor:pointer;
	border-style:none;
	outline:none;
	width:90%;
	min-width:280px;
	min-height:60px;
	padding-left:30px;
	padding-right:30px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
	transition:0.4s;
}

button.itemButton {
	visibility:hidden;
	display:inline-block;
	font-size:12px;
	height:22px;
	min-width:40px;
	text-align:center;
	font-weight:900;
	color:rgb(40,51,113);
	background:none;
	margin-right:2px;
	padding-left:5px;
	padding-right:5px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:3px;
}

button.itemButton:disabled {
	cursor:not-allowed;
	color:rgb(132, 182, 225);
	border-color:rgb(132,182,225);
}

button.itemButtonSwitch {
	/*visibility:hidden;
	display:inline-block;*/
	/*display:none;*/
	font-size:18px;
	min-height:22px;
	min-width:30px;
	text-align:center;
	vertical-align:middle;
	font-weight:100;
	color:rgb(40,51,113);
	background:none;
	margin-right:2px;
	/*padding-left:5px;
	padding-right:5px;*/
	border-style:solid;
	border-width:thin;
	border-color:white;
	border-radius:5px;
}

button.itemButtonSwitch:disabled {
	cursor:not-allowed;
	color:rgb(132, 182, 225);
}

button.contentAction {
	display:inline-block;
	height:25px;
	min-width:50px;
	font-size:80%;
	text-align:center;
	font-weight:900;
	color:rgb(40,51,113);
	background:none;
	margin-right:10px;
	/*margin-bottom:10px;*/
	padding-left:5px;
	padding-right:5px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:5px;
}

button.contentAction:disabled {
	cursor:not-allowed;
	color:rgb(132, 182, 225);
	border-color:rgb(132,182,225);
}

button.contentActionConditional {
	display:inline-block;
	height:30px;
	text-align:left;
	font-weight:900;
	color:rgb(40,51,113);
	background:none;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:5px;
}

button.contentActionConditional:disabled {
	cursor:text;
	color:rgb(132, 182, 225);
	cursor:not-allowed;
	border-color:rgb(132,182,225);
}

button.filterContentAction {
	display:inline-block;
	min-height:25px;
	min-width:50px;
	font-size:80%;
	text-align:center;
	font-weight:900;
	color:rgb(40,51,113);
	background-color:white;
	margin-right:10px;
	/*margin-bottom:10px;*/
	padding-left:5px;
	padding-right:5px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:5px;
}

button.errorMessageButton {
	display:inline-block;
	height:25px;
	min-width:50px;
	font-size:80%;
	text-align:center;
	font-weight:900;
	color:rgb(255,153,0);
	background:white;
	margin-right:10px;
	/*margin-bottom:10px;*/
	padding-left:5px;
	padding-right:5px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(255,153,0);
	border-radius:5px;
}

button.login {
	display:inline-block;
	height:35px;
	min-width:100px;
	text-align:center;
	font-weight:900;
	color:rgb(40,51,113);
	background:none;
	padding-left:5px;
	padding-right:5px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:5px;
}

button.login:disabled {
	color:rgb(132, 182, 225);
	cursor:not-allowed;
	border-color:rgb(132,182,225);
}

button.bigButton {
	display:inline-block;
	width:90px;
	height:90px;
	vertical-align:middle;
	text-align:center;
	background:none;
	margin-left:15px;
	margin-right:15px;
	cursor:pointer;
}

button.go {
	display:inline-block;
	padding:0px;
	height:20px;
	color:rgb(40,51,113);
	background:none;
	text-align:left;
	font-weight:900;
	font-size:20px;
}

button.tab {
	display:inline-block;
	background-color:white; 
	color:rgb(42,121,187);
	cursor:pointer;
	border-style:solid;
	border-width:thin;
	border-color:rgb(42,121,187);
	border-bottom:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	outline:none;
	width:75px;
	/*padding-left:7px;
	padding-right:7px;*/
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	text-align:center;
}

button.tabLive {
	display:inline-block;
	background-color:rgb(42,121,187); 
	color:white;
	cursor:not-allowed;
	border-style:solid;
	border-width:thin;
	border-color:rgb(42,121,187);
	border-bottom:none;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	outline:none;
	width:75px;
	/*padding-left:10px;
	padding-right:10px;*/
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	font-size:12px;
	font-weight:900;
}

button.tabWide {
	display:inline-block;
	background-color:white; 
	color:rgb(42,121,187);
	cursor:pointer;
	border-style:solid;
	border-width:thin;
	border-color:rgb(42,121,187);
	border-bottom:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	outline:none;
	width:100px;
	/*padding-left:7px;
	padding-right:7px;*/
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	text-align:center;
}

button.tabWideLive {
	display:inline-block;
	background-color:rgb(42,121,187); 
	color:white;
	cursor:not-allowed;
	border-style:solid;
	border-width:thin;
	border-color:rgb(42,121,187);
	border-bottom:none;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	outline:none;
	width:100px;
	/*padding-left:10px;
	padding-right:10px;*/
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
	font-size:12px;
	font-weight:900;
}

div.smallAccordionButton {
	display:block;
	background-color:rgb(40,51,113);
	background:linear-gradient(rgb(42,121,187),rgb(40,51,113)); 
	color:white;
	cursor:none;
	border-style:none;
	outline:none;
	/*width:90%;*/
	min-width:260px;
	height:30px;
	padding-left:20px;
	padding-right:30px;
	/*padding-top:5px;
	padding-bottom:5px;*/
	text-align:left;
	font-weight:900;
	line-height:30px;
	margin-top:30px;
	margin-bottom:10px;
}

div.tabs {
	display:inline-block;
	margin-bottom:-2px;
	vertical-align:bottom;
	border-style:none;
	outline:none;
	width:90%;
	min-width:280px;
	padding-left:10px;
	padding-right:30px;
	padding-top:10px;
	text-align:left;
	transition:0.4s;
}

div.tabBottom {
	display:inline-block;
	border-style:solid;
	border-width:thin;
	border-color:rgb(42,121,187);
	border-bottom:none;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	outline:none;
	width:100%;
	/*min-width:280px;*/
	height:15px;
}

div.accordionPanel {
	display:none;
	margin:auto;
	width:90%;
	min-width:280px;
}

@media only screen and (max-width: 600px) {
	div.accordionPanel {
		width:99%;
	}
}

div.accordionPanelTextContent {
	width:100%;
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
}

.pageTabContainer {
	box-sizing: border-box;
	border-style:solid;
	border-width:thin;
	border-color:rgb(42,121,187);
	border-top:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	outline:none;
	margin-top: 0 !important;
}

div.addEntry {
	display:none;
}

div.addNewSubContainer {
	width:100%;
	margin:auto;
	border-style:solid;
	border-width:thin;
	background-color:rgb(132,182,225);
	border-color:rgb(40,51,113);
	border-radius:5px;
	padding:5px;	
}

div.results {
	display:none;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:5px;
	background-color:white;
	padding:5px;
	/*margin-top:5px;*/
	margin-bottom:5px;
}

div.resultsEntry {
	width:100%;
	padding-left:5px;
	padding-right:5px;
}

div.newEntryFormWrapper {
	display:block;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:5px;
	background-color:white;
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

div.auditScore {
	border-style:solid;
	border-width:thin;
	border-color:white;
}

.container {
	width:100%;
	max-width:800px;
	min-width:300px;
	min-height:99vh;
	margin:auto;
	margin-top:5px;
	padding-bottom:20px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:10px;
	background-color:white;
	text-align:center;
}

@media only screen and (max-width: 600px) {
	div.container {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
}

div.containerGate {
	width:310px;
	height:520px;
	margin:auto;
	margin-top:25px;
	padding-bottom:20px;
	border-style:solid;
	border-width:thin;
	border-color:rgb(40,51,113);
	border-radius:10px;
	background-color:white;
	text-align:center;
}

div.clientToSupplyMessage {
	color:rgb(40,51,113);
	font-size:18px;
	font-weight:400;
	text-align:center;
	display:inline;
	width:auto;
}

div.entryFunction {
	display:none;
}

div.footer {
	width:300px;
	margin-left:auto;
	margin-right: auto;
	margin-top:50px;
	font-size:8px;
	color:rgb(40,51,113);
	line-height:24px;
	text-align:center;
}

div.header {
	margin-top:15px;
	margin-bottom:15px;
}

div.headerLogo {
	display:inline-block;
	/*width:68%;*/
	height:50px;
	margin:auto;
}

div.headerLogoMenu {
	display:inline-block;
	margin:auto;
	/*width:70%*/
	max-width:140px;
	max-height:40px;
}

img.logo-image {
	max-width:140px;
}

div.headerGradientBar {
	display:block;
	width:100%;
	height:4px;
	margin-top:10px;
	background:rgb(40,51,113);
	background-image:-moz-linear-gradient(right,rgb(40,51,113),rgb(42,121,187));
	background-image:-ms-linear-gradient(right,rgb(40,51,113),rgb(42,121,187));
	background-image:-o-linear-gradient(right,rgb(40,51,113),rgb(42,121,187));
	background-image:-webkit-linear-gradient(left,rgb(40,51,113),rgb(42,121,187));
	background-image:linear-gradient(to right,rgb(40,51,113),rgb(42,121,187));	
}

div.headerNavButton {
	float:left;
	display:inline-block;
	width:70px;
	/*width:10%;
	min-width:20px;*/
	padding-left:10px;
	padding-top:10px;
	text-align:left;
	font-size:24px;
	line-height:100%;
	color:rgb(40,51,113);
	cursor:pointer;
}

div.headerUser {
	float:right;
	display:inline-block;
	width:70px;
	/*width:10%;
	min-width:20px;*/
	text-align:right;
	font-size:24px;
	line-height:100%;
	color:rgb(40,51,113);
	padding-right:10px;
	padding-top:10px;
}

div.menuButtonArrow {
	display:inline;
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
	float:right;
	font-size:18px;
}

div.menuButtonSpinner {
	display:none;
	float:right;
	font-size:6px;
}

div.obchecklists-entryContainer {
	width:100%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	border-style:solid;
	border-width:thin;
	background-color:rgb(234, 243, 250);
	border-color:rgb(40,51,113);
	border-radius:5px;
	padding:5px;	
}

div.ob-checklistSpacer {
	display:block;
	width:100%;
	height:10px;
	margin-top:5px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:rgb(40,51,113);
}

div.prompt {
	display:inline-block;
	width:60%;
	min-width:280px;
	/*height:60px;*/
	font-weight:100;
	line-height:100%; 
	font-size:36px;
	color:rgb(40,51,113);
	padding-bottom:20px;
	padding-top:20px;
}

div.removeEntry {
	display:none;
}

div.mailEntry {
	display:none;
}

div.showHideResults {
	display:block;
}

div.searchWrapper {
	display:block;
	text-align:center;
	margin:auto;
	margin-bottom:20px;
}

div.selectedTrainingPoints {
	display:block;
}

div.selectedTrainingPointsLabel {
	color:rgb(42,121,187);
	line-height:115%;
	padding-top:15px;
	padding-bottom:5px;
}

div.sidenavContainer {
    height:100%;
    width:0;
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    background-color:rgb(45,120,187);
    overflow-x:hidden;
    transition:0.5s;
	color:white;
	text-align:left;
}

div.sidenavCloseBtn {
    position:absolute;
    top:0;
    right:25px;
    font-size:44px;
    margin-left:50px;
	text-decoration:none;
	color:white;
}

div.lowerSpacer {
	height:30px;
	width:200px;
	display:block;
}

div.upperSpacer {
	height:15px;
	width:200px;
	display:block;
}

div.landscapeWrapper {
	position:relative;
	width:100%;
	height:0;
	padding-top:25px;
	padding-bottom:77.27%;
}

div.landscapeWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

div.portraitWrapper {
	position:relative;
	width:100%;
	height:0;
	padding-top:25px;
	padding-bottom:129.41%;
}

div.portraitWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

div.videoWrapper {
	position:relative;
	width:100%;
	height:0;
	padding-top:25px;
	padding-bottom:56.25%;
}

div.videoWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

input.radioButtons {
	margin:0 5px 0 0;
}

input.search {
	width:80%;
	min-width:200px;
	max-width:280px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	font-size:20px;
	color:rgb(40,51,113);
	border:0;
	outline:0;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);
}

input.addEntryInput {
	width:100%;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	/* font-size:20px; */
	color:rgb(40,51,113);
	border:0;
	outline:0;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);
}

input.addNewInput {
	width:100%;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	color:white;
	background:none;
	/* font-size:20px; */
	border:0;
	outline:0;
	overflow:hidden;
}

input.addNewInputLink {
	width:90%;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	color:white;
	background:none;
	/* font-size:20px; */
	border:0;
	outline:0;
	overflow:hidden;
}

input.datepicker {
	width:100%;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	/* font-size:20px; */
	color:rgb(40,51,113);
	border:0;
	outline:0;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);
}

option.storeResultsLabel {
	color:rgb(132, 182, 225);
	font-style:italic;
}

p.noRecordsMessage {
	color:rgb(255,153,0);
	font-size:18px;
	font-weight:900;
	margin-top:10px;
	margin-bottom:10px;
}

p.warning {
	color:rgb(255,153,0);
	font-size:18px;
	font-weight:900;
}

p.hangingindent {
	text-indent:-16px;
	padding-left:16px;
	font-weight:900;
}

select.dropdown {
	width:100%;
	border:0;
	outline:0;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);
}

select.filterDropdown {
	width:100%;
	/*height:120px;*/
	border:0;
	/*border-style:solid;
	border-color:rgb(42,121,187);
	line-height:50%;*/
}

span.accordianButtonInactive {
    font-size:20px;
    color:white;
    float:right;
    margin-left:5px;
}

span.adminResultsSubLabel {
	color:rgb(132,182,225);
	font-style:italic;
}

/*
span.adminResultsSubLabelGreen {
	color:rgb(0,116,0);
}

span.adminResultsSubLabelYellow {
	color:rgb(255,228,0);
}
*/

span.filterSelector {
	cursor:pointer;	
}

span.menuButtonText {
	font-size:20px;
	font-weight:900;
}

span.menuButtonSubText {
	font-size:13px;
	font-weight:100;
	line-height:99%;
}

span.menuButtonArrow {
	/*display:inline;*/
	-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
	float:right;
	font-size:18px;
}

span.menuButtonSpinner {
	display:none;
	float:right;
	font-size:6px;
}

textarea.addEntryInput {
	width:100%;
	resize:none;
	min-height:25px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	/*vertical-align:bottom; */
	font-weight:100;
	/* font-size:20px; */
	color:rgb(40,51,113);
	border:0;
	outline:0;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);
}

textarea.newAuditFormComment {
	display:block;
	resize:vertical;
	width:100%;
	height:60px;
	vertical-align:bottom;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	/* font-size:20px; */
	color:rgb(40,51,113);
	border:0;
	outline:0;
	border-bottom-width:thin;
	border-bottom-style:solid;
	border-bottom-color:rgb(42,121,187);
}

textarea.newResFormComment {
	/*display:block;*/
	background:none;
	resize:none;
	width:100%;
	min-height:60px;
	vertical-align:bottom;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	font-weight:100;
	/* font-size:20px; */
	color:white;
	border:0;
	outline:0;
}

td.auditScore {
	width:14%;
	text-align:center;
}

td.newAuditRadio {
	text-align:center;
	max-width:20px;
	min-width:20px; 
	overflow:hidden;*/
	padding-left:5px;
}

td.newAuditScoreDefinition {
	font-style:italic;
	text-align:left;
	padding-left:10px;
}

.lineItemLabel {
	height:25px;
	vertical-align:bottom;
	color:rgb(42,121,187);
	/*font-size:12px;*/
	line-height:115%;
	padding-top:15px;
	padding-bottom:5px;
}

.lineItemLabelShaded {
	height:25px;
	vertical-align:bottom;
	color: rgb(42,121,187);
	background-color: rgb(234, 243, 250);
	/*font-size:12px;*/
	line-height:115%;
	padding: 5px;
}

td.filterLineLabel {
	color:white;
	vertical-align:middle;
	padding:0;
	padding-left:5px;	
}

td.filterTitleLabel {
	height:25px;
	vertical-align:middle;
	color:white;
	/*font-size:12px;*/
	line-height:115%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	background-color:rgb(40,51,113);
	background:linear-gradient(rgb(42,121,187),rgb(40,51,113));
}

td.storeResults {
	height:25px;
	vertical-align:bottom;
	line-height:115%;
	padding-top:0px;
	padding-bottom:5px;
}

td.storeResultsTrio {
	height:25px;
	vertical-align:middle;
	line-height:115%;
	padding-bottom:5px;
}

td.addNew {
	height:25px;
	vertical-align:bottom;
	line-height:100%;
	padding-top:10px;
	padding-bottom:5px;
	/*border-style:solid;
	border-color:rgb(42,121,187);
	border-width:thin;*/
	background-color:rgb(132, 182, 225);
	/* background:linear-gradient(rgb(42,121,187),rgb(40,51,113)); */
}

td.obempFileUpload {
	color:rgb(40,51,113);
	height:25px;
	vertical-align:bottom;
	line-height:100%;
	padding-top:10px;
	padding-bottom:5px;
	/*border-style:solid;
	border-color:rgb(42,121,187);
	border-width:thin;*/
	background-color:white;
	/* background:linear-gradient(rgb(42,121,187),rgb(40,51,113)); */
}

td.storeResultsLabel {
	color:rgb(132, 182, 225);
	height:25px;
	width:31%;
	font-style:italic;
	line-height:100%;
	vertical-align:bottom;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:5px;
}

td.adminEditLabel {
	color:rgb(132, 182, 225);
	font-style:italic;
	vertical-align:bottom;
	padding-bottom:2px;
}

td.adminEditResults {
	height:25px;
	vertical-align:bottom;
	line-height:115%;
	padding-top:0px;
	padding-bottom:10px;
}

td.adminResults {
	height:25px;
	vertical-align:top;
	line-height:100%;
	padding-top:10px;
	padding-bottom:5px;
}

td.adminResultsFullWidthLabel {
	color:rgb(40,51,113);
	height:25px;
	border-top-style:solid;
	border-top-color:rgb(132, 182, 225);
	border-top-width:thin;
	/*width:31%;*/
	vertical-align:top;
	/*padding-top:10px;*/
	/*padding-bottom:5px;*/
	/*padding-left:5px;*/
	font-style:italic;
}

td.adminResultsMulti {
	height:16px;
	vertical-align:top;
	line-height:100%;
	/*padding-top:10px;*/
	padding-bottom:5px;
}

td.adminResultsLabel {
	color:rgb(132, 182, 225);
	height:25px;
	width:31%;
	font-style:italic;
	line-height:100%;
	vertical-align:top;
	padding-top:10px;
	padding-bottom:5px;
	padding-right:5px;
}

div.adminResultsDetail {
	display:table-cell;
	vertical-align:bottom;
	color:rgb(132, 182, 225);
	height:31px;
	cursor:pointer;
}

td.adminResultsLabelMulti {
	color:rgb(132, 182, 225);
	height:16px;
	width:31%;
	font-style:italic;
	line-height:100%;
	vertical-align:top;
	/*padding-top:10px;*/
	padding-bottom:5px;
	padding-right:5px;
}

td.adminResultsUserActTime {
	/*height:25px;*/
	vertical-align:top;
	line-height:100%;
	padding-top:10px;
	/*padding-bottom:5px;*/
	color: rgb(42,121,187);
	font-size: 13px;
}

td.adminResultsUserActAction {
	/*height:25px;*/
	vertical-align:top;
	line-height:100%;
	/*padding-top:10px;*/
	padding-bottom:5px;
}

td.mailLabel {
	color:rgb(132, 182, 225);
	height:25px;
	/*width:28%;*/
	font-style:italic;
	/*line-height:100%;*/
	vertical-align:middle;
	/*padding-top:10px;
	padding-bottom:5px;*/
	padding-right:5px;
}

td.editDisableButtons{
	width:1%;
	text-align:right;
	display:none;
	/*visibility:hidden;*/
}

td.resEntryError {
	color:rgb(255,153,0);
	font-weight:900;
	padding-left:5px;
	padding-bottom:10px;
}

td.storeLabel {
	height:25px;
	line-height:100%;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:normal;
	background:none;
	border:none;
}

td.storeLabelSelected {
	min-height:25px;
	color:white;
	line-height:125%;
	vertical-align:middle;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	font-weight:900;
	background-color:rgb(40,51,113);
	background:linear-gradient(rgb(42,121,187),rgb(40,51,113));
	border-top-style:solid;
	border-top-color:white;
	border-top-width:10px;
	/*border-top-left-radius:15px;
	border-top-right-radius:15px;
	-moz-border-top-left-radius:15px;
	-moz-border-top-right-radius:15px;*/
}

td.openCloseComment {
	cursor:pointer;
	vertical-align:text-top;	
}

/*div.trainingPointComment {
	line-height:125%;
	vertical-align:top;
	font-style:italic;
	height:23px;
	overflow:hidden;
}*/

tr.newAuditSpacer {
	font-size:2px;
}

tr.error {
	display:none;
	color:rgb(40,51,113);
	background-color:rgb(255,153,0);
	font-weight:900;
}

tr.topicSpacer {
	display:none;
	color:rgb(132,182,225);
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:rgb(132,182,225);
}

ul.squareBullet {
	color:rgb(45,120,187);
}

ul.discBullet {
	color:rgb(45,120,187);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:rgb(45,120,187);
  	font-style:italic;
}
::-moz-placeholder { /* Firefox 19+ */
	color:rgb(45,120,187);
  	font-style:italic;
}
:-ms-input-placeholder { /* IE 10+ */
	color:rgb(45,120,187) !important;
  	font-style:italic;
}
:-moz-placeholder { /* Firefox 18- */
	color:rgb(45,120,187);
  	font-style:italic;
}

.js .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
	width:100%;
	color:white;
    /*font-size: 1.25rem;*/
    /* 20px */
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: table-row;
    overflow: hidden;
	padding-left:5px;
	padding-right:5px;
    /*padding: 0.625rem 1.25rem;*/
    /* 10px 20px */
}

.no-js .inputfile + label {
    display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

.obempinputfileContainer {
	display:block;
	width:100%;
	height:29px;
	background-color:white;
	border-bottom-style:solid;
	border-bottom-color:rgb(42, 121, 187);
	border-bottom-width:thin;
}

.js .obempinputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.obempinputfile + label {
	line-height:29px;
	font-style:italic;
	color:rgb(132,182,225);
    /*font-size: 1.25rem;*/
    /* 20px */
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    /*display: table-row;*/
    overflow: hidden;
	padding-left:5px;
	padding-right:5px;
    /*padding: 0.625rem 1.25rem;*/
    /* 10px 20px */
}

.no-js .obempinputfile + label {
    display: none;
}

.obempinputfile:focus + label,
.obempinputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.obempinputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.obempinputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}

/* modals */

 /* The Modal (background) */
div.modal {
    display:none;
    position:fixed;
    z-index:1;
	left:0;
    top:0;
    width:100%;
	height:100%;
    overflow:auto;
    background-color:rgb(40,51,113);
    background-color:rgba(40,51,113,0.9);
	background:linear-gradient(rgba(42,121,187,0.77),rgba(40,51,113,1));
}

/* Modal Content */
div.modalContent {
	width:80%;
	min-width:260px;
	max-width:780px;
    background-color:white;
    margin: 100px auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid rgb(40,51,113);
	border-radius:5px;
}

/* draggables */

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.trainingPointComment {
	cursor:move;
	line-height:125%;
	height:23px;
	overflow:hidden;
}

.selectedTrainingPointsEach {
	height:30px;
}

.selectedTrainingPointsEach.over {
	border: 2px dashed white;
}

.accordianPoint {
	display:block;
	min-height:35px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	color:white;
	vertical-align:middle;
	line-height:125%;
	background-color:rgb(251, 101, 66);
	background:linear-gradient(rgb(251, 101, 66),rgb(150, 30, 3));
}

.accordianCourse {
	display:block;
	min-height:35px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	color:white;
	vertical-align:middle;
	line-height:125%;
	background-color:rgb(255, 187, 0);
	background:linear-gradient(rgb(255, 187, 0),rgb(128, 94, 0));
}

.accordianCurriculum {
	display:block;
	min-height:35px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	color:white;
	vertical-align:middle;
	line-height:125%;
	background-color:rgb(0,116,0);
	background:linear-gradient(rgb(0,116,0),rgb(0, 51, 0));
}

.accordianSpacer {
	display:block;
	height:10px;
}

.filterButtonUnselected {
	display:inline;
	padding-right:10px;
	color:white;
	cursor:pointer;
}

.filterButtonSelected {
	display:inline;
	padding-right:10px;
	color:rgb(0,179,0);
	cursor:url(images/checkmark.png),auto;
}

.tabContainer {
	/*background-color: rgb(132,182,225);*/
	padding-bottom: 10px;
	padding-right: 5px;
}

.tabHeaderApplicable {
	font-size: 18px;
	width: 100%;
	background-color:rgb(40,51,113);
	color: white;
	padding: 10px 5px;
	font-weight: bold;
	cursor: pointer;
}

.tabHeader {
	font-size: 18px;
	width: 100%;
	background-color: rgb(42,121,187);
	color: white;
	padding: 10px 5px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

.tabHeaderApplicableReporting {
	font-size: 18px;
	width: 100%;
	background-color: rgb(40,51,113);
	color: white;
	padding: 10px 5px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 5px;
}

.tabHeaderCollapsed {
	font-size: 18px;
	width: 100%;
	background-color: rgb(42,121,187);
	color: white;
	padding: 10px 5px;
	font-weight: bold;
	cursor: pointer;
	/*margin-top: 20px;
	margin-bottom: 5px;*/
}

.categoryContainer {
	/*background-color: rgb(132,182,225);*/
	padding: 0 5px 10px 5px;
	border-style: solid;
	border-width: thin;
	border-color: rgb(132,182,225);
	margin-bottom: 10px;
}

.categoryHeader {
	width: 100%;
	background-color: rgb(132,182,225);
	padding: 2px 5px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.subCategoryHeader {
	color: rgb(40,51,113);
	padding: 0 5px;
	font-weight: bold;
}

.statementContainer {
	padding-left: 10px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {
	.statementContainer {
		padding-left: 0;
	}
	.subCategoryHeader {
		padding: 0;
	}
}

.assessments-understand {
	color: rgb(40,51,113);
	line-height: 100%;
	padding: 0 5px 5px 5px;
	background-color: rgb(128, 255, 128);
}

.assessments-perform {
	color: rgb(255, 255, 255);
	line-height: 100%;
	padding: 0 5px 5px 5px;
	background-color: rgb(0,179,0);
}

.assessments-teach {
	color: rgb(255, 255, 255);
	line-height: 100%;
	padding: 0 5px 5px 5px;
	background-color: rgb(0,116,0);
}

.assessments-none {
	color: rgb(132,182,225);
	line-height: 100%;
	padding: 0 5px 5px 5px;
	border-style: solid;
	border-width: thin;
	border-color: rgb(132,182,225);
}

.assessments-nostart {
	/*color: rgb(232,29,0);*/
	color: rgb(255,153,0);
	line-height: 100%;
	padding: 0 5px 5px 5px;
	border-style: solid;
	border-width: 2px;
	/*border-color: rgb(232,29,0);*/
	border-color: rgb(255,153,0);
}

.viewOwnDates {
	font-weight: bold;
	font-size: 18px;
}

@media only screen and (max-width: 600px) {
	.assessments-understand, .assessments-perform, .assessments-teach, .assessments-none, .assessments-nostart {
		font-size: 14px;
	}
	.viewOwnDates {
		font-size: 12px;
	}
}

span.assessments-label {
	font-size: 11px;
}

span.assessmentsResourceArrow {
	float: right;
	margin-left: 12px;
	cursor: pointer;
}

span.assessmentsResourceArrowLineEnd {
	padding-left: 5px;
	cursor: pointer;
}

.datepickerAssessments {
	border-style: none !important;
	background-color: transparent;
	outline: none;
}

.datepickerWhite {
	color: rgb(255, 255, 255) !important;
}

.dateCancelDark {
	float: right;
	cursor: pointer;
	font-size: 12px;
}

.dateLockDark {
	float: right;
	cursor: not-allowed;
	font-size: 12px;
}

.dateCancelLight {
	float: right;
	cursor: pointer;
	font-size: 12px;
	color: rgb(255, 255, 255);
}

.dateLockLight {
	float: right;
	cursor: not-allowed;
	font-size: 12px;
	color: rgb(255, 255, 255);
}

.grandTotalUnderstand {
	width: 32%;
	min-width: 120px;
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(128, 255, 128);
	margin-bottom: 10px;
}

.grandTotalPerform {
	width: 32%;
	min-width: 120px;
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(0,179,0);
	margin-bottom: 10px;
}

.grandTotalTeach {
	width: 32%;
	min-width: 120px;
	display: inline-block;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-color: rgb(0,116,0);
	margin-bottom: 10px;
}

.grandTotalUnderstandHeader {
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	background-color: rgb(128, 255, 128);
	padding: 5px 0;
	margin-bottom: 10px;
}

.grandTotalPerformHeader {
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	background-color: rgb(0,179,0);
	padding: 5px 0;
	margin-bottom: 10px;
}

.grandTotalTeachHeader {
	color: rgb(255,255,255);
	font-size: 14px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	background-color: rgb(0,116,0);
	padding: 5px 0;
	margin-bottom: 10px;
}

#peopleTable tr:nth-child(even) {
	background-color: rgb(234, 243, 250);
}

.assessmentLabelsInputs {
	/*display: inline;*/
	width: 100%;
	border-style: none;
	outline: none;
	background-color: transparent;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}