@charset "utf-8";

/* --- Template --- (*/
#footer {
	position: fixed;
	bottom: 0;
    width: 100%;
    margin-bottom: 0;
	padding: 10px;
    background-color: #0000ff;
	margin-top: 15px;
	z-index: 10;
	text-align: center;
	border-top: 1px solid rgba(41, 43, 103, 0.28);
}
#footer a{ color: #92aadc; }
#footer a:hover{ color: #b7c7e8; }
.termsofUseLink:hover { cursor:pointer; }

#template-header {
	background: url("../images/SACA/saca_background.png") no-repeat center;
	background-size: cover;
}
#template-header .orgName {
	margin-top: 50px;
	font-size: 25px;
	color: #FFF;
	text-shadow: 1.5px 1.5px 10px #000;
}

.ui.extended.text.container {
	max-width: 100% !important;
	width: 100% !important;
	padding: 15px;
	margin-bottom: 35px;
}
#top-nav.template-main {
	margin-top: 0;
}
#top-nav.computer.only.row.fixed>.column { padding: 0; }
#top-nav.template-main>.ui.template-main.menu {
	width: 100%;
}
#top-nav.template-main>.ui.template-main.menu>.ui.extended.text.container {
	margin-bottom: 0;
	padding: 5px;
}
#top-nav>.column>.ui.main.menu {
	margin-bottom: 0 !important;
	min-width: 100%;
}
#top-nav.computer.only.row.fixed{
	right: 0;
}

a:visited {
	color: #0000ff;
}

.monospace {
	font-family:monospace;
	font-size:13px;
	white-space:nowrap;
}

#date-divider { line-height:34px;padding:0 5px; }
.ui.calendar>.ui.input { min-width: 130px; }

.editTags {
	clear:both;
	display:block;
}

#actions {
	margin: 25px 0 0 0;
}

#actions a {
  color: #0000ff;
  float: right;
  line-height: 35px;
  margin-left: 10px;
}

.maintenance {
  background-position: -224px -220px !important;
}

.caution {
  background-position: -32px -28px !important;
}

#rememberMeLabel {
	float: left;
	line-height: 35px;
	margin-left: 10px;
}

/* --- Used to make elements appear as links --- */
.link {
	color: #0000ff;
	cursor: pointer;
}

.AcknowledgeOuterDiv {
  float: left;
  width: 100%;
  height: 300px;
  overflow: auto;
}

.AcknowledgeInnerDiv {
  float: left;
}

/* --- Header for content --- */

.bgHeader {
	position:relative;
	height: 140px;
	background: url("../images/SACA/saca_background.png") no-repeat center;
	background-size: cover;
	text-align: right;
	width: 100%;
	overflow:hidden;
}

#headerGraphic {
	height: 154px;
}

.templateHeader, .templateFooter {
	background-color: #0000ff;
}

.templateHeader p, .templateFooter p {
	color: #FFF;
}

.templateFooter a, .templateFooter p a {
	color: #92aadc;
}

#systemMessage {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 12px;
	position:absolute;
	top: 5px;
	right: 40%;
	z-index: 1001;
}

#scheduledMaintenanceModal { z-index: 1002; }
#systemMessage .systemMessageContainer {
	margin-left: auto;
	margin-right: auto;
	width: 300px;
	max-width: 300px;
	left: 50%;
	top: 10px;
	border: 1px dotted #A81411;
}

.systemMessageHeader {
	padding: 5px;
	text-align: center;
	color: #E7E70C;
	font-weight: bold;
	max-width: 300px;
	background-color: #A81411;
}

.systemMessageHeader div.toggle {
	float:right;
	width:17px;
	height: 17px;
	cursor: pointer;
}

.systemMessageText {
	padding: 5px;
	max-width: 300px;
	background-color: #D9F0FF;
}

.systemMessageHeader div.toggleShow {
	background: url('../images/icons/plus_yellow.png') no-repeat center;
}

.systemMessageHeader div.toggleHide {
	background: url('../images/icons/minus.png') no-repeat center;
}

.bgHeader div#rightHeader span, .bgHeader div.rightHeader span, .bgHeader div#rightHeader div, .bgHeader div.rightHeader div {
	display:table-cell;
	vertical-align:middle;
	height: 100px;
	padding-left: 10px;
}

#headerGraphic .grid {
    height: 107px;
	line-height: 3em;
}

