@font-face {
	font-family: 'myriadpro';
	src: url('/fonts/myriadpro.eot');
	src: url('/fonts/myriadpro.woff') format('woff'), url('/fonts/myriadpro.ttf') format('truetype');
}

html { 
} 

body {
	font-family : Lato, Roboto, Verdana, sans-serif,arial;
	font-size: 15px;
	color : #555;
	height: 100%;
	margin : 0;
	padding : 0;
}

h1 { 
margin : 0;
padding : 0px 0 5px 0;
font-size : 130%;
font-weight:bold;
letter-spacing : 2px;
color : #25629E;
} 
h2 { 
margin : 0px 5px 5px 0;
padding :0px 15px 5px 0px;
font-size:130%;
font-weight:bold;
letter-spacing : 1px;
color : #4592be;
text-align:left;
border-bottom: 1px solid #eee;
} 
h3 { 
margin : 5px 0 5px 0;
padding : 5px 0 5px 0;
border-bottom : 1px solid #eee;
font-size: 100%;
font-weight:bold;
letter-spacing : 1px;
color : #25629E;
}
h4 { 
margin : 0;
padding : 0px 5px 0px 0;
letter-spacing : 1px;
color : #4592be;
font-size: 100%;
font-weight:bold;
line-height:normal;
} 
h5 { 
margin : 0;
padding : 0px 5px 0px 0;
letter-spacing : 1px;
color : #4592be;
font-size: 100%;
line-height:normal;
} 
/*============MAINPAGE=============*/
#wrap { 
width : 1200px;
margin-left : auto;
margin-right : auto;
padding : 0;
border: thick;
height: 100%;
} 

#logowrapper { 
margin-top : 0px;
margin-bottom : 0px;
border: 0px;
background-color:#3C84BD;
} 			

#logo { 
width : 1200px;
margin-top : 0px;
margin-bottom : 0px;
border: 0px;
background-color:transparent;
margin-left:auto;
margin-right:auto;
} 

#logoicon { 
width : 300px;
float:left;
} 	

#container { 
width : 1200px;
margin-left : auto;
margin-right : auto;
margin-top : 5px;
padding : 0;
/*line-height : 1.8em;*/
} 

#menucontainer { 
position : relative;
color : #e0e0e0;
/*background : #143d55;*/
/*width : 700px;*/
float: right;
}
#menunavwrapper { 
position : relative;
height : 25px;
/*background : #fff url(images/menu_bg2.gif) repeat-x bottom left;*/
} 

#menunav { 
position : relative;
height : 25px;
/*background : #fff url(images/menu_bg2.gif) repeat-x bottom left;*/
margin-left:auto;
margin-right:auto;
/*width:700px;*/
} 
#menunav ul { 
margin : 0;
padding : 0;
list-style-type : none;
width : auto;
/*float : left;*/
} 
#menunav ul li { 
display : block;
float : left;
padding : 0 1px;
} 
#menunav ul li a { 
display : block;
float : left;
color : #eaf3f8;
text-decoration : none;
padding : 0 0 0 20px;
height : 25px;
} 
#menunav ul li a span { 
padding : 5px 20px 0 0;
height : 13px;
float : left;
text-shadow: 2px 2px 3px black;
} 
#menunav ul li a:hover { 
color : #fff;
/*background : transparent url(images/menu_bg-OVER2.gif) repeat-x bottom left;*/
} 
#menunav ul li a:hover span { 
display : block;
width : auto;
cursor : pointer;
color:#69AAD1;
} 
#menunav ul li a.current, #menunav ul li a.current:hover { 
color : #fff;
/*background : transparent url(images/menu_bg-OVER2.gif) repeat-x bottom left;*/
background-color: #5F7BA3;
-moz-box-shadow: 1px 1px 1px #999;
box-shadow: 1px 1px 1px #999;
line-height : 180%;
} 
#menunav ul li a.current span { 
display : block;
padding : 0 20px 0 0;
width : auto;
/*background : transparent url(images/menu_bg-OVER2.gif) repeat-x bottom left;*/
background-color: #5F7BA3;
height : 25px;
} 
#PageTitle {
padding : 5px 5px 2px 5px;
border-bottom : 1px solid #aaa;
font-size:110%;
letter-spacing : 1px;
color : #143c55;
background: transparent;
margin-bottom:10px;
clear:both;
} 
			/*CONTENT*/
#MainPage { 
padding : 5px 5px 0 5px;
width:auto;
/*float:right;*/
border-left : 1px solid #eee;
/*border-right: 1px solid #eee;*/
color: #1D283D;
position: relative;
/*background-color:#EFE6F7;*/
}
/*
#LeftMenu {
	padding : 5px 10px 0px 5px;
	width:220px;
	float:left;
}
*/

