/* fonts
---------------------------------------------------------------------------------------------------------------- */
@font-face{
   font-family: "HelveticaNeueLTStd-Hv";
   font-style: normal;
   font-weight: normal;
   src: url("fonts/HelveticaNeueLTStd-Hv.otf");
}
@font-face{
   font-family: "HelveticaNeueLTStd-Lt";
   font-style: normal;
   font-weight: normal;
   src: url("fonts/HelveticaNeueLTStd-Lt.otf");
}
@font-face{
   font-family: "HelveticaNeueLTStd-Md";
   font-style: normal;
   font-weight: normal;
   src: url("fonts/HelveticaNeueLTStd-Md.otf");
}
@font-face{
   font-family: "HelveticaNeueLTStd-Th";
   font-style: normal;
   font-weight: normal;
   src: url("fonts/HelveticaNeueLTStd-Th.otf");
}



a
{
	text-decoration:none;
}

.SWcontentTitles
{
font-weight: bold;
font-size: 18px;
color:#7E7C7C;
}
.SWcontentboldText
{
font-weight: bold;
font-size: 14px;
color:#000000;	
}
.SWcontentText
{
font-size: 14px;
color:#000000;	
}
.SWCourseContentText
{
font-size: 15px;
color:#666666;
line-height: 20px;	
/*padding-bottom: 30px;*/
width:100%;
}
.SWcontentTextBlue
{
font-size: 14px;
color:#006699;	
}
.SWcontentSmallText
{
font-size: 11px;
color:#000000;	
}



.btn_101 {
    display: block;
   /* width: 80px;*/
    font-size: 13px;
    border: solid 1px #387ebb;
    color: #fff;
    cursor: pointer;
   /* height: 20px;*/
    background-color: #387ebb;
    font-weight: bold;
    text-decoration: none;
    float: left;
    padding: 8px;
    text-align: center;
	    display: inline-block;
}

