/* =================
Script Name: dcpPATCMS.style.css
Description: stylesheet
Client/Folder: 
Author:  John Donovan
Date: 10-01-2014
Update Log:
initial release - jmd 

Contents Copyright � 2010-2014 DCP Partners, LLC  All rights reserved.
*/

body {
/*	font-size: 13px;
	font-family:Verdana,Arial,Helvetica, sans-serif; 
*/
}

/* General  */
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}

input {padding:5px 10px;}


td.label {text-align:left; font-weight:bold;}
td.field {text-align:left; }

.floatleft {float:left;}
.floatright {float:right;}
.floatclear {clear:both;}

input.button-primary.btnUpload {background-color: green;}

#patoleContainer {font-size: 13px; font-family:Verdana,Arial,Helvetica, sans-serif !important; }
#patoleContainer input,
#patoleContainer textarea {font-family:Verdana,Arial,Helvetica, sans-serif !important;}

#patoleContainer h3 {padding-top:15px;}
#patoleContainer table {margin: 0 0 10px 0; font-size:0.8em;}

/* bug fix/work-around */
.chosen-container { width: 100% !important; }

/* DataTables */
.dataTables_wrapper .pageLength {font-weight:normal !important;}
.dataTables_wrapper .dataTables_length {min-width:220px !important;}
.dataTables_wrapper .dataTables_length label {min-width:220px !important;}
.dataTables_wrapper .dataTables_length select {max-width:60px;}

div.dataTables_wrapper th, div.dataTables_wrapper td {font-size:0.9em;}
div.dtfh-floatingparent table.dataTable th {font-size:0.6em !important; }

table.dataTable th {font-size:0.8em;}
table.dataTable tbody td, 
table.dataTable thead th  {padding:3px 4px !important;}

.dataTables_wrapper .dataTables_paginate .paginate_button {padding:0.3em 0.5em;}

div#queryBuilder {}
div#customButtons {margin:10px 0 !important;}
div#customButtons button {padding:4px 6px; font-size:1em;}
div#controlButtons {margin:10px 0 !important; height:35px;}
div#controlButtons div.pageLength {}
div#controlButtons div.buttons {margin: 0 30px 0 0 !important;}



div#noscript {
    border: 2px solid #CC0000;
    background-color: #FF9F9F;
    padding: 5px 10px;
    color: #000;
}

div#ajaxLoader {
	position: absolute;
	height: 500px;
	width: 500px;
	top: 10%;
	left: 20%;
	margin: 50px auto;
	z-index:200;
	text-align:center;
	display:none;
}

div#loading {
	position:fixed;
	top:45%;
	left:45%;
	z-index:100000;
	height: 140px;
	width: 140px;
	background-image:url(images/spinner_140x.gif);
	display:hidden;
	color:#000;
}

div.hpOffset {
	margin-left:-12580px;
	float:left;
}

/* balloonTip pop-up - overrides default style */
.balloonTip {
	border:solid 4px #000 !important;
	padding:10px !important;
	font-size:1.0em !important;
	font-weight:normal !important;
	opacity:1 !important;
	background-color:#f4fbff !important;
	color:#000 !important;
	margin:0px 0 0px 0  !important;
	max-width:30%;
	max-height:30%;
}
/* infoBubble content style */
span.infoBubble {
	display:inline-block;
	margin:0 15px;
	height:16px;
	width:16px;
	background-image: url(images/icon-info.png) !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}
.bubbleContainer h3 {font-weight:bold; margin:10px 0;}
.bubbleContainer p {margin:10px 0; line-height: 15px;}
.bubbleContainer ul {list-style-type:disc; }
.bubbleContainer li {padding:0; margin:0 0 0 25px;}
.bubbleContainer p.lastUpdate {margin:0; font-style:italic; font-size:0.8em; text-align:right;}
.bubbleContainer p.clickToClose {margin:0; font-size: 0.7em; text-align:center;}

#statusMsg, #updateMsg {
	max-width:400px;
	padding: 5px;
	margin: 10px auto;
	color: #000;
	text-shadow: none;
	text-align:right;
	display:none;
	float:right;
}

div#statusMsg.statusError {
	background-color:#ff9f9f;
	border:1px solid #cc0000;
	color: #ffffff;
}