.bgHeader div#leftHeader {
    text-align: left;
	  padding-left: 40px;
}

#leftHeader img {
    max-height: 250px;
    max-width: 275px;
    width: auto;
    height: auto;
}

.bgHeader div#rightHeader img, .bgHeader div.rightHeader img {
	/*max-height: 100%;*/
	max-height: 93px;
}

.bgHeader #orgName, .bgHeader .orgName {
	position:absolute;
	left: 350px;
	text-align: right;
	margin-top: 50px;
	font-size: 25px;
	color: #FFF;
	text-shadow: 1.5px 1.5px 10px #000;
}

/* --- Tutorials/YouTube Videos --- */
.youtube-embed {
    position: relative;
    padding-bottom: 56%;
    width: 100%;
	z-index: 1;
    border-radius: 6px;
    overflow: hidden;
}
.youtube-embed iframe {
    width: 100%;
    position: absolute;
    height: 100%;
    overflow: hidden;
}
.youtube-embed .video-overlay {
    width: 100%;
    height: 100%;
    background-color: #333;
    z-index: 1;
	position: absolute;
	font-family: Icons;
	color: #FFF;
	font-size: 2em;
    text-align: center;
}
.youtube-embed .video-overlay .vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
}
.youtube-embed .video-overlay .vertical-center-container {
	position: relative;
    height: 100%;
    text-align: center;
}

/* --- Center images --- */
.wraptocenter {
	/* display: table-cell; */
  display: inline;
  vertical-align: middle;
}

.wraptocenter * {
  vertical-align: middle;
}

.wraptocenter span {
  display: inline-block;
  height: 100%;
}

#leftHeader .wraptocenter {
	height: 100px;
	padding-left: 10px;
}

/* --- Top Navigation --- */

#topNav {
	/*background: #CCC url('../images/header/gray_bar_gradient.jpg') repeat;*/
	height: 40px;
	position: absolute;
	bottom: 7.5px;
	width: 100%;
	/*border-bottom:1px solid #CCC;*/
}

.navTint {
	background-color: rgba(0,0,255,.75);
	background-blend-mode: multiply;
}

#welcomeMessage {
	padding: 10px 20px;
	float: left;
	color: #fff;
}

#welcomeMessage span {
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}

#welcomeMessage span#username {
    color: #fff;
}

#topNavLinks {
	padding: 12px;
	float: right;
	font-size: 12px;
	color: #fff;
}

#topNavLinks a {
	color: #fff;
}

#topNavLinks a:visited {
	color: #fff;
}

#topNavLinks a:hover {
	color: #ccccff;
}

#stopGhostingBtn {
	color: #0000ff;
	font-weight:bold;
}

#topsection {
	background: #EAEAEA;
	height: 90px; /*Height of top section*/
}

#topsection h1 {
	margin: 0;
	padding-top: 15px;
}

#contentwrapper {
	float: left;
	width: 100%;
}

#maincontainer {
	min-height: 100%;
}

#contentcolumn {
	margin-left: 182px; /*Set left margin to Navigation width*/
	/*min-width: 800px;*/
	min-height: 400px;
	padding-bottom: 44px;
	border-left: 1px solid #999;
}

#contentcolumn.helpFile {
	margin-left: 100px;
	min-width: 100px;
	height: 100%;
}

#contentcolumn.helpFile .innerDiv {
	height: 540px;
	max-height: 540px;
	width: 98%;
	overflow: scroll;
}

#navigation.helpFile {
	width: 100px;
}


#navigation {
	float: left;
	width: 181px; /*Width of left column*/
	margin-left: -100%;
	background-repeat:repeat-y;
}


.innerDiv {
	margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.innerDiv p {
	line-height: 20px;
}

#navigation .active {
	font-weight: bold;
	text-decoration: underline;
	color: #0000ff;
}

#navigation .activeQuestion {
	font-weight: bold;
	color: #000;
}

#navigation a:visited .active {
	color: #0000ff;
}

#navigation a:hover {
	text-decoration: underline;
	color: #0000ff;
}

/* --- System Requirements Style --- */

.pass_system_req {
	background: url('../images/icons/checkmark_small.png') no-repeat left;
}

.pass_system_req_large {
	background: url('../images/icons/checkmark_large.png') no-repeat left;
}

.fail_system_req_large {
	background: url('../images/icons/xmark_large.png') no-repeat left;
}

.fail_system_req {
	background: url('../images/icons/xmark_small.png') no-repeat left;
}