.btn_101:hover {
    background-color: #16446d;
}
a.btn {
    color: #fff !important;
    -webkit-appearance: none !important;
}
a.btn:hover {
    opacity: 0.8;
}



	



	

	/* utils
	------------------------------------------------------------------------------------------------------  */
	.fleft		{ float: left !important; }
	.fright		{ float: right !important; }
	.tacenter	{ text-align: center !important; }
	.backred 	{ background-color: #c43a0d !important; }
	.backblue 	{ background-color: #11416a !important; }
	.backbluelight	{ background-color: #0099ff !important; }
	.backgreen 	{ background-color: #328720 !important; }
	.backgreenlight 	{ background-color: #41af28 !important; }
	
	.backbluedark 	{ background-color: #01153a !important; }	
	.backcyan 	{ background-color: #79b9da !important; }
	.backpurple { background-color: #927cb0 !important; }
	
		.backwhite { background-color: #ffffff !important; }
	
	.backgrey {background-color: #989797 !important;}
	.backgreylight {background-color: #f0f0f0 !important;}
	.margintop0	{ margin-top: 0px !important; }
	.marginbot0	{ margin-bottom: 0px !important; }

	.txtcolgray { color: #999 !important; }
	.tbig		{ font-size: 35px !important; }

	.backblack {background-color:black}




	



	/* contenido
	------------------------------------------------------------------------------------------------------  */
	#contenido{
	/*	display: inline-block;
/*		padding: 55px 0px;*/
	}
	#contenido .content{
		width: 76%;
		padding: 0px 12%;
		text-align: left;
		font-size: 22px;
		line-height: 26px;
	}
	#contenido .content-box, #footer .content-box{
    display: inline-block;
    width: 100%;
    max-width: 1410px;
     text-align: left; 	    
	}
	
	#contenido .content-box .box{
    float: left;
    height: 305px;
	width: 24.3%;
    margin: 2%;
    background-position: center 20px;
    background-repeat: no-repeat;
    background-size: cover;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
	}
	#contenido .content-box .box.news
	{
		height:100%;
	}
	#contenido .content-box .box-texto{
		float: left;
		height: 300px;
	}
	#contenido .content-box .box-5{
		width: 16%;
		margin: 2%;
	}
	#contenido .content-box .box-4{
		width: 21%;
		margin: 2%;
	}
	#contenido .content-box .box-4-2{
		width: 21%;
		margin: 2%;
		opacity: 0.6;
		height: 160px;
		margin-top: 30px !important;
	}
	#contenido .content-box .box-4-2:hover{
		opacity: 1;
	}

	#contenido .content-box .box-texto .tit{
		float: left;
		width: 80%;
		padding: 40px 10%;
		color: #fff;
	}
	#contenido .content-box .txt{
    color: #fff;
    font-size: 20px;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
	}
	.content-box  p{
	 text-align:left;
	 /*padding-left:18px;*/
	 	 padding-right:18px;
	}
		#contenido .content-box .txt.heading-list
		{
		padding-top: 0px!important;
    padding-bottom: 0px!important;	
	    padding-left: 0px;
	height: 41px;
		}
	#contenido .content-box .txt.heading-list ul{
	list-style: none;
    margin: 0px;
	     display: inline;
	}
	#contenido .content-box .txt.heading-list ul li{
		float:left;
		padding-left:10px;
		padding-right:10px;
		border-right-width:2px;
		border-right-style:solid;
	}
		#contenido .content-box .txt.heading-list ul li div{
    padding-top: 9px;
    padding-bottom: 9px;
		}
				#contenido .content-box .txt.heading-list ul li div a{
					color:white;
				}
	#contenido .content-box .hub{
		float: left;
		width: 96%;
		margin-bottom: 15px;
		text-align: left;
		color: #fff;
		padding: 10px 2%;
		text-decoration: none;
		background-color: #004789;
	}
	#contenido .content-box .hub:hover{
		opacity: 0.8;
	}
	#contenido .content .box-section{
		border: 1px solid #ccc;
		width: 98%;
		text-align: left;
		font-size: 22px;
		line-height: 26px;
		padding: 80px 0px;
		padding-left: 2%;
		margin-top: 60px;
		color: #ccc;
	}

	#contenido .content-box .box-login{
		float: left;
		width: 38%;
		margin: 2%;
		min-height: 410px;
		text-align: left;
		padding: 4%;
		padding-top: 3%;
		color: #fff;
	}
	#contenido .content-box .box-login a{
		float: left;
		width: 100%;
		height: 20px;
		color: #fff;
		text-decoration: none;
	}
	#contenido .content-box .box-login .tit{
		float: left;
		width: 100%;
		font-size: 40px;
	}
	#contenido .content-box .box-login form{
		float: left;
		width: 100%;
		margin-top: 40px;
	}
	#contenido .content-box .box-login form label{
		float: left;
		width: 25%;
		margin-top: 12px;
		margin-bottom: 5px;
		font-size: 13px;
	}
	#contenido .content-box .box-login form input{
		float: left;
		width: 69%;
		font-size: 16px;
		padding: 6px 2%;
		margin-top: 5px;
		margin-bottom: 5px;
		border: 1px solid #888;
	}
	#contenido .content-box .box-login form .short{
		width: 20% !important; 
	}
	#contenido .content-box .box-login form .moveleft{
		margin-left: 2%;
		width: 23%;
	}
	#contenido .content-box .box-login form button{
		float: right;
		margin-right: 2%;
		margin-top: 15px;
		border: 1px solid #888;
		padding: 6px 30px;
		font-size: 16px;
		color: #fff;
	}





	#contenido .content .bar{
		display: inline-block;
		width: 90%;
		background-position: 98% center;
		background-repeat: no-repeat;
		background-size: 45px;
		padding: 25px 5%;
		text-decoration: none;
		margin-bottom: 15px;
                cursor: pointer;
	}
	#contenido .content .bar:hover{
		opacity: 0.8;
	}
	#contenido .content .bar .tit{
		text-align: left;
		color: #fff;
		font-size: 40px;
	}
	#contenido .content .contents{
		padding-bottom: 50px;
	}
	#contenido .content .contents img{
		width: 100%;
		border: 1px solid #888;
		margin: 20px 0px;
	}
	#contenido .content .contents .texts{
		width: 100%;
		line-height: 30px;
		padding-top: 30px;
	}

	#contenido .content .bar-on{
		background-image: url('../../../custom/img/arrow-bottom.png');
		background-color: #004789;
	}
	#contenido .content .bar-off{
		background-image: url('../../../custom/img/arrow-top.png');
		background-color: #a1bc32;
	}








	/* footer
	------------------------------------------------------------------------------------------------------  */
	#footer{
    display: inline-block;
    /* background-color: #e5e5e5; */
    height: 80px;
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #dbd9da;
	}
	#footer .menu{
		display: inline-block;
		padding: 25px 0px;
		padding-top: 35px;
		margin-left: -200px;
	}
	#footer .menu a{
		float: left;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
		border-right: 1px solid #fff;
		margin-right: 10px;
		padding-right: 10px;
	}
	#footer .menu a:hover{
		color: #95989a;
	}
	#footer .logo-footer{
		float: left;
		width: 200px;
		margin-left: 30px;
		margin-top: 20px;
	}
	#footer span{
		float: left;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}


