/* ============================== */
/* ! Layout for desktop version   */
/* ============================== */
html, body {
height: 100%;
}
h3[id]:before {
    content:"";
    display:block;
    height:30px;
    margin:-30px 0 0;
}
.custom-calendar-wrap *,
.custom-calendar-wrap *:after,
.custom-calendar-wrap *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

p{
	margin:10px 0;
	font-size:15px;
	text-align: justify;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
a{color:#474848;}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -100px;
}
.push{
	height:100px;
}
#footer{
height: 100px;
}
	body {
	background-color:#F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../images/bg2.png);
	}
	#header{
			height:54px;
			background:#333;
	}
.header_profile .user_icon, .user_icon{
	width:40px;
	height:40px;
	float:left;
	border:1px solid #444;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	margin-top:5px;
	margin-right:10px;
	background-size:cover;
	background-position:center;
}
.header_profile .user_menu{
	color:#666;
	float:left;
	margin:20px
}
.header_profile .user_menu a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.header_profile .user_menu{
	width:150px;
}
.header_profile .user_menu .menu li{
	list-style:none;
}
.header_profile .user_menu .menu li ul{
	color:#666;
	background:#333;
	position:relative;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	opacity:0;
	display:none;
	z-index:99999;
}
.header_profile .user_menu .menu li:hover ul{
	opacity:1;
	display: inherit;
	list-style:none;
	text-align:left;
}
.header_profile .user_menu .menu li ul li{
	color:#666;
	list-style:none;
	padding:10px;
	border-top:solid 1px #666;
}
.header_profile .user_menu .menu li ul li a{
	color:#ccc;
	text-decoration:none;
	font-weight:lighter;
}
.header_profile .user_menu .menu li ul li a:hover{
	color:#fff;
}
	#sidebar{
	background-color:#272626;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	color:#F7F7F7;
	padding-bottom:20px;
	margin-bottom:20px;
	background-image: url(../images/stressed_linen.png);
	}
	#sidebar a, .sidebar a{
	color:#F7F7F7;
	text-decoration:none;
	}
	#sidebar a:hover,.sidebar a:hover{
		text-decoration:underline;
	}
	.sidebar li{
		float:left;
		display:block;
		margin-right:20px;
		margin-left:20px;
	}
	.logo{
		float:left;
	}
	
	#footer{
	font-size:0.8em;
	background-color: #333;
	min-height:100px;
	color:#FFF;
	}
	.pad{padding:5px;}
	.options {
	padding:10px;
	margin-bottom:20px;
}
.options td, .options th{
}
table{
	empty-cells:show;
	margin-bottom:10px;
}
/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 767px) {

	body {
		background-color:#F7F7F7;
	}
		#sidebar{
				min-height:100px;

	background-color:#272626;
	-moz-box-shadow: 5px 1px 10px #888;
	-webkit-box-shadow: 5px 1px 10px#888;
	box-shadow: 5px 1px 10px #888;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	color:#F7F7F7;
	}

}