.unknown_system_req {
	background: url('../images/icons/qmark_small.png') no-repeat left;
}

.future_system_req {
	background: url('../images/icons/caution_small.png') no-repeat left;
}

form.loginform {
	float: left;
}

.newUserLinkDiv {
	float: left;
	line-height:2em;
	margin-left: 20px;
}

.noBorder {
	border: 0;
}

form legend {
	font-weight: bold;
	font-size: 1.2em;
	padding: 5px;
	color: #000;
}

form label.floatingFormLabel {
	font-weight: bold;
	font-size: 1.2em;
	min-width: 80px;
	margin: 8px;
	float: left;
	clear: both;
	line-height: 1.5em;
}

.textInput {
	margin: 8px;
	float: left;
	width: 150px;
	border: 1px solid #666;
	vertical-align: middle;
}

.customTagText {
	float: none;
}

.smallSelect {
	margin: 8px;
	width: 60px;
	border: 1px solid #666;
	vertical-align: middle;
}

.labelText {
	float:left;
	clear:none;
	margin-top: 10px;
}

.long {
	width: 300px;
}

form .btn {
	cursor: pointer;
	margin-left: 103px;
	margin-top: 5px;
}

.submitBtn {
	float: left;
	display: inline; /*For ignore double margin in IE6*/
 	color: #0d5f83;
	clear: both;
}

.loginform .submitBtn {
	margin-left: 103px;
}

form .wideForm label {
	width: 100px;
}

form .wideForm .submitBtn {
	margin-left: 123px;
}

.help {
	cursor: help;
}
.clickable {
	cursor: pointer;
}

/* --- Certification list --- */
.competency { margin-left: 25px; padding-left: 9.4em; text-indent: -9.4em;}
.certification {
	transition-duration: 0.25s;
	margin: 25px 0;
}
.certification, #certSearchContainer { max-width: 600px; }
.certification .displayCourseBtn { min-width: 155px; }
.certification.certInGroupByCert { margin-left:15px; }
.certification>.ui.top.attached.header {
	transition-duration: 0.25s;
	background-color: #0000ff;
	color: white;
}
.certification.pass>.ui.top.attached.header {
	background-color: #21ba45;
}
.certification.fail>.ui.top.attached.header {
	background-color: #db2828;
}
.certification.pilotCert>.ui.top.attached.header {
	background-color: #0040ff;
}
.certification:hover>.ui.top.attached.header {
	background-color: #0040ff;
}
.certification>.ui.top.attached.header>.certTitle {
	width: calc(100% - 35px);
    display: inline-block;
}
.certification.selected:hover {
	margin-left: 20px;
}
.certification>.ui.bottom.attached.header {
	/*background-color: #e8e8e8;*/
}
.certification .userScore.ui.label {
	margin-right: 15px;
}
.certification .ui.one.column.grid .userScore.ui.label {
	margin-left: -50px;
}
.certification .userScore.ui.label>.icon {
	margin: 0;
}
.certification .ui.one.column.grid>.column.userResult {
	margin-left: 50px!important;
}
.certification .userResult.pass {
	color: #21ba45;
}
.certification .userResult.fail {
	color: #db2828;
}
.certification .userResult.not-scored {
	color: #f2711c;
}
.certification .cert-description {
	margin-bottom: 5px;
}
.certification .pilot-cert {
	float:right;
}
.certification .earnedCredentialButtons {
	text-align: center;
}
.certification .earnedCredentialButtons>.verbiage {
	margin-left: 25px;
}
.sponsor { margin-left: 15px; }
.sponsor img { margin-right: 5px; }

/* --- Certification list search form --- */
#certSearchFormDiv {
	display:none;
	padding:3px;
	margin-bottom:15px;
	overflow:auto;
}

.certGroupedByUnit .contentTOC, .certGroupedByUnit .contentQuiz {
	margin-left:30px;
}

.contentQuiz {
	border:#3dbc43 thin solid;
	background:#F5FFF5;
}

div.llCategory, .addNewCategory {
	cursor:pointer;
	margin-left:20px;
	display:none;
	margin-bottom: 5px;
}

div.course {
	margin-bottom: 5px;
}

.addNewCourse , .addNewCategory, .sortCourses {
	color:#93C9FF;
	font-style:italic;
	cursor:pointer;
}

.addNewCourse, .sortCourses {
	display: inline-block;
}

