/* Global Settings */
body, html { margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
body { min-width: 1000px; background-color: #ccc; }
#wrapperRepeat {
	background: url(../images/wrapper_repeatbg.jpg) repeat-y center top;
	margin: 0px;
	padding: 0px;
}
#wrapperBottom {
	background: url(../images/wrapper_bottombg.jpg) no-repeat center bottom;
	padding-bottom: 40px;
	margin: 0px;
}
#wrapperTop {
	background: url(../images/wrapper_topbg.jpg) no-repeat center top;
	padding: 30px 0 0 0;
	margin: 0px;
}
#wrap { 
	width: 1200px;
	margin: 0 auto;
	padding: 0px;
}

#selectable { color: #1F6BB4; }

.form-elements {list-style: none;padding-left:0;}
.display-mode li, .form-elements li {margin-bottom:10px;}
#rForm .condition-rows select {display:inline-block;vertical-align: top;}
#rForm .condition-rows {display:inline-block;}
#rForm fieldset.onsitefs legend, .display-mode fieldset legend {font-style:italic;font-size:0.9em;}
#rForm fieldset.onsitefs,.display-mode fieldset {margin-left:-10px;border:1px solid #dddddd;margin-bottom:5px;padding-bottom:0;}
fieldset.upload-fs {width:500px;padding:10px 40px;height:80px;}
fieldset.upload-fs label {width:50px;}
#newcompany-elements {margin-top:10px;}
#rForm label.error {width:300px;}
.display-mode input[type="submit"] {width:100px;display:block;margin-top:10px;margin-left:50px;}
#rForm label.short-label {width:80px;}
#rForm label, #rForm input, #rForm a.dp-choose-date, .display-mode label, .display-mode input, #loginForm label, #loginForm input {float:none;display:inline-block;}
#rForm #second-condition {margin-left:205px;}
#rForm label.specialcond_label {width:15px;display:inline-block;margin-left:-19px;}
#rForm a.dp-choose-date {vertical-align: bottom;}
#rForm label.special_condn1_ind {width:50px;}
#rForm label, .display-mode label {width:205px;vertical-align: top;}
#loginForm label {width:90px;vertical-align: top;}
#loginForm #submitButton {margin-left:90px;}
#rForm input, .display-mode input {width:200px;}
#rForm textarea, .display-mode textarea {border-color:#cccccc;}
.display-mode label, .display-mode input, .display-mode textarea {border:none;}
#rForm td input {width:200px;}
#rForm td.claims-number input {width:100px;}
/* #rForm td input.chkbx {width:50px;} */
#rForm input.chkbx, #rForm input[type="checkbox"] {width:30px;}
#rForm input.longfield {width:450px;}
#rForm input.radio-style {width:30px;}
input[type="submit"], #submitButton, .inputButtonActive {background: linear-gradient(#ededed, #dedede);border-radius: 5px;border:1px solid #dedede;border-color: #dedede #cdcdcd #cdcdcd #dedede;padding:5px 10px;}
input[type="submit"]:hover, #submitButton:hover, .inputButtonActive:hover  {background:no-repeat #dadada;border-color:#cdcdcd;cursor: pointer;}
#header { width: 1000px; }
#logo {float: left; width: 650px; padding: 0px 12px 5px 12px;}
#sidestats {float: right: width: 325px; padding-top: 10px; text-align: right; padding-right: 15px; }
#nav { clear: both; }
#content { /*width:1000px;*/ min-height: 330px; width: 1168px; margin: 0 auto; padding-top: 10px;} 
#maincontent { float: left; width: 680px; padding: 0px; height:auto;  }
#sidebar { float: right; width: 260px; padding: 20px 10px 10px 10px; height:auto; }
#longmaincontent { /*width: 980px;*/ padding: 0px; }
#footer { clear: both; padding-top: 0px; text-align: center; }
#footer a, #footer p { font-size: 9px; }
.clear { clear: both; }
#file_upload {width:400px;}

