/*html,body {height: 99%;}*/
body{ font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1.0em; color:#514f4f; background-color:#f2f2f2; margin:1% 0 0; padding:0;}

#OuterWrapper {padding-bottom: 16px;}
#main_content { }

a:active { outline:none; outline:0;}
a:focus {outline:2px solid #FFD700; border: none;}


.h1_inspire {font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1.1em; line-height: 1.2; color:#000; margin:0; padding:0; font-weight:600;}
p{font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.6;}

.header{ border-bottom:solid #006580 4px; background: #FFFFFF;}
.header .logo{ padding-top:6px; padding-bottom:2px;}
.header .logo img{ margin:auto; padding-left:10%;}
/*#logo_link:hover,*/ #logo_link:focus {outline:2px solid #FFD700; border: none;}
.header .rightpart{ background:#d9d9d9;}
.header .rightpart .lft{ font-size:1.0em; color:#514f4f; text-transform:uppercase; padding:10px;}
.header .rightpart .lft .fa-home{font-size:1.0em;}
.header .rightpart .lft .h1_inspire { float:left; text-transform: none; /*padding-top:6px;*/ padding-right: 10px;}
.header .rightpart .lft .instructor_info { float:right; text-transform: none; font-family:Calibri, Arial, Helvetica, sans-serif; font-size:1.1em; line-height: 1.2; color:#000; margin:0; padding:0;}
    	
#app-updates {float: left; position: relative; width: 20px;}
#app-updates .bodyCont {opacity: 1;	transition: all .1s; transform: translateY(0); margin-left: 5px;  height: 30px; width: 40px;}
#app-updates .opendiv { color:#000;	transition: all .1s; border-radius:8px; line-height: 1em; position: absolute; top: 2px;	width:260px; display:none;}
#app-updates p {margin:0 0 0 40px; padding:0;}
#app-updates .icon a{ float:left; background:none; padding:4px 0; max-width:40px; width:100%; font-size:20px; color:#000; text-align:center;}
#app-updates .icon2 a{position: absolute; background:none; padding:5px 0; max-width:40px; width:100%; font-size:20px; color:#fff; text-align:center;}
#app-updates.hidden .opendiv, #app-updates .opendiv{ background: #006580; color:#fff; box-shadow: 0px 2px 4px 4px #d1d0d0;}
#app-updates.hidden .dismissUpdate, #app-updates.hidden p, #app-updates .dismissUpdate, #app-updates p {opacity: 1;	background:#fff; font-size:.9em; line-height:1.3; color:#006580; text-transform:capitalize; padding:8px; float:left; width:100%; max-width:220px; border-radius:0 8px 8px 0;}

.header .rightpart .rgt{ float:right; border:none;}
.header .rightpart .rgt .btn-primary {font-size:1.0em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase; padding:14px 20px;}
.header .rightpart .rgt a.btn-primary.disabled {cursor: not-allowed;}
.header .rightpart .rgt .fa{ font-size:1.0em; padding:6px 6px;}
.header .rightpart .rgt .btn-primary:hover{background:#006580; color:#fff;}

.header .rightpart .btn-primary {font-size:1.0em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase; padding-top:11px;}
.header .rightpart a.btn-primary.disabled {cursor: not-allowed;}
.header .rightpart .fa{ font-size:1.2em; padding:6px 6px;}
.header .rightpart .btn-primary:hover{background:#006580; color:#fff;}
#btnResources {padding-top: 17px;}
.button-labels {font-size: 1.0rem;}


.wrapper { display: flex; align-items: stretch; height: 100%; min-height: 360px;}
#sidebar { min-width:25.5%; max-width:25.5%; background: #f2f2f2; transition: all 0.3s;}
#sidebar.active { min-width: 90px; max-width:90px; text-align: center;}
#sidebar.active .sidebar-header strong { display: block;}
#sidebar ul li a { text-align:left;}		
#sidebar .sidebar-header {padding: 20px; background: #6d7fcc;}
#sidebar .sidebar-header strong { display: none;font-size: 1.6em;}
#sidebar ul.components.moduleLinks { padding: 0 0 20px; height:800px; overflow-y: scroll; overflow-x: hidden; }
#sidebar ul.components.resourceLinks { padding: 0 0 20px; height:200px; overflow-y: scroll; overflow-x: hidden; display: none;}
#sidebar .resources a { background:#006580; padding: 10px; color:#FFF; font-size:1.0em; font-weight:600; text-transform:uppercase; text-decoration:none; width:100%; display:table;}
#sidebar .resources a .glyphicon, #sidebar .resources2 a .glyphicon { padding-right:4px;}
#sidebar .resources2 a { background:#808080; padding: 10px; color:#FFF; font-size:1.0em; font-weight:600; text-transform:uppercase; text-decoration:none; width:100%; display:table;}

#sidebar ul li a{ padding:10px 10px; font-size:.9em; color:#666565; border:2px solid #F2F2F2; width:100%; text-decoration:none; font-weight: normal; display:table; line-height:1.2;}
#sidebar ul li + #sidebar ul li {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #FFFFFF;
}

#sidebar ul li a small, #menu-small ul li a small { font-size:.8em; font-weight: bold; color:#006580; text-transform:uppercase; display: block; padding-top:3px;}
#sidebar ul li .selected { color: #666565; border:2px solid #36B0C9; outline: none; background-color: #FFFFFF; }
#sidebar ul li a:hover { color: #666565; border:2px solid #36B0C9; outline: none; background-color: #FFFFFF; }
#sidebar ul li a .fa{ width:20px; font-size:1.1em; padding-right:10px; font-weight:normal; vertical-align:top; display:table-cell;}
#sidebar ul li p{ font-size:1.1em; line-height:1.2; padding:12px 34px 0 10px; max-width:240px; width:100%; color:#514f4f; font-weight: normal; margin:0;}
#sidebar.active ul li a { padding: 20px 10px 0; text-align: center;font-size: 0.85em;}
#sidebar.active ul li p{ font-size:1.1em; line-height:1.2; padding: 0 0px 6px; width:100%;}
#sidebar.active ul li a .fa{ margin-right:0; padding-right:0px; display: inline-block; font-size: 1.2em; padding-bottom:4px; width:100%;}
#sidebar ul ul a {  font-size: 0.9em;  padding-left: 30px; background: #6d7fcc;}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
	
	> .col,
	> [class*="col-"] {
		padding-right: 0;
		padding-left: 0;
	}
}

.dropdown-toggle::after {
	display: none;
}

div.header ul.nav.nav-pills {
	font-size: 1.0em;
}


/*------ gray ul li a CSS ---------------*/
/*#sidebar ul li:nth-child(n+5) a{ padding:16px 10px; font-size:13px; color:#acabab; width:100%; text-decoration:none; font-weight:600; display:table; line-height:1.2;}
#sidebar ul li:nth-child(n+5) a small{ font-size:10px; color:#acabab; text-transform:uppercase; display: block; padding-top:3px;}
#sidebar ul li:nth-child(n+5) a:hover, #sidebar ul li:nth-child(n+5) a:focus, #sidebar ul li:nth-child(n+5){ color: #acabab;}
#sidebar ul li span1 a i { width:30px; font-size:20px; font-weight:500; vertical-align:top; display:table-cell;}
#sidebar ul li:nth-child(n+5) .fa-angle-down{ font-size:14px; color:#acabab; vertical-align:top;}
#sidebar ul li:nth-child(n+5) p{ font-size:12px; color:#acabab; line-height:1.2; padding:12px 34px 0 10px; max-width:240px; width:100%;}
#sidebar.active ul li:nth-child(n+5) a { padding: 20px 10px 0; text-align: center;font-size: 0.85em;}
#sidebar.active ul li:nth-child(n+5) p{ font-size:12px; line-height:1.2; padding: 0 0px 6px; width:100%;}*/

#content{ width:100%; background: #ffffff; border-left:solid #d9d9d9 1px; position: relative;}

#sidebar ul.moduleLinks li a.disabled {
	cursor: not-allowed;
	/*pointer-events: none;*/
	/*filter: grayscale(100%);*/
}

#sidebar ul.moduleLinks li a.disabled, #sidebar ul.moduleLinks li a.disabled small, #sidebar ul.moduleLinks li a.disabled p {
	color: #BBBBBB;
}

#sidebar #menu_caret {
	position: relative;
	top: 0.1em;
	padding-right: 5px;
	font-size: 1.5em;
}

#btnResources img {
	margin-bottom: 1px;
}

.self-complete {
	/*clear: both;*/
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 20px;
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-weight: bold;
}

.self-complete input, .self-complete label {
	cursor: pointer;
}

.embed_wrapper {
	position: relative;
	top: 0;
	right:0;
	bottom:0;
	left: 0;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.pdf-file-embed, .test-embed, .survey-embed {
	min-width: 100%;
	max-width: 100%;
	width: 100%;
	height: 180px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
}

.scorm-embed {
	width: 100%;
	height: 90%;
	overflow-y: auto;
	overflow-x:hidden;
}

.disabled_description {
	cursor: not-allowed;
}

#pageVideo {
	width: 100%;
	/*max-width: 560px;*/
	height: auto;
	/*max-height: 315px;*/
}

#yt_player1 {
	width: 100%;
	/*max-width: 560px;*/
	height: 100%;
	/*max-height: 315px;*/
}

#pageAudio {
	width: 100%;
	/*max-width: 560px;*/
}

.Browser_Not_Supported {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	background-color: #FFFFFF;
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	border: 2px solid #FF0000;
}

p.warning {
	border: 1px solid #CCCC00;
	border-radius: 4px;
	background-color: #FFFFCC;
	padding: 10px;
}

.btn_launch_board, .btn_launch_cc {
	background-color: #D3EBF1;
	border: 2px solid #2CB0C9;
	color: #000000;
	font-size: 1.5em;
	border-radius: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.update_notice {
	width: 100%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	color: #FF0000;
	background-color: #FFFFFF;
	font-family: Arial, sans-serif;
	border: 1px solid #FF0000;
	text-align: center;
}

/**** Start rotate warning ****/
.portrait-warning-msg, .portrait-warning-msg {
	display: none;
}
/*.portrait-warning-msg {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	display: none;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px;
	text-align: center;
}*/
/*@media only screen and (max-device-width: 640px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	.portrait-warning-msg {
		display: flex;
	}

	.warning-text {
		font-size: 32px;
		color: #000000;
	}
}*/
/**** End rotate warning ****/

/*******************************************************/
/* Misc. Bootstrap fixes needed after upgrade to 4.3.1 */
/*.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}*/

/*.visible-xs {
	display: none !important;
}*/

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings' !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#sidebar .resources a .glyphicon, #sidebar .resources2 a .glyphicon {
	padding-right: 4px;
}

.glyphicon-triangle-left::before {
	content: "\e251";
}

.glyphicon-triangle-right::before {
	content: "\e250";
}

.container { max-width:1400px; padding-left: 15px; padding-right: 15px; }
/* End misc. Bootstrap fixes needed after upgrade to 4.3.1 */
/***********************************************************/

/* Start custom CSS for Font Awesome icons */
.fa-comment-alt::before {
	content: "\f27a";
}
.fa-video::before {
	content: "\f03d";
}
.fa-file-audio::before {
	content: "\f1c7";
}
.fa-file-word::before {
	content: "\f1c2";
}
.fa-file-powerpoint::before {
	content: "\f1c4";
}
.fa-file-pdf::before {
	content: "\f1c1";
}
.fa-external-link-alt::before {
	content: "\f35d";
}
.fa-external-link-square-alt::before {
	content: "\f360";
}
.fa-sign-out-alt::before {
	content: "\f2f5";
}
/* End custom CSS for Font Awesome icons */


/*---------------------- Responsive CSS ------------------------*/
@media ( min-width: 1430px) {
	.container { width:1400px; }
	#content { min-height: 850px; padding:20px; }
	.pdf-file-embed, .test-embed, .survey-embed {
		height: 670px;
	}
	#yt_player1 {
		/*height: 315px;*/
	}
}
@media ( min-width: 768px) {
	.pdf-file-embed, .test-embed, .survey-embed {
		height: 670px;
	}
	#yt_player1 {
		/*height: 315px;*/
	}
}
@media ( max-width: 1024px) {
    .header .rightpart .rgt .btn-primary {font-size:1.0em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase; padding:6px 4px 14px;}
}
@media ( max-width: 991px) {
	#sidebar { min-width:26%; max-width:26%;}
	#sidebar ul li p{ width:190px;}
}
/*
@media (max-width: 768px) {
    #sidebar { min-width: 130px; max-width: 130px; text-align:center !important ;}
    a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {top: auto; bottom: 5px; right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%);}
    a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {top: auto; bottom: 5px; right: 50%;}
    #sidebar.active { margin-left: 0 !important;}
    #sidebar .sidebar-header h3, #sidebar .CTAs {display: none;}
    #sidebar .sidebar-header strong {display: block;}
    #sidebar ul li a {padding: 20px 10px;}
    #sidebar ul li a span {font-size: 0.85em;}    
	#sidebar ul li a i { margin-right:0;}
    #sidebar ul ul a { padding: 10px !important;}
    #sidebar ul li a {font-size: 1.3em;}   
	#sidebar {margin-left: 0;}
    .sidebarCollapse span {display: none;}
}
*/
@media ( max-width: 990px) {
	.header .logo img{ margin:auto; padding-left:0;}
    .header .rightpart .rgt .btn-primary {font-size:1.0em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase; padding:6px 4px 14px;}
    .header .rightpart .btn-primary {font-size:1.0em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase;}
}