div.llTitle {
	cursor:pointer;
	margin-bottom: 5px;
}

span.expandControl {
	margin-right:5px;
}

tr.groupByUnit {
	display:none;
}

tr.groupByUnit td.contentNameCell {
	padding-left: 20px;
}

div.certList, table.certList {
	margin-left: 40px;
}

div.no_category, table.no_category {
	margin-left: 20px;
}

.indentSecondLineWrapper {
	margin-left:200px;
}

.indentSecondLine {
	text-indent:-200px;
}

div.learningLibrary .certList {
	display:none;
}

.contentName, .contentTitle {
	color: #0000ff;
	margin-left:5px;
	display:inline;
}

.contentTitleWithTOC {
	cursor:pointer;
}

.lockCourse {
	padding-right:1px;
	padding-left:1px;
}

.lockedCourse {
	cursor:default;
}

.customizationControl:hover {
	background-color:#CFF;
}

#removeCurrentCustomOrgLogo {
	margin: 10px 0 0 10px;
}

#screenCover {
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
}

#popOverDiv {
	background: #FFF;
	position: fixed;
	left: 10px;
	top: 10px;
	z-index: 2000;
	display: none;
	overflow:auto;
}

#popOverCloseButton {
	width: 26px;
	height: 30px;
	text-align:center;
	cursor:pointer;
	font-size:24px;
	font-weight:bold;
	color:#F00;
	background-color:#000;
	position: fixed;
	z-index: 2250;
	display:none;
}

.noDisplay,
.ui[class*="tablet stackable"].table .noDisplay,
.ui[class*="tablet stackable"].table tbody .noDisplay,
.ui[class*="tablet stackable"].table tr .noDisplay,
.ui[class*="tablet stackable"].table tr>td .noDisplay,
.ui[class*="tablet stackable"].table tr>th .noDisplay {
	display: none !important;
}

.hiddenEle {
	visibility: hidden;
}

.clear {
	clear: both;
}

.noClear {
	clear: none;
}

.closeBox {
	cursor: pointer;
	float:right;
}

/* ---- Help ---- */
.help-toc .item.indented { margin-left: 15px!important; }
#helpModal .scrolling { padding: 1px; padding-top: 0; } /* 0px was causing the overflow to display; setting overflow-x to hidden could fix but could possibly cause issues */
#helpModal .ui.container { width: auto; padding: 20px; max-height: calc(100vh - 13rem); overflow-y: scroll;}
#helpModal .ui.top.attached.menu { display: none; }
#helpModal>.content { padding: 0 1px 0 1px!important;}
.full.height > .help-toc {
    position: fixed;
    z-index: 1;
    width: 250px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.full.height > .help-toc > .ui.menu {
    border-radius: 0;
    border-width: 0 1px 0 0;
    box-shadow: none;
    margin: 0;
    width: inherit;
    overflow: hidden;
    will-change: transform;
	max-height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.full.height > .help-toc > .ui.menu .item .header>a {
    color: rgba(0,0,0,.87);
}
.article {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0px;
    /*margin-left: 250px;*/
		margin: 10px;
}
ul.help-toc {
	margin-left:15px
}

ul.help-toc li {
	list-style-type:disc;
	color:#000;
	margin-left:15px;
}

.ui.menu.help {
	margin: 0;
}

#helpMenu {
	max-height: calc(100vh - 13rem);
}
#helpContent {
	-webkit-transform: none;
	transform: none;
	margin-left: 255px;
}
#helpContent img.ui.image {
	width: auto;
	height: auto;
}
#helpModal .ui[class*="top attached"].menu { margin-top: 0; }
#helpModal .menu a { color: #000; }

/* ------------ */

#displaySearch {
	cursor: pointer;
	background-color: #FFF;
	margin-left: 10px;
	line-height:2em;
	margin-bottom: 10px;
}

#searchForm {
	clear:both;
	margin: 15px;
}

#resultsDiv {
	clear:both;
	margin: 15px;
}

.result {
	display: inline;
	clear:none;
	float:left;
}

.customTag {
	display: none;
	margin-right:2px;
}

/* --- Large header --- */

form h3 {
	color: #0000ff;
	font-size: 12px;
}

.btnDiv {
	padding: 5px;
	cursor: pointer;
	width: 100%;
}

.learningLibrary .approved {
	padding: 5px;
}

.tagMargin {
	margin-left: 8px;
}

.licenseContentListing p {
	font-size:12px;
}