/* Fonts */
h1, h2, h3, h4, h5 { font-family: Verdana, Arial, Helvetica, sans-serif; }
p, ul, li, tr, td, input, textarea, keygen, select, button { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; /* font-size:0.95em; */}
h1 { font-weight: bold; font-size: 18px; color: #003399; text-decoration: underline; }
h2 { font-size: 15px; color: #990000; }
h3 { /* color: #3D8987;  */color:#444444;font-size: 12px; font-weight: normal; text-decoration: none; margin-bottom:20px;}
h3.roster-heading {margin-bottom:5px;}
.display-mode h3 {font-weight:bold;}
.uf-classname {font-size:1.3em;font-weight:normal;}
table.file-list {margin-bottom:30px;border-collapse: collapse;border-spacing:0;}
table.file-list th, table.file-list td {padding:5px;border:1px solid #dddddd;}
table.file-list th {background-color:#eeeeee;}
h4 { color: #3D8987; font-size: 13px; text-decoration: none; }
h6 { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; margin-top: 0px; margin-bottom: 0px; }
.form-hints {font-size:0.8em;color:#444444;margin-top:5px;font-style:italic;}
.small {font-size: 9px;}
.red { color: #FF0000; }
.gray { color: #999999; }
.bolditalic { font-weight: bold; font-style: italic; }
#error_msg { background-color: #217892; color: #FFF; padding: 5px; margin-bottom: 10px;  }
#success_msg { background-color: #217892; color: #FFF; padding: 5px; margin-bottom: 10px; }
#pass_error_msg { background-color: #F8D7DA; color: #842029; padding: 5px; margin-bottom: 10px;  }
#warning {background-color: #FFFFE0;color:#000000;padding:5px;margin-bottom:10px;}
.sitemap { font-size: 8pt; }
.bullets { margin: 10px 0px; }
.bullets ul { list-style-image: url(../images/bullet.gif); }
label.error {
	color: red;
	padding-left: 10px;
}

/* Links */
a:link { color: #1F6BB4; font-weight: bold; }	
a:visited { color: #1F6BB4; font-weight: bold; }
a:hover { color: #538CC4; text-decoration: none; font-weight: bold; }	
a:active { color: #FFCC00; text-decoration: none; font-weight: bold; }
/* Date Picker */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
#bottomWrap_inner {
	width: 940px;
	padding: 0 10px 2px 20px;
}
#bottomWrap_inner .reviewWrap {
	width: 940px;
	margin-bottom: 11px;
}
#bottomWrap_inner .reviewWrap .reviewLeft {
	width: 138px;
	float: left;
	padding-top: 11px;
	font-size: 12px;
}
#bottomWrap_inner .reviewWrap .reviewRight_repeat_violet {
	background: url(../images/review_violet_repeat.jpg) repeat-y left top;
	width: 797px;
	float: right;
	color: #464646;
}
#bottomWrap_inner .reviewWrap .reviewRight_bottom_violet {
	background: url(../images/review_violet_bottom.jpg) no-repeat left bottom;
	padding-bottom: 5px;
}
#bottomWrap_inner .reviewWrap .reviewRight_top_violet {
	background: url(../images/review_violet_top.jpg) no-repeat left top;
	padding: 11px 24px 0 33px;
}
#bottomWrap_inner .reviewWrap .reviewRight_repeat_cream {
	background: url(../images/review_cream_repeat.jpg) repeat-y left top;
	width: 697px;
	float: right;
	color: #464646;
}
#bottomWrap_inner .reviewWrap .reviewRight_bottom_cream {
	background: url(../images/review_cream_bottom.jpg) no-repeat left bottom;
	padding-bottom: 5px;
}
#bottomWrap_inner .reviewWrap .reviewRight_top_cream {
	background: url(../images/review_cream_top.jpg) no-repeat left top;
	padding: 11px 24px 0 33px;
}
#bottomWrap_inner .reviewWrap .reviewRight_repeat_violet h4,
#bottomWrap_inner .reviewWrap .reviewRight_repeat_cream h4 {
	font-size: 12px;
	font-weight: bold;
	color: #464646;
	margin-bottom: 0px;
}
/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
ol.esmmwl-form-items  {list-style:none;margin-left:0;}
ol.esmmwl-form-items li {padding:3px 0;border-bottom:1px solid #e3e3e3;}
ol.esmmwl-form-items li .class-options {width: 350px;display: inline-block;}
ol.esmmwl-form-items li .details {margin-left:20px;color:#444;}
.contact-details {font-size:0.9em;}

.reg-status {
    text-align: center;
    cursor: pointer;
}

.row-disabled td {
    color: #cdcdcd !important;
    /*background-color: #ddd !important;*/
}

.partnerco-elements {
    border: 1px #ccc solid;
    padding: 20px 10px 10px;
}

.current {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #AAA;
}

.class-type-choices {
    display: inline-grid;
    position: relative;
}

.class-type-choices label:first-child {
    margin: 0px 0 5px;
}

.class-type-choices .error:not(.required) {
    position: absolute;
    left: 97px;
}

.class-type-choices label input {
    margin: 0 5px 0 0;
    vertical-align: middle;
    width: 15px !important;
}

.filterSearch {
  width: 300px;
  padding: 5px;
}

.convert-export {
  background: linear-gradient(#ededed, #dedede);
  border-radius: 5px;
  border: 1px solid #dedede;
  border-color: #dedede #cdcdcd #cdcdcd #dedede;
  padding: 5px 10px;
  cursor: pointer;;
}

table.class_schedule_table {
    width: 100%;
    max-width: 700px;
}

table.class_schedule_table tr th {
    padding: 10px;
}

table.class_schedule_table tr th, table.class_schedule_table tr td {
    padding: 4px 10px;
    text-align: left;
}

table.class_schedule_table input[type=text] {
    padding: 5px;
}

span.class-skip {
    color: #FF0000;
    cursor: pointer;
}

span.class-skip.unskip {
    color: gray;
}

#classScheduleTable input.p1-date-pick.disabled, #classScheduleTable input.p2-date-pick.disabled {
	pointer-events: none;
    cursor: default;
    background-color: #f8f8f8;
    color: rgba(118, 118, 118, 0.5);
    border: 1px rgba(118, 118, 118, 0.3) solid;
}

span.class_name a {
    color: #000000;
    text-decoration: none;
}

.class-details-modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

.class-details-content {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fefefe;
    padding: 10px 20px 0;
    border: 1px solid #888;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.details-content {
    padding: 0 15px;
}

.details-footer p {
    text-align: right;
}

.close {
    color: #aaaaaa;
    position: absolute;
    font-size: 25px;
    font-weight: bold;
    top: 5px;
    right: 10px;
}

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

.schedules-row {
    display: flex;
}

.schedules-col{
    flex: 0 0 auto;
    width: 50%;
    padding: 0 20px 0 0;
}

.view_schedule_table {
	font-family: arial;
    background-color: #CDCDCD;
    margin: 10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    max-width: 500px;
    text-align: left;
}

.view_schedule_table thead tr th {
    background-color: #e6EEEE;
    border: 1px solid #FFF;
    font-size: 8pt;
    padding: 4px;
}

.view_schedule_table tbody tr.skipped td {
	background: #ebebeb;
}

.view_schedule_table tbody tr td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

.phase.disabled {
    pointer-events: none;
    cursor: default;
    background-color: #f8f8f8;
    color: rgba(118, 118, 118, 0.5);
    border: 1px rgba(118, 118, 118, 0.3) solid;
}

.filter-class, .filter-instructor {
    padding: 5px;
    margin-bottom: 10px;
    max-width: 350px;
}

.filter-reset {
    background: linear-gradient(#ededed, #dedede);
    border-radius: 5px;
    border: 1px solid #dedede;
    border-color: #dedede #cdcdcd #cdcdcd #dedede;
    padding: 5px 10px;
    cursor: pointer;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: unset !important;
}

.hide-event-class, .hide-event-ins, .hide-list-class, .hide-list-ins {
	display: none;
}

.classFilter {
	margin: 20px 0 10px;
}

form#classFilter .filterSearch {
    width: 210px;
    padding: 6px 12px;
    border: 1px #CCC solid;
    border-radius: 4px;
    margin-right: 10px;
}

form#classFilter .bootstrap-select button.dropdown-toggle {
    width: 210px;
}

form#classFilter .filter-option-inner-inner {
	font-size: 12px;
}

.filter-reset {
    background: linear-gradient(#ededed, #dedede);
    border-radius: 5px;
    border: 1px solid #dedede;
    border-color: #dedede #cdcdcd #cdcdcd #dedede;
    padding: 5px 10px;
    cursor: pointer;
    color: #000000 !important;
    text-decoration: none !important;
    font-weight: unset !important;
}

.classFilter select {
	padding: 5px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.select-all-head span {
	color: #1F6BB4;
    text-decoration: underline;
    cursor: pointer;
}

span.year-label {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none !important;
    color: #000000 !important;
}

.class-month-head span, p.class-year-head span {
	color: #1F6BB4;
    text-decoration: underline;
    padding-left: 10px;
    cursor: pointer;
}

.selectcheck.select-active {
	text-decoration: none;
    font-weight: 600;
}

.class-month {
    margin-bottom: 20px;
    padding-left: 20px;
}

.class-month .class-month-class {
    padding-left: 20px;
    margin: 0;
}

.tablenav {
    position: relative;
}

button.exportSubmit {
    position: absolute;
    right: 0;
    background-color: transparent;
    border: none;
    top: -10px;
    cursor: pointer;
}

button.exportsched {
	background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

button.exportSubmit img, button.exportsched img {
    height: 30px;
    width: auto;
}