@font-face {
    font-family: 'Rum-Raisin';
    src: url('/fonts/Rum-Raisin.eot');
    src: url('/fonts/Rum-Raisin.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Rum-Raisin.woff2') format('woff2'),
         url('/fonts/Rum-Raisin.woff') format('woff'),
         url('/fonts/Rum-Raisin.ttf') format('truetype'),
         url('/fonts/Rum-Raisin.svg#oleo_scriptbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#loadingDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('/img/spinner.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading, body.manualLoading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading #loadingDiv, body.manualLoading #loadingDiv {
    display: block;
}

.favoriteMsg, .trackingMsg {
	font-size: 30px;
	cursor: pointer;
}

.completeStatus {
	font-size: 16px;
	color: #066f00;
	float: left;
	font-weight: 700;
  padding-right: 15px;
  padding-left: 10px;
  padding-bottom:10px;
}

.completeStatusPending, .completeStatusSubmitted, .completeStatusRejected {
	color: #fa8b1b;
}

.completeStatusComplete, .completeStatusCompleteLocked, .completeStatusCompleteUnlocked, 
.completeStatusCompletedLockedAPI, .completeStatusCompletedLockedAdmin {
	color: #066f00;
}

#saveStatus,.saveStatus, .sendStatus {
	color: #066f00;
	font-size: 16px;
}	

#specialCodeStatus,.specialCodeStatus {
	background-color: #fa8b1b;
	color: #fff;	
	font-size: 16px;
	padding: 2px 10px;
	width: auto;
	display: inline-block;
  margin-bottom:10px;
}	

.socialMediaFooterLinks { 
    		margin-top: 10px;
    		font-size: 22px;
    		color: #fff;
    		text-decoration: none;
    		width: 80px;
    	}
    	.socialMediaFooterLinks a:link,.socialMediaFooterLinks a:active,.socialMediaFooterLinks a:visited {
    		margin-top: 10px;
    		font-size: 22px;
    		color: #fff;
    		text-decoration: none;
    		cursor: pointer;
    		width: 80px;
    	}
	    div#google_translate_element div.goog-te-gadget-simple {
	        border: none !important;
	        background-color: #6a7cc0 !important; 
	    }

	    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value {
				padding: 0 0.9375rem;
				margin: 0px;
				display: block;
			}
	    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
	        color: #fff !important;
	        xmargin-left: -5px !important;
	        xheight: 22px !important;
	        xborder: 1px solid red !important;
	    }
	
	    div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
	        color: #fff !important;
	        text-decoration: none !important;
	    }
	
			.goog-te-gadget-simple{
					background-color: #6a7cc0 !important; 
					border: none !important;
			}
			.goog-te-gadget-icon{
					display:none !important;
			}
			.goog-te-gadget{
				
			}
			
			#privacyDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    cursor:			pointer;
    background: rgba( 255, 255, 255, 1 ) 
                url('/img/privacyScreen.gif') 
                50% 50% 
                no-repeat;
}

			#dialogHideDiv {
    display:    none;
    position:   fixed;
    z-index:    1000;
	  top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    cursor:			pointer;
    background: #ffffff;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.privacy {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.privacy #privacyDiv {
    display: block;
}

body.dialog_hide {
    overflow: hidden;   
}
body.dialog_hide #dialogHideDiv {
    display: block;
}

h1 {
    xfont-family: 'Rum-Raisin', 'Pacifico', cursive;
		xfont-style: italic;
		xfont-weight: bold;
		font-size: 50px;
		margin: -5px 0px 0px 20px;
		font-family: 'Rum-Raisin', Helvetica, sans-serif;
  	color: #3e3e3e;
  	text-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}

@media only screen and (min-width: 40.0625em) {
  .headerWelcomeBar {
  	float:right;
  }

	#headerWelcome {
		display:inline;
		color: #7a7a7a;
		padding-right: 10px;
		margin-left:10px;
	}
	
	.top-bar {
		height: 0px;
	}

	.top-bar-section {
		margin-top: 65px;
	}
}
@media only screen and (max-width: 40em) {
  .headerWelcomeBar {
  	float:none;
  }

	#headerWelcome {
		display:none;
	}
}