.news.title
{
    height: 70px;
}
.news.title img
{
	float:left;
    width: 70px;
    padding-left: 5px;
}
.news.title div
{
    font-size: 18px;
    text-align: left;
    padding-left: 10px;
    float: left;
    padding-top: 14px;
    color: #888;
    font-weight: bold;
	width:60%;
}
#contenido .content-box .txt.news
{
	color:grey;
    margin-left: 0px;
    padding-left: 10px;
    padding-right: 15px;
	font-size:16px;

}

.box-course
{

    border-radius: 22px;
    padding-top: 5px;
    text-align: left;
    padding-left: 5px;
    color: white;
	padding-bottom:15px;
	margin-bottom: 25px;
}
.content-box .box-course .course-title
{
	font-size:18px;
	padding-left: 28px;
	text-decoration:none;
}
.content-box .box-course .course-desc
{
	padding-left: 28px;
}
.content-box .box-course .course-desc img
{
	width:90px;
	margin-top: 20px;
    float: left;
}
.content-box .box-course .course-desc .course-txt
{
	display: inline-block;
    width: 80%;
}

.box-policy
{
    border-style: solid;
    border-width: thin;
    padding: 20px;
/*    width: 90%;*/
    text-align: center;
/*    display: inline-block;*/
	margin-bottom: 10px;  
	height: 25px;
}
.box-policy-left
{
	float:left;
	width: 60%;
    text-align: left;
}
.box-policy-left img
{
width:35px;	
    float: left;
}
.box-policy-left div
{
margin-top: 13px;
    padding-left: 20px;
    margin-left: 30px;
}
.box-policy-right
{
	float:right;
}
.box-policy-right div
{
	font-size:13px;
	color:grey;
	float: left;
    padding-right: 15px;
    margin-top: 12px;
}
.box-policy-right img
{
	width:30px;
}

.box-resources
{
    border-style: solid;
    border-width: thin;
    padding: 20px;
    width: 90%;
    text-align: center;
    display: inline-block;
	margin-bottom: 10px;
}
.box-resources-left
{
	float:left;
	text-align:left;
	idth: 20%;
}
.box-resources-left img
{
	width:130px;
}
.box-resources-left div
{
    font-size: 16px;
    font-weight: bold;
    color: #4b4949;
    margin-left: 0px;
    padding-left: 0px;
    text-align: left;
	padding-bottom:12px;
}
.box-resources-right
{
    width: 80%;
    text-align: left;
    display: inline-block;
}

.box-resources-right p, .box-resources-right a
{
	font-size:14px;
	padding-left:18px;
}
.box-resources-right a
{
	color:#77a1dd;
}