.tagMessage {
	color: green;
	display: none;
	float: left;
	clear: none;
	padding-left: 10px;
}

.ui.form input.form-error, .ui.form select.form-error {
	background: #fff6f6!important;
	border-color: #e0b4b4 !important;
	color: #9f3a38 !important;
}
.warning-msg {
	color: #9f3a38 !important;
}

/* --- Quiz styles --- */
#currentQuestionHeaderText { margin-top: 0; width: 100%; }
#overviewQuestionTables { width: 100%; }
#questionOptions { margin-top: 25px; }
#questionsListQuestions .questionsListQuestion.flagged .flag.icon {
	position: absolute;
	right: 5px;
}
.answers {
	padding: 0px;
	margin: 0px;
}
.quizAnswers {
	padding-left: 0;
}
.answerFields .ui.radio.checkbox > label { white-space: pre-wrap; }
.answerFields .ui.radio.checkbox > input[type=radio]:checked ~ label {
	color: green;
}

#quizNavigation {height: 100%;}
#launchAssessmentModal .content.assessing { padding: 0; /*max-height: calc(100vh - 13rem);*/ height: 100%;}

#questionsList {
	text-align: center;
	height: 100%;
}

#questionsListTop {
	margin-bottom: 10px;
}
#quizRow {
	height: calc(90vh - 15rem);
}
#quizContent {
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#quizContent.sixteen.wide.column {
	-webkit-box-shadow: none;
	box-shadow: none;
}
#currentQuestionGrid {
	padding: 10px;
}
#questionsListQuestions {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	position: relative;

	/*max-height: calc(90vh - 15rem);*/
	height: 100%;
}

img.expandImage.ui.image {
	cursor:pointer;
}

.flagged.flag.icon { float: right; }
.currentQuestion, .totalQuestions {
	font-weight: bold;
	/*padding:5px;
	color: #0040ff;*/
}

#overviewQuestions .flagged:after {
	font-size: 1.3em;
}

#quizNavigation { padding: 0; }

#questionsList .activeQuestion {
  background-color: #0000ff;
  color: #fff;
}
.submitRequiredMsg {
	font-size: 1.28em;
  font-weight: 700;
	color: darkred;
}

#questionsListQuestions .answered {
  background-color: #21ba45;
}
#questionsListQuestions>.ui.menu {
	width: 100%;
}

.questionText {
	font-weight: bold;
	font-size: 120%;
}
#clockDisplay {
	font-size:120%;
	margin-left: 15%;
	clear:none;
	float:left;
	display: inline;
	text-align:center;
}
#quiz-error-msg ul li { list-style: disc inside none; }
.correctAnswer {
	color: #090;
}

.incorrectAnswer {
	color: #600;
}

.selectedAnswer {
	font-weight: bold;
}

.quizType {
	border:1px solid #009900;
	background-color:#E6FFE6;
	padding:5px;
	font-weight:bold;
	text-align:center;
	border-radius: 4px;
}

#equation_select_div {
	margin-top: 10px;
}

#show_equation_div {
	margin-top: 10px;
}

.certIcon {
	height:14px;
	display:inline;
	margin-bottom: -2px;
	cursor:pointer;
}

#suborgListContainer {
	margin:5px;
}

#suborgHeader, .suborgHeader {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
}

.suborgOrgChildren {
	margin-left: 22px;
	display:none;
}

.suborgOrgChildrenFirst {
	margin-left: 0px;
	display:block;
}

.suborgOrgName {
	margin-bottom:5px;
	font-size:14px;
}

.suborgExpandControl, .suborgExpandControlPlaceholder {
	font-size: 1.2em;
	/*color: #4a8c8a;*/
}

.suborgExpandControlPlaceholder {
	margin-left: 14px;
}

.suborgExpandControl {
	cursor:pointer;
}

#suborgChangeOrgButton { background-color: rgba(0,0,0,.05)!important; font-weight: bold !important; color: #0000ff !important; }

div.expired {
	background-color:#FFB0B0;
}

div.closeToExpired {
	background-color:#FFFFA6;
}

div.editInPlace_editable, .editInPlace_editable {
	background-color:#ffc;
}

#send_code_emails_confirm {
	float: left;
	margin-left: 15px;
}

.notEmail {
	background-color: #FF9;
	color: red;
	font-weight: bold;
}

.errorText {
	color: red;
}