#headerLogin, #headerLogout {
	margin-right:20px;
}

.headerIcon {
	display:inline-block;
	margin-left:15px;
	height: 37px;
}

.headerIcon i {
	font-size: 32px;
  vertical-align: middle;
}

.headerIcon div {
	margin-left: 6px;
  display: inline-block;
  vertical-align: middle;
}

.headerIcon a, .headerIcon i {
	color: #7a7a7a;
}

.headerIcon:hover a {
	color: #6573b5;
}

.footerBar {
	clear:both;
	margin:10px 0px 10px 0px;
	font-size:12px;
	text-align:center;
}

.textarea {
    margin: 0 0 1rem;
}

.portlet {
	margin-bottom: 30px;
	border: 5px solid #6a7cc0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffff;
}

.portlet_header_bar {
	background-color: #e1e5f2;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	padding:3px 8px 3px 8px;
	text-align: center;
}
.portlet_header_title {
	xfloat:left;
	font-weight: bold;
	color: #6a7cc0;
}
.portlet_header_icon {
	float:right;
	cursor:pointer;
}
.portlet_menu_icon {
	float:left;
	cursor:pointer;
}
.portlet_content {
}

.portlet_info_icon,.portlet_faqs_icon {
	margin-left: 5px;
	cursor:pointer;
}
#page_faqs_icon {
	font-size: 24px;
	margin-left: 10px;
	cursor:pointer;
}

.portlet_info {
	padding: 5px;
	border-bottom: 1px solid;
	background-color: #ffffe2;
}

#faqs_details .accordion .accordion-navigation > a, .accordion dd > a {
		font-size: 24px;
		padding: 5px 0px 5px 15px;
		font-family: 'Rum-Raisin', Helvetica, sans-serif;
}

.faqs_details .accordion .accordion-navigation > a, .accordion dd > a {
		font-size: 24px;
		padding: 5px 0px 5px 15px;
		font-family: 'Rum-Raisin', Helvetica, sans-serif;
}
        
#studentViewMenu {
	display:none;
	xwidth:200px;
	background-color: #6a7cc0;
	color: #ffffff;
	border: 3px solid #666666;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	border-top-right-radius: 6px;
	border-top-left-radius: 6px; 
	width: 306px;
}

.studentViewMenuItem {
	cursor: pointer;
	font-family: sans-serif; 
	font-size: 15px;
	padding: 5px 10px 5px 10px;
	xborder-top: 1px solid #666666;
	width: 150px;
	float: left;
}

.studentViewMenuItem:hover {
	background-color: #7c9ce1;
}



#studentChartMenu {
	display:none;
	xwidth:200px;
	background-color: #6a7cc0;
	color: #ffffff;
	border: 3px solid #666666;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	border-top-right-radius: 6px;
	border-top-left-radius: 6px; 
	width: 306px;
}

.studentChartMenuItem {
	cursor: pointer;
	font-family: sans-serif; 
	font-size: 15px;
	padding: 5px 10px 5px 10px;
	xborder-top: 1px solid #666666;
	width: 300px;
	float: left;
}

.studentChartMenuItem:hover {
	background-color: #7c9ce1;
}


.portlet_title_suffix {
	margin-left: 5px;
}

.requiredBorderRed,
input.requiredBorderRed {
	border: 1px solid #ff0000;
}

.requiredOutlineRed,
input.requiredOutlineRed {
	outline: 1px solid #ff0000;
}

.buttonBackground.buttonActive {
	color: #ffff00;
}

.buttonBackground {
	margin-right:12px;
	background-color: #6a7cc0;
	border: 3px solid #6a7cc0;
	color: #ffffff;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0px 5px 0px 5px;
	font-family: sans-serif; 
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	border-top-right-radius: 6px;
	border-top-left-radius: 6px; 
}

@media only screen and (max-width: 499px) {
	.buttonBackground { 
			width: 150px;
			min-height: 36px;
			font-size: 14px;
			line-height: 28px;
	}
}

