BODY {
	font-size: 14px; 
	font-weight:400;
	margin: 0px; 
	font-family: Segoe UI, Frutiger, Dejavu Sans, Helvetica Neue, Arial, sans-serif; /*Verdana,Arial, Helvetica, sans-serif;*/
 	COLOR: #4a4a4a; /*#707070*/
}
A {
	COLOR: #006dc2; TEXT-DECORATION: none
}

.logo {
	height: 125px;
	padding-top:20px;
}
.logo img {
	-webkit-filter: drop-shadow( 4px 4px 3px rgba(0, 0, 0, .7));
    filter: drop-shadow( 4px 4px 3px rgba(0, 0, 0, .5));
	opacity: 85%;
}
@media screen and (max-width: 580px) {
	.logo {
		display: none; 	
	}
}

.logo a:hover img{
	opacity: 100%;
}

A:hover {
	TEXT-DECORATION: none
}
A:active {
	COLOR: #006dc2
}
.menubg {
	BACKGROUND-COLOR: #f1f1f1
}

.pathfont {
	FONT-SIZE: 11px; COLOR: #707070; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
.pathfont A {
	COLOR: #707070; TEXT-DECORATION: none
}
.pathfont A:hover {
	TEXT-DECORATION: none
}
/* Angela */
.pathfont A:visited {
	COLOR: #707070; TEXT-DECORATION: none
}
.menu {
	MARGIN-TOP: 0px; PADDING-LEFT: 10px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 0px; PADDING-TOP: 2px; LIST-STYLE-TYPE: none
}
/*
.menu A {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px; BACKGROUND: #e5edf2; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #004a84; PADDING-TOP: 5px; BORDER-BOTTOM: #b7ccdc 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none
}
*/
.menu A {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #e5edf2 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px; BACKGROUND: #e5edf2; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #004a84; PADDING-TOP: 5px; BORDER-BOTTOM: #e5edf2 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none
}

.listcourse {
	BORDER-RIGHT: #cfdde9/*#b7ccdc*/ 1px solid; 
	BORDER-TOP: #e5edf2 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 30px; 
	FONT-SIZE: 14px; 
	BACKGROUND: #eaedef;/*#e5edf2;*/ 
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #b7ccdc 1px solid; /*WIDTH: 200px;*/ 
	COLOR: #004a84; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #e5edf2 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}

.menu A.selected {
	BORDER-RIGHT: #f0c70a 1px solid; BORDER-TOP: #f0c70a 1px solid; BACKGROUND: #ffe115; BORDER-LEFT: #f0c70a 1px solid; COLOR: #000000; BORDER-BOTTOM: #f0c70a 1px solid; TEXT-DECORATION: none
}

.listcourse.selected {
	BORDER-RIGHT: #f0c70a 1px solid; 
	BORDER-TOP: #f0c70a 1px solid; 
	BACKGROUND: #ffe115; 
	BORDER-LEFT: #f0c70a 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #f0c70a 1px solid; 
	TEXT-DECORATION: none;
}

.menu A.selected_inactive {
	BORDER-RIGHT: #f0c70a 1px solid; 
	BORDER-TOP: #f0c70a 1px solid; 
	BACKGROUND: #ffe115; 
	BORDER-LEFT: #f0c70a 1px solid; 
	COLOR: #777777; 
	FONT-STYLE: italic; 
	BORDER-BOTTOM: #f0c70a 1px solid; 
	TEXT-DECORATION: none;
}

.listcourse.selected_inactive {
	BORDER-RIGHT: #f0c70a 1px solid; BORDER-TOP: #f0c70a 1px solid; BACKGROUND: #ffe115; BORDER-LEFT: #f0c70a 1px solid; COLOR: #777777; FONT-STYLE: italic; BORDER-BOTTOM: #f0c70a 1px solid; TEXT-DECORATION: none
}

.listcourse.inactive {
	BORDER-RIGHT: #b7ccdc 1px solid; 
	BORDER-TOP: #e5edf2 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 30px; 
	FONT-SIZE: 14px; 
	BACKGROUND: #eaedef;/*#e5edf2*/
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #b7ccdc 1px solid; 
	/*WIDTH: 200px;*/ 
	COLOR: #777777; 
	FONT-STYLE: italic; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #e5edf2 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}

A.listcourse:hover {
	BORDER-RIGHT: #f0c70a 1px solid; 
	BORDER-TOP: #f0c70a 1px solid; 
	BACKGROUND: #ffe115; 
	BORDER-LEFT: #f0c70a 1px solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #f0c70a 1px solid; 
	TEXT-DECORATION: none;
}

A.listcourse:active {
	BORDER-RIGHT: gray 1px solid; 
	BORDER-TOP: gray 1px solid; 
	BACKGROUND: #ffe115; 
	BORDER-LEFT: gray 1px solid; 
	COLOR: #fff; 
	BORDER-BOTTOM: gray 1px solid;
}

.menutitle, aside .side-inner .nav-menu ul li a.menutitle {
	DISPLAY: block; 
	FONT-SIZE: 14px; 
	COLOR: #ffffff; 
	BACKGROUND: #336e9d; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px; 
	PADDING-TOP: 10px;
	PADDING-LEFT: 30px; 
	border: #195c90 1px solid; 
	/*WIDTH: 200px;*/ 
}

aside .side-inner .nav-menu ul li a.menutitle:hover {
	COLOR: #f0c70a; 
}

aside .side-inner .nav-menu ul li a.menutitle.alternative:hover {
	COLOR: #76c765; 
}

A.newmenu {
	BORDER-RIGHT: #7ca2c0 1px solid; BORDER-TOP: #7ca2c0 1px solid; PADDING-LEFT: 0px; BACKGROUND: #b2c8da; BORDER-LEFT: #7ca2c0 1px solid; WIDTH: 220px; BORDER-BOTTOM: #7ca2c0 1px solid
}
A.newmenu:hover {
	BORDER-RIGHT: #7ca2c0 1px solid; BORDER-TOP: #7ca2c0 1px solid; BACKGROUND: #b2c8da; BORDER-LEFT: #7ca2c0 1px solid; BORDER-BOTTOM: #7ca2c0 1px solid
}

.topcategory {
	FONT-SIZE: 11px; BORDER-RIGHT: #7ca2c0 1px solid; BORDER-TOP: #7ca2c0 1px solid; DISPLAY: block; FONT-WEIGHT: bold; BACKGROUND: #b2c8da; PADDING-BOTTOM: 4px; BORDER-LEFT: #7ca2c0 1px solid; WIDTH: 220px; COLOR: #004a84; TEXT-INDENT: 10px; PADDING-TOP: 4px; BORDER-BOTTOM: #7ca2c0 1px solid; TEXT-ALIGN: left
}

/*.semester {
	BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid; DISPLAY: block; PADDING-LEFT: 20px; FONT-SIZE: 11px;  FONT-WEIGHT: normal; BACKGROUND: #e5edf2; BACKGROUND: #EEEEEE; PADDING-BOTTOM: 5px; BORDER-LEFT: #b7ccdc 1px solid; WIDTH: 200px; COLOR: #707070; PADDING-TOP: 5px; BORDER-BOTTOM: #b7ccdc 1px solid; TEXT-ALIGN: left; TEXT-DECORATION: none; TEXT-INDENT: -10px
}
*/
.semester {
	BORDER-RIGHT: #cfdde9 /*#b7ccdc*/ 1px solid; 
	BORDER-TOP: #b7ccdc 1px solid; 
	DISPLAY: block; 
	PADDING-LEFT: 20px; 
	FONT-SIZE: 12px;  
	FONT-WEIGHT: normal; 
	BACKGROUND: #eaedef;/*#e5edf2*/
	PADDING-BOTTOM: 5px; 
	BORDER-LEFT: #b7ccdc 1px solid; 
	COLOR: #777777; 
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #e5edf2 1px solid; 
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none; 
	TEXT-INDENT: -10px;
}
.lastcourse {
	BORDER-BOTTOM: #b7ccdc 1px solid;
}

/*A.school {
	BACKGROUND: #cfdde9; TEXT-INDENT: -10px;
}
*/
A.school {
	BACKGROUND: #cfdde9; BORDER-BOTTOM: #b7ccdc 1px solid; color: #004a84;
}
a.school.supercategory.alternative {
	/*font-weight: bold; font-size:larger; */ border-top: #97b5cc/*#b7ccdc*/ 3px solid;
}
A.school2 {
	BACKGROUND: #cfdde9; BORDER-TOP: #cfdde9 1px solid; BORDER-BOTTOM: #666666 1px solid;
}

A.school:hover {
	BACKGROUND: #fcbd00; /* BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid;  BORDER-LEFT: #b7ccdc 1px solid;  BORDER-BOTTOM: #b7ccdc 1px solid; */ color: #004a84;
}
a.school.alternative:hover {
	BACKGROUND: #76c765; /* BORDER-RIGHT: #b7ccdc 1px solid; BORDER-TOP: #b7ccdc 1px solid;  BORDER-LEFT: #b7ccdc 1px solid;  BORDER-BOTTOM: #b7ccdc 1px solid; */ color: #004a84;
}
#footer {
	font-weight: 400; 
	width: calc(100%);
	margin: auto;
	font-size: 12px; 
	COLOR: #555555; 
	/*position:absolute; */
	bottom:0;
	padding: 5px;
	/*height:50px;*/
	background-color:#dae0e6;/*#eeeeee;*/
	border: 1px solid #cad0d6; /*#e3e3e3;*/
	/*margin-right: 40px;*/
	margin-top:50px;
}

.coursetitle {
	margin-top: 20px; 
	/*FONT-WEIGHT: bold; */
	font-size: 20px; 
	font-weight: 660;
	color: #336e9d; /*#3e5368;*/ /* #006dc2; */
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	margin-bottom: 10px; /*30px;*/
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
}

.coursesubtitle {
	/*MARGIN-TOP: 20px; */
	/*FONT-WEIGHT: bold; */
	font-size: 14px; 
	font-weight: 400;
	color: #336e9d; /*#3e5368;*/ /* #006dc2; */
	/*FONT-FAMILY: Arial, Helvetica, sans-serif;*/
	margin-top: 20px;
}


#toolbarNav {
	/*margin-top: 30px;*/
	float: right;
	margin-bottom: 30px;
	width: 100%;
	background:inherit !important;
	font-size: 12px;
	/*border-bottom:rgb(135, 145, 155) 1px solid;*/
}
.navbar-toggler {
	font-size: 1.0em;
}

#toollist.show {
	z-index: 1500;
	width: 150px;
}