#llabel {
	font-size: 90%;
	line-height:normal;
	margin-bottom:10px;
	margin-right: 10px;
}
#main_info {
	/*float:left;
	width:950px;*/
	text-align:justify;
	padding: 0 5px 0 5px;
}
#main_info_site {
	/*float:left;
	width:80%;*/
	text-align:justify;
	padding: 0 5px 0 5px;
}
#main_info_portal {
	float:left;
	width:800px;
	text-align:justify;
	border-right:1px solid #eee;
	padding: 0 5px 0 5px;
}
#main_info_w {
	font-size : 110%;
	padding: 0px 10px 10px 10px;
	line-height:normal;
	margin: 0 0 20px 10px;
	/*background: url("images/bac-left.gif") top left no-repeat;*/
}
#main_info_w_portal {
	padding: 15px 50px 10px 45px;
	line-height:normal;
	margin: 0 0 20px 10px;
	background: url("images/bac-left2.gif") top left no-repeat;
}
#main_info_d {
	padding: 15px 50px 10px 40px;
	line-height:normal;
	margin: 10px 0 20px 10px;
	background: url("images/arrow2.gif") top left no-repeat;
}
/*
#main_lognews {
	float:right;
	margin: 0 10px 0 0;
	width:210px;
	padding-bottom:10px;
}
*/

#footer { 
clear : both;
padding-top: 25px;
margin-left:auto;
margin-right:auto;
height : 1px;
width: auto;
border-bottom: 1px solid #999;
} 

#cpfooter { 
width: auto;
margin-top:3px;
margin-left : auto;
margin-right : auto;
padding : 0;
text-align:right;
} 

#StatusBarWrapper {
background:#D9E8F5;
height:25px;
} 
#StatusBar {
background:transparent;
margin-left:auto;
margin-right:auto;
} 
#userpanel {
font-size : 95%;
color:#777;
float:left;
} 
#logoutpanel { 
font-size : 95%;
/*margin-right:10px;*/
/*padding : 2px 5px 5px 0;*/
/*color:#F00;*/
float:right;
} 

#logoutpanel a {
color:#F00;
text-decoration:none;
}
/*==========MAIN PAGE==========*/

.news_div {
	line-height:normal;
	font-size: 90%;
	max-height:120px;
	overflow:auto;
	padding:5px;
}

.news_div h3 {
	font-size:70%;
	font-weight:normal;
}

.lnews {
	background-image:url(../Images/test.png); 
	background-repeat:no-repeat; 
	padding:5px 10px 0px 25px;
	/*font-family: Tahoma, Geneva, sans-serif;*/
	height:55px;
}

.bib_div {
	line-height:normal;
	font-size: 90%;
}
.bib_div h2 {
	font-weight:boldnormal;
	text-align:left;
	border-top: 0px solid #eee;	
}

.assm_div {
	border:solid; 
	width:540px; 
	height:500px; 
	overflow:auto;		
}

.assm_div h1 {
	font-weight:boldnormal;
	text-align:left;
	color:#000000;
}

.view_title {
	float:left;
	margin-top:6px;
	padding-bottom: 5px;
	/*font-weight:bold;*/
}

.view_mode {
	float:right;
	font-size : 90%;
	border:#FF0000 1px solid;
	background:#FF6600;
	background-image:url(/Images/Icons/edit.png);
	background-position:left;
	background-repeat:no-repeat;
	padding: 2px 2px 2px 25px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	color:#FFF;
	margin-top:4px;
}

/*
.view_mode a{
	text-decoration:none;
	color:#FFF;	
	background-image:none;
}


.view_mode a:hover{
	color:#FFF;
}
*/