@media only screen and (min-width: 500px) {
	.buttonBackground { 
			width: 200px;
			min-height: 40px;
			font-size: 17px;
			line-height: 34px;
	}
}
.buttonBackground span {
	display: inline-block;
	vertical-align: middle; 
	line-height: 15px;
	margin-bottom: 2px;
}

.buttonBackground:hover {
	background-color: #7c9ce1;
	border: 3px solid #7c9ce1;
}

.buttonBackgroundDisabled {
	opacity: 0.4;
}

.buttonBackgroundSubmitted {
	opacity: 0.7;
}


.buttonBackgroundSM.buttonActive {
	color: #ffff00;
}

.buttonBackgroundSM {
	position: relative;
	margin-right:6px;
	background-color: #6a7cc0;
	border: 3px solid #6a7cc0;
	color: #ffffff;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0px 5px 0px 5px;
	font-family: sans-serif; 
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	border-top-right-radius: 6px;
	border-top-left-radius: 6px; 
}

@media only screen and (max-width: 499px) {
	.buttonBackgroundSM { 
			width: 120px;
			min-height: 36px;
			font-size: 14px;
			line-height: 28px;
	}
}

@media only screen and (min-width: 500px) {
	.buttonBackgroundSM { 
			width: 170px;
			min-height: 40px;
			font-size: 17px;
			line-height: 34px;
	}
}
.buttonBackgroundSM span {
	display: inline-block;
	vertical-align: middle; 
	line-height: 15px;
	margin-bottom: 2px;
}

.buttonBackgroundSM:hover {
	background-color: #7c9ce1;
	border: 3px solid #7c9ce1;
}

.buttonBackgroundSM span.buttonDateDisp {
	display: inline;
	font-size: 12px;
}

.buttonBackgroundSM div.buttonUnreadDisp {
	position: absolute;
	top: -10px;
	left: -10px;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding: 0px 5px 0px 5px;
	line-height: 16px;
	border: 1px solid #fa8c14;
	background-color: #fa8c14;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-topleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px; 
	border-top-right-radius: 9px;
	border-top-left-radius: 9px; 
}

.unread_bubble {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding: 0px 5px 0px 5px;
	line-height: 16px;
	border: 1px solid #fa8c14;
	background-color: #fa8c14;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-topleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px; 
	border-top-right-radius: 9px;
	border-top-left-radius: 9px; 
	margin-right: 5px;
	color: #ffffff;
	vertical-align: top;
	margin-top: 3px;
	cursor: pointer;
}

.portlet_sign_bubble {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding: 0px 5px 0px 5px;
	line-height: 16px;
	border: 1px solid #ff0000;
	background-color: #ff0000;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-topleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px; 
	border-top-right-radius: 9px;
	border-top-left-radius: 9px; 
	margin-right: 5px;
	color: #ffffff;
	vertical-align: top;
	margin-top: 3px;
	cursor: pointer;
}

#headerNotification {
	display: none;
}

#headerMail {
	position: relative;
}

#headerAlertBar {
		text-align: center;
		background-color: #ff0000;
		color: #ffffff;
		padding: 10px;
		clear: both;
		margin: 0px 0px 0px 0px;
		font-weight:bold;
}

#visitAlertBar {
		text-align: center;
		background-color: #fbaf5d;
		color: #000;
		padding: 2px;
		clear: both;
		margin: 0px 0px 0px 0px;
		font-weight:bold;
}

#trackingAlertBar {
		text-align: center;
		background-color: #fbaf5d;
		color: #000;
		padding: 2px;
		clear: both;
		margin: 0px 0px 0px 0px;
		font-weight:bold;
}

#messagesUnreadDisp {
	position: absolute;
	top: 6px;
	left: -14px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 18px;
	padding: 0px 5px 0px 5px;
	line-height: 16px;
	border: 1px solid #fa8c14;
	background-color: #fa8c14;
	-webkit-border-bottom-right-radius: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-bottomright: 9px;
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-topright: 9px;
	-moz-border-radius-topleft: 9px;
	border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px; 
	border-top-right-radius: 9px;
	border-top-left-radius: 9px; 
}