.errorTextBox {
	border: 1px solid red;
	padding: 10px;
	border-radius: 5px;
	background-color: #f1f1f1;
	font-size: 13px;
	font-weight: bold;
}

tr.Inactive td {
	font-weight: normal !important;
	font-style: italic;
	background-color: #F9F9F9 !important;
	color: #666;
}
tr.Deleted td, tr.Deleted td a{
	font-weight: normal !important;
	font-style: italic;
	background-color: #F9F9F9 !important;
	color: #b16f6f;
}

tr.base-org td {
	background-color: #e6e6e6 !important;
}

/* --- jQuery UI adjustments --- */

.radioSet {
	font-size: 1.2em;
	padding: 10px;
}

#hideChangeMessageType {
	display: none;
}

.welcomeMessageContainer {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
}
.welcomeMessageContainer h3 {
	transition-duration: 0.25s;
}
.welcomeMessageContainer h3:hover {
	color: #0000ff;
	transform: scale(1.1);
}

#standards_button {
	cursor: pointer;
}

/* --- Welcome Messages --- */

#welcomeMessageDiv {
	background-color:#d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/*font-size: 24px;
	font-weight:bold;*/
	text-align: left;
	padding: 20px;
	text-shadow: #FFF 1px 1px 1px;
}

.welcomeHeader {
	font-size: 24px;
	font-weight: bold;
	/*font-size: 40px;
	line-height: 40px !important;*/
}

.welcomeSubheader {
	font-size: 16px;
	font-weight: normal;
	margin-top: 20px;
	/* font-size: 14px; */
	color: #0000ff;
}

.welcomeMessage {
	background-color: #FFF;
	font-size: 14px;
	text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 25px;
	min-height: 25px;
	position: relative;
	box-shadow: 0px 2px 5px 0 rgba(34,36,38,.25);
}

.welcomeMessage .orgMessage {
	text-align:center;
	line-height: 24px;
	font-weight: bold;
}

.welcomeMessage p {
	padding: 5px 20px 20px 20px;
	display: none;
}

.miniMessageDiv {
	min-height: 90px;
	width: 260px;
	margin: 0 auto;
	margin-top: 25px;
	display: inline-block;
	vertical-align: top;
}

#welcomeMessageDiv.miniMessageDiv:hover {
	background-color: #f0f0f0;
}

.miniMessageDiv .welcomeHeader {
	text-align: center;
	color: #0000ff;
	font-size: 24px;
}

.miniMessageDiv .welcomeMessage {
	text-align: center;
	margin-top: 15px;
	background: none;
	padding: 0;
}

.welcomeMessageSubheader {
	text-align: right;
	color: #0000ff;
	font-size: 12px;
	margin-top: 15px;
}

#studentWelcome, #instructorWelcome,
#proctorWelcome, #adminWelcome {
	margin-top: 50px;
}

.ui.button.welcomeButtons {
	margin-bottom: 5px;
}

/* --- Mini Dialog --- */

.miniDialog {
	text-align:center;
	vertical-align: middle;
	line-height: 25px;
}

.miniDialog.success {
	color: #090;
}

.miniDialog.error {
	display: inline;
	border: none;
	background-color: #FFF;
	width: auto;
	padding: 0;
	margin: 0;
	float: none;
}

.miniDialog.error, .miniDialog.error p {
	color: #C00;
	font-weight: bold;
}

.closeButton {
	background-color: #FFF;
	width: 16px;
	height: 16px;
	text-align: center;
	padding: 3px;
	margin: 5px;
	cursor: pointer;
	right: 0;
	top: 0;
	position: absolute;
}

.closeButton.x {
	border: 1px solid #900;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.closeButton.x img {
	padding-left: 1px;
}

#sacaWelcomeLogo { height: 100px; float: right; margin-top: -30px; }

.showAllLink {
	font-size:10px;color:#000;
	text-decoration:underline;
	cursor:pointer;
}

.loadBtn {
	background-image: url('../images/_loop.gif');
}

/* --- Flag Icon --- */
#flagDisplay {
	color: #ce0000;
	visibility: hidden;
	font-size: 24px;
}

.unflagged, .flagged {
	position: relative;
}

.unflagged:after, .flagged:after {
	position: absolute;
}

.unflagged:after {
	color: #cecece;
}

.flagged:after {
	color: #ce0000;
}

#questionOptions .ui.tiny.button { width:80px; margin-bottom:5px }
.questionsListQuestion.unflagged:after, .questionsListQuestion.flagged:after {
	bottom: 1px;
}