.view_mode:hover{
	background:#FFF;
	background-image:url(/Images/Icons/edit.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#5194BC;
	cursor:pointer;
}

.view_mode_n {
	float:right; 
	font-size : 90%;
	border: #2306F3 1px solid;
	background: #0697F8;
	background-image:url(/Images/Icons/webview.png);
	background-position:left;
	background-repeat:no-repeat;
	padding: 2px 2px 2px 25px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	color:#FFF;
}

/*
.view_mode_n a{
	text-decoration:none;
	background-image:none;
	color:#FFF;
}

.view_mode_n a:hover{
	color:#333;
}
*/
.view_mode_n:hover{
	text-decoration:none;
	background:#FFF;
	background-image:url(/Images/Icons/webview.png);
	background-position:left;
	background-repeat:no-repeat;
	color:#5194BC;
	cursor:pointer;
}


.buttonTD {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #2C3C49;
	background-color: #E7F3F8;
	padding: 10px;
}

.gbutton {
   border: 1px solid #ABD1F3;
   font-size: 110%;
   padding: 4px 8px 4px 8px;   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
}

.gbutton:hover {
   color: #005E8A;
   background-color: #F5FAFC;  
   cursor: pointer;
   cursor: hand;
}


.button {
   color: #FFF;
   border: 1px solid #ABD1F3;
   font-size: 110%;
   background-color: #5194BC;  
   padding: 4px 8px 4px 8px;   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   /*margin: 10px 5px 10px 5px;*/
   display:inline-block;
}

.leftmenuwide {
	width:200px;	
}


.button:hover {
   color: #005E8A;
   background-color: #F5FAFC;  
   cursor: pointer;
   cursor: hand;
}

.button_red {
   color: #2C3C49;
   border: 1px solid #ABD1F3;
   font-weight: bold;
   background-color: #FC0; 
   padding: 3px 5px 5px 5px;   
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   margin: 10px 10px 10px 10px;
}


.button_red:hover {
   color: #005E8A;
   border: 1px solid #ABD1F3;
   font-size: 90%;
   font-weight: bold;
   background-color: #F00;
   padding: 3px 5px 5px 5px; 
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   cursor: pointer;
   cursor: hand;
   margin: 10px 10px 10px 10px;
}

/*========TAB MENU=========*/
#tabmenu {
	border-bottom : 1px solid #ccc;
	margin : 0px 0px 10px 0px;
	padding-bottom : 19px;
	padding-left : 10px;
	font-size:110%;
}

#tabmenu ul, #tabmenu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#tabmenu a:link, #tabmenu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-weight : normal;
	line-height : 15px;
	margin-right : 8px;
	margin-top: 3px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#tabmenu a:link.active, #tabmenu a:visited.active	{
	background : #E0EFFC; /*#fff;*/
	border-bottom : 1px solid #fff;
	color : #000;
}

#tabmenu a:hover	{
	color : #f00;
}

.section-1 #tabmenu li#nav-1 a, 
.section-2 #tabmenu li#nav-2 a,
.section-3 #tabmenu li#nav-3 a,
.section-4 #tabmenu li#nav-4 a,
.section-5 #tabmenu li#nav-5 a,
.section-6 #tabmenu li#nav-6 a,
.section-7 #tabmenu li#nav-7 a,
.section-8 #tabmenu li#nav-8 a,
.section-9 #tabmenu li#nav-9 a,
.section-10 #tabmenu li#nav-10 a {
	background: #E0EFFC; /*rgba(255, 255, 255, 0);*/
	border-bottom : 1px solid #F2FFF9; /*#fff;*/
	color : #000;
}
/*========TAB MENU=========*/

#progressBar { padding-top: 5px; }
#progressBarBox { width: 350px; height: 20px; border: 1px inset; background: #eee;}
#progressBarBoxContent { width: 0; height: 20px; border-right: 1px solid rgb(170, 169, 169); background: #CBE3F8; }
#progressDocBar { padding-top: 5px; }
#progressDocBarBox { width: 350px; height: 20px; border: 1px inset; background: #eee;}
#progressDocBarBoxContent { width: 0; height: 20px; border-right: 1px solid #444; background: #CBE3F8; }

.gBlock {
	font-size: 90%;
	color: #000000;
	/*background-color: #d9e8f5;*/
	vertical-align: top;
	padding:5px;
	line-height:1;
	word-wrap: break-word;
}

.gBlock p{
  margin:0px 5px 5px 5px;!important
}

.gBlock img{
	display: inline-block;
	margin-right: 3px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.emph {
	font-weight:bold;	
}

.menu {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #000000;
	background-color: #D4E0EB;
	font-weight: normal;
	padding-left:5px;
}

.tbox {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #000000;
	background-color: #D6E5F3;
}

a.menuLink:link {
	color: #003366;
	text-decoration: none;

}
a.menuLink:visited {
	color: #00254A;
	text-decoration: none;

}
a.menuLink:hover {
	color: #0099CC;
	text-decoration: underline;

}
.topBack {
	background-color: #336699;
}
.menu2 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	color: #416389;
	height: 20px;
}
.bottom {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	color: #293954;
}
a.bottomLink:link {
	color: #003366;

}
a.bottomLink:visited {
	color: #00254A;

}
a.bottomLink:hover {
	color: #0099CC;
	text-decoration: underline;

}
.main {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	color: #172937;
}
.box1 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 95%;
	color: #2C3C49;
	background-color: #F5FAFC;
	height: 20px;
}

.box1 p{
	margin: 0;
	padding:0;
}