.DTFC_LeftBodyLiner{overflow-x:hidden !important;}

.innerPortletDiv {
	padding-right: 2px;
	xoverflow-x: auto;
}

.innerPortletDiv table.dataTable{
    margin: 0px 0px 0px 0px !important;
    border: none;
}

.portletLink {
	color: #304dbc;
	cursor: pointer;
}

#dashboardCustomerLogo {
	text-align: right;
	max-width: 200px;
	margin: 0px 0px 0px auto;
}

#dashboardCustomerLogo img {
	max-height: 50px;
	margin: 10px 0px 0px 0px;
}

#loginCustomerLogo {
	text-align: center;
  max-width: 600px;
  margin: 0px auto;
}

#loginCustomerLogo img {
	max-height: 100px;
}

#dashboardUserDate {
	text-align: right;
	font-size: 12px;
}

#dashboardUserTop {
	min-height:100px;
	background-color:#f2f9fd;
	padding:10px 15px 10px 120px;
	position:relative;
}

#dashboardUserName {
	text-align:right;
	font-weight:bold;
	font-size:18px;
}

#dashboardUserLastLogin {
	text-align: right;
	font-weight:normal;
	font-size:12px;
}

#dashboardUserImage, #UserProfileImage {
	background-color: #ffffff;
	width:100px;
	position:absolute;
	top:-15px;
	left:5px;
	height:100px;
	border: 3px solid #6a7cc0;
	border-radius: 50%;
}

#dashboardUserBottom {
	background-color:#6a7cc0;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#dashboardStudents, #dashboardTrackables, #dashboardPrograms {
	cursor: pointer;
	min-height:50px;
	text-align:center;
	color:#f2f9fd;
	font-size:12px;
	padding:8px 0px 8px 0px;
}

#dashboardStudents {
 	border-right:1px solid #f2f9fd;
}

#dashboardTrackables {
 	border-right:1px solid #f2f9fd;
}

#dashboardPrograms {
}

.notfications_content {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	padding: 15px 15px 15px 15px;
	color: #6a7cc0;
	background-color:#f2f9fd;
}

.student_block {
	margin-bottom: 30px;
	border: 5px solid #6a7cc0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.student_block_header_bar {
	background-color: #e1e5f2;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	padding:3px 8px 3px 8px;
	text-align: center;
}

.student_block_header_title {
	font-weight: bold;
	color: #6a7cc0;
}	

.student_block_header_icon {
	float: right;
	font-size: 14px;
  line-height: 25px;
  font-weight: bold;
  color: #6a7cc0;
}

.student_block_header_icon .trackingMsg {
	display: inline;
  font-size: 25px;
  line-height: 25px;
  vertical-align: middle;
  font-weight: normal;
  color: #000000;
  cursor: pointer;
}

.student_block_content {
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	min-height:90px;
	background-color:#f2f9fd;
	padding:10px 15px 10px 5px;
	position:relative;
}

.StudentBlockGrade {
	text-align:left;
	font-weight:normal;
	font-size:12px;
}

.StudentBlockClasses, .StudentBlockPrograms, .StudentBlockTrackables {
	text-align:right;
	font-weight:normal;
	font-size:12px;
}

.StudentBlockImage {
	background-color: #ffffff;
	width:100px;
	position:absolute;
	top:-20px;
	left:15px;
	height:100px;
	border: 3px solid #6a7cc0;
	border-radius: 50%;
}

#studentViewUserBlockShort {
	margin-bottom:30px;
}

#studentViewUserDate {
	text-align: right;
	font-size: 12px;
}

#studentViewUserTop {
	min-height:100px;
	background-color:#f2f9fd;
	padding:10px 15px 10px 5px;
	position:relative;
}

#studentViewUserDispName {
	text-align:right;
	font-weight:bold;
	font-size:30px;
	padding-left:110px;
}

#studentViewUserName, #studentViewUserGrade, #studentViewUserSupervisor {
	text-align: right;
	font-weight:normal;
	font-size:12px;
}

#studentViewBlockTitle {
	text-align: center;
	font-weight:bold;
	font-size:18px;
	margin-top:10px;
}