div#statusMsg.statusSuccess {
	background-color:#b8f5b1;
	border:1px solid #00cc00;
}

.ui-disabled {
	opacity: 0.7 !important;
	filter: Alpha(Opacity=70) !important;
}

p.fileUploadStatus {margin:4px 0; padding: 2px 4px; height:13px;}
span.fileStatusMessage.success {border: 1px solid #00CC00;background-color: #B8F5B1; display:block; padding: 2px 4px;}
span.fileStatusMessage.error {border: 1px solid #cc0000; background-color: #FF9F9F; display:block; padding:2px 4px; color:#000;}

.uploadForm .tableUploadFile td {font-weight:normal;}
.uploadForm .tableUploadFile td.fieldLabel {min-width:150px !important;}

.sel350 {width:350px;}
.sel450 {width:450px;}
.w500 {width:500px;}
.w800 {width:800px;}

.button-primary {display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.button-secondary {display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; vertical-align:unset !important;}

/*-----------------------------
  PATCMS Admin Common
-------------------------------*/

/* make sure the editor text is visible */
.js .tmce-active .wp-editor-area {color: #000 !important;}

/* max height for chosen() select list results */
ul.chosen-results {max-height:160px !important;}
div.patole_adminTitle {height:50px;}
div#addNew {float:right;}
div.patole_toolBar {width:98%; margin:5px auto; height:30px; border:1px solid #ccc; padding:10px 5px;}

tr.titles th {font-weight:bold;}

div#patole_AdminContainer .fieldLabel {font-weight:bold; padding:3px 6px;}
input.txtInput.full {width:100%;}
input.txtInput.threequarters {width:75%;}

span#txtName {font-weight:bold;}

div#patole_AdminContainer hr {width:80%; margin:20px auto; height:2px;}
div#patole_AdminContainer span.LV_validation_message {display:none;}  /* disable most validation messages */

div#patole_AdminContainer #employerInfo span.LV_validation_message {display:inline-block;} /* re-enable for employer info */


div.btnControl {margin:10px 0;}

h3.panelTitle {margin:25px 0 1em; font-size:1.6em; color:#6c6c6c;}
.ui-accordion h3.panelTitle {margin-top:-10px;}


span.accordionHeaderRight {display:inline-block; float:right; font-style:italic;}

h3.accordionNewElement {background:#6a6a6a !important; color:#eee !important;}

input.deleteButton, .btnConfirmDelete {background:#8B0000; color:#fff; padding:4px 6px;}

input.sendEmailButton, .btnSendEmail {background:#FFA500; color:#000; padding:4px 6px;}


div.certificateActivityContainer .widefat td {font-size:12px !important; line-height:12px !important;}

tr.evenRow td {background-color:#bff2e1;}


.emailIcon {display:inline-block; width:24px; height:24px; background-image:url('images/Letter.png'); }
.wpUserIcon {display:inline-block; width:24px; height:24px; background-image:url('images/User.png'); }

td.filePresent{width:24px;}
span.fileID{display:inline-block; width:16px; height:16px; background-image:url('images/page_white_acrobat.png'); }


/*-----------------------------
  PATCMS CustomText / EmailTemplates Admin
-------------------------------*/
div.emailTemplateDetails, div.trainConfStatusMessageDetails {width:75%;}
.emailTemplateDetails table, .trainConfStatusMessageDetails table {width:95%;}
.emailTemplateDetails td.label, .trainConfStatusMessageDetails td.label {width:15%; font-weight:normal;}
.emailTemplateDetails td.inputField input, .trainConfStatusMessageDetails td.inputField input {width:84%;}

div.tokenList {width:23%; float:right;}
.tokenList td {font-style:italic; font-size:0.9em;}
.tokenInstruction {font-size:0.8em; line-height: 1.1em;}
div.tokenAccordion h3.ui-accordion-header {padding:5px .5em 5px 1.7em;}
div.tokenContent.ui-accordion-content {padding:0px 1.5em 5px;}


/*-----------------------------
  PATCMS Admin Instructor
-------------------------------*/
.adminInstructors div.patole_toolBar #selInstructor {float:left; margin-right:10px; width:20%;}
.adminInstructors div.patole_toolBar #selEmployer {float:right; margin-left:10px; width:25%;}
.adminSponsors div.patole_toolBar #selSponsor {float:left; margin-left:10px; width:20%;}
div#instructorName {font-size:16px; margin:10px 0;}

#instructorUpdate {margin:10px 0;}
table#instructorStatus .sel450 {width:450px;}

.trainingConfigCol {width:33%; min-width:375px;}
.certConfigCol {width:48%; min-width:375px;}

.certConfigFull {width:99%;}
input.txtTrainHours {width:40px;}
span.confirmationStatus0 {color: blue;} 
span.confirmationStatus2 {color:#E27D01;}
span.confirmationStatus1 {color: #008000; }
span.confirmationStatus9 {color: #ff0000; }

#isia .ui-accordion .ui-accordion-content {overflow:visible;}

.noteDetail td {padding:5px 10px 5px 0;}
.noteDetail td.label {width:110px;}
.noteDetail td.recordTime {font-size: 0.8em;}

/*-----------------------------
  PATOLE Assignments
-------------------------------*/
div#allAssignments {margin:40px 0 0 0;}
div#allAssignments td {padding:5px 10px; border:1px solid #c2c2c2;}

/*-----------------------------
  PATOLE Activity Log/History
-------------------------------*/
.fancybox-overlay {z-index: 20000; }
#lmsActivityLog h1 {text-align:center;}
#lmsActivityLog h2 {text-align:center;}
#lmsActivityLog h2 span.label {font-weight:bold;}
#lmsActivityLog h2 span.userName, 
#lmsActivityLog h2 span.courseTitle {font-style:italic;}
#lmsActivityLog th {border-bottom:2px solid #6a6a6a;}
#lmsActivityLog td {padding:4px 10px 4px 5px; max-width:300px; text-overflow: ellipsis; overflow-x: hidden; white-space: nowrap; vertical-align: middle;}
#lmsActivityLog tr.activity_attempted {background-color: rgba(255,160,122,0.5);}
#lmsActivityLog tr.activity_completed {background-color:rgba(144,238,144,0.5);}
#lmsActivityLog tr.activity_quizPass {background-color:#cae3ea;}
#lmsActivityLog tr.activity_quizFail {background-color:#FF9F9F;}

#lmsActivityLog table {font-size:0.7em;}

table#scGetImportLog {font-size:0.8em;}

/* LRS Statement Viewer */
table#scGetStatementTable {font-size:0.7em;}

/*-----------------------------
  PATOLE Subscriptions
-------------------------------*/

.subscriptionManager table#subManager {background-color:#d5d5d5;}
.subscriptionManager #assignmentList tr.deleted td {color:#c9c9c9;}
.subscriptionManager #assignmentList tr.deleted span.deleted {color:#ff0000;}
.subscriptionManager .subManagerTitle table#subManager td {font-size:1.2em; padding:2px 5px;}
.subscriptionManager .subManagerTitle table#subManager span.label {font-weight:bold;}
div#modalUpdateDepartment #btnModalUpdate {background-color:#0d6efd !important;}
span.editDepartment {cursor:pointer;}
div#modalUpdateDepartment div.modal-body p {font-size:0.9em; font-style:italic;}
div#modalUpdateDepartment div.modal-header h5 {text-decoration:none;}
div#modalUpdateDepartment div.modal-body input#txtModalDepartment {width:95%;}

.subscriptionManager #insertErrorMessage {padding:5px;}

#patoleContainer {margin-bottom:20px;}
#patoleContainer tbody {border:none;}
#patoleContainer.subscriptionManager #assignmentList tr.deleted td {color:#999;}
#patoleContainer.subscriptionManager .userHistory {padding:2px 4px !important; font-size:1em !important;}
.subscriptionManager .reprintCert:hover {background-color:grey; }
.subscriptionManager .reprintCert.courseComplete {padding:2px 4px; font-size:1.2em; background-color:green;}
#patole_adminContent .reprintCert.courseComplete {background-color:green; padding:2px 4px !important; font-size:1em !important; color:white; }
.subscriptionManager .reprintCert.notComplete {padding:2px 4px; font-size:1.2em; background-color:gray; pointer-events:none; display:none;}


div.patoleSubscriptionManagerContainer  table.dataTable tbody td {padding:2px 6px !important;}

div.patoleSubscriptionManagerContainer table.dataTable thead th,
div.patoleSubscriptionManagerContainer table.dataTable tfoot th {padding:2px 6px !important; font-weight:300;}

.dataTables_filter input {display:inline-block !important; text-align:left;}


#patoleContainer input#userFirstName {width:180px;}
#patoleContainer input#userLastName {width:180px;}
#patoleContainer input#userDepartment {width:180px;}
#patoleContainer input#userEmailName {width:250px;}

#patoleContainer input#btnAddAssignment {padding:4px;}

.assignmentCount {padding:3px 6px;}
.assignmentCount.status_caution {color:#FBEC74; background-color:#333;}
.assignmentCount.status_closed {color:#b00000; background-color: #FF9F9F;}

/*-----------------------------
  PATCMS Admin Employers
-------------------------------*/
.adminEmployers #employerInfo {padding:10px;}
.adminEmployers div.patole_toolBar #selEmployer {float:left; margin-right:10px; width:30%;}
.adminEmployers #employerDetails td.leftLabel {width:120px;}
.adminEmployers #employerDetails input {width:90%;}

/*-----------------------------
  PATCMS Admin TrainingClass
-------------------------------*/
.adminTrainingClasses div.patole_toolBar #filterDate {float:left; margin-right:10px; width:400px !important;}
.adminTrainingClasses div.patole_toolBar #filterTrainer {float:right; margin-right:10px; width:25%;}

h3#classTitle {margin:0.5em 0;}
table#tblTitleDesc {width:80%; }
#txtClassTitle {width:300px;}
.divRight {float:right; width:49%; }
.divleft {width:49%; }
div.classDetails {margin:35px 0;}
.inpVenue {width:275px;}


/*-----------------------------
  PATCMS Admin User Profile
-------------------------------*/
#patoleUserProfileInfo #patoleInstructorList {font-size:14px; }
#patoleUserProfileInfo #patoleInstructorList td {padding:4px 8px;}
#patoleUserProfileInfo #patoleInstructorList tr.heading {font-weight:bold;}

/*-----------------------------
  PATCMS Shortcode NewClassRegistration 
-------------------------------*/
#classRegistration td.label {width:30%;}
#classRegistration input {display:inline;}
#classRegistration input[type=text] {width:70%;}
#classRegistration span.restraintOption, #classRegistration tr.ceuProACT, #classRegistration tr.ceuProACTR {filter:'alpha(opacity=20)'; opacity:0.2; }
#statusTransaction {padding:4px 8px; margin:10px 0 0 0;}

div.feeTotals td.feeTitle {text-align:left; width:50%;}
div.feeTotals td.feeAmount {text-align:right; font-size:1.2em;}

span#creditCardIcons {display:inline-block; height:30px; width:200px; margin-bottom:-10px;}
#creditCardIcons img {height:30px; width:30px; padding:0 2px;}


#paymentRegInfo #tblRegFeesDue {width:300px;}
#paymentRegInfo td.field.fees {text-align:right;}
#paymentStatus {margin:0 0 20px 0; padding: 4px 8px; }

#tblRegistrationDetails td.label, 
#tblPayments td.label {width:200px;}


/*-----------------------------
  PATCMS Shortcode Container
-------------------------------*/

#patole_scContainer .button-primary {display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#patole_scContainer .button-primary{background:#2ea2cc;border-color:#0074a2;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);box-shadow:inset 0 1px 0 rgba(120,200,230,.5),0 1px 0 rgba(0,0,0,.15);color:#fff;text-decoration:none}
#patole_scContainer .button-primary.focus,#patole_scContainer .button-primary.hover,#patole_scContainer .button-primary:focus,#patole_scContainer .button-primary:hover{background:#1e8cbe;border-color:#0074a2;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.6);box-shadow:inset 0 1px 0 rgba(120,200,230,.6);color:#fff}
#patole_scContainer .button-primary.focus,#patole_scContainer .button-primary:focus{border-color:#0e3950;-webkit-box-shadow:inset 0 1px 0 rgba(120,200,230,.6),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:inset 0 1px 0 rgba(120,200,230,.6),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}
#patole_scContainer .button-primary.active,#patole_scContainer .button-primary.active:focus,#patole_scContainer .button-primary.active:hover,#patole_scContainer .button-primary:active{background:#1b7aa6;border-color:#005684;color:rgba(255,255,255,.95);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1);vertical-align:top}

/*-----------------------------
  PATCMS Shortcode InstructorProfile
-------------------------------*/

div#patole_scContent {margin:0 0 20px 0; min-height:750px; font-size: 12px; }
div#patole_scContent table {border:none; margin:10px 0;}
div#patole_scContent td {border:none; text-align:left; padding:4px 8px;}
div#patole_scContent .uploadFileFooter {margin:-5px 0 10px 0; font-size:0.8em; padding:0;}

div#patole_scContent #instructorStatus .fieldLabel {width:140px;}
div#patole_scContent #confirmations .fieldLabel {width:140px;}
div#patole_scContent #certs .fieldLabel {width:120px;}

div#patole_scContent .trainingConfigCol, 
div#patole_scContent .certConfigCol {width:49%; min-width:450px;}
div#patole_scContent .trainingConfNewNoteTitle {font-weight:bold;}
div#patole_scContent ul.trainingConfNewNotes li {margin-bottom: 10px;}

div#patole_scContent h3.confirmationHeading {line-height:22px; }
div#patole_scContent .ui-accordion-header {padding:0.2em .5em 0.2em 2em; }
div#patole_scContent h3.panelTitle {font-size:1.6em; font-weight:bold; margin-top:10px;}
div.confirmationDetail h3.panelTitle {line-height:20px; padding:0; margin:0;}

td.regProACTDateTitle, td.regProACTRDateTitle {width:275px;}
td.regProACTDate, td.regProACTRDate {width:180px;}
td.regProACTCostTitle, td.regProACTRCostTitle {width:40px;} 

div#patole_scContent #confirmations .ui-accordion .ui-accordion-content,
div#patole_scContent #certs .ui-accordion .ui-accordion-content {width:100%;}



/*-----------------------------
  DCP Tools / Libraries
-------------------------------*/
.mastInfoBox {
	padding: 10px 20px;
	margin: 20px 0px;
	background-color: #e9e9e9;
	border: 1px #999 solid;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px 1px #666;
	box-shadow: 2px 2px 2px 1px #666;
}


.valid {border:1px solid #00cc00; background-color:#B8f5b1;color:#000;}
.invalid {border: 1px solid #CC0000; background-color: #FF9F9F;color:#000;}

.ui-tabs .ui-tabs-panel { padding: 0.5em 0.7em; }
.ui-tabs .ui-tabs-nav li a {padding: 0.2em 0.5em; font-weight:bold;}
.ui-accordion .ui-accordion-content {padding: 0.5em 1em; }

/* Pagination Class */
div.pagination {margin: 5px 0; }
div.pagination span.disabled {display:none;}
div.pagination a, div.pagination span {display:inline-block;padding:4px 6px;border:1px solid #aaa;background:#eee;text-decoration:none;-webkit-border-radius:4px;border-radius:4px;}
div.pagination span.current {border:1px solid #999;background:#ccc;}

/* DataTables */
td.details-control {
    background: url('images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('images/details_close.png') no-repeat center center;
}

.childRow th {font-weight:bold;}


/* Live Validation classes */
.LV_validation_message.LV_invalid {display:inline-block; margin:3px;}
.LV_validation_message.LV_valid {display:none; margin:0;}
.LV_valid {color:#00CC00 !important; font-weight: normal;}
.LV_invalid {color:#CC0000 !important; font-weight: normal;}
.LV_valid_field,
input.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {border: 1px solid #00CC00 !important; background-color: #B8F5B1 !important;}
.LV_invalid_field,
input.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {border: 1px solid #CC0000 !important; background-color: #FF9F9F !important;}


/* Custom TinyMCE Formats */
.highlight-block { 
    background:#FFFF99;
	color: #000;
}

.fancybox-inner {overflow:hidden; zoom:1 !important;}


/* define custom icons for high-res / retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-locked {
		/*The actual image size is 36x36px */
		background-image: url(images/icon-lock-white-highres.png); 
		background-size: 18px 18px;
	}
	/*...more HD icon rules go here...*/
}