.darkBlock {
	color: #2C3C49;
	background-color: #D0E7F9;
	height: 24px;
	border: 1px solid #ABD1F3;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.editBlock {
	color: #2C3C49;
	background-color: #f5f5fa;
	height: 30px;
	border: 1px solid #CBCDCE;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

a.redBox:link {
	color: #CC0000;
}
a.redBox:visited {
	color: #FF6633;
}
a.redBox:hover {
	color: #FFCC33;
	text-decoration: underline;
}

.form_b {
	color: #0A163B;
	background-color: #F5FBFE;
}
.formDefault {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #7F9DB9;
	color: #0A163B;
	height: 20px;
	background-color: #F5FBFE;
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 1px 1px 2px #CCC inset;
}

.formDefaultMultiLines {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #7F9DB9;
	color: #0A163B;
	background-color: #F5FBFE;
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

.metaform{
	font-size: 90%;
	border: 1px solid #7F9DB9;
	color: #0A163B;
	background-color: #F5FBFE;
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
	width:500px;
}

.formLang {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	border: 1px solid #7F9DB9;
	color: #FFFFFF;
	height: 20px;
	background-color: #6BB3D9; /*#F5FBFE;*/
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
	text-transform:none;
}

.formWhite {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size:90%;
	border: 1px solid #7F9DB9;
	color: #0A163B;
	height: 20px;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
}
.titleBox {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #141B21;
	vertical-align: middle;
	min-height: 24px;
	background-color: #ABD1F3;
	background-repeat: repeat-x;
	background-position: top;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);	
}
.blueT {
	color: #005E8A;
}
.redText {
	color: #CC0000;
}
.greenText {
	color: #006600;
}
.grayText {
	color: #CCCCCC;
	text-decoration: none;
}
.boxFooter {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	color: #1C262F;
	background-color: #D0E7F9;
	height: 22px;
	vertical-align: middle;
}
.boxHeader {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #1C262F;
	background-color: #D0E7F9;
	height: 24px;
	font-weight: normal;
	vertical-align: middle;
}
a.boxLink:link {
	color: #1867AD;
	text-decoration: none;
}
a.boxLink:visited {
	color: #124D81;
	text-decoration: none;
}
a.boxLink:hover {
	color: #00A9E1;
	text-decoration: none;
}
a.emphLink:link {
	color: #FF9900;
	text-decoration: none;
}

a.emphLink:hover {
	color: #00A9E1;
}

.leftTitle {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	font-weight: bold;
	color: #062031;
	background-color: #B3DBF7;
	height: 22px;
	vertical-align: middle;
}
.leftInside {
	background-color: #DDEEFB;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1E1F9;
	vertical-align: middle;
	height: 22px;
}
.leftBox {
	background-color: #C1E1F9;
}
.formWhiteMultiLines {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	border: 1px solid #7F9DB9;
	color: #0A163B;
	background-color: #FFFFFF;
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
}
.box1Darker {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 85%;
	color: #2C3C49;
	background-color: #E0EFFC;
	vertical-align: baseline;
	height: 22px;
}
.box1DarkerFheight {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	color: #2C3C49;
	background-color: #E0EFFC;
	vertical-align: middle;
}
.blueText {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	color: #005E8A;
}
.blueTextBold {
	font-size: 110%;
	font-weight:bold;
	color: #005E8A;
}

.desc_div {
	line-height:normal;
	font-size: 95%;
	height:40px;
	overflow:hidden;
	padding-top:10px;
	text-align:justify;
}

.box1OutWhite {
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 24px;
}
.pale {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	color: #1D283D;
	background-color: #F5FAFE;
	border: 1px solid #AAD5F0;
}
.title3 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 95%;
	font-weight: bold;
	color: #0A2845;
}
.smallTitle {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 85%;
	font-weight: bold;
}
.vsmallTitle {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 80%;
	font-weight: bold;
}
.small {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 85%;
	font-weight: normal;
}
.title4 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 95%;
	color: #2C3C49;
	background-color: #E7F3F8;
	height: 20px;
	font-weight: bold;
}
.title5 {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	color: #2C3C49;
	background-color: #E7F3F8;
	/*height: 20px;*/
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CDE;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.statusBar {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 90%;
	font-weight: normal;
	height:20px;
	background-color: #AABBCC;
}

.paleBlock {
	background-color: #FAFDFE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CDE;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 2px;
	text-shadow: none;	
}

.whiteBlock {
	background-color: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CDE;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 2px;
	text-shadow: none;	
}

.bgWhite {
        background-color: #FFF;
}


.imgBlock {
	background: white no-repeat center center;
	background-size: contain;
	/*box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);*/
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 4px;
	height: 220px;
	width: 220px;
	float:left;
}

.thumbBlock {
	background: white no-repeat center center;
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	float: left;
	height: 40px;
	width: 60px;
	margin: 8px 4px 0px 4px;
}

.bwide {
		width:100%;
}
.bnarrow {
		width:670px;
}
.bpwide {
		width:90%!important;
}
.bpnarrow {
		width:40%!important;
}

.block {
	display:inline-block;
	background-color: #FCFDFF;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-ms-border-radius: 0 0 4px 4px;
	-o-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border: 1px solid #CDE;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 10px;
	margin: 0 0 10px 0;
	text-shadow: none;
}

.notffnt {
	font-size:20px !important;
}

.team-label {
	position: relative;
	left: 4px;
	top: 1px;
	z-index: 10;
	font-size: 13px;
}

.course-image {
	float:left;
	display: inline-block;
	width:65px;
	height: 65px;
	vertical-align: bottom;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.course-image-inn {
	width:64px;
	height: 64px;
}
@media (min-width: 1200px) {
.course-image {
	float:left;
	display: inline-block;
	width:81px;
	height: 81px;
	vertical-align: bottom;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}

.course-image-inn {
	width:80px;
	height: 80px;
}
}


.info {
	float:left;
	display: inline-block;
	margin-left: 5px;
	width:35%;
	font-size:90%;
	padding: 10px;
	overflow:hidden;
}

.course_status {
float: right;
text-align: right;
width: 35%;
}
.category {
color: #666;
font-size: 90%;
}

.boxed {
	background-color: #FAFDFE;
	border: 3px solid #AAD5F0;
	padding: 0px 5px 0px 5px;
}

.boxOut {
	color: #2C3C49;
	background-color: #D0E7F9;
	border: 1px solid #ABD1F3;
}

.boxDiv {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 85%;
	text-align:left;
	border: 1px groove #7F9DB9;
	color: #0A163B;
	background-color: #F5FBFE;
	margin: 1px;
	padding: 1px;
	text-indent: 1pt;
	border: 1px solid black;
	overflow:auto;
	height:350px;
	width:420px;
	scrollbar-base-color:#D0E7F9;	
}

.head table {
	width:100%;
}
.head table td {
	background-color:#4682b4;
	color:white;
	vertical-align:middle;
	padding-top:3px;
	padding-bottom:3px;
}

.head table .left {
padding-left:2px;
padding-right:1px;
}
.head table .right {
padding-right:2px;
padding-left:1px;
}
.head table .caption {
padding-left:2px;
padding-right:2px;
text-align:center;
width:100%;
}
.button img {
width:16px;
height:16px;
border:none;
}
.grid table {
width:100%;
border-collapse:collapse;
background-color:#FFFFFF;
}
.grid table td {
border:1px solid #4682b4;
vertical-align:middle;

}
.box {
color:black;
display:block;
text-decoration:none;
cursor:pointer;
background-repeat:
no-repeat;background-position:1px 1px;
}
.box div {
text-align:center;
width:25px;
line-height:20px;
}
.grid table thead td {
background-color:#87cefa;
}
.grid table thead td div {
color:white;cursor:default;
}
.box:hover {
background-color:#ffffcf;
}
.other-month {color:#7f7f7f;}
.weekend {background-color:#dbeaf5;}
.weekend:hover {background-color:#dff7ff;}
.selected {background-color:#ffdf9f;}
.selected:hover {background-color:#ffe7af;}
.today {color:ff3f00;color:ff5f00;font-weight:bold;}

/*
a:link {
	color: #39709B;
	text-decoration: underline;
}
a:visited {
	color: #325994;
	text-decoration: underline;
}
a:hover {
	color: #59A4E8;
	text-decoration: underline;
}
*/

.idxdiv {margin: 5px 0 5px;
padding: 0;
cursor: text;
text-align: center;
font-size: 40px;
font-weight: bold;
letter-spacing: 3px;
text-align:center;
line-height: 30px;
}
.idxdiv2 {
font-size: 24px;
font-weight: normal;
line-height: 30px;
word-spacing: -1px;
color: #25629E;
text-align: center;
text-align:center;
margin-bottom:20px;
}

.signup {
border-top: 1px solid rgba(255, 255, 255, 0.2);
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: block;
line-height: normal;
margin: 0;
padding: 4px 6px 4px 6px;
position: relative;
text-shadow: 0px 0px 3px #AE5F0A;
opacity: 0.9;
font-size: 110%;
margin: 0px 5px 0 5px;
display: block;
line-height: normal;
font-weight: 400;
}

.signup-button{
background-color: #FF8604;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, rgba(0, 0, 0, 0.3)));
background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
display: inline-block;
overflow: hidden;
padding: 0px;
text-decoration: none;
vertical-align: middle;
}


.signup-button:hover {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, rgba(0, 0, 0, 0)));
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0));
	cursor: pointer; 
	text-decoration: none;
}

.login-button {
background-color: #178BC1;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, rgba(0, 0, 0, 0.3)));
background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3));
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.1);
display: inline-block;
overflow: hidden;
padding: 0px;
text-decoration: none;
vertical-align: middle;
opacity: 0.9;
}