#toollistmenu {
	font-size: 14px;
	color: #434141;
	margin-right:12px;
	box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
}

#toollistmenubtn {
	position:relative; 
	right:0;
	font-size: 14px;
	color: #363d46;/*#434141;*/
	border: #dddddd 1px solid; 
	background: #ffffff;
	box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
}

#toollistmenubtn:hover {
	color: #363d46; /*#333131;*/
	background: #dae0e6;
	box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
}

#toollistmenu a {
	color: #363d46; /*#434141;*/
	border: #ffffff 1px solid; 	
}

#toollistmenu a.deact{
	color: #918f8f;
}

#toollistmenu a:hover {
	color: #363d46;/*#3f3e3e;*/
	border-right: #f0c70a 1px solid; 
	border-top: #f0c70a 1px solid; 
	background: #ffe115; 
	border-left: #f0c70a 1px solid; 
	border-bottom: #f0c70a 1px solid; 
	text-decoration: none;
}

.toolp { 
	/*border: #e3e3e3 1px dashed; */
	/*background-color: #f9f9f9; */
	margin-bottom: 40px;
   }
   
.toolaction {
	margin: 5px 0px 0px 0px;
	padding:8px;
	border: 1px solid #dddddd;
	border-radius: 0.25rem;
	min-height:20px;
	/*white-space:nowrap;*/
}