#studentViewUserImage, #studentProfileImage, .studentOtherImage {
	background-color: #ffffff;
	width:100px;
	position:absolute;
	top:-15px;
	left:5px;
	height:100px;
	border: 3px solid #6a7cc0;
	border-radius: 50%;
}

#studentViewDisciplines {
	background-color:#6a7cc0;
	border-bottom: 1px solid #f2f9fd;
}

.studentViewDiscipline {
	display:inline-block;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	margin: 2px 0px 2px 0px;
}

.studentViewDiscipline {
	display:inline-block;
	text-align:center;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.studentViewDiscipline a {
	font-size: 18px;
	color: #e1e5f2;
}

.studentViewDiscipline.studentViewDisciplineSelected {
	font-size: 20px;
	color: #ffffff;
}

.studentViewDiscipline:not(:first-child) {
	border-left: 1px solid #f2f9fd;
}

.studentViewTestStudent, .studentViewPendingStudent {
	width:100%;
	background-color:#ffabab;
	display:inline-block;
	text-align:center;
	font-size: 18px;
	font-weight: bold;
	padding:5px;
	color: #000000;
	margin: 0px 0px 0px 0px;
}

#studentViewBillingStatus {
	cursor: pointer;
}

#studentViewBillingStatusInfo {
	width:100%;
	background-color:#ffabab;
	display:inline-block;
	text-align:left;
	padding:5px 15px 0px 15px;
	color: #000000;
	margin: 0px 0px 0px 0px;
}

#studentViewUserBottom {
	background-color:#6a7cc0;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

#studentViewClasses, #studentViewTrackables, #studentViewPrograms {
	xcursor: pointer;
	min-height:50px;
	text-align:center;
	color:#f2f9fd;
	font-size:12px;
	padding:8px 0px 8px 0px;
}

#studentViewClasses {
 	border-right:1px solid #f2f9fd;
}

#studentViewTrackables {
 	border-right:1px solid #f2f9fd;
}

#studentViewPrograms {
}


.studentTitleBlock {
	margin-bottom:30px;
	text-align:right;
}

.studentTitleBlockHeader {
		font-size: 50px;
		margin: -5px 0px 0px 20px;
		font-family: 'Rum-Raisin', Helvetica, sans-serif;
  	color: #3e3e3e;
  	text-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}

@media only screen and (max-width: 664px) {
	.studentTitleBlockHeader { 
		font-size: 36px;
	}
}

@media only screen and (min-width: 665px) {
	.studentTitleBlockHeader { 
		font-size: 50px;
	}
}

.studentTitleBlockHelpIcon {
	margin-left: 10px;
	font-size: 28px;
}

.studentTitleBlockHelp {
	display: none;
	margin-bottom:10px;
	text-align:left;
	float: right;
}

.studentTitleBlockContent {
	clear: both;
	text-align:left;
	float: right;
}


.studentInfoBlock {
	margin-bottom:30px;
}

.studentInfoBlockHeader {
	color:#ffffff;
	background-color:#6a7cc0;
	padding:5px 10px 5px 10px;
	font-size:18px;
	font-weight:bold;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

.studentInfoBlockInner {
	margin-bottom:30px;
	background-color:#ffffff;
	padding:10px;
	border:1px solid #6a7cc0;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.studentInfoBlockInnerTitle {
	color:#000000;
	font-size:22px;
	font-weight:bold;
}

.studentInfoBlockInnerContent {
}

.reportContainer {
	padding: 15px 15px 15px 15px;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 8px;
  xline-height: normal;
  overflow-x: auto;
}

.pdfContainer div {
  line-height: normal;
}

p {
	    margin: 0px;
			font-size: inherit;
			line-height: inherit;	    
}

#comments_outer_div {
	border-bottom: 1px solid #dedede;
	max-height: 255px;
	overflow-y: scroll;
}

.comment_div {
	xmargin-top: 3px;
	margin-bottom: 3px;
	background-color: #eeeeee;
}

.comment_div.comment_selected {
	background-color: #ffffcc;
}