.login {
border-top: 1px solid rgba(255, 255, 255, 0.2);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: white;
display: block;
line-height: normal;
margin: 0;
padding: 4px 14px 4px 14px;
position: relative;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);

font-size:110%;
margin: 0px 5px 0 5px;
display: block;
line-height: normal;
font-weight: 400;
}

.login-button:hover {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, rgba(0, 0, 0, 0)));
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0));
	cursor: pointer; 
	text-decoration: none;
}

.langSelect {
	background-color: rgba(253, 253, 253, 0.68);
    height: 21px;
    font-size: 11px;
    border-radius: 5px;
    margin-top: 1px;
}

.statUser {
    float: left;
    margin: 3px 0 0 5px;
    border: 1px solid rgb(169, 169, 169);
    font-size: 11px;
    padding: 1px 5px 1px 1px;
    border-radius: 5px;
    background-color: rgba(253, 253, 253, 0.68);	
}

.cclabel {
	float: left;
	margin-left: 1px;
}
.ccdesc {
	margin-left: 100px;
	font-size: 90%;
}
.playVideo {
	height:220px;
	width:220px;
	background: url(/Images/video-play.png) no-repeat scroll center center #0000000f;
}

.playVideoSmall {
	display: inline-block;
	height:25px;
	width:80px;
	background: url("/Images/video-play.png") no-repeat scroll center center #999;
	margin-top: 3px;
}
.notif{
	position:absolute;
    top:-0.1em;
    width: 1.5em;
    height: 1.5em;
 
    line-height:1.5em;
    text-align:center;
 
    font-weight:bold;
    color:#fff;
    text-shadow:0px 1px 0px rgba(0,0,0,.15);
 
    -webkit-box-shadow:
        inset 0px 1px 0px rgba(255,255,255,35),
        0px 1px 1px rgba(0,0,0,.2);
    -moz-box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.35),
        0px 1px 1px rgba(0,0,0,.2);
    box-shadow:
        inset 0px 1px 0px rgba(255,255,255,.35),
        0px 1px 1px rgba(0,0,0,.2);
 
    -webkit-border-radius:4em;
    -moz-border-radius:4em;
    border-radius:4em;
 
    opacity:100;