#contenido .content-box .box-login-page
{

    border-radius: 22px;
padding-top: 45px;
    text-align: left;
    padding-left: 5px;
    color: white;
	padding-bottom:45px;
	/*margin-bottom: 25px;*/
	width:100%;
	padding-right: 0px;
	min-height: 235px;
}
.box-login-page-left
{
/*float:left;*/
    float: left;
width: 45%;
}
.box-login-page-right
{
    width: 46%;
    display: inline-block;
    margin-right: 10px;
	border-left-style: solid;
	padding-left: 60px;
	
}
.box-login-page .login-title
{
	font-size: 20px;
    font-weight: bold;
    padding-left: 60px;
	margin-top: 0px;
}

.box-login-page .login-txt
{
    font-size: 14px;
	line-height: 22px;
	padding-left: 60px;
}
.box-login-page .login-tag
{
	font-size: 14px;
    padding-left: 60px;
}
.box-login-page .login-tag div
{
    width: 80px;
    float: left;
}
.box-login-page .login-tag input
{
	display: inline-block;
    width: 60%;
    height: 25px;
    margin-top: -10px;
    margin-bottom: 25px;
	    padding-left: 10px;
}

.login-btn
{
	padding-left: 140px;
}
.login-btn input {
    height: 32px;
    font-size: 18px;
    width: 80px;
}

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

MY REPORTS* start*/
.myreports-container
{
	min-height:200px;
    margin-bottom:20px;
	padding-bottom:30px;
	    margin-top: 10px;
		padding-left: 50px;
    padding-top: 40px;
	    text-align: left;
}

.myreports-container .heading
{
	width: 95%;
	    margin-bottom: 30px;
}
.myreports-selector-label
{
    float: left;
    margin-right: 20px;
    padding-left: 20px;
	font-weight:bold;
}
.myreports_btn
{
	display: block;
    width: 100px;
    font-size: 13px;
    border: solid 1px #0099ff;
    color: #fff;
    cursor: pointer;
    height: 20px;
    background-color: #0099ff;
    font-weight: bold;
    text-decoration: none;
    float: left;
    padding: 4px 0 3px 0;
    text-align: center;
	    padding-top: 6px;
}
.myreports_btn_cont
{
	margin-top: 20px;
	margin-left: 95px;
}
.send {
    background: url(../../admin/img/ico_send.gif) no-repeat left center;
    padding-left: 20px;
}
/*
MY REPORTS end*/

/*-------------------------------------------------------------------------------
LEARNING RECORD start*/

#tbl_record_lng 
{
	border-color: #e2e1e1;
}
#tbl_record_lng th
{
padding: 10px;
text-align: left;
background-color: #eeeeee;
border-color: #e2e1e1;
}
#tbl_record_lng td
{
padding: 10px;
text-align: left;
border-color: #e2e1e1;
}

.content-box.learning p
{
	padding-left:0px;
}



@media screen and (max-width: 600px) {
table {width:100%;}
thead {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
tbody td {display: block;  text-align:center;width:100%!important;}
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
#tbl_record_lng td {
    text-align: center;
	padding-top: 10px;
    padding-bottom: 10px;
	padding-left:0px;
	padding-right:0px;
}
#tbl_record_lng td.name {

    text-align: center;
}
}
@media screen and (min-width: 600px) {
#tbl_record_lng td.pair
{
	background-color: #ffffff;
}
#tbl_record_lng td.odd
{
		background-color: #f9f9f9;
	
}
}

/*----------------------------------------------------------------------
LEARNING RECORD end*/






/**** Slider ****/

#slide {
    float: left;
    width: 100%;
	height: 540px; 
	margin-top: -320px; 
	min-height: 300px;
	/*margin-bottom: 40px;*/
}
#slide img.main {
    width: 100%;
}