a.toolaction {
	font-size: 12px;
	color: #363d46;/*#434141;*/
	display:block;
	margin: 5px 5px 0px 0px;
	padding:8px;
	border: 1px solid #dddddd;
	border-radius: 0.25rem;
	min-height:20px;
	/*white-space:nowrap;*/
}

a.toolaction.success:hover{ 
	background:rgb(195, 230, 203);
}

a.toolaction.warning:hover{ 
	background:rgb(231, 183, 138);
}

a.toolaction.danger:hover{ 
	background:rgb(238, 172, 169);
	color: #844242; /*#743232;*/ 
	border: 1px solid #743232;
}

@media screen and (max-width: 550px) {
	span.toolactionlabel {
		display: none; 	
	}
}


#claroBody {
	
}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px;
}

.viewmode.btn-outline-secondary {
	border-color:#dddddd; /*#4a4a55;*/
	color: #363d46/*#4a4a55;*/
}

.viewmode.btn-outline-secondary.active, .viewmode.btn-outline-secondary:hover {
	background-color: #dae0e6; /*#dddddd;*/ /*#4a4a55;*/
	color: #363d46;/*#4a4a55;*/
}

/**** Content item display ****/

.item-panel {
	border: #e5e5e5 1px solid; 
	background: #fafafa;
	/*box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;*/
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	margin-top:10px;
	margin-bottom:10px;
	/*padding: 0;*/
}

.item-panel.item-invisible {
	opacity: 50%
}

.item-title {
	border-bottom:  #e5e5e5 1px solid;
	font-size: 16px;
	font-weight: 620;
	padding: 10px;
}

.item-cmds {
	padding: 7px 10px 7px 10px;
	font-size: 18px;
	text-align: end;
}

.item-panel .item-cmds {
	border-bottom:  #e5e5e5 1px solid;
}

a.item-delete-cmd {
	border: 1px solid #fafafa;
	padding: 6px;
	color: #d73a49; /*#d66b6b;*/
}
a.item-delete-cmd:hover {
	color: #ffffff;
	border: 1px solid #d73a49; /*#d66b6b;*/
	background-color: #d73a49; /*#d66b6b;*/
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
}
a.item-edit-cmd {
	border: 1px solid #fafafa;
	color: rgb(252, 189, 0);
	padding: 6px;
}
a.item-edit-cmd:hover {
	color: #ffffff;
	border: 1px solid rgb(252, 189, 0);;
	background-color: rgb(252, 189, 0);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
}
a.item-visibility-cmd {
	border: 1px solid #fafafa;
	color: #006dc2; /*#1587ca;*/
	padding: 6px;
}
a.item-visibility-cmd:hover {
	color: #ffffff;
	border: 1px solid #1587ca;
	background-color: #1587ca;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
}

a.item-projects-cmd {
	border: 1px solid #fafafa;
	color: #24ad79;
	padding: 6px;
}
a.item-projects-cmd:hover {
	color: #ffffff;
	border: 1px solid #3fa06b;
	background-color: #3fa06b;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
}

a.item-course-cmd {
	color: #6ec563 /*#24ad79*/;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
}


a.item-course-cmd i {
	border: 2px solid #fafafa;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
}

a.item-course-cmd:hover i {
	color: #ffffff;
	border: 2px solid #6ec563;
	background-color: #6ec563;
	-webkit-border-radius: 1em; 
	-moz-border-radius: 1em;
	border-radius: 1em;
}

a.item-inactive-cmd {
	border: 1px solid #fafafa;
	color: #aaaaaa;
	padding: 6px;
}
/*a.item-inactive-cmd:hover {
	border: 1px solid #dddddd;
	background-color: #dddddd;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
}*/

.tooltip-inner {
	background-color: #363d46; /*#6a6a75;*/
}

.item-comment {
	font-size: 12px;
	font-weight: 300;
	font-style: oblique;
	border-bottom:  #e5e5e5 1px solid;
	padding: 10px;
	text-align: end;
}