filter: alpha(opacity=0);
 
    -webkit-transition: .3s top ease-in, .3s opacity ease-in;
    -moz-transition: .3s top ease-in, .3s opacity ease-in;
    -o-transition: .3s top ease-in, .3s opacity ease-in;
    -ms-transition: .3s top ease-in, .3s opacity ease-in;
    transition: .3s top ease-in, .3s opacity ease-in;
}

.notif_red {
    background-image: -webkit-linear-gradient(top, rgb(247, 130, 151), rgb(244, 102, 119));
    background-image: -moz-linear-gradient(top, rgb(247, 130, 151), rgb(244, 102, 119));
    background-image: -o-linear-gradient(top, rgb(247, 130, 151), rgb(244, 102, 119));
    background-image: -ms-linear-gradient(top, rgb(247, 130, 151), rgb(244, 102, 119));
    background-image: linear-gradient(top, rgb(247, 130, 151), rgb(244, 102, 119));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f78297', EndColorStr='#f46677');
 
    border:1px solid #ce4f5e;
}

.notif_yellow {
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 72));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba48');
 
    border:1px solid #dea94f;
}

.notif_blue {
    background-image: -webkit-linear-gradient(top, rgb(172, 228, 248), rgb(108, 205, 243));
    background-image: -moz-linear-gradient(top, rgb(172, 228, 248), rgb(108, 205, 243));
    background-image: -o-linear-gradient(top, rgb(172, 228, 248), rgb(108, 205, 243));
    background-image: -ms-linear-gradient(top, rgb(172, 228, 248), rgb(108, 205, 243));
    background-image: linear-gradient(top, rgb(172, 228, 248), rgb(108, 205, 243));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ace4f8', EndColorStr='#6ccdf3');
 
    border:1px solid #79b5cb;
}

.notif_row {
	/*background-color: #FAFDFE;*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #CFD4DA;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	padding: 2px;
	text-shadow: none;	
	height:15px;
	font-size:70%;
	width:170px;
	text-align:center;
}

.gwend{ background:#D3CED0 !important; color:white !important; width:20px}

.greenb {background-color:#15A527};

.course_meta  {
}

.course_meta td {
	border:1px solid #79b5cb;
}

.forum.table > tbody > tr > td {
    vertical-align: middle;
}

.forum .fa {
    width: 1em;
    text-align: center;
}


.forum.table th.cell-stat-2x {
    width: 14em;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #fafdfe;
 }


/*----------*/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 25px;
  margin-right: -1.5px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc( 100% - 75px );
  float: right;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-right: 15px solid #ccc;
  border-left: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 0px;
  margin-right: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel {
  float: left;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-right-width: 0;
  border-left-width: 15px;
  right: -15px;
  left: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-right-width: 0;
  border-left-width: 14px;
  right: -14px;
  left: auto;
}
.timeline-badge.primary {
  background-color: #2e6da4 !important;
}
.timeline-badge.success {
  background-color: #3f903f !important;
}
.timeline-badge.warning {
  background-color: #f0ad4e !important;
}
.timeline-badge.danger {
  background-color: #d9534f !important;
}
.timeline-badge.info {
  background-color: #5bc0de !important;
}
.timeline-title {
  margin-top: 0;
  color: inherit;
  font-size: 85%;
}
.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}
.timeline-body > p + p {
  margin-top: 5px;
}