#slide .text_slide {
	/*width: 1200px;*/ 
	margin-top: -320px;
	margin-left: 10%;
	margin-right:10%;
}
#slide .text_slide h1 {
    color: #fff;
    font-size: 40px;    
    margin-top: 140px;
    text-align: left;
    /*margin-left: 300px;*/
	line-height: 60px;
	width:100%;
}
#slide .text_slide h2 {
    color: #ccc;
    font-size: 40px;  
    text-align: left;
    margin-left: 300px;
    margin-top: -130px;
}








/* responsive
	------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------  */


	@media only screen and (max-width: 1300px) {

		#header .menu a{
		
/*			margin-left: 5px;
			margin-right: 5px;*/
		}

		#header .menu .login{
			margin-left: 30px;
		}

	}


	@media only screen and (max-width: 1195px) {

		#contenido .content-box .box-4-2{
			width: 46%;
			margin: 2%;
			height: 160px;
		}


	}


	@media only screen and (max-width: 1140px) {
	
		#contenido .content-box .box-5{
			width: 29.3%;
			margin: 2%;
		}
		.marginbot0{
			margin-bottom: 20px !important;
		}

	}

	@media only screen and (max-width: 1115px) {

		#header .menu a{
		
		}

	}


	@media only screen and (max-width: 1065px) {
		
		#contenido .content-box .box-4{
			width: 46%;
			margin: 2%;
		}
		.marginbot0{
			margin-bottom: 20px !important;
		}

	}

	@media only screen and (max-width: 1050px) {

		#footer .logo-footer{
			float: none;
			margin: 0 auto;
			width: 200px;
			margin-left: 0px;
			padding-top: 30px;
		}
		#footer .menu{
			float: left;
			width: 100%;
			text-align: center;
			padding: 30px 0px;
			margin-left: 0px;
		}
		#footer .menu a{
			float: none;
			margin: 0 auto;
			margin-left: 10px;
		}
		#footer span{
			float: none;
			margin: 0 auto;
			margin-left: 10px;
		}

	}


	@media only screen and (max-width: 1045px) {

		#contenido .content-box .box-login{
			width: 88%;
			min-height: auto;
		}

	}

	@media only screen and (max-width: 990px) {


	}

	@media only screen and (max-width: 940px) {
	
		#contenido .content .bar .tit{
			font-size: 22px;
		}
		#contenido .content .bar{
			background-position: 95% center;
			background-size: 35px;
			padding: 20px 5%;
		}

	}


	@media only screen and (max-width: 900px) {

		#contenido .content-box .box{
			float: left;
			height: 260px;
			width: 98%;
			margin-bottom: 20px;
		}
		#contenido .content-box .txt{
			/*margin-top: 196px;*/
		}

		#header .menu{
			display: none;
		}
		#header .menu-responsive{
			display: inline-block;
		}
		.box-login-page .login-title {
    	/*text-align: center;*/
		padding-left: 60px;
		}
		.box-login-page-left {
			padding-bottom: 30px;
		}
		.box-login-page-left {
			float: none!important;
			width: 100%!important;
		}
		.box-login-page-right {
			width: 100%;
			display: block;
			margin-right: 10px;
			border:none;
			padding-left: 0px;
		}
.box-login-page .login-txt {

    padding-right: 65px;
}
	}


	@media only screen and (max-width: 640px) {


		#contenido .content-box .box-login form label{
			width: 100%;
		}
		#contenido .content-box .box-login form input{
			width: 96%;
		}
		#contenido .content-box .box-login form .short{
			width: 96% !important; 
		}
		#contenido .content-box .box-login form .moveleft{
			margin-left: 0%;
			width: 96%;
		}
		#contenido .content-box .box-login form button{
			margin-right: 0%;
			margin-top: 20px;
			padding: 12px 30px;
			font-size: 18px;
		}
		
		.txt.footer.right {
    display: inline-block;
    width: 100%;
    text-align: center!important;
    float: none;

}
.txt.footer.left {
    width: 100%;
     float: none;
	  text-align: center!important;
	   display: inline-block;
}



	}
	@media only screen and (max-width: 640px) 
	{
		.login-left
		{display:none;}
	}
	
	@media only screen and (max-width: 580px) 
	{		
			.hdr_image
		{
		
			background-position: -160px;
		}
	}

	@media only screen and (max-width: 330px) 
	{	
	.box-login-page .login-tag {
    padding-left: 30px;
	}
	.login-txt.forgot
	{
		padding-left: 30px!important;
		width: 90%;
		
	}
	.login-btn {
    padding-left: 30px;
}
}
	@media only screen and (max-width: 270px) 
	{	
		.box-login-page .login-tag input {
			margin-top: 10px;
		}
	}
	
