/*	Modification Log
    B6950 JJD 04/03/20 roster - person name confusing with current styling
    EN185 JJD 07/08/22 prevent attendancecaption from wrapping
    EN438 JJD 01/19/23 add styling for "include verified orders" checkbox in record attendance
    EN829 JJD 03/14/23 fix styling on instructor portal buttons
	EN891 JJD 05/09/23 Use CSS class to size images
    EN1101 JJD 08/03/23 add multi-company option to client portal
	EN968 JJD 08/08/23 Record attendance - add space between search fields and search button
	EN1387 JJD 02/23/24 Add styling for disabled submit buttons
	ZD8998  WM 01/12/23 Changes to 8.3 require update to CSS so portal headers appear correctly.
*/



/* Custom Styling for portals start... */

#header {
	/* height: 225px; */
	background-color: #1c2226;
}

#header_title {
    /* height: 200px; */
    background-color: #1c2226;
}

#cartCount {
    background-color: #1c2226;
} 

#login {
    background-color: #1c2226;
}

#login a {
    background-color: #1c2226;
}

#footer {
    background-color: #1c2226;
}

#footer table {
    background-color: #1c2226;
}

/* Custom Styling for portals end... */

.tableHeader {
	font-family:verdana,tahoma,sans-serif;
	font-size:13px;
	color:white;
	font-weight:bold;
}

.tableHeaderRow {
	font-weight:bold;
}

#searchBox {
	margin: 0;
	font-size: 11px;
	padding:5px 10px 5px 15px ;
	line-height:1.5em;
	background-color:#F4F4F4;
	border:1px solid #cccccc;
}

#subHeaderLeft {
	font-size: 19px;
	font-weight: bold;
	color: #000008;
}

#attendeeBox {
	margin: 0;
	padding:5px 10px 5px 15px ;
	line-height:1.5em;
	border:1px solid #cccccc;
}

#portalOption {
	margin-top: 10px;
	margin-bottom: 10px;
}

#portalOption a {
	background-color: #000008;
	color: #C6C8C6;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#portalOption a:hover {
	background-color: #696e69;
	color: #e9a628;
}

#portalOption input.submit {
	background-color: #edba57;
	color: #004689;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

#portalOption input.submit:hover {
	background-color: #f2cd84;
}
.portalOption {
	margin-top: 10px;
	margin-bottom: 10px;
}