.item-content {
	padding: 10px;
}

.item-subtitle {
	color: #d9505d;/*#d73a49; *//*#d66b6b;*/
	text-align: justify;
	padding: 5px 10px;
	font-style: oblique;
}

.item-subtitle-label {
	font-weight: 550;
}

a.item-file-link {
	color: #434141;
	border: #e5e5e5 1px solid; 	
	padding: 5px;
}

a.item-file-link:hover {
	color: #434141;
	/*border: #e5e5e5 1px solid;*/ 	
	background-color: rgb(218, 224, 230);
	border-color: #1587ca;
	
}

.item-file i{
	margin-right: 5px;
}

.itemdatelabel {
	FONT-SIZE: 10px; COLOR: #d66b6b; TEXT-ALIGN: justify
}
.itemdate {
	FONT-SIZE: 10px; COLOR: #d66b6b; TEXT-ALIGN: justify
}
.itemtime {
	FONT-SIZE: 10px; COLOR: #d66b6b; FONT-STYLE: italic; TEXT-ALIGN: justify
}
/*.coursesubtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #707070
}*/

p {
	color: #707070; 
	text-align: justify;
	font-weight: 400;
}
/* Angela */
.HelpText
{
	COLOR: #707070; TEXT-ALIGN: justify
}

#nav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none;
}
#nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none; z-index: 2000;
}
#nav A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; WIDTH: 140px; COLOR: #707070; PADDING-TOP: 4px; TEXT-DECORATION: none
}
#nav A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#manos {
	
}
#manos A {
	FONT-WEIGHT: bold; BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px solid; WIDTH: 110px; COLOR: #707070; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; TEXT-DECORATION: none
}
#manos A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #707070; TEXT-DECORATION: none
}
#nav LI {
	FLOAT: left; WIDTH: 154px
}
#nav LI UL {
	BORDER-RIGHT: #b2b2b2 1px solid; BACKGROUND: #ededed; LEFT: -999px; BORDER-LEFT: #336e9d 7px solid; WIDTH: 154px; BORDER-BOTTOM: #b2b2b2 1px solid; POSITION: absolute
}
#nav LI UL UL {
	BORDER-TOP: #b2b2b2 1px solid; MARGIN: -16px 0px 0px 120px; BORDER-LEFT: #b2c8da 7px solid
}
#nav LI:hover UL UL {
	LEFT: -999px
}
#nav LI.sfhover UL UL {
	LEFT: -999px
}
#nav LI:hover UL {
	LEFT: auto
}
#nav LI LI:hover UL {
	LEFT: auto
}
#nav LI.sfhover UL {
	LEFT: auto
}
#nav LI LI.sfhover UL {
	LEFT: auto
}
#nav A.daddy {
	BACKGROUND: url(images/rightarrow2.gif) no-repeat right center
}
#nav LI:hover {
	BACKGROUND: #ffe115
}
#nav LI.sfhover {
	BACKGROUND: #ffe115
}


#viewnav {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none
}
#viewnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; LIST-STYLE-TYPE: none
}
#viewnav A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 4px; WIDTH: 140px; COLOR: #707070; PADDING-TOP: 4px; TEXT-DECORATION: none
}
#viewnav A:hover {
	COLOR: #000000; TEXT-DECORATION: none
}
#angela {
	
}
#angela A {
	BORDER-RIGHT: 0px solid; BORDER-TOP: 0px solid; DISPLAY: block; PADDING-BOTTOM: 3px; BORDER-LEFT: 0px solid; WIDTH: 100px; COLOR: #707070; PADDING-TOP: 4px; BORDER-BOTTOM: 0px solid; TEXT-DECORATION: none
}
#angela A:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #707070; TEXT-DECORATION: none
}
#viewnav LI {
	FLOAT: left; WIDTH: 154px
}
#viewnav LI UL {
	BORDER-RIGHT: #b2b2b2 1px solid; BACKGROUND: #ededed; LEFT: -999px; BORDER-LEFT: #336e9d 7px solid; WIDTH: 154px; BORDER-BOTTOM: #b2b2b2 1px solid; POSITION: absolute
}
#viewnav LI UL UL {
	BORDER-TOP: #b2b2b2 1px solid; MARGIN: -16px 0px 0px 120px; BORDER-LEFT: #b2c8da 7px solid
}
#viewnav LI:hover UL UL {
	LEFT: -999px
}
#viewnav LI.sfhover UL UL {
	LEFT: -999px
}
#viewnav LI:hover UL {
	LEFT: auto
}
#viewnav LI LI:hover UL {
	LEFT: auto
}
#viewnav LI.sfhover UL {
	LEFT: auto
}
#viewnav LI LI.sfhover UL {
	LEFT: auto
}
#viewnav A.daddy {
	BACKGROUND: url(images/rightarrow2.gif) no-repeat right center
}
#viewnav LI:hover {
	BACKGROUND: #ffe115
}
#viewnav LI.sfhover {
	BACKGROUND: #ffe115
}


#topmenu {
	height: 35px; 
	/*background: rgb(51, 110, 157, 0.40);*/
	background: rgb(62, 83, 104, 0.3);
	border-bottom: rgb(99, 118, 136) 1px solid; /* rgb(135, 145, 155) 1px solid;*/
	text-align:right;
	padding-top: 6px;
	white-space:nowrap;
}