.progress_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.progress_list ul li.yes {
    background: url(../../../custom/img/log-yes.gif) left center no-repeat;
}
.progress_list ul li.level1 {
    font-weight: 700;
    margin-top: 20px;
}
.progress_list ul li {
    padding: 5px 0 5px 25px;
}
.progress_list ul li.level2 {
    margin-left: 25px;
}
.progress_list ul li.no {
    background: url(../../../custom/img/log-no.gif) left center no-repeat;
}

/* Personal Log - Review and Reflect
/**************************************************************/

/*#reflect {
    float: left;
    width: 100%;
}
#reflect .course{
    margin-left: 15px;
    min-width: 200px;
}

#reflect .reflect_list {
    float: left;
    border-top: 4px solid #ddd;
    width: 900px;
    padding-bottom: 40px;
    margin-left: 30px;
    text-align: left;
    font-size: 13px;
}*/
.reflect_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.reflect_list ul li {
    padding: 5px 0 5px 25px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 0 8px 12px;
}
.reflect_list ul li.level1 {
    font-weight: 700;
    margin-top: 20px;
    background-color: #ccc;
}
.reflect_list ul li.level2 {
    margin-left: 25px;
    font-weight: 700;
    background-color: #ddd;
    margin-top: 10px;
}
.reflect_list ul li.level3 {
    margin-left: 50px;
    font-weight: 700;
    background-color: #eee;
    margin-top: 10px;
}
.reflect_list ul li.description {
    font-weight: 400;
    margin-top: 0px;    
    background: url(../../../custom/img/info.png) left center no-repeat;
    padding-left: 22px;
}
.reflect_list ul li.reflection {
    font-weight: 400;
    margin-top: 0px;    
    color: #2E52B7;
    border-top: 1px dashed #999;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: url(../../../custom//reflect_small.png) left center no-repeat;
    padding-left: 18px;
}
.login fieldset
{
	border:none;
}

.login .alert {
    color: white !important;
    /*margin-left: 35px;
    margin-top: 5px;*/
}


.tr_comments {
    display: none;
}
.assess_caption {
    cursor: pointer;    
}
.assess_caption:hover {
    opacity: 0.8; 
}
.assess_caption .average {
    display: inline-block;
    float: right;
    font-size: 12px;
}
.assess_items {
    display: none;
}
.assess_items .link_prev {
    cursor: pointer;
}
.assess_items .link_prev:hover {
    color: #000;
    text-decoration: underline;
}
.assess_items .prev_value {
    font-weight: bold;
    font-size: 18px;
}
.assess_items .prev_radios {
    display: none;
}
.assess_comments {
    width: 100%; 
    height: 50px;
    font-size: 12px;
}
.tr_comments_txt {
    font-size: 12px;
    display: none;
}

.msg {
    color: #e27979;
    padding-top: 15px;
}


#notification {
    padding: 10px;
    border: 1px dotted #333;
    margin-top: 15px;
    margin-bottom: 15px;
}
#notification .img {
    
}
#notification .num {
    font-weight: 600;
}
#notification .txt {
    
}
#notification .txt p {
    margin: 0;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #efeff0;
}


/* Booking */