.portalOption a {
	background-color: #000008;
	color: #C6C8C6;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

.portalOption a:hover {
	background-color: #696e69;
	color: #e9a628;
}

.portalOption input.submit {
	background-color: #edba57;
	color: #004689;
	font-size: 13px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	align: center;
	text-decoration: none;
}

.portalOption input.submit:hover {
	background-color: #f2cd84;
}

.portalOption input.submit:disabled {
	background-color: #ddd0c0;
	color: #495989;
}

.pdfalert {
    padding: 20px;
    background-color: #f44336;
    color: white;
    opacity: 0.83;
    transition: opacity 0.6s;
    margin-bottom: 15px;
	font-family: Verdana,sans-serif;
	font-size: 15px;
	line-height: 1.5;
}

.pdfalert.success {background-color: #4CAF50;}
.pdfalert.info {background-color: #2196F3;}
.pdfalert.warning {background-color: #ff9800;}
.pdfalert.danger {background-color: #f44336;}
.pdfalert.jobinfo {
    padding-left: 40px;
    background-color: #2196F3;
	font-size: 12px;
}
.pdfalert.attendanceprint {
	background-color: #F4F4F4;
	color: black;
    padding-left: 40px;
	font-size: 12px;
}

/* B6454 attendance by day */
.rosterDate {
	font-size: 0.625rem;
	font-family:verdana,tahoma,sans-serif;
	font-weight:bold;
	white-space: nowrap;
}

.attendanceline {
	padding-left: 5%;
	overflow:auto;
}

.awardrow {
	padding-left: 5%;
	overflow:auto;
}

.attendance {
	font-size: 0.750rem;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-right: 10px;
}

.hours {
	width: 50px;
}

.grade {
	width: 50px;
}

.dropdown {
	font-size: 0.750rem;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-right: 10px;
	padding-right: 5px;
}

.studentspacer {
	padding-bottom: 10px;
}

.verifyall {
	font-size: 0.750rem;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-right: 10px;
}

/* EN438 */
.includeVerified {
	font-size: 0.813rem;
	line-height: 1rem;
}

.markallpresent {
	font-size: 0.750rem;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-right: 10px;
}

.changeday {
	font-size: 0.750rem;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 5px;
    margin-right: 10px;
}

.attendancecaption {
	font-size: 0.750rem;
	font-family:verdana,tahoma,sans-serif;
	font-weight:bold;
	text-align:left;
/* EN185 BEG ADD */
	white-space:nowrap;
	overflow:visible;
	width:0;
/* EN185 END ADD */
}

.studentline a li {
	padding: 5px 4px 10px 20px;
}

.studentline.today {cursor:pointer;}
.studentline.present {background-image: url("../images/valid.png"); background-repeat: no-repeat;}
.studentline.absent {}


.enrollee {
	/* width: 175px;  */
	border-bottom: 1px solid black;  
	text-align: center;	
}
.regDate {
	border: 1px solid black;
}
.datesHeader {
	border: 1px solid black;
	width: 45px;
}
.rosterName {
	/* width: 175px;  */
	border-bottom: 1px solid black;
}

/* B6950 */
.courseinner .rosterName {
	border: none;
	font-weight: bold;
	font-size: 110%;
}

/* B6950 */
.rosterName .emailLink {
	padding-left: 10px;
}

.rosterCells {
	border: 1px solid black;
}

.registerDate {
	border: 1px solid black;
}
@media print {
 #header, #topBar, #footer, #popularContainer, #search, #breadcrumb, #backlink, #cartOption{
    display: none;
  }
  #main {
  	display: block
  }
table { 
	page-break-inside: auto;
}
tr {
	page-break-inside:avoid; 
	page-break-after:auto;
}
thead {
	display:table-header-group;
}

/* B6950 */
td.courseinner {
	border: 1px solid #CCCCCC;
}
}

/* B8094 */
.pagination {
	display: inline-block;
/* 	border: 1px solid #004689; */
	border-radius: 5px;
	margin-top: 10px;
}

.pagination a {
	color: #004689;
	float: left;
	padding: 8px 16px;
	text-decoration: none;
/* 	border-right: 1px solid #004689; */
	border: 0.5px solid #004689;
/* 	border-left: none; */
	margin-right: -1px;
	margin-bottom: -1px;
}

.pagination a.spacer {
	border: none;
	padding: 18px 5px 0px 5px;
/* 	font-weight: bold; */
}

.pagination a.spacer:hover {
	background-color: unset;
}

.pagination a:hover {
	background-color: #AACCFF;
}

.pagination a.active {
	background-color: #2196F3;
	color: white;
}

.pagination a.firstPage {
	
}

.pagination a.previousPage {
	margin-right: 20px;
}

.pagination a.nextPage {
	margin-left: 20px;
}

.pagination a.lastPage {
	
}

.attendanceOrderSearch {
	margin: 0;
	padding: 5px 10px 10px 15px ;
	background-color:#F4F4F4;
	border:1px solid #cccccc;
}

.attendanceOrderSearch h2 {
	font-size: 0.95rem;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.attendanceOrderSearch input {
	font-size: 0.813rem;
	line-height: 1rem;
}

div.attendanceSearchField label, div.attendanceSearchField input {
    display: table-cell;
	font-size: 0.813rem;
	line-height: 1rem;
	margin: 0 10px 0 10px;
}

div.attendanceSearchField {
  display: table-row;
}

.profileOption input.submit {
	background-color: #edba57;
	color: #004689;
	font-size: 13px;
	font-weight: bold;
	padding: 7px 25px 7px 25px;
	margin-right: 15px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	text-align: center;
	text-decoration: none;
}

.profileOption input.submit:hover {
	background-color: #f2cd84;
	color: #004689;
}

.portalOption input.cancel {
	background-color: #122F48;
	color: white;
	font-size: 0.813rem;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-right: 15px;
	padding-right: 7px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	cursor: pointer;
}

.portalOption input.cancel:hover {
	background-color: #696e69;
	color: #42C2D5;
}

.portalOption a {
	background-color: #122F48;
	color: white;
	font-size: 0.813rem;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-right: 15px;
	padding-right: 7px;
	border-radius: 15px;
	width: 150px;
	white-space: normal;
	text-align: center;
	text-decoration: none;
	border: 1px solid #999999;
	cursor: pointer;
}

.portalOption a:hover {
	background-color: #696e69;
	color: #42C2D5;
}

/* EN891 */

.client_image_header {
	width: auto;
	height: 100%;
}

.client_image_remove {
	width: auto;
	height: 24px;
}

.instructors_image_email {
	width: auto;
	height: 16px;
}

.instructors_image_enrolled {
	width: auto;
	height: 16px;
}

.instructors_image_facilityThumbnail {
	width: 200px;
	height: auto;
}

.instructors_image_header {
	width: auto;
	height: 100%;
}

.instructors_image_instructorsThumbnail {
	width: 125px;
	height: 145px;
}

.instructors_image_noImage {
	width: auto;
	height: 100px;
}

.instructors_image_noshow {
	width: auto;
	height: 15px;
}

.instructors_image_verified {
	width: auto;
	height: 15px;
}

.scan_image_header {
	width: auto;
	height: 100%;
}

.scan_image_next {
	width: auto;
	height: 16px;
}

.attendanceSearchButtonContainer {
	margin-top: 1.2rem;
}

.employeeSelectContainer, .companySelectDropdown {
	display: inline-block;
}

td.currentAttendee {
	vertical-align: top;
}

.attendingCompanyHeader {
	font-size: 0.9rem; 
	margin-top: 10px;
}

.addEmployee input, .addEmployee select {
	font-size: 0.813rem;
	vertical-align: middle;
}

.addEmployee label {
	display: inline-block;
	width: 70px;
	font-size: 0.813rem;
}

.currentlyAttending table tr td {
	line-height: 1.4rem;
}

.addEmployee {
	margin-top: 10px;
}

.addEmployee input.submit {
	background-color: #276CA0;
	color: #FFFFFF;
	font-size: 0.813rem;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 25px;
	margin-right: 15px;
	padding-right: 25px;
	border-radius: 15px;
	white-space: normal;
	text-align: center;
	text-decoration: none;
}

.addEmployee input.submit:hover {	
	background-color: #1C4D73;
	color: #FFFFFF;
}

.allRegistered {
	font-size: 0.813rem
}