/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}
.info{
	background-color:#FFF;
	padding:10px;
	margin-bottom:20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bar{
	background:#8fc929;
/*	background-image:url(../images/bar.png);
	background-repeat:repeat-x;
*/	
	margin-bottom:5px;
	border: 1px solid #77A328;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
	text-decoration:none;
}
a.bar{
	background:#8fc929;
/*	background-image:url(../images/bar.png);
	background-repeat:repeat-x;
*/	
	margin-bottom:5px;
	line-height:50px;
	border: 1px solid #77A328;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:15px 5px;
	text-decoration:none;
}
.bar2{
	height:40px;
	background-image:url(../images/bar.png);
	background-repeat:repeat-x;
	border: 1px solid #474848;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:5px;
}
.bar:hover, .bar2:hover{
/*	background-image:url(../images/bar-hover.png);
*/
}
.lists a, .bar a{
	color:#474848;
	text-decoration:none;
}
.accordion li, #accordion li, .tabs li{
	list-style:none;
	background-color: #ccc;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #bbb;
	border-radius:5px;	
}
.accordion li:hover, #accordion li:hover, .tabs li:hover{
	background-color: #bbb;
}
.tabs a{
	color:#666;
}
.tabs li{
	text-align:center;
	overflow:auto;
}
.user_guides li{
	list-style:none;
	background-color: #357CAA;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #16374D;
	border-radius:5px;
	color:#fff;	
	text-align:center;
}
.user_guides li:hover{
	background-color: #16374D;
}
.faq li{
	list-style:none;
	background-color: #ccc;
	margin-bottom:10px;
	padding:10px;
	border:1px solid #bbb;
	border-radius:5px;	
}
.tabs li.event{
	padding:0;
	background-color:#fff;
	height:50px;
	border:1px solid #ccc;
	overflow:hidden;
	-moz-box-shadow: -1px -1px 5px #ccc;
	-webkit-box-shadow: -1px -1px 5px #ccc;
	box-shadow: -1px -1px 5px #ccc;
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	-webkit-transition: all 0.5s ease-in-out;                  
    -moz-transition: all 0.5s ease-in-out;                 
    -o-transition: all 0.5s ease-in-out;   
    -ms-transition: all 0.5s ease-in-out;          
    transition: all 0.5s ease-in-out;
}
.tabs li.event h4{
	background-color:#e0dddd;
	padding:5px;
	margin:0;
	line-height:30px;
	color:#333;
}
.tabs li.late h4{
	background-color:#FF9D9A;
	color:#c14f4f;
}
.tabs li.today h4{
	background-color:#E1F7C9;
	
}
.tabs li.event .e_details{
	opacity:0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	padding:5px;
	text-align:left;
	-webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}