/* --- Reporting page --- */

.assessmentActions .assessmentMgmtIcon {
	float: right;
}

/* --- Assessment Review page --- */
#olderQuizzes { float: left; }
#studentAnswers {
	float:left;
	width:40%;
}

#studentAnswers td {
	border-bottom: 1px solid #666;
	padding:10px;
	line-height:1.5em
}

.answers-question-number {
	font-weight:bold;
	white-space:nowrap;
	vertical-align: top;
}

.answers-question-answer-img  {
	white-space: nowrap;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.answers-question-answer-img img {
	width:35px;
	height:35px;
}

.answers-question-report-error {
	position: absolute;
	bottom: 5px;
	right: 0;
	color: #0000ff;
	text-decoration:underline;
	cursor:pointer;
}

.answers-question-inactive-questions {
	background-color: #f1f1f1;
}

.answerChoiceSpan {
	display:table-row;
}

.answerChoiceSpan span {
	display:table-cell;
	vertical-align:top;
}

.answerChoiceSpan label {
	display:table-cell;
}

#totalNumMessages { margin-left: 10px; }

/* --- Notice --- */
.notice {
	max-width: 600px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #b7e3f7;
	background-color: #ddf2fb;
	color: #0000ff;
	padding: 5px;
}

.notice.notice-error {
	border: 1px solid #ffcaca;
	color: red;
	background-color:#ffecec;
}

.notice ul {
	margin-left: 15px;
}

.notice ul li {
	list-style-type:disc;
	color:#000;
	margin-left:15px;
}

.darkgray {
	color: darkgray;
}

.logoCustomizationRow { padding: 5px; }
#removeCurrentCustomOrgLogo { margin: 5px; }

/* --- Semantic UI Override --- */
/* Fix to centering modals */
.dimmed.dimmable > .ui.animating.dimmer, .dimmed.dimmable > .ui.visible.dimmer, .ui.active.dimmer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui.modal,
.ui.active.modal {
  margin: 0 auto!important;
  top: auto !important;
  left: auto !important;
  transform-origin: center !important;
  transition: all ease .5s;
}
/* End fix to centering modals */
.ui.white.message{background-color:#fff;}
.ui.secondary.menu .active.item { font-weight: bold; }
[data-tooltip]:hover:after, [data-tooltip][data-position="bottom center"]:hover:after { z-index: 3; }
[data-tooltip]:hover:before { z-index: 4; }
/* Buttons floated right beside page header */
#content>.ui.labeled.icon.right.floated.button {
	margin-top: -10px;
}
#content>.ui.labeled.icon.right.floated.button + h2#pageHeader {
	margin-top: -.14285714em;
}
h2#pageHeader .ui.right.floated.button {
	margin-top: -7px;
}
#content>.ui.right.floated.saca-blue.button, #content>.ui.right.floated.blue.button {
	margin-top: -10px;
}
#content>.ui.right.floated.saca-blue.button + h2#pageHeader, #content>.ui.right.floated.blue.button + h2#pageHeader{
	margin-top: -.14285714em;
}
#pageHeader {
   margin-top: -.14285714em;
}


/* --- Proctor Users/Certs --- */
table tr.pilot-row td {
	background-color: #e9fbfc;
}

.showForMobileOnly {
	display: none!important;
}
.bold {
	font-weight: bold;
}

.ui.steps:not(.vertical) .step>.icon {
	display: block;
}

/* --- Sidebar navigation --- */
#sidebar .changeSiteDropdown {
	width: 100%;
}
#sidebar>.ui.accordion>.content {
	padding: 0;
}
#sidebar>.ui.accordion>.content>.item {
	padding-left: 25px;
}

/* --- Forms --- */
.form-filter .title {
	display: none;
}
.form-filter.ui.accordion .content { padding: 1em; }
.form-filter form .ui.labeled.input .label { min-width: 100px; }


/* Semantic UI Override */
.ui.search>.results {
	width: auto;
}
.ui.search>.results .result {
	width: 100%;
}
.ui.search>.results .result .title {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 992px) and (min-width:811px) { .form-filter.ui.accordion .accordion .title~.content, .form-filter.ui.accordion .title~.content { display: block; } }