#booking .booking_form {
    margin-top: 30px;
}
#booking .booking_form h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0;
}
#booking .booking_form label {
    border-bottom: 1px solid #006992;
    margin-top: 20px;
    font-size: 20px;
    width: 70%;
}
#booking .booking_form textarea {    
    width: 70%;
}
#booking .booking_form .message {            
    font-size: 16px;
    padding-left: 45px;
    background-image: url('images/ico_ok.gif');
    background-size: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    margin-top: 5px;
    color: #16b359;
    margin-top: 30px;
    float: left;
}
#booking .booking_form .message.basic {
    background-position: left top;
    color: #000;
}
#booking .booking_form .alert {
    color: #aa0534;
    font-size: 18px;
    float: left;
    margin-top: 20px;
}
#booking .booking_form .buttons {
    margin-top: 15px;
    float: left;
    width: 100%;
}

#booking .booking_form #signature {
        width: 100%;
        /*height: 275px;*/
        border: 1px solid #ccc;
        float: left;
        padding-top: 0px;       
}    



    /* Calendar - list of courses */
    
        #courses .course_calendar .info{
            float: left;
            margin-top: 10px;
        }

        #courses .course_calendar .info select{
            height: 40px;
            background-color: #f0f0f0;
        }

        #courses .course_calendar .info input {
                    float: left;
                    width: 200px !important;
                    padding: 13px 15px;
                    font-size: 15px;
                    background-color: #f0f0f0;
                    border: 0px;
                    margin-right: 15px;   
                    height: 40px;
                    border: 1px solid #aaa;
        }

    
    #course_list {
        float: left;
        width: 99%;       
        margin-top: 25px;
    }

    #course_list table {
        float: left;
        width: 100%;
        text-align: left;        
    }

    #course_list table tr.header {
        background-color: #6699cc;
        color: #fff;        
    }

    #course_list table td {
        padding: 10px;
        border-bottom: 1px solid #ddd;
        font-size: 13px;
    }

    #course_list table tr.header td {
        padding: 10px;
        text-transform: uppercase;
    }
    
    #course_list .btn_cancel {
        background-color: #c77;
        font-size: 11px;
        color: #fff;
        text-transform: uppercase;
        padding: 8px 8px;
        width: 100px;
        margin: 0 auto;
        cursor: pointer;
        display: block;
        text-align: center;
        text-decoration: none;
    }
    
    #course_list .ico_certificate{            

        width: 20px;
        height: 25px;
        background-image: url('images/ico_certificate.png');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: block;
        margin: 0 auto;
    }


#popup {
    left: 1%;
    width: 96%;    
    top: 0;   
    z-index: 9999;
    -webkit-box-shadow: 0px 0px 12px 6px rgba(25,25,25,0.75);
    -moz-box-shadow: 0px 0px 12px 6px rgba(25,25,25,0.75);
    box-shadow: 0px 0px 12px 6px rgba(25,25,25,0.75);
    position: absolute;
    display: none;
}
#popup .popup_close {    
    position: absolute;
    width: 25px;
    height: 25px;
    cursor: pointer;
    right: 0;
    margin-top: 10px;
    margin-right: 10px;   
    background-image: url("images/close_popup.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; 
    z-index: 999999;
}
#popup .embed-container {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        max-width: 100%;
}
#popup .embed-container iframe, #popup .embed-container object, #popup .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}



/* 121 actions */