.tabs li.event:hover{
	height:250px;
}
.tabs li.event:hover .e_details{
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.delete{
	background-color: #FF9D9A !important;
}
.go{
	background-color: #E1F7C9 !important;
}
#eucookielaw{
	background-color:#df9fa6;
	padding:5px;
	border:solid 1px #ba858b;
	margin-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.view_button{
	background-color:#fcffc5;
	padding:5px;
	border:solid 1px #e3e6b0;
	margin-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.edit_button{
	background-color:#aacdd2;
	padding:5px;
	border:solid 1px #86a2a6;
	margin-bottom:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.reasons{
	background-color:#E7F2F3;
	padding:10px;
	border:solid 2px #C8DADD;
	margin:10px 0;
}
.reason{
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #C8DADD;
}
.Fail td{
	background-color:#F17F7F;
}
.blank{
	background-color:transparent !important;
	border:none !important;
}
.blank td, .blank th{
	border:0;
	padding:0px
}
.blank th{
	background-color:#B1B1B1;
	padding:0;
}
.page{
	padding:10px;
	-moz-box-shadow: -1px -1px 15px #999;
	-webkit-box-shadow: -1px -1px 15px #999;
	box-shadow: -1px -1px 15px #999;
	background-color: #fff;
	margin-bottom:20px;
}
.page h1{
	background:#333333;
	color:#fff;
	font-weight:normal;
	padding:10px;
	margin-bottom:10px;
}
.accordion h3{
	border: 1px solid #333;
	background: #666;
	font-weight: normal;
	color: #ffffff;
	line-height:32px;
	padding-left:20px;
	margin-bottom:10px;
}
.accordion h3 a{
	color:#fff;
}
.msg {
	padding: 5px;
	margin: 2px;
	color: green;
	border: 1px solid green;
	background-color: #E1F7C9;
	font: bold 13px  verdana;
} 
 
.error {
font: normal 11px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 2px;
margin: 5px;
float: left;
background-color: #FEF1ED;
}
.add_space{
	border:#333 dashed 3px;
	text-align:center;
	padding:20px;
	margin:10px 0;
	background:#FDECC7;
}
.add_space a{
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
}
.options .red{
	background-color:#ff7676 !important;
}
.options .grey{
	background-color:#ccc !important;
	color:#666;
}
.notifications .red{
	background-color:#ff7676 !important;
}
.options .amber{
	background-color:#ffa85d !important;
}
.options .green{
	background-color:none;
}
.wizzard{
	
}
.wizzard td{padding:10px;
	-moz-box-shadow: -1px -1px 15px #999;
	-webkit-box-shadow: -1px -1px 15px #999;
	box-shadow: -1px -1px 15px #999;
	background-color: #fff;
	background-image: url(../images/lightpaperfibers.png);
	margin-bottom:20px;}
.wizzard h3{color:#999;}
.wizzard .me{color:#6EAC2C;}
.journal_entry{
	margin-bottom:20px;
	border-bottom:#ccc dashed 3px;
	clear:both;
}
.journal_entry .date{
	color:#F00;
}
.chapter{
	margin:20px 0;
}
.no_b{
	background:none !important;
	border:none!important;
}
.no_b td{
	border-bottom: #ccc solid 1px !important;
	background: none !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}
}
.report_head td, .report_head th{
	text-align:center !important;
	border:0 !important;
	vertical-align:top;
}
.report_head h1{
	text-align:center;
	background:none;
	color:#333;
}
.report h3{ 
	padding:10px 0px;
	text-align:center;
}
.report h4{ 
	padding:5px;
}
/*TABS---------------------------------------------------------------------*/
.hide { position: absolute; top: -9999px; left: -9999px; }
#tabs .list-wrap { 
	background: #fff; 
	padding: 20px 10px; 
	margin: 0 0 15px 0;
	-moz-box-shadow: -1px -1px 15px #999;
	-webkit-box-shadow: -1px -1px 15px #999;
	box-shadow: -1px -1px 15px #999;
	min-height:400px;
}

#tabs ul { list-style: none; }
#tabs ul li a { display: block; padding: 4px; color: #666; }
#tabs ul li:hover a { color: #333; }
#tabs ul li:last-child a { border: none; }

#tabs .nav { overflow: hidden; }
#tabs .nav li { width: 96px; float: left; margin: 0 10px 0 0; }
#tabs .nav li.last { margin-right: 0; }
#tabs .nav li a {
	display: block;
	padding: 5px;
	background: #666;
	color: white;
	font-size: 10px;
	text-align: center;
	border: 0;
	height: 25px;
	text-decoration: none;
}

#tabs li a.current,#tabs li a.current:hover { background-color: #fff !important; color: black; }
#tabs .nav li a:hover, #tabs .nav li a:focus { background: #ccc; color:#333;}
#tabs table{
margin-bottom:10px;
}
#tabs th{
	background-color:#ccc;
}
.nicEdit{
	width:100%;
	height:400px;
}
.pdf-photos img{
	width:100%;
}
.project{ 
	width:48%;
	height:110px;
	border:1px solid #BCBFC2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	margin:0.8%;
	float:left;
	-webkit-box-shadow: 0 1px 5px -1px #000; 
	-moz-box-shadow: 0 1px 5px -1px #000;
	box-shadow: 0 1px 5px -1px #000;
	background:#ccc;
}
.project .p_image, .project .p_stats{
	width:50%;
	height:110px;
	float:left;
	overflow:hidden;
}
.p_reports, .p_journals{
	height:35px;
	padding:10px;
	color:#666;
}
.project a{
	color: #333;
	text-decoration: none;
}
#dash-project-list .dash-project:nth-child(2n){
	margin-left:3%;
}
.dash-project{ 
	width:48%;
	height:130px;
	border:1px solid #BCBFC2;
	padding:10px 0;
	overflow:hidden;
	margin-bottom:3%;
	float:left;
	-webkit-box-shadow: 0 1px 5px -1px #000; 
	-moz-box-shadow: 0 1px 5px -1px #000;
	box-shadow: 0 1px 5px -1px #000;
	background:#fff;
}
.dash-project .p_image, .dash-project .p_stats{
	padding:0 10px;
	height:90px;
	overflow:hidden;
	text-align:center;
}
.dash-project .p_stats{
	height:40px;
	text-align:center;
}
.p_reports, .p_journals{
	height:35px;
	padding:10px;
	color:#666;
}
.dash-project a{
	color: #333;
	text-decoration: none;
}
.project3{ 
	width:31%;
	height:110px;
	border:1px solid #BCBFC2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	margin:0.8%;
	float:left;
	-webkit-box-shadow: 0 1px 5px -1px #000; 
	-moz-box-shadow: 0 1px 5px -1px #000;
	box-shadow: 0 1px 5px -1px #000;
	background:#ccc;
}
.project3 .p_image, .project3 .p_stats{
	width:50%;
	height:110px;
	float:left;
	overflow:hidden;
}
.p_reports, .p_journals{
	height:35px;
	padding:10px;
	color:#666;
}
.project3 a{
	color: #333;
	text-decoration: none;
}
.user{ 
	width:48%;
	height:160px;
	border:1px solid #BCBFC2;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	margin:0.8%;
	float:left;
	-webkit-box-shadow: 0 1px 5px -1px #000; 
	-moz-box-shadow: 0 1px 5px -1px #000;
	box-shadow: 0 1px 5px -1px #000;
	background:#ccc;
}
.user .u_image, .user .u_details{
	width:50%;
	height:160px;
	float:left;
	overflow:hidden;
	background-size:cover;
}
.u_name, .u_contact{
	padding:10px;
	color:#666;
}
.user a{
	color:#333;
	text-decoration: none;
}
.sys_msg{
	padding:5px;
	background:#fffbce;
	border:1px solid #ffcc00;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom:5px;
	color:#333;
}
.sys_msg a{
	color:red;
	font-weight:bold;
}
.row1 td{
	background-color:#d1e2e7;
}
.row2 td{
	background-color:#F8F8F8;
}
.search_tab{
	background-color:#385E77;
	color:#fff;
	padding:10px;
}
.search_tab td, .search_tab table{
	border:none !important;
}
.fixed_notice{
	background:#ff4a4a;
	color:#fff;
	text-align:center;
	padding:10px;
}
.fixed_notice h3{
	background:none;
	border:none;
	padding:0;
}
.price_row{
	background:#CCC;
	padding:20px 0;
	margin:20px 0;
}
/*.slide_row{
	background:#fff;
	margin:20px 0;
	width:100% !important;
	position:relative;
	padding:0;
	max-height:450px !important;
	overflow:hidden;
}*/
.slide_row2{
	margin:20px 0;
	width:100% !important;
	position:relative;
	padding:0;
	max-height:450px !important;
	overflow:hidden;
}
.title_row{
	background:#ff4a4a;
	margin:20px 0;
	width:100% !important;
	position:relative;
	padding:20px 0;
	overflow:hidden;
}
.testimonial_row{
	background:#fff;
	margin:20px 0;
	width:100% !important;
	height:300px;
	position:relative;
	padding:20px 0;
	overflow:hidden;
}
.testimonial_row h2{
	text-align:center;
	font-size:25pt;
	color:#555;
	margin-bottom:20px;
}
.testi{
	position:relative;
	text-align:center;
	font-size:20pt;
	margin:10px 15%;
	color:#ccc;
}
.testiperson{
	text-align:right;
	color:#ff4a4a;
}
.testimonial_row .testi:before, .testimonial_row .testi:after {
	
}
.title_row h1{
	color:#fff;
}
.testimonial_row .testi:before {
content: "“";
font-size: 70px;
font-family: Georgia;
position: absolute;
line-height: 1;
color: #333;
font-weight: bold;
left: -50px;
top: -18px;
}
.testimonial_row .testi:after {
content: "”";
font-size: 70px;
font-family: Georgia;
position: absolute;
line-height: 1;
color: #333;
font-weight: bold;
bottom: -18px;
right: -50px;
}
.promo{
	padding:10px;
	height:250px;
}
.promo .icon{
	height:80px;
	width:150px;
	-moz-border-radius: 62px;
	-webkit-border-radius: 62px;
	border-radius: 62px;
	background:#333;
	text-align:center;
	padding:12px;
	margin:10px auto;
	transition: background 0.5s ease;
}
.promo:hover .icon{
	background:#ff4a4a;
}
.promo .readmore{
	margin-top:20px;
}
.promo .readmore a{
	padding:10px 20px;
	text-align:center;
	background:#fff;
	border:#999999 solid 1px;
	text-decoration:none;
	transition: all 0.5s ease;
	color:#999999;
}
.promo .readmore a:hover{
	background:#ff4a4a;
	color:#fff;
	border:#fff solid 1px;
	margin-top:10px;
}
.sector{
	padding:20px 0;
	background:url(../images/bg-home-tile.png) no-repeat scroll bottom;
}
.big_number span{
	font-size:80pt;
}
.white_cont{
	background-color:#fff;
	color:#333;
}
input.switch:empty
{
	margin-left: -999px;
}