.comment-container {
	padding:5px 10px 5px 10px;
}

.comment_reply, .comment_archive {
	cursor: pointer;
}

#commentForm .textarea, #commentForm textarea {
	margin: 0px;
}



.ui-button, .ui-button-disabled,
button.disabled, button[disabled], .button.disabled, .button[disabled] {
    color: #ffffff;
		background-color: #6a7cc0;
    border: 1px solid #6a7cc0;
}

.ui-button:hover {
    color: #ffffff;
		background-color: #7c9ce1;
		border: 1px solid #7c9ce1;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: #e5e5e5;
    right: 0.5em;
}

.ui-dialog-titlebar {
    color: #ffffff;
		background-color: #6a7cc0;
		xcolor: #6a7cc0;
		xbackground-color: #e1e5f2;
}

.ui-dialog.ui-widget-content {
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.75);
}


.dailyCommentCategory {
	font-weight: bold;
}

.trackingStudentImage {
	cursor: pointer;
}

/*
@media only screen and (max-width: 664px) {
	#contentBoxMain {
		padding-left: 0px;
		padding-right: 0px;
	}
}
*/

.pdfHeaderBar {
	clear:both;color: #ffffff !important; 
	background-color: #4068b3 !important;
	padding:5px 10px 5px 10px;
	margin-bottom: 10px;
	font-weight:bold;
}


.student_self_eval_answer_yes, .student_self_eval_answer_no, .student_self_eval_answer_na, .student_self_eval_answer_partial,
.student_self_eval_para_agree_yes, .student_self_eval_para_agree_no {
	display: inline-block;
	width: 70px;
	height: 40px;
	font-weight: bold;
	font-size: 16px;
	margin: 5px 10px 5px 10px;
	background-color: #dddddd;
	color: #ffffff;
	text-align: center;
	xline-height: 40px;
	cursor: pointer;
	border: 2px solid #dddddd;
	padding-top: 9px;
}

.student_self_eval_answer_always, .student_self_eval_answer_sometimes, .student_self_eval_answer_never {
	display: inline-block;
	width: 90px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 5px 5px 5px;
	background-color: #dddddd;
	color: #ffffff;
	text-align: center;
	xline-height: 40px;
	cursor: pointer;
	border: 2px solid #dddddd;
	padding-top: 9px;
}

.student_self_eval_answer_likertA, .student_self_eval_answer_likertU, .student_self_eval_answer_likertD {
	display: inline-block;
	width: 90px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 5px 5px 5px;
	background-color: #dddddd;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	border: 2px solid #dddddd;
	padding-top: 9px;
	vertical-align: middle;
}

.student_self_eval_answer_likertSA, .student_self_eval_answer_likertSD {
	display: inline-block;
	width: 90px;
	height: 40px;
	font-weight: bold;
	font-size: 14px;
	margin: 5px 5px 5px 5px;
	background-color: #dddddd;
	color: #ffffff;
	text-align: center;
	cursor: pointer;
	border: 2px solid #dddddd;
	padding-top: 0px;
	vertical-align: middle;
}

.student_self_eval_answer_frown, .student_self_eval_answer_meh, .student_self_eval_answer_smile {
	display: inline-block;
	width: 70px;
	height: 40px;
	font-weight: bold;
	font-size: 36px;
	margin: 5px 10px 5px 10px;
	background-color: #dddddd;
	color: #ffffff;
	text-align: center;
	xline-height: 40px;
	cursor: pointer;
	border: 2px solid #dddddd;
}

.student_self_eval_answer_scale {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-weight: bold;
	font-size: 20px;
	margin: 5px 5px 5px 5px;
	background-color: #dddddd;
	color: #ffffff;
	text-align: center;
	xline-height: 40px;
	cursor: pointer;
	border: 2px solid #dddddd;
	padding-top: 9px;
}

.student_self_eval_answer_selected,
.student_self_eval_para_agree_selected {
	background-color: #8ce196;		
	color: #ffffff;
	border: 2px solid #8ce196;
}



.button_trackingAddStudentClass,
.button_trackingAddStudentSession {
	cursor: pointer;
}

