body {
	background-color: #F6F6FB;
}
.page_img {
	padding-right: 10px;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	border: none;
	outline: none;
	box-sizing: content-box;
}
.btn-toggle-nav a {
	padding: .1875rem .5rem;
	margin-top: .125rem;
	margin-left: 1.25rem;
	}
h3 {
	font-size: 14px;
}
.sidebar,
.sidebar a,
.sidebar button {
	color: #abb5be;
}
.nav .nav-link:not(.active) i {
	margin-right: 0.3em;
	color: #0077ff;
}
.color-primary {
	color: #0077ff !important;
}
.sidebar {
	transition: .5s;
	position: relative ! important;
}
a[data-toggle="sidebar-colapse"] {
	display: inline-block;
	position: absolute;
	right: 0;
	margin-right: -10px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	top: 30px;
	color: #0077ff !important;
}
/*.sidebar.collapsed a[data-toggle="sidebar-colapse"] {
	margin-right: -10px;
}*/

.sidebar.collapsed .hide-on-collapsed {
	display: none !important;
}

.sidebar.collapsed .show-on-collapsed {
	display: block !important;
}
.sidebar.collapsed {
	width: 50px;
	padding: 1.5rem 0 !important;
}

.bg-active {
	background-color: #C5FFC080;
}
.bg-inactive {
	background-color: rgba(255, 192, 192, 0.50);
}

/*dt-tables*/
.dt-layout-table{
	margin-bottom: 2em !important;
 }

iframe{overflow-x: hidden; overflow-y: auto; width: 100%;}
iframe.dashboard{min-height: 650px; width: 100%;}
iframe.dashboard_calendar{min-height: 900px; width: 100%;}
iframe.hierarchies{min-height: 500px; width: 100%;}
iframe.events{min-height: 500px; width: 100%;}
iframe.calendar{min-height: 800px; width: 100%;}
iframe.calendarItems{min-height: 500px; width: 100%;}
iframe.announcements{min-height: 500px; width: 100%;}
iframe.adminSupport{min-height: 1120px; width: 100%;}
iframe.adminResources{min-height: 600px; width: 100%;}
iframe.authcourse{min-height: 500px; width: 100%;}
iframe.author_quiz{min-height: 500px; width: 100%;}
iframe.admin_main{min-height: 400px; width: 100%;}
iframe.transcript{min-height: 400px; width: 100%;}
iframe.custom_pages{min-height: 500px; width: 100%;}
iframe.email{min-height: 600px; width: 100%;}
iframe.sub_admin{min-height: 600px; width: 100%;}
.slide-out-div{padding: 20px; width: 860px; height: 550px; background: #CCC; border: 1px solid #29216D; z-index:99999 !important;}


/*legacy*/
table {
	color: #555656;
}
table i {
	color: #8A8A8A;
}

.section-title {
	width: 100%;
	text-align: left;
	margin-top: 1em;
	border: 0;
	font-size: 1.3em;
	display: block;
	transition: all .75s ease-in-out;
	background-color: rgba(0,0,0,.03);
	border: 1px solid rgba(0,0,0,.125) !important;
	border-radius: .25rem !important;
}
.section-title.collapsed::after {
	content: "\f067";
}
.section-title:not(.collapsed)::after {
	content: "\f068";
}
.section-title::after {
	content: "\f067";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	float: right;
}
/* dashboard */
#training-status-loader {
	display: block;
	margin: 0 auto;
	padding: 3rem 0;
}
#training-status-container img.status-icon {
	width: 13px;
}
#training-status-container img.email-icon {
	width: 30px;
	}

#training-status-container div.vertical {
	writing-mode: vertical-rl;
	transform: rotate(-180deg);
	max-height: 150px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
tr:has(> .spacer){
	display: none;
}