input.switch:empty ~ label
{
	position: relative;
	float: left;
	line-height: 1.6em;
	text-indent: 4em;
	margin: 0.2em 0;
	cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

input.switch:empty ~ label:before, 
input.switch:empty ~ label:after
{
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	content: ' ';
	width: 3.6em;
	background-color: #c33;
	border-radius: 0.3em;
	box-shadow: inset 0 0.2em 0 rgba(0,0,0,0.3);
	-webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

input.switch:empty ~ label:after
{
	width: 1.4em;
	top: 0.1em;
	bottom: 0.1em;
	margin-left: 0.1em;
	background-color: #fff;
	border-radius: 0.15em;
	box-shadow: inset 0 -0.2em 0 rgba(0,0,0,0.2);
}

input.switch:checked ~ label:before
{
	background-color: #8fc929;
}

input.switch:checked ~ label:after
{
	margin-left: 2.1em;
}
.nicEdit-main {
        background-color: #fff !important;
}
.fixed_row{
	padding:10px;
	background-color:#333;
	color:#fff;
	width:100%;
}
.fixed_row li{
	float:left;
	list-style:none;
	margin-right:20px;
}
.fixed_row a{
	color:#fff;
	text-decoration:none;
}
.t_item{
	clear:both;
	width:100%;
	overflow:hidden;
	 margin-bottom: 5px;
	 z-index:999;
}
.t_item .l_info{
	float:left;
	vertical-align:middle;
	width:100px;
	text-align:center;
	border:1px solid #333;
	background:#666;
	color:#fff;
	padding:10px;
	  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);

}
.t_item .l_options{
	position:relative;
	top:100px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.t_item .l_options li{
	float:left;
	width:50px;
	margin-left:5px;
	text-align:center;
	list-style:none;
	background-color:#ccc;
	min-height:36px;
}
.dd_item{
	clear:both;
	width:100%;
	 margin-bottom: 20px;
	 height:30px;
	 z-index:999;
}
.dd_item .l_info{
	float:left;
	vertical-align:middle;
	width:100px;
	text-align:center;
	border:1px solid #333;
	background:#666;
	color:#fff;
	padding:10px;
	  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);

}
.dd_item .l_options{
	position:relative;
	opacity:0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.dd_item .l_options li.ditems{
	float:left;
	width:180px;
	margin-left:5px;
	list-style:none;
	min-height:36px;
}
.cd-dropdown,
.cd-select {
	position: relative;
	width: 100px;
	margin: 0px;
	display: block;
}

.cd-dropdown > span {
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #333;
	font-weight: 700;
	font-size: 12px;
	background: #ccc;
	display: block;
	padding: 0 50px 0 30px;
	position: relative;
	cursor: pointer;
}

.cd-dropdown > span:after {
	content: '\25BC';
	position: absolute;
	right: 0px;
	top: 15%;
	width: 50px;
	text-align: center;
	font-size: 12px;
	height: 70%;
	line-height: 24px;
	border-left: 1px solid #333	;
}

.cd-dropdown.cd-active > span:after {
	content: '\25B2';
}

.cd-dropdown ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: block;
	position: relative;
}

.cd-dropdown ul li {
	display: block;
}

.cd-dropdown ul li span {
	width: 100%;
	background: #ccc;
	line-height: 30px;
	padding: 0 	25px;
	display: block;
	color: #333;
	cursor: pointer;
	font-weight: 700;
}

.cd-dropdown > span,
.cd-dropdown ul li span {
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.cd-dropdown > span span[class^="icon-"],
.cd-dropdown > span span[class*=" icon-"]{
	padding: 0 30px 0 45px;
}

/* Select fallback styling */
.cd-select {
	border: 1px solid #ddd;
}
.cd-dropdown {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
}

.cd-dropdown > span {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	transform-origin: 50% 0%;

	-webkit-transition: -webkit-transform .3s;
	-moz-transition: -moz-transform .3s;
	-o-transition: -o-transform .3s;
	-ms-transition: -ms-transform .3s;
	transition: transform .3s;
}

.cd-dropdown > span:active {
	-webkit-transform: rotateX(60deg);
	-moz-transform: rotateX(60deg);
	-o-transform: rotateX(60deg);
	-ms-transform: rotateX(60deg);
	transform: rotateX(60deg);
}

.cd-dropdown > span,
.cd-dropdown ul li:nth-last-child(-n+3) span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.cd-dropdown ul {
	position: absolute;
	top: 0px;
	width: 100%;
}

.cd-dropdown ul li {
	position: absolute;
	width: 100%;
}

.cd-active.cd-dropdown > span {
	color: #fff;
}

.cd-active.cd-dropdown > span,
.cd-active.cd-dropdown ul li span {
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.cd-active.cd-dropdown ul li span {
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}

.cd-active.cd-dropdown ul li span:hover {
	background: #e6f1ce;
	color: #333;
}
.cd-active{
	z-index:5999;
}
/* calendar */
table.calendar{
	border-left:1px solid #999;
	background:#fff;
}
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#e6f1ce; }
td.calendar-day.calendar-today	{ background:#888cb4; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
div.day-number	 { 
	background:#999; 
	position:relative; 
	z-index:2; 
	top:-5px; 
	padding:5px; 
	color:#fff; 
	font-weight:bold; 
	width:20px; 
	text-align:center;
}
td.calendar-day, td.calendar-day-np { 
	width:120px; 
	padding:5px 25px 5px 5px; 
	border-bottom:1px solid #999; 
	border-right:1px solid #999; 
	overflow: auto;
	overflow-x: hidden;
	-ms-overflow-x: hidden;
}
td.calendar-day .event{
	background-color:#e0dddd;
	margin:5px 0;
	padding:5px;
}
td.calendar-day .late_event{
	background-color:#ff4a4a;
	margin:5px 0;
	padding:5px;
}
.main {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	-moz-box-shadow: -1px -1px 15px #999;
	-webkit-box-shadow: -1px -1px 15px #999;
	box-shadow: -1px -1px 15px #999;
}
.main-comp {
	width: 100%;
	-moz-box-shadow: -1px -1px 15px #999;
	-webkit-box-shadow: -1px -1px 15px #999;
	box-shadow: -1px -1px 15px #999;
}
.fc-calendar-container {
	position: relative;
	height: 400px;
	width: 400px;
}
.fc-calendar-container-comp {
	position: relative;
	height: 800px;
	width: 100%;
}

.fc-calendar {
	width: 100%;
	height: 100%;
}

.fc-calendar .fc-head {
	height: 30px;
	line-height: 30px;
	background: #ccc;
	color: #fff;
}

.fc-calendar .fc-body {
	position: relative;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 30px);
	height: -webkit-calc(100% - 30px);
	height: calc(100% - 30px);
	border: 1px solid #ddd;
}

.fc-calendar .fc-row {
	width: 100%;
	border-bottom: 1px solid #ddd;
}

.fc-four-rows .fc-row  {
	height: 25%;
}

.fc-five-rows .fc-row  {
	height: 20%;
}

.fc-six-rows .fc-row {
	height: 16.66%;
	height: -moz-calc(100%/6);
	height: -webkit-calc(100%/6);
	height: calc(100%/6);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
	float: left;
	height: 100%;
	
	width: -moz-calc(100%/7);
	width: -webkit-calc(100%/7);
	width: calc(100%/7);
	width:  14.28%; /* 100% / 7 */
	position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
	width:  14%;
}

.fc-calendar .fc-row > div {
	border-right: 1px solid #ddd;
	padding: 4px;
	overflow: hidden;
	position: relative;
}
.fc-calendar-container-comp .fc-calendar .fc-row > div {
	overflow:auto;
}

.fc-calendar .fc-head > div {
	text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
	position: absolute;
	width: 30px;
	height: 20px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #ddd;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.8);
	bottom: 5px;
	right: 5px;
	text-align: right;
}

.fc-calendar .fc-row > div > span.fc-weekday {
	padding-left: 5px;
	display: none;
}

.fc-calendar .fc-row > div.fc-today {
	background: #fff4c3;
}

.fc-calendar .fc-row > div.fc-out {
	opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
	border-right: none;
}

.fc-calendar .fc-row:last-child {
	border-bottom: none;
}
/* Custom calendar elements */

.custom-calendar-wrap {
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	border: 1px solid #BCBFC2;
}

.custom-inner {
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.custom-inner:before,
.custom-inner:after  {
	content: '';
	width: 99%;
	height: 50%;
	position: absolute;
	background: #f6f6f6;
	bottom: -4px;
	left: 0.5%;
	z-index: -1;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

.custom-inner:after {
	content: '';
	width: 98%;
	bottom: -7px;
	left: 1%;
	z-index: -2;
}

.custom-header {
	background: #fff;
	padding: 5px 10px 10px 20px;
	height: 70px;
	position: relative;
	border-bottom: 1px solid #BCBFC2;
}

.custom-header h2,
.custom-header h3 {
	text-align: center;
	text-transform: uppercase;
}

.custom-header h2 {
	color: #495468;
	font-weight: 300;
	font-size: 18px;
	margin-top: 10px;
}

.custom-header h3 {
	font-size: 13px;
	font-weight: 700;
	color: #b7bbc2;
}

.custom-header nav span {
	position: absolute;
	top: 17px;
	width: 30px;
	height: 30px;
	color: transparent;
	cursor: pointer;
	margin: 0 1px;
	font-size: 20px;
	line-height: 30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.custom-header nav span:first-child {
	left: 5px;
}

.custom-header nav span:last-child {
	right: 5px;
}

.custom-header nav span:before {
	font-family: 'fontawesome-selected';
	color: #385E77;
	position: absolute;
	text-align: center;
	width: 100%;
}

.custom-header nav span.custom-prev:before {
	content: '\25c2';
}

.custom-header nav span.custom-next:before {
	content: '\25b8';
}

.custom-header nav span:hover:before {
	color: #495468;
}

.custom-content-reveal {
	background: #f6f6f6;
	background: rgba(246, 246, 246, 0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0px;
	text-align: center;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
	overflow-y:scroll;
}

.custom-content-reveal span.custom-content-close {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 20px;
	height: 20px;
	text-align: center;
	background: #ff4a4a;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	cursor: pointer;
	line-height: 13px;
	padding: 0;
}

.custom-content-reveal span.custom-content-close:after {
	content: 'x';
	font-size: 18px;
	color: #fff;
}

.custom-content-reveal a,
.custom-content-reveal span {
	font-size: 15px;
	padding: 10px 30px;
	display: block;
}

.custom-content-reveal h4 {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 300;
	letter-spacing: 3px;
	color: #777;
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-top: 5px solid #385E77;
	box-shadow: 0 1px rgba(255,255,255,0.9);
	margin-bottom: 30px;
}

.custom-content-reveal span {
	color: #888;
}

.custom-content-reveal a {
	color: #333;
}

.custom-content-reveal a:hover {
	color: #333;
}

/* Modifications */

.fc-calendar-container {
	height: 400px;
	width: auto;
	background: #f6f6f6;
	box-shadow: inset 0 1px rgba(255,255,255,0.8);
}

.fc-calendar .fc-head {
	background: #333;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
}

.fc-calendar .fc-row > div {
	background: #fff;
	cursor: pointer;
}

.fc-calendar .fc-row > div:empty {
	background: transparent;
}

.fc-calendar .fc-row > div > span.fc-date {
	top: 50%;
	left: 50%;
	text-align: center;
	margin: -10px 0 0 -15px;
	color: #686a6e;
	font-weight: 400;
	pointer-events: none;
}

.fc-calendar .fc-row > div.fc-today {
	background: #385E77;
	box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > div.fc-today > span.fc-date {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.1);
}

.fc-calendar .fc-row > div.fc-content:after {
	content: '\00B7';
	text-align: center;
	width: 20px;
	margin-left: -10px;
	position: absolute;
	color: #385E77;
	font-size: 70px;
	line-height: 20px;
	left: 50%;
	bottom: 3px;
}

.fc-calendar .fc-row > div.fc-today.fc-content:after {
	color: #b02c42;
}

.fc-calendar .fc-row > div.fc-content:hover:after{
	color: #385E77;
}

.fc-calendar .fc-row > div.fc-today.fc-content:hover:after{
	color: #fff;
}

.fc-calendar .fc-row > div > div a,
.fc-calendar .fc-row > div > div span {
	display: none;
	font-size: 22px;
}

@media screen and (max-width: 400px) {
	.fc-calendar-container {
		height: 300px;
	}
	.fc-calendar .fc-row > div > span.fc-date {
		font-size: 15px;
	}
}

/*OTHER*/
.footnote{
	margin-top:20px;
	font-size:9px;
	color:#999;
}

.feature{
	margin-bottom:10px;
}
.feature .icon{
	height:80px;
	width:15%;
	-moz-border-radius: 62px;
	-webkit-border-radius: 62px;
	border-radius: 62px;
	background:#333;
	text-align:center;
	padding:12px;
	float:left;	
	margin-right:20px;
}
.feature .description{
	float:left;
	width:80%;
}
.enter_test, add_space{
	background:#F1E6D2;
}
.enter_test td, .enter_test th, .add_space{
	border: 1px dashed #000 !important;
	background:#F1E6D2;
}
.cert{
	background:#F7F7F7;
	padding:10px;
	height:100px;
	width:27%;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
table tr th,
table tr td {
   
    padding: 5px;
}
table tr th:first-child,
table tr td:first-child {
   
}
table th{
	background: #ccc;
}
table tr:first-child th {
    background: #ccc;
   
    text-align: center;
}
table tr:first-child td{
	
}

/* top-left border-radius */
table tr:first-child th:first-child, table tr:first-child td:first-child {
    border-top-left-radius: 5px;
}

/* top-right border-radius */
table tr:first-child th:last-child, table tr:first-child td:last-child {
    border-top-right-radius: 5px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child, table tr:last-child th:first-child {
    border-bottom-left-radius: 5px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child, table tr:last-child th:last-child {
    border-bottom-right-radius: 5px;
}
.report ul {
margin-left: 20px;
}
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal {
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, 1 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.ad_space{
	display:none;
}