/*---------*/
.form-group input[type="checkbox"] {
    display: none;
}

.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;   
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;   
}
/*---------*/
.spinner {
  width: 100px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}

/*---------*/
.is-table-row {
    display: table;
}
.is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}

.row-eq-height {
  display: block;
}

@media (min-width: 992px) {

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
}

.card {
  height:100%;
  padding:5px 0 5px 0;
  margin-bottom:15px;
/*-webkit-box-shadow: 4px 9px 18px -9px rgba(128,129,135,1);
-moz-box-shadow: 4px 9px 18px -9px rgba(128,129,135,1);
box-shadow: 4px 9px 18px -9px rgba(128,129,135,1);*/
}

.btncard {
  position:absolute;
  bottom:5px;
}

.btnwrp {
  white-space: normal;
}

.pull-down{
	position:absolute;
	left:0;
	bottom:0;
}

.fleft {
	float:left;
	margin-right: 3px;
}

.label-as-badge {
    border-radius: 1em;
}

.mvftop {
    margin-top:10px;
}
.mvfbtm {
    margin-bottom:10px;
    overflow:hidden;
}
/*TESTTEST*/
div.ppit-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
  border-radius: 4px;
  -moz-border-radius: 4px;
  border:1px solid #ddd;
  margin-top: 20px;
  margin-left: 50px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
}
div.ppit-tab-menu{
  padding: 5px 5px 0 20px;
}
div.ppit-tab-menu div.list-group{
  margin-bottom: 0;
}
div.ppit-tab-menu div.list-group>a{
  margin: 0;
  padding: 3px;
  color: #428bca;
}
div.ppit-tab-menu div.list-group>a .glyphicon,
div.ppit-tab-menu div.list-group>a .fa {
  color: #abd1f3;
}
div.ppit-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.ppit-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.ppit-tab-menu div.list-group>a.active,
div.ppit-tab-menu div.list-group>a.active .glyphicon,
div.ppit-tab-menu div.list-group>a.active .fa{
  background-color: #abd1f3;
  color: #ffffff;
  border-color:#abd1f3;
}
div.ppit-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #abd1f3;
}

div.ppit-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 20px;
  padding-top: 10px;
}

div.ppit-tab div.ppit-tab-content:not(.active){
  display: none;
}
/*TESTTEST*/
.social-link a {
    width: 25px;
    height: 25px;
    background: #74aff1;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    padding-top:3px;
}
.social-link-sm a {
    width: 20px;
    height: 20px;
    background: #74aff1;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    padding-top: 5px;
}
.social-link i {
    margin: 0 !important;
    color: #fff !important;
}
.social-link-sm i {
    margin: 0 !important;
    color: #fff !important;
}


.no-gutter > [class*='col-'] {
    padding:0 2px 0 2px;
}

.sm-gutter > [class*='col-'] {
    padding:5px;
}

.pill-ord {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    z-index: 0;
    border: 1px solid #eee;
}

.pill-caret {
    background-color: rgba(255, 255, 255, 0) !important;
    padding: 6px 0 0 0 !important;;
    padding-top: 5px !important;;
    font-size: 20px;
    z-index: 1;
}
.pill-caret:hover{
    color: #5dd784 !important;
}
.pill-left {
    float: left;
    left: 9px;
}
.pill-right {
    float: right;
    left: -9px;
}

.bquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    border-left: 12px solid #eeeeee;
}

.list-group-horizontal .list-group-item {
    display: table-cell;
    text-align: center;
    padding: 1px 1px
}
.list-group-horizontal .list-group-item {
	margin-bottom: 0;
	margin-left:-4px;
	margin-right: 0;
}
.list-group-horizontal .list-group-item:first-child {
	border-top-right-radius:0;
	border-bottom-left-radius:4px;
}
.list-group-horizontal .list-group-item:last-child {
	border-top-right-radius:4px;
	border-bottom-left-radius:0;
}

.list-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.cstate{
	position: relative;
 	width: 16px;
 	height: 16px;
 	border-radius: 26px;
 	margin-left: auto;
 	margin-right: auto;
 	top: 4px;
}

.cactive {
 	background-color: #62be64;
}