@media (max-width: 1085px) {
	.bgHeader #orgName {
		display: none;
	}
	#helpMenu {
		max-height: calc(100vh - 13rem);
		position: fixed;
		top: 0;
	}
	#helpContent {
		margin-left: 0;
	}
	#helpContent.dimmed {
		-webkit-transform: translate3d(260px,0,0);
    	transform: translate3d(260px,0,0);
	}
	#helpContent>ui.main.container {
   		max-height: calc(100vh - 14rem);
	}
	#helpModal.ui.modal>.scrolling.active.content {
		padding: 1px;
		margin-top: 42px;
		min-height: calc(100vh - 14rem);
   		max-height: calc(100vh - 14rem);
	}
	#helpModal.ui.modal>.scrolling.active.content>.ui.top.attached.menu {
		position: absolute;
		top: 46px;
		z-index: 100;
		height: 42px;
		width: 100%;
	}
	.tablet.mobile.only.row .ui.menu { max-height: 42px; }
	#orgNameMobile {
		line-height: 2.9em;
		font-weight: bold;
		margin-left: 15px;
		max-width: calc(100% - 60px);
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
}

/* Mobile view - nav moves to top */
@media (max-width: 991px) {
	.showForMobileOnly { display: inline-block!important; }
	#quizContent {
		box-shadow: -1px 0 0 0 #d4d4d5, 1px 0 0 0 #d4d4d5, 0 1px 0 0 #d4d4d5;
	}
	#helpModal .ui.top.attached.menu { display: block; }
	#defaultCountdown { margin: 0 0 10px 0!important; }
	body>.ui.pusher>.ui.grid.showForMobileOnly { display: flex!important; }
	.hideForMobileOnly { display: none!important; }
	.form-filter .title { display: inherit; }
	.form-filter .content { display: none; }
	.form-filter.ui.accordion .content { padding-top: 0!important; }
	.ui.extended.text.container {
		max-width: inherit!important;
		width: inherit!important;
		margin: 35px 0;
	}
	/* Buttons floated right beside page header */
	#content>.ui.labeled.icon.right.floated.button { margin-top: -14px; }
	#content>.ui.right.floated.saca-blue.button, #content>.ui.right.floated.blue.button {margin-top: -14px; }
	h2#pageHeader .ui.right.floated.button { margin-top: -11px; }

	/* Hide side nav on mobile -- temporary for testing mobile layout */
	/* #navigation {
		display: none;
	} */
	#contentcolumn {
		margin-left:0px;
		border-left: none;
	}
	/* Adjust header for mobile view */
	.bgHeader div#leftHeader {
		width: auto;
    	padding-left: 0px!important;
	}
	.innerDiv {
		overflow-x: scroll;
	}
}

/* Mobile view */
@media (max-width: 725px) {
	.ui.extended.text.container {
		max-width: inherit!important;
		width: inherit!important;
		padding: 0;
		margin: 35px 0 50px 0;
	}
	/* Buttons floated right beside page header */
	#content>.ui.labeled.icon.right.floated.button, h2#pageHeader .ui.right.floated.button {
		margin-top: -5px;
	}
	#content>.ui.right.floated.saca-blue.button, #content>.ui.right.floated.blue.button, h2#pageHeader .ui.right.floated.button {
		margin-top: -5px;
	}
	/* Adjust header for mobile view */
	.bgHeader {
		height: 100px;
	}
	.bgHeader div#rightHeader {
		display: none;
	}
	.bgHeader div#leftHeader {
		width: auto;
   		padding-left: 0px!important;
	}
	#leftHeader img {
		max-width: 200px;
	}
	#topNav {
		height: 30px;
		bottom: 0;
	}
	#welcomeMessage {
		padding: 5px;
	}
	.certification .prescriptionBtn {
		width: 100%;
	}

	#helpModal>.content { padding: 0 1px 0 1px!important;}
	#helpModal .ui.container {
		margin-left: 0!important;
		margin-right: 0!important;

		max-height: inherit;
		overflow-y: inherit;
	}
}

@media (max-width: 512px) {
	#questionsListTop {
		margin: 10px 0;
	}
	#quizNavigation {
		padding: 0;
	}
}

@media (max-width: 420px) {
	.ui.steps:not(.vertical) .step>.icon {
    	display: none;
	}
	.form-filter .ui.tiny.button, .form-filter .ui.mini.button
	{
		margin: 10px 5px 0px 0px;
	}
	#questionsListTop {
		font-size: .75rem;
	}
	.sponsor {
		/*margin-left: 110px; */
	}
}