.dataTables_scrollHead {
	background-color: #F5F5F5;
}

.student_class_note,.student_program_note, .studentViewNoteIcon, .studentViewAlertIcon {
	cursor: pointer;
}

.highlighted {
	color: #ff0000;
}

.studentViewNoteIcon {
	float: right;
	margin-right: 10px;
}

#studentViewNote {
		max-height: 200px;
		overflow: auto;
		background-color: #ffabab;
		padding: 5px 10px 5px 10px;
		clear: both;
		margin: 10px 0px 0px 0px;
		xcolor: #ffffff;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-topleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px; 
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; 
}

.studentViewAlertIcon {
	float: right;
	margin-right: 10px;
}

#studentViewAlert {
		xmax-height: 200px;
		overflow: auto;
		background-color: #ffff00;
		padding: 5px 10px 5px 10px;
		clear: both;
		margin: 0px 0px 10px 0px;
		xcolor: #ffffff;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-topleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px; 
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; 
}

#tabs_tracking #studentViewAlert ul {
    background-color: #ffff00;
    line-height: 1.6;
    padding: 0px;
    border: 0px;
}

#tabs_tracking #studentViewAlert li {
    margin: 0px;
    line-height: 1.6;
}

.borderred {border: 1px solid #ff0000;}
.borderblue {border: 1px solid #0000ff;}
.bordergreen {border: 1px solid #00ff00;}
.borderyellow {border: 1px solid yellow;}
.bordergray {border: 1px solid #efefef;}
.borderblack {border: 1px solid #000000;}

.footerLink {margin-bottom: 10px;}
.footerLink A:link { color:#ffffff; text-decoration: none; } 
.footerLink A:visited  { color:#ffffff; text-decoration: none; }  
.footerLink A:hover  { color:#ffffff; text-decoration: underline; } 
			
#offlineTracking, #activityWithoutDailyNote, .warningBox {
		text-align: left;
		line-height: 1.75em;
		background-color: #fa8b1b;
		color: #ffffff;
		padding: 10px;
		clear: both;
		margin: 0px 0px 10px 0px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-topleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px; 
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; 
}

#waitingToBeSigned {
		text-align: left;
		line-height: 1.5em;
		background-color: #ff0000;
		color: #ffffff;
		padding: 10px 20px 10px 20px;
		clear: both;
		margin: 0px 0px 20px 0px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-top-left-radius: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-topleft: 6px;
		border-bottom-right-radius: 6px;
		border-bottom-left-radius: 6px; 
		border-top-right-radius: 6px;
		border-top-left-radius: 6px; 
}

.waitingToBeSignedItem {
	margin-left:40px;
	cursor: pointer;
}
.waitingToBeSignedItem:hover {
	text-decoration: underline;
}

.chartContainerStyle {
		min-width: 310px; 
		height: 401px; 
		margin: 0 auto
}

tr.audit.even td {
	background: rgba(255, 235, 76, .1);
}

table.dataTable.display tbody tr.even.audit > .sorting_1,
table.dataTable.display tbody tr.even.audit > .sorting_2,
table.dataTable.display tbody tr.even.audit > .sorting_3 {
	background: rgba(255, 235, 76, .15);
}

tr.audit.odd td {
	background: rgba(255, 235, 76, .15);
}

table.dataTable.display tbody tr.odd.audit > .sorting_1,
table.dataTable.display tbody tr.odd.audit > .sorting_2,
table.dataTable.display tbody tr.odd.audit > .sorting_3 {
	background: rgba(255, 235, 76, .2);
}

.audit_cell div {
	font-size: 12px;
	margin: 3px 0px 3px 0px;
	white-space: nowrap;
}

tr.mastered.even td {
	background: rgba(51, 170, 51, .1);
}

table.dataTable.display tbody tr.even.mastered > .sorting_1,
table.dataTable.display tbody tr.even.mastered > .sorting_2,
table.dataTable.display tbody tr.even.mastered > .sorting_3 {
	background: rgba(51, 170, 51, .15);
}

tr.mastered.odd td {
	background: rgba(51, 170, 51, .15);
}

table.dataTable.display tbody tr.odd.mastered > .sorting_1,
table.dataTable.display tbody tr.odd.mastered > .sorting_2,
table.dataTable.display tbody tr.odd.mastered > .sorting_3 {
	background: rgba(51, 170, 51, .2);
}


table.displayAltCol thead tr th:nth-child(even),
table.displayAltCol tbody tr td:nth-child(even) {
	background: rgba(200, 200, 200, .2);
}

table.displayAltCol tbody tr.mastered td:nth-child(even) {
	background: rgba(51, 170, 51, .2);
}


input:not([type]).mce-textbox {
    width: inherit;
    display: inline-block;
}


::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

select[multiple] {
    background-image: none;
    cursor: pointer;
}


.authUserRadioLabel {
		clear:both;
		display:inline-block;
		width:210px;
		vertical-align: top;
		padding-top: 8px;
		font-size: 16px;
}

.authUserRadio {
     list-style-type:none;
     margin:0px 0 0 0;
     padding:0;
     display: inline-block;
}

.authUserRadio li {
	   float:left;
	   margin:0 5px 0 0;
	   width:80px;
	   height:40px;
	   position:relative;
}

.authUserRadio label, .authUserRadio input {
    display:block;
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.authUserRadio input[type="radio"] {
    opacity:0.011;
    z-index:100;
}

.authUserRadio input[type="radio"]:checked + label {
    xbackground:yellow;
		background-color: #8ce196;
		xcolor: #ffffff;
		border: 2px solid #666666;
}

.authUserRadio label {
    text-align: center;
		xline-height: 30px;
		font-size: 12px;
		font-weight: bold;
    padding:10px 2px 2px 2px;
     xborder:1px solid #CCC; 
     cursor:pointer;
    z-index:90;
    margin: 0px;
    background-color: #dddddd;
		border: 2px solid #dddddd;
}

.authUserRadio input[type="radio"] + label {
		margin: 0px;
}

.authUserRadio label:hover {
     background:#999999;
}

.notesAuditComplete {
	background: rgba(51, 170, 51, .1);
}

.notesAuditPending {
	background: rgba(255, 255, 0, .1);
}

.notesAuditSubmitted {
	background: rgba(255, 255, 0, .1);
}

.notesAuditRejected {
	background: rgba(255, 255, 0, .1);
}

.notesAuditMissing {
	background: rgba(255, 0, 0, .1);
}

.notesAuditStat {
	padding-left:15px;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	white-space: nowrap;
}
	
.buttonBackgroundTracking {
	margin:2px;
	background-color: #929292;
	border: 2px solid #929292;
	color: #ffffff;
	cursor: pointer;
	box-sizing: border-box;
	padding: 0px 2px 0px 2px;
	font-family: sans-serif; 
	font-weight: bold;
	xtext-transform: uppercase;
	display: inline-block;
	text-align: center;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	border-top-right-radius: 6px;
	border-top-left-radius: 6px; 
}

@media only screen and (max-width: 499px) {
	.buttonBackgroundTracking { 
			width: 80px;
			min-height: 36px;
			font-size: 14px;
			line-height: 28px;
	}
}

@media only screen and (min-width: 500px) {
	.buttonBackgroundTracking { 
			width: 80px;
			min-height: 40px;
			font-size: 14px;
			line-height: 36px;
	}
}
.buttonBackgroundTracking span {
	display: inline-block;
	vertical-align: middle; 
	line-height: 15px;
	margin-bottom: 2px;
}

.buttonBackgroundTracking:hover {
	background-color: #4B4B4B;
	border: 2px solid #4B4B4B;
}

#scheduler_event_launch_day_hours_calc,
#add_student_session_day_hours_calc {
		cursor: pointer;
	}

fieldset:disabled {
	opacity: 0.6;
}

button.buttons-csv {
  margin: 4px;
}

.highcharts-data-table {
	cursor: pointer;
}

#context-menu {
  display: none;
  position: absolute;
}

#close-context-menu {
	cursor: pointer;
}

#day_time_details_disp table tr th, #day_time_details_disp table tr td {
	text-align: center;
}