@media ( max-width: 767px) {
	.header .rightpart .rgt .btn-primary {font-size:1.0em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase; padding:6px 4px 14px;}
	.header .rightpart .rgt .fa{ font-size:1.0em; padding:2px 0;}
	.header .rightpart .btn-primary {font-size:0.8em; color:#2f2f2f; border:0; background:none; border-radius:0; line-height:1.2; text-transform:uppercase;}
	.header .rightpart .fa{ font-size:1.4rem; padding:2px 0;}
	
	.header .rightpart .lft{ font-size:1.0em; color:#514f4f; text-transform:uppercase; padding:10px 0 0 10px;}
	.header .rightpart .lft nav, .header .rightpart .lft nav:hover, .header .rightpart .lft nav:focus{ float:left; border:0; border-radius:4px; display:inline-block; margin-top:10px; margin-right:2px; text-align:center;   font-size:11px; font-weight:600;}
	
	.header .rightpart .lft nav a, .header .rightpart .lft nav a:hover {color: #fff; background:#006580;  padding:10px 10px;}
	.header .rightpart .lft nav .dropdown-item {background-color: #f2f2f2; color: #666565;}
	.header .rightpart .lft nav .dropdown-item.selected,.header .rightpart .lft nav .dropdown-item:hover {background-color: #FFFFFF; color: #666565; border: 2px solid #36B0C9;}
	.header .rightpart .lft .nav .caret { display: block; text-align:center; margin:2px auto 0;}

	.header .rightpart nav a, .header .rightpart .lft nav a:hover {color: #000000; /*background:#006580;*/  padding:10px 10px;}
	.header .rightpart nav .dropdown-item {background-color: #f2f2f2; color: #666565;}
	.header .rightpart nav .dropdown-item.selected,.header .rightpart .lft nav .dropdown-item:hover {background-color: #FFFFFF; color: #666565; border: 2px solid #36B0C9;}
	.header .rightpart .nav .caret { display: block; text-align:center; margin:2px auto 0;}
	.header .rightpart .lft .instructor_info { float: left; }
	ul .dropdown-menu { text-transform:capitalize;  background:#006580; border:0px solid #ccc; border:0px; border-radius:0px; padding:0;}
	ul .dropdown-menu li a{ width:100%; font-size:1.1em; display:table; padding:7px 10px !important; text-transform:capitalize;}
	ul .dropdown-menu li small{ font-size:1.0em;; text-transform:uppercase; display:block;}
	ul .dropdown-menu li a .fa{  width:20px; padding-right:10px; display:table-cell;}
	ul .dropdown-menu li a:hover, ul .dropdown-menu li a:focus,  ul .dropdown-menu li .selected{ background:#006580 !important; text-transform:capitalize;}
	#sidebar { display:none;}
	#content{border:solid #d9d9d9 1px;}
	div.header ul.nav.nav-pills {
		font-size: 0.8em;
	}
	.header .rightpart .btn-primary {padding-top: 12px;}
	.button-labels {font-size: 0.8rem;}
	#btnResources {padding-top: 14px;}
}
@media (max-width: 639px) {}
@media (max-width: 479px) {}
@media (max-width: 379px) {}