#topmenu span {
	vertical-align: middle;
	color: #ffffff;
	/*font-size: 12px;*/
}

#topmenu span.toplink {
	margin-left:20px;
}

#topmenu i {
	margin-right:5px;
	font-size: 1.5em;
	vertical-align: middle;
}

#topmenu a {
	color: #ffffff;
}

#topmenu a:hover span {
	color: #fcbd00;
}

@media screen and (max-width: 450px) {
	#topmenu span.toplinklabel {
		display: none; 	
	}
}

.claroCmd {
COLOR: #006dc2; font-weight: normal; FONT-SIZE: 10px;
}
.claroCmdDisabled {
COLOR: #707070; font-weight: normal; FONT-SIZE: 10px;
}
.item {
FONT-SIZE: 10px;
}

.tooltitle {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	/*border-top: #e3e3e3 1px;
	border-bottom: 0px;
	border-left: #e3e3e3 1px;
	border-right: #e3e3e3 1px;*/
	/*background-color: #f9f9f9;*/
	font-weight: 500;
	font-size: 20px; 
	color: #434141;
}

/* Angela */
.simpletooltitle {
	display: block;
	margin-top: 20px; /*60px;*/
	margin-bottom: 20px; /*60px;*/
	/*border-top: #e3e3e3 1px;
	border-bottom: 0px;
	border-left: #e3e3e3 1px;
	border-right: #e3e3e3 1px;*/
	/*background-color: #f9f9f9;*/
	font-weight: 500;
	font-size: 18px; 
	color: #434141; 
}
 .claroTable TD {
	PADDING:4px; MARGIN: 1px; BORDER: #e3e3e3 1px solid; COLOR: #707070;
}
TH {
	PADDING:4px; MARGIN: 1px; /*BORDER: #000000 0px solid*/
}
.claroTable .superHeader TH {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
/* Angela 
.claroTable TH.superHeader {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}*/
.claroTable TH.superHeader {
	FONT-WEIGHT: bold; BACKGROUND-COLOR: #e5edf2; TEXT-ALIGN: left
}
/***/

/*.claroTable .superHeader A {
	COLOR: black
}*/
.claroTable TH.headerY {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerY TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable TH.headerX {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerX TH {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable .headerX TH {
	BACKGROUND-COLOR: #e3e3e3; font-weight: bold; FONT-SIZE: 10px; color: #767676;
}
.claroTable TH.headerX {
	BACKGROUND-COLOR: #e3e3e3; font-weight: bold; FONT-SIZE: 10px; color: #767676;
}
.claroTable TR TH.toolbar {
	FONT-WEIGHT: normal; BACKGROUND: white
}
.claroTable TR.toolbar TH.prev {
	FONT-WEIGHT: normal; TEXT-ALIGN: left
}
.claroTable TR.toolbar TH.title {
	FONT-WEIGHT: bold; TEXT-ALIGN: center
}
.claroTable TR.toolbar TH.next {
	FONT-WEIGHT: normal; TEXT-ALIGN: right
}
/*.emphaseLine TBODY TD {
	BORDER-BOTTOM: #dddddd 1px solid
}*/
.emphaseLine TBODY TR:hover {
	BACKGROUND-COLOR: #F9F9F9;
}
.formexpl {
	FONT-SIZE: 10px; COLOR: #707070; FONT-STYLE: italic; text-align:justify;
}
LEGEND {
	font-size: 16px;
	PADDING-RIGHT: 0.5em; 
	PADDING-LEFT: 0.5em; 
	FONT-WEIGHT: bold; 
	BACKGROUND: #ffffff; 
	PADDING-BOTTOM: 0.5em; 
	MARGIN: 0px; COLOR: #555555; 
	PADDING-TOP: 0.5em
}
label {
	font-weight: 600; COLOR: #555555;
}
INPUT {
	BORDER-RIGHT: #e1e1e1 1px solid; 
	BORDER-TOP: #e1e1e1 1px solid; 
	/*BACKGROUND: url(emp/bg.jpg); */
	BORDER-LEFT: #e1e1e1 1px solid; 
	WIDTH: 360px; 
	/*COLOR: #006dc2; */
	BORDER-BOTTOM: #e1e1e1 1px solid; 
	/*FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; */
	/*HEIGHT: 1.3em*/
}*/
/* Angela */
H4 {
FONT-SIZE: 12px;COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
H5 {
FONT-SIZE: 12px;FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
/* Angela */
.formdiv {
COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.deact {
  COLOR: #B3B3B3;
}
.autoinput {
width: auto;
} 

label.autoinputlabel {
font-weight: normal;
}

/* Angela*/
TEXTAREA.simple {
	BORDER-RIGHT: #e1e1e1 1px solid; BORDER-TOP: #e1e1e1 1px solid; BACKGROUND: #f4f4f4; BORDER-LEFT: #e1e1e1 1px solid; WIDTH: 360px; COLOR: #006dc2; BORDER-BOTTOM: #e1e1e1 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif; FONT-SIZE: 12px; HEIGHT: 5.2em
}

SELECT {
	COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
SELECT .fixed {
	WIDTH: 364px; COLOR: #006dc2; FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
FIELDSET {
	border-right: #fdbd06 1px dashed; 
	border-top: #fdbd06 1px dashed; 
	border-left: #fdbd06 1px dashed; 
	border-bottom: #fdbd06 1px dashed;
}
.buttonSubmit {
	/*PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold; 
	BACKGROUND: url(emp/formbutton.gif) no-repeat left top;
	PADDING-BOTTOM: 2px; 
	WIDTH: 78px;
	CURSOR: pointer; 
	COLOR: #fff; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 26px; BORDER-BOTTOM-STYLE: none; font-family: verdana, arial, helvetica, sans-serif;*/
	display: inline-block;
	min-height: 30px;
	min-width: 50px;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 10px 2px;/*margin: 0 2px;*/
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% ;/*Arial, Helvetica, sans-serif;*/
	font-weight: 500;
	padding: 10px;
	line-height: 10%;
	width: auto;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fff;
	border: solid 1px #0076a3;
	background: #1587ca;
	background: -webkit-gradient(linear, left top, left bottom, from(#45a6e2), to(#1587ca));
	background: -moz-linear-gradient(top,  #45a6e2,  #1587ca);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45a6e2', endColorstr='#1587ca');
}

.buttonSubmit:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.buttonSubmit:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#1587ca), to(#45a6e2));
	background: -moz-linear-gradient(top,  #1587ca,  #45a6e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1587ca', endColorstr='#45a6e2');
}
.claroButton {
	/*PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FONT-SIZE: 12px; FONT-WEIGHT: bold; 
	BACKGROUND: url(emp/formbutton.gif) no-repeat left top; 
	PADDING-BOTTOM: 2px; WIDTH: 78px; 
	CURSOR: pointer; COLOR: #fff; 
	BORDER-TOP-STYLE: none; 
	PADDING-TOP: 2px; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	/*HEIGHT: 26px; 
	BORDER-BOTTOM-STYLE: none; 
	font-family: verdana, arial, helvetica, sans-serif;*/
	display: inline-block;
	min-height: 30px;
	min-width: 50px;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin:  10px 2px;/*margin: 0 2px;*/
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100%; /*Arial, Helvetica, sans-serif;*/
	font-weight: 500;
	padding: 10px;
	line-height: 10%;
	width: auto;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: #fff;
	border: solid 1px #0076a3;
	background: #1587ca;
	background: -webkit-gradient(linear, left top, left bottom, from(#45a6e2), to(#1587ca));
	background: -moz-linear-gradient(top,  #45a6e2,  #1587ca);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45a6e2', endColorstr='#1587ca');
}

.claroButton:hover {
	text-decoration: none;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}

.claroButton:active {
	position: relative;
	top: 1px;
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#1587ca), to(#45a6e2));
	background: -moz-linear-gradient(top,  #1587ca,  #45a6e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1587ca', endColorstr='#45a6e2');
}

/* Angela : move Buttons */
.moverightButton {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND: url(emp/control_fastforward_blue.png) no-repeat center center; PADDING-BOTTOM: 2px; WIDTH: 23px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 23px; BORDER-BOTTOM-STYLE: none
}

.moveleftButton {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; FONT-WEIGHT: bold; BACKGROUND: url(emp/control_rewind_blue.png) no-repeat center center; PADDING-BOTTOM: 2px; WIDTH: 23px; CURSOR: pointer; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 2px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 23px; BORDER-BOTTOM-STYLE: none
}

/*----- HELP yellow --------------*/

.pathfonthelp {
	FONT-SIZE: 9px; COLOR: #606060; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
	background: #f3f3cf;
}
.pathfonthelp A {
	COLOR: #606060; TEXT-DECORATION: none;
}
.pathfonthelp A:hover {
	TEXT-DECORATION: none;
}
.pathfonthelp A:visited {
	COLOR: #606060; TEXT-DECORATION: none;
}
.helptext {
FONT-SIZE: 11px; COLOR: #6f6f6f;
}
.helptd {
background: #fbfbed;
}

/*-------------------------------------------------*/
.textv {
DISPLAY: inline;
}

.textn {
DISPLAY: none;
}


/*Angela*/
.tipbox {
	FONT-STYLE: italic; FONT-SIZE: 11px; BORDER: #e3e3e3 1px solid; padding:4px; background-color: #fbfbed; margin: 3px 0px 0px 0px;
}

.infobox {
	FONT-SIZE: 11px; BORDER: #e3e3e3 1px solid; padding:4px; background-color: #f9f9f9; margin: 3px 0px 0px 0px;
}

.successbox {
	COLOR: #0e6103; FONT-SIZE: 11px; BORDER: rgb(195, 230, 203) 1px solid; padding:4px; background-color: rgb(212, 237, 218); margin: 3px 0px 0px 0px;
}

.warningbox {
	COLOR: #8f6c4b; FONT-SIZE: 11px; BORDER: rgb(255, 238, 186) 1px solid; padding:4px; background-color: rgb(255, 243, 205); margin: 3px 0px 0px 0px;
}

/*Angela*/
.attentionbox {
	COLOR: #CC0000; FONT-SIZE: 11px; BORDER: #e3e3e3 1px solid; padding:4px; background-color: #f9f9f9; margin: 3px 0px 0px 0px;
}

.errorbox {
	COLOR: #CC0000; FONT-SIZE: 11px; BORDER: #e3e3e3 1px solid; padding:4px; background-color: #fcb0b0; margin: 3px 0px 0px 0px;
}



.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 5px;/*margin: 0 2px;*/
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 10px;
	line-height: 10%;
	width: auto;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: #fff;
	border: solid 1px #0076a3;
	background: #1587ca;
	background: -webkit-gradient(linear, left top, left bottom, from(#45a6e2), to(#1587ca));
	background: -moz-linear-gradient(top,  #45a6e2,  #1587ca);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#45a6e2', endColorstr='#1587ca');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#96cffa), to(#3c769e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#1587ca), to(#45a6e2));
	background: -moz-linear-gradient(top,  #1587ca,  #45a6e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#1587ca', endColorstr='#45a6e2');
}

/**** Datatables *****/

.mycoursestable, #userstable, #groupstable, #submissionstable, #gradestable, #courselisttable, #documentstable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dddddd;
	border-radius: 0.25rem;
	margin-bottom: 20px;
}

.mycoursestable th, #userstable thead th, #groupstable thead th, #submissionstable thead th, #gradestable thead th, 
#courselisttable thead th, #documentstable thead th {
	border: 1px solid #dae0e6;
	background-color: #f6f6f6; /*#dae0e6;*/
	/*border-color:#dddddd; /* #4a4a55;*/
	color: #767d86; /*#363d46;*/ /*#4a4a55;*/
	font-weight: 500;
}

.mycoursestable td, #userstable tbody td, #groupstable tbody td, #submissionstable tbody td, #gradestable tbody td, #documentstable tbody td {
	border-top: 0;
	border-bottom: 0;
	vertical-align: top;
}

#courselisttable td, #documentstable td {
	padding: 4px 17px;
}

#studentgrades td {
	border: 1px solid #dddddd;
}

table.mycoursestable tr.divider, table.mycoursestable.hover tr.divider:hover {
	background-color: #eeeeee;
	font-weight: bold;
	color: #363d46;
	padding: 4px 17px;
}

table.mycoursestable tr.divider td {
	border: 0;
	padding: 4px 17px;
}

.mycoursestable td a:is(.item-edit-cmd, .item-delete-cmd, .item-projects-cmd, .item-inactive-cmd) {
	border:0;
}

.mycoursestable td, .mycoursestable th {
	padding: 0.6em;
}

.mycoursestable tr.superheader th{
	background-color: #ffffff;
	color: #363d46;
	font-weight: 620;
	border-bottom: 1px solid #a6adb6;
}

#userstable_filter, #groupstable_filter, #submissionstable_filter, #gradestable_filter, #courselisttable_filter, #documentstable_filter {
	margin-bottom: 20px;
}

#submissionstable td:not(.child), #submissionstable th { 
	text-align: center;
}

/* Datatables pagination */

.mycoursestable a.paginate_button, #userstable_paginate a.paginate_button,
#submissionstable_paginate a.paginate_button, #groupstable_paginate a.paginate_button, 
#gradestable_paginate a.paginate_button {
	border-color:#dddddd; /*#4a4a55;*/
	color: #363d46;/*#4a4a55;*/
	font-size: 12px;
}

.mycoursestable a.paginate_button:hover, #userstable_paginate a.paginate_button:hover,
#submissionstable_paginate a.paginate_button:hover, #groupstable_paginate a.paginate_button:hover,
#gradestable_paginate a.paginate_button:hover {
	border-color:#dddddd; /*#4a4a55;*/
	color: #363d46 !important;/*#4a4a55;*/
	font-size: 12px;/*color: #ffffff !important;*/
	background: unset;
	background-color: #dae0e6; /*#dddddd;*/ /*#4a4a55;*/
	/*
	border-radius: .3em;
	border: solid 1px #0076a3;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');*/
}

.mycoursestable a.paginate_button.current, .mycoursestable a.paginate_button.current:hover, 
#userstable_paginate a.paginate_button.current, #userstable_paginate a.paginate_button.current:hover,
#submissionstable_paginate a.paginate_button.current, #submissionstable_paginate a.paginate_button.current:hover,
#groupstable_paginate a.paginate_button.current, #groupstable_paginate a.paginate_button.current:hover,
#gradestable_paginate a.paginate_button.current, #gradestable_paginate a.paginate_button.current:hover {
	background: unset;
	background-color: #dae0e6; /*#dddddd;*/ /*#4a4a55;*/
	color: #363d46 !important;/*#4a4a55;*/
	/*border-color:#dddddd; /*#4a4a55;* /
	border-radius: 0.3rem;
	background-image:unset;
	background-color: #dae0e6;
	color: #363d46 !important;/*#4a4a55;* /
	cursor: default;*/
}

.mycoursestable a.paginate_button.disabled, .mycoursestable a.paginate_button.disabled:hover, 
#userstable_paginate a.paginate_button.disabled, #userstable_paginate a.paginate_button.disabled:hover,
#submissionstable_paginate a.paginate_button.disabled, #submissionstable_paginate a.paginate_button.disabled:hover,
#groupstable_paginate a.paginate_button.disabled, #groupstable_paginate a.paginate_button.disabled:hover,
#gradestable_paginate a.paginate_button.disabled, #gradestable_paginate a.paginate_button.disabled:hover {
	color: #aaaaaa !important;
	background: unset;
	filter:  unset;
	/*border:unset;*/
}

.mycourses-group-btn  {
	border-color:#dddddd; /*#4a4a55;*/
	color: #363d46;/*#4a4a55;*/
	font-size: 12px;
}

.mycourses-group-btn.active, .mycourses-group-btn:hover {
	background-color: #dae0e6; /*#dddddd;*/ /*#4a4a55;*/
	color: #363d46;/*#4a4a55;*/
}


/* Datatables responsiveness */

table.mycoursestable.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, 
table.mycoursestable.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before
{
	font-family: unset;
	font-size:20px;
	content: "\25b8";/*"+";*/
	background: unset; /*#dddddd;*/
	color: #767d86; /*#363d46;*/
	border: unset;
	box-shadow:unset;
	top:15px;
	/*height: 100%;
	padding-top:5px;
	border-radius:0;*/
}

table.mycoursestable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, 
table.mycoursestable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before
{
	content: "\25be";/*"-";*/
	background:unset;/* #bbbbbb;*/
	color: #363d46;
	border: unset;
	box-shadow:unset;
}

.dataTables_wrapper  {
	padding:0;
	margin-top: 30px;
}

@media screen and (max-width: 1000px) {
	#userstable_filter input, #groupstable_filter input, #submissionstable_filter input, #gradestable_filter input, 
	#courselisttable_filter input, #documentstable_filter input {
		width: 250px;
	}
	
}

@media screen and (max-width: 800px) {
	#userstable_filter input, #groupstable_filter input, #submissionstable_filter input,  #gradestable_filter input, 
	#courselisttable_filter input, #documentstable_filter input {
		width: 200px;
	}
	
}
@media screen and (max-width: 640px) {
	.dataTables_wrapper .dataTables_length {
		text-align: left;
	}
	.dataTables_wrapper .dataTables_filter {
		text-align: right;
	}

	.dataTables_wrapper #userstable, .dataTables_wrapper #groupstable, .dataTables_wrapper #submissionstable, .dataTables_wrapper #gradestable, 
	.dataTables_wrapper #courselisttable, .dataTables_wrapper #documentstable {
		margin-top:20px;
	}
}  

table.mycoursestable.dataTable > tbody > tr.child {
	color:#999999;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

table.mycoursestable.dataTable > tbody > tr.child ul.dtr-details > li {
	border:none;
}

.dtr-title {
	vertical-align: top;
}

/******  Calendar  **/
.monthnav {
	font-size: 14px;
	margin-bottom:10px;
	padding-top: 10px;	
	padding-bottom: 10px;	
}

.monthnav #currentmonth, .monthnav #currentmonth:hover {
	background-color: #6c757d; /*#fcfcfc;*/
	cursor: default;
}

.monthnav .btn-outline-secondary {
	border-color:#dddddd; /*#4a4a55;*/
	color: #767d86/*#4a4a55;*/
}

.monthnav .btn-outline-secondary.active, .monthnav .btn-outline-secondary:hover {
	background-color: #dae0e6; /*#dddddd;*/ /*#4a4a55;*/
	color: #363d46;/*#4a4a55;*/
}

#mycalendar thead {
	font-size:12px;
}

#mycalendar tr {
	border: 1px solid #eeeeee;
}

#mycalendar td.day {
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	padding: 5px;
}

#mycalendar td.day::before {
	content: attr(day);
	font-size: 12px;
	float: left;
	width: 20px;
}
#mycalendar #today {
	font-weight:600;
	border: 1px solid #bbbbbb;
	background-color: #eaf0f6;
}