.onetwoone_actions {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.onetwoone_actions .action_item {
    width: 100%;
    float: left;
}
.onetwoone_actions .action_item .caption {
    float: left;
    font-weight: bold;
    text-align: center;
    background-color: #ddd;
    padding: 8px 0;
}
.onetwoone_actions .action_item .field {
    float: left;    
    text-align: center;
    padding: 10px 0;    
}
.onetwoone_actions .action_item .field textarea {
    font-family: Calibri !important;
    width: 80%;
    height: 80px;
    border: 1px solid #ccc;
}
.onetwoone_actions .action_item .field input {      
    font-family: Calibri !important;
    border: 1px solid #ccc;
}
.onetwoone_actions .add_action,.onetwoone_actions .add_file {
    cursor: pointer;
    color: #4c2582 !important;
    display: inline-block;
    margin-top: 20px;
}
.onetwoone_actions .delete_action {
    background-image: url(images/log-no.gif);
    background-position: center center;
    background-repeat: no-repeat;    
    background-size: cover;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.onetwoone_actions .add_action:hover,.onetwoone_actions .add_file:hover {
    color: #000;
}


/* My Documents Forms */

.form-docs .box-title {
    width: 100%;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 15px;    
    text-transform: uppercase;
}
.form-docs .box-header {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 0;   
    background-color: #ddd;
    margin: 20px 0;
    text-transform: uppercase;
}
.form-docs .form-group .form-control {
    border-color: #d0d0d0;
}
.form-docs .form-group .radio {
    display: inline-block;   
    padding-top: 10px;
}
.form-docs .form-group .radio input[type=radio] {
    position: relative;
}
.form-docs .form-group .col-sm-6 {
    padding: 0;
}
.form-docs .control-label p {
    margin-bottom: 0;
}
.no-edit {
    pointer-events: none;
}


/** News **/

#news .news-item {
    margin-bottom: 20px;
    margin-top: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e4028c;
}
#news .title {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-right: 0;
    padding-right: 0;
}
#news .date {
    display: inline-block;
    text-align: right;
    font-size: 13px;
    margin-right: 0;
    padding-right: 20px;
}
#news .desc {
    font-size: 14px;
    margin-top: 10px;
    padding-right: 20px;
}
#news .desc img {
    padding-right: 40px;
}



/* Modal Blog */

.modal-blog .modal-body p {
    font-size: 13px;
}
.modal-blog .img-resource {
    margin-bottom: 25px;
}
.modal-comments .btn.btn-mini {
    font-size: 12px;
}
.modal-comments .date-user {
    font-size: 12px;
    color: #999;
    width: 50%;
}
.modal-comments .modal-comment {
    border-top: 1px solid #e9ecef;
    margin-top: 10px;
    padding-top: 10px;    
}
.modal-comments .modal-comment .date-user span {
    padding-right: 8px;
}
.modal-comments .modal-comment .text-comment {
    font-size: 13px;
    padding-top: 12px;
}
.modal-comments .stars-comment {
    float: right;
    width: 50%;  
}
.modal-comments .stars-comment .stars_rating {
    float: right;
    width: auto;  
    margin-top: -18px;
}
.modal-comments .stars-comment .stars_rating .star {
    width: 18px;
    height: 16px;
}

.modal-comments .form-comment {
    display: none;    
}
.modal-comments .form-comment textarea {
    width: 100%;
    height: 100px;
    border-color: #b7b7b7;
    font-size: 13px;
}
.modal-comments .form-comment input {    
    font-size: 13px;
    width: 50%;
    margin-bottom: 20px;
}
.modal-comments .stars_rating {
    float: left;
    margin-left: -3px;
    clear: both;
    width: 50%;
    margin-top: 8px;
}

.modal-comments .star {
    width: 20px;
    height: 18px;
    float: left;
    margin-left: 3px;
    cursor: pointer;
}
.modal-comments .star_on {
    background: url("images/star_on.png") no-repeat;    
}
.modal-comments .star_off {
    background: url("images/star_off.png") no-repeat;    
}

.modal-comments .btn-primary {
    background-color: #2cabe3;
}
.modal-comments .btn-primary:hover,.modal-comments .btn-primary:focus {
    background-color: #2cabe3;
}
.modal-comments .btn-danger {
    background-color: #ff7676;
}



/* Stars rating */

span.stars_rating {    
    width: 100%;
    display: inline-block;
    text-align: center;    
}

span.stars_rating .star {
    width: 20px;
    height: 18px;
    display: inline-block;
}
span.stars_rating .star-on {
    color: #e4028c;;
}
span.stars_rating .star-off {
    color: #b8b8b8; 
}