.cinactive {
	background-color: #ff6868;
}

.cpadmar {
	padding:8px;
	margin-bottom:15px;
}

.btn-circle {
    border-radius: 20px;
    font-weight: bold;
    color: #ffffff;
    background-color: #abd1f3;
    border-color: #d9e8f5;

}
.di-title {
    line-height: 12px;
    border-top: 1px solid #dddddd;
}

.link-file:before {
  font-family: "Font Awesome 5 Free";
  content: "\f15b";
  padding-right: 3px;
  font-weight: bold;
  font-size: 16px;
}
.link-other:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0c1";
  padding-right: 3px;
  font-weight: bold;
  font-size: 16px;
}

.link-slide:before {
  font-family: "Font Awesome 5 Free";
  content: "\f06e";
  padding-right: 5px;
  font-weight: bold;
  font-size: 16px;
}

.faLoading {
    position: relative;
}
.faLoading:before {
    font-family: "Font Awesome 5 Free";
    content: "\f110";
    font-size: 70px;
}

.lpcounter {
    display: inline-block;
    color: #fff;
    -webkit-border-radius: 25%;
    border-radius: 10%;
    background: rgba(0,0,0,.38);
    width: 2.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    font-size:10px;
}

.lpcounter::after {
    position: absolute;
    left: 35px;
    content: " ";
    width: 1px;
    height: 25px;
    background-color: #a7a3a3;
    margin-top: -4px;
}

.table-striped>tbody>tr.section {
background-color: #e1e8ee;
}
.table-striped>tbody>tr>td.section {
background-color: #e1e8ee;
}

.sortHandle {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.lastvis {
	background-color: #fbf1db;
}
		
.ui-sortable tr:hover *{
	background:rgba(244,251,17,0.45)!important;
}

ul.rhistory {
    list-style-type: none;
    position: relative;
}
ul.rhistory:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.rhistory > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.rhistory > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


.logbtn {
    padding: 6px;
    color: white;
    font-size: 13px;
    text-align: center;
    border-radius: 5px !important;
    width: 100%;	
}

.logsvg {
	vertical-align: initial;
    margin-top: 0px;
    margin-bottom: -5px;
    margin-right: 2px;
    transition: opacity 200ms cubic-bezier(.165, .84, .44, 1);
}

.cefhtml {
font : 12pt Calibri, Verdana, Helvetica, sans-serif,arial;
min-height:500px;
}

.cefhtml iframe {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  border: none;
}

.cefhtml img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.cefhtml.inline-images img {
  display: inline;
}
.cefhtml h1, .cefhtml h1 *,p.MILANHeading1nonumber,p.TI4Heading1nonumber {
margin : 0!important;
padding : 0px 0 5px 0!important;
font-size : 18pt!important;
font-weight:bold!important;
letter-spacing : 2px!important;
color : #25629E!important;
text-indent :0!important;
}
.cefhtml h2, .cefhtml h2 * {
margin : 0!important;
padding : 0px 0 5px 0!important;
font-size:16pt!important;
font-weight:bold!important;
letter-spacing : 1px!important;
color : #4592be!important;
text-align:left!important;
border-bottom: 0!important;
text-indent :5pt!important;
}
.cefhtml h3, .cefhtml h3 * {
margin : 0!important;
padding : 0px 0 5px 0!important;
border-bottom : 1px solid #eee!important;
font-size: 14pt!important;
font-weight:bold!important;
letter-spacing : 1px!important;
color : #25629E!important;
border-bottom: 0!important;
text-indent :10pt!important;
}
.cefhtml .MsoCaption {
text-align: center;
color : #25629E;
font-weight: bold;
}

.mce-content-body .MsoCaption{
text-align: center;
color : #25629E;
font-weight: bold;
}

.tmce_toc, .tmce_toc:hover {
      text-decoration: none;
      color: inherit;
}

.ce-fa-med {
	font-size:20px;
}

.talk-bubble {
	margin: 4px;
	padding: 8px;
  	display: inline-block;
  	position: relative;
	height: auto;
	background-color: #d8ffd7;
	color:#1b4f74
}
.round{
  border-radius: 30px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #d8ffd7 transparent transparent transparent;
}

.coursevo-msg {
        font-size: 16px;
	padding: 10px;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
}

.custom-control-input:active~.custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #007bff;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -25px;
    display: block;
    width: 16px;
    height: 16px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-control-label::after {
    position: absolute;
    top: -1px;
    left: -28px;
    display: block;
    width: 22px;
    height: 22px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.badge-light {
    color: #212529;
    background-color: #e1e1e1;
}

.carousel {
    height: 300px;
}

.item, .active, .carousel-inner {
    height: 100%;
    overflow:clip;
}

/*
.item,
.carousel-inner {
  height: 250px;
}
*/

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}