#mycalendar td.highlight {
	border: 1px solid #dddddd;
	background-color: #f0f0f0;
}

@media screen and (max-width: 580px) {
	#mycalendar thead tr th span {
		display: none;
	}
	#mycalendar thead tr th:before {
		content: attr(short);	
	}
}

.event {
	font-size: 12px;
	display:block;
	width:auto;
	margin-left: 20px;
}
.eventtime {
	color: #d9505d;/*#d73a49; *//*#d66b6b;*/
	text-align: justify;
	/*padding: 5px 10px;*/
	font-size: 10px;
	display: inline-block;
	margin-right: 5px;
	line-height:0.5em;
}

/**** Courselist ****/
#schoolsdropdown {
	/*padding:0;*/
	margin-bottom:20px;
}

#schoolsdropdown button{
	text-align:left;
	white-space: normal;
}

#schoolsdropdown .dropdown-menu.show a.dropdown-item {
	white-space: normal;
}

#schoolsdropdown .dropdown-toggle::after{
	position:absolute;
	top: 15px;
	right:20px;
	font-size:20px;
}

#schoolsdropdown .dropdown {
	background-color: #eeeeee;
}

#schoolsdropdown .dropdown-item {
	font-size: 14px;
	padding-left:50px;
	color: #006dc2;
}

#filepath {
	font-size: 16px;
	font-weight: 400;
	min-height: 20px;
}

#filepath .breadcrumbTrail {
	padding: 0;
}

#filepath a {
	color: #808080;
}

#filepath a:hover {
	color: #333333;
}

#filepath .pathstep::after {
	content: " > ";
}

#homefolder i {
	color:#fcbd00;
	font-size: 24px;
	margin:0;
}

tr.docinvisible td  {
	opacity: 50%;
}

.filecomment {
	font-size: smaller;
	color: #808080;
	margin-left: 25px;
}

.expandcollapse {
	font-size: 18px;
	color: #363d46;
}

.expandcollapse i {
	font-size: 24px;
}