/*** alpha navigation ***/
#alpha_navigation{padding-bottom: 5px;}
#alpha_navigation ul{margin: 0px; padding: 0px;}
#alpha_navigation ul li{border-left: 1px solid #000000; font-weight: bold; display: inline; margin: 0; padding: 0 7px;}
#alpha_navigation ul li.first{border-left: none;}
#alpha_navigation ul li a{font-weight: normal;}
/*** tabular data ***/
table.tabular_data{border-collapse: collapse; margin: 10px 0px; width: 100%; overflow: auto; height: 100%;}
table.tabular_data.header-color-primary thead tr#head_student th, table.tabular_data.header-color-primary thead tr#head_admin th{
	background: #07F;
	color: white;
}
table.tabular_data.header-color-primary thead tr th:first-child{
	border-radius: 0.5rem 0px 0px 0px; 
}
table.tabular_data.header-color-primary thead tr th:last-child{
	border-radius: 0px 0.5rem 0px 0px; 
}
table.tabular_data thead tr#head_student th, table.tabular_data thead tr#head_admin th{/*background-color: #DDDDBE;*/ background-color: #DDDDDD; /*color: #6E6556;*/ color: #3D454D;}
table.tabular_data thead tr th{border: 1px solid #FFFFFF; font-size: 10px; padding: 5px; text-align: center;}
table.tabular_data tbody tr td{padding: 5px; text-align: center;}
table.tabular_data tbody tr td a{color: #000000; text-decoration: underline;}
table.tabular_data tbody tr.inactive_row td{color: #CCCCCC;}
table.tabular_data tbody tr.inactive_row td a{color: #CCCCCC;}
table.tabular_data .left_alignment{text-align: left; width: 45%;}
table.tabular_data .right_alignment{text-align: right;}
table.tabular_data tbody tr td.sale_price{color: #FF0000; font-weight: bold;}
table.tabular_data tbody tr td.tabular_data_footer{padding: 5px 10px; text-align: right;}
table.tabular_data tbody tr td#footer_student{/*background-color: #DDDDBE;*/ background-color: #DDDDDD;}
table.tabular_data tbody tr td#footer_admin{background-color: #DDDDDD;}
table.tabular_data tbody tr td.tabular_data_footer input{font-size: 11px;}

img.optional-icon {
	width: 16px;
}

form .entry_field{padding-bottom: 8px;}
form .entry_field input{border: 1px solid #C1C1C1; width: 100%;}
form .entry_field input[type="checkbox"]{border: 1px solid #C1C1C1; width: auto;}
form .entry_field textarea{border: 1px solid #C1C1C1;}
form .entry_field_short input{border: 1px solid #C1C1C1; width: 35px;}
form .entry_list{border: 1px solid #C1C1C1; height: 354px; margin-bottom: 8px; overflow-x: hidden; overflow-y: scroll; padding: 5px 20px 5px 5px; width: 622px; position: relative;}
form .entry_list A{color: #000000; position: relative; text-decoration: none;}
form .entry_list_container > IMG{display: none; position: absolute; top: 50%; left: 50%; margin: -27px 0 0 -27px; z-index: 999999;}
form .entry_list_container .overlay{display: none; background-color: #ffffff; opacity: 0.7; filter: alpha(opacity=70); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.entry_list_container{width: 377px; height: 366px; position: relative; margin-bottom: 8px;}
form .entry_list ul{list-style: none;}
.expand{display: inline-block; width: 10px; text-align: center;}
form .entry_list > ul{margin-left: 0px;}
form .buttons {
  padding-top: 8px;
}

label span {
  color: #FF0000;
  font-style: italic;
  font-weight: bold;
  padding-left: 6px;
}
.access-module .header-banner {
	height: 118px;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 10px 0 0;
  background-position: center;
  border-radius: 10px;
}
#container_header {
	margin: 20px 0 0;
}
#wrapper_content {
	border: 1px solid #072d6e;
	border-top-width: 6px;
	border-radius: 10px;
	padding: 1em;
	
}
#wrapper_content h2 {
	font-size:16px;
}
#header #tagline {
	font-size: 19px;
  	font-variant: small-caps;
}

.section-title {
	width: 100%;
	text-align: left;
	margin-top: 1em;
	border: 0;
	font-size: 1.1em;
	display: block;
	transition: all .75s ease-in-out;
	background-color: rgba(0,0,0,.03);
	border: 1px solid rgba(0,0,0,.125) !important;
	border-radius: .25rem !important;
}

.section-content {
	padding-bottom: 1em;
	border-bottom: 1px solid gray;
	margin-bottom: 1em;
	border: 1px solid rgba(0,0,0,.125);
	  border-top: 0;
	  padding: 1em;

}


.section-title:after {
  content: "\f067";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

.section-title.collapsed {
  color: black;
}

.section-title.collapsed:after {
  content: "\f067";
}
.section-title:not(.collapsed):after {
  content: "\f068";
}

.ui-state-highlight.message {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.ui-state-highlight.message .ui-icon {
	margin: 0 .5em;
}

/* Style for Google Translate */

.skiptranslate iframe {
	display: none !important;
}
.goog-te-gadget-icon{
	background:none !important;
}
.goog-te-banner-frame.skiptranslate {
	display: none !important;
} body { top: 0px !important; }
.goog-tooltip {
	display: none !important;
}
.goog-tooltip:hover {
	display: none !important;
}
.goog-text-highlight {
	background-color: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

body {top: 0px !important; position: static !important; }
.goog-te-banner-frame {display:none !important}
/* End Style for Google Translate */