/**
 * Page:	Default CSS file
 * Desc:	CSS setup for this specific installation of the platform
 *
 * PHP version 5.3 +
 *
 * @package	   		platform : iron.set
 * @author	   		ironwave.co.za | Jason Scheepers <jason@ironwave.co.za>
 * @copyright  		Copyright (c) ironwave.co.za
 * @version	   		2.0.2
 * @lastmodified	24 Jan 2014
 * @license	   		Proprietary
 * @link	   		http://ironwave.co.za/iron.set
*/
@font-face {
	font-family: "ProximaNova-Regular";
	src: url("../media/ProximaNova-Regular.otf") format("opentype");
}

@font-face {
	font-family: "ProximaNova-Light";
	src: url("../media/ProximaNova-Light.otf") format("opentype");
}

@font-face {
	font-family: "ProximaNova-Bold";
	src: url("../media/ProximaNova-Bold.otf") format("opentype");
}

/*---------------------------------------------------------------------------------------------------------
/*	CORE ELEMENT STYLES	------------------------------------------------------------------- */
html,body {
	position:relative;
	height:100%;
}

body	{
	font-family:Calibri, Helvetica,  Arial, sans-serif;
	font-size:12px;
	color:#333;
	background:#F4F7F7;

	min-height:100%;
	background-image:url('/templates/default/images/template/background.png');
	background-position:95% 85%;
	background-repeat: no-repeat;
}

a, a:visited, .link	{
	color:#222;
	text-decoration:none;
}

a:hover	{
	text-decoration:underline;
}

h1	{
	font-weight:bold;
	font-size:22pt;
}

#popup_content {
	border-radius:15px !important;
}

#ajax_content h2, #ajax_content h1  {
	font-family:"ProximaNova-Bold", "Proxima Nova", "Helvetica Neue", Helvetica;
	background-color:#5abcab;
	border-style:none none solid none;
	margin:-10px -30px 20px -30px;
	padding:15px;
	border-color:#ddd;
	border-width:1px;
	color:#fff;
	font-size:30px;
	text-align:center;
	
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	
}

h3	{
	color:#FFF;
}


h4	{
	text-transform:uppercase;
	color:#575756;
	background-color:#CCC;
	padding:12px 10px 12px 10px;
	font-size:12pt;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
}

h5	{
	margin:30px 0px 20px 0px;
	font-size:16pt;
	font-weight:bold;
	color:#000;
	border-style:none none solid none;
	border-color:#666;
	border-width:1px;
}

th	{
	text-align:left;
	color:#fff;
	font-weight:bold;
	background-color:#424143;
	padding:12px 10px 12px 10px;
	text-transform:uppercase;
}

hr	{
	border-style:solid none none none;
	border-width:1px;
	border-color:#CCC;
	margin:20px 0px 10px 0px;
	clear:both;
}

input[type=text],input[type=file],input[type=password], textarea, select	{

	padding:12px 10px 12px 10px;
	margin:10px 0 10px 0px;

	border:solid 2px #D1D3D4;
	border-radius:2px;
	background-color:#fff;

	color:#333;
	

}

input[type=text]:hover,input[type=file]:hover,input[type=password]:hover, textarea:hover, select:hover	{

	border-color:#5ABCAB;

}

li	{
	margin-bottom:5px;
}

/*	UNIQUE STYLES	-----------------------------------------------------------------	*/
#site_canvas	{
	
	position:relative;	
		
	z-index:0;
	height:auto;
	min-height:100%;
}

#navigation_top	{	
	color:#999;

	text-align:right;
	height:28px;

	z-index:1000;
	padding:20px 30px 20px 0px;
	background-color:#fff;
}

#navigation_top a	{
	color:#58595b;
	font-weight:normal;
	font-size:13px;
	font-family:helvetica;
}

#website_logo	{
	float:left;
	width:408px;
	height:49px;
	position:relative;
	margin:0 auto;
	text-align:left;
	margin-left:30px;
	margin-top:-8px;
	background:#fff url('/templates/default/images/template/logo.png') no-repeat;
	background-size: 120px;
}

#info_strip	{
	background:#858484;
	min-height:50px;
	line-height:50px;
	color:#fff;
	text-align:center;
	z-index:170;
	position:relative;
	margin-bottom:20px;
}

#info_strip a	{
	color:#CCC;
}

#site_content	{
	text-align:left;

	background:transparent;

	position:relative;
	height:auto;
	min-height:100%;
	z-index:105;
	
}

#site_content a	{
	color:#666;
}

#site_copy	{
	position:relative;
	padding:50px 30px 80px 30px;
	
	min-height:100%;
	height:auto;
}

#site_footer	{
	height:50px;
	text-align:right;
	line-height:50px;
	color:#fff;
	font-size:9pt;
	
	position:relative;

	margin-left:200px;
	margin-top:-52px;
	
	padding:0 50px 0 50px;

	border-top:solid 2px #EEE;
	
}

#site_footer a	{
	
	color:#032D46;
	margin-right:20px;
	
}

.navigation_seperator	{
	height:46px;
	width:10px;
	background:url('/templates/default/images/template/seperator_small.png') no-repeat center center;
	display:inline-block;
	vertical-align:text-top;
	margin-left:20px;
	margin-right:5px;
}

#quick_menu {
	background-color:#b9c6de;
}

#quick_menu	.link, #quick_menu a	{
	color:maroon;
	font-weight:bold;
	cursor:pointer;
}

#quick_menu	.link	{
	color:#000 !important;
}

#task_status	{
	float:right;
	width:200px;
	background:#69C;
	height:40px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	margin:20px 0px 10px 20px;
	border-radius:5px;
}

#registration_form	{
	float:left;
	width:200px;
	text-align:center;
	padding:20px;
	background:#4a89c2;
	color:#fff;
	line-height:15px;
	margin:20px;
	border-radius: 15px;	
}

#registration_form a	{
	color:#CCC;
}

#forgotpassword_form	{
	float:right;
	width:200px;
	text-align:center;
	padding:20px;
	background:#b32339;
	color:#fff;
	line-height:15px;
	margin:20px;
	border-radius: 15px;	
}

#forgotpassword_form a	{
	color:#CCC;
}

#landing_banner	{
	background:url('/templates/default/images/template/banner_background.png') no-repeat;
	height:379px;
	text-align:right;
	position:relative;
	z-index:160;
	margin:-23px -20px -20px -20px;
}

#landing_banner img {
	position:absolute;
	right:0;
	top:150px;
	margin-right:50px;
}

#landing_heading {
	font-size:24pt;
}

/*	CLASS DEFINITIONS	------------------------------------------------------------------------ */
#grouping_container .active_tab, #grouping_container .normal_tab	{
	cursor:default !important;
}

/*	WIDGETS	*/
.widget_body	{
	padding:20px 15px 0px 15px;
	background-color:#FFF;
	border-style:none solid solid solid;
	border-color:#CCC;
	border-width:1px;
	text-align:left;
	clear:both;
	color:#333;
	position:relative;
	margin:0 auto;
}

.widget_body hr	{
	background-color:#CCC;
	border-style:solid none none none;
	border-width:1px;
	border-color:whitesmoke;
	margin:10px 0px 5px 0px;
}

.widget_body h1, .form_cell h1, .h1_contained	{
	font-size:12pt;
	text-transform:none;
}

.form_cell h1	{
	display:inline-block;
}

.project_name	{
	font-size:16px;
	font-weight:bold;
}

.project_tool	{
	color:#45587e;
	font-weight:bold;
	font-size:14pt;
	padding-bottom:15px;
}

.column_left	{
	width:250px;
	margin-bottom:30px;
}

.column_right	{
	width:650px;
	margin-bottom:30px;
}

/*	TEMPLATE COLOUR DEFINITIONS	*/
.yellow, .row_error	{
	background-color:#fed941;
}

.row_error	{
	border:dashed 1px #CCC;
}

.grey_text	{
	color:#858484;
}

.green_text	{
	color:#014c37;
}

/*	Debriefing window	*/
.debrief_important	{
	font-size:14px;
	font-weight:bold;
}
	
debrief_correct	{
	color:darkgreen;
	font-weight:bold;
}

.nav_icon	{
	float:right;
	width:50px;
	text-align:center;
	margin-left:20px;
	font-size:10px;
}

#nav_dashboard_link	{
	font-weight:bold !important;
	color:#4a89c2 !important;
}

.dashboard_avatar	{
	border-radius: 15px;
	width:100%;	
}

#codelogin_form	{
	float:right;
	width:200px;
	text-align:center;
	padding:20px;
	background:#CCC;
	color:#666;
	clear:both;
	margin:0px 20px 20px 20px;
	
	border-radius: 15px;	
	behavior: url(/scripts/PIE.htc);
}

#navigation_mobile_menu {
	
	display:none;
	position:absolute;
	left:20px;
	top:30px;
	
	
}

@media (max-width:768px) {
	
	#dashboard_quick_menu {
		display: none;
		margin-top:50px;
		z-index:10000;
	}
	

	#site_content, #navigation_top, #info_strip, #site_footer	{

		margin-left:0px;

	}	
	
	#navigation_top {
		
		background-color:#fff;
	}
	
	#login_name_container {
		color:#fff !important;
	}
	
	#navigation_mobile_menu {
		display: block;
	}

}

.profile_image_pangea_mini, .chat_profile_image_tiny {
	width:64px;
	height:64px;
	background-size: cover;
	border-radius: 5px;
}

.chat_profile_pic {
	border-radius:5px;
}

#opt_tab_module_search {
	display:none;
}

.dashboard_widget_canvas {
	margin-bottom:50px;
	background:#fff;
	border-radius: 5px;
	padding-bottom:50px;
}

.widget_half_width {
	width:calc(50% - 55px);
	margin-right:50px;
}

.dashboard_widget_canvas h1  {
	font-family:"ProximaNova-Bold", "Proxima Nova", "Helvetica Neue", Helvetica;
	background-color:#5abcab;
	border-style:none none solid none;
	margin:-10px 0px 20px 0px;
	padding:15px;
	border-color:#ddd;
	border-width:1px;
	color:#fff;
	font-size:20px;
	text-align:center;
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
}


.dashboard_client_project, .dashboard_project_tool, .dashboard_tool_question {
	
	min-height:55px;
	line-height:55px;
	padding-left:50px;
	max-width:250px;
	background-color:whitesmoke;
	cursor:pointer;
	text-align:left;
	position:relative;
	
	margin-top:10px;
	margin-bottom:5px;


}

.dashboard_client_project:hover, .dashboard_project_tool:hover, .dashboard_tool_question:hover {
	background-color:#eee;
}

.selected_list_item {
	background-color:#ccc;
}

.dashboard_client_project {
	
	background-image:url('/images/project_32.png');
	background-position:10px 15px;
	background-repeat: no-repeat;
	
}
.tool_block {
	
	background-image:url('/images/template_32.png');
	background-position:10px 15px;
	background-repeat: no-repeat;
	
}
.tool_email {
	
	background-image:url('/images/send_32.png');
	background-position:10px 15px;
	background-repeat: no-repeat;
	
}
.tool_diary {
	
	background-image:url('/images/trend.png');
	background-position:10px 15px;
	background-repeat: no-repeat;
	
}

.dashboard_tool_question {
	
	background-image:url('/images/cells.png');
	background-position:10px 15px;
	background-repeat: no-repeat;
	max-width:100%;
	
}

#group_selection, #project_selection, #tool_selection, #tool_profile {
	width:70%;
	min-width:550px;
	display:inline-block;
	vertical-align: top;
	position:relative;
}

.plus_right {
	float:right;
	margin-top:-10px;
	margin-right:50%;
}

.dashboard_table .dashboard_table_record:nth-child(odd) {
	
	background-color:#eee;
	
}

.dashboard_table .dashboard_table_record:hover {
	background-color:#ddd;
}


.dashboard_table .no_hover .dashboard_table_record:hover {
	background-color:inherit !important;
}

.dashboard_step {
	
	background-image:url('/templates/default/images/template/subject_blank.png');
	background-repeat: no-repeat;
	height:106px;
	width:106px;
	
	text-align: center;

	color:#666;
	display:inline-block;
	vertical-align: middle;
	border-radius:50px;
}

.dashboard_step_arrow {
	
	width:30px;
	height:45px;
	display:inline-block;
	vertical-align: middle;
	background:transparent url('/images/arrow_right.png') no-repeat center center;
	
}

.step_selected {
	background-color:#5ABCAB;
}

.step_current {
	border-color:#09a89e;
	color:#333;
	font-weight:bold;
}


.step_end {
	
	clear:right;
}

.dashboard_tip {
	position:relative;
	width:25%;
	display:inline-block;
	vertical-align: top;
	padding-top:20px;
	text-align:center;
}

.dashboard_tip .info_tip {
	position:relative;
	width:80%;
	right:auto;
	margin:20px;
	max-width:200px;
	text-align:left;
	margin:0 auto;
}

#step_current_location {
	
	position:absolute;
	right:0px;
	width:250px;

	padding-left:64px;
	height:60px;
	margin-top:60px;
	
}

.tool_question {
	padding-left:50px;
	margin-bottom:5px;
	background:transparent url('/images/arrow_right.png') no-repeat 20px;
	
	
}

#dashboard_wizard{
	margin-top:20px;
}

.dashboard_client_linked, .dashboard_client_linked:hover {
	background-color:#09a79d !important;
	color:#fff !important;
}

.finalise_option {
	
	background-color:#aaa;
	padding:20px 30px 10px 30px;
	text-align:center;
	display:inline-block;
	margin-right:20px;
	cursor:pointer;
	
	
}

.finalise_option:hover {
	
	background-color:#888;
	
}


.tools_section {
	
	margin-left:50px;
	background-color:#eee;
	border-radius:5px;
	padding:20px;
	margin-bottom:20px;
	
}

.academy_form {

	-webkit-box-shadow: 4px 2px 19px 0px rgba(158,156,158,0.53);
	-moz-box-shadow: 4px 2px 19px 0px rgba(158,156,158,0.53);
	box-shadow: 4px 2px 19px 0px rgba(158,156,158,0.53);
	
	border-radius:10px;
	background-color:#fff;
	padding:20px 50px 20px 50px;

}

.button {

	font-family:"ProximaNova-Bold", "Proxima Nova", "Helvetica Neue", Helvetica;
	color:#fff;
	font-size:12pt;
	
	background-color:#5ABCAB;
	text-align:center;
	padding:5px;
	
	border-style:none none solid none;
	
	border-bottom: 4px #207269 solid;

	border-radius:5px;
	cursor:pointer;
	
}

.button:hover {
	background-color:#3D978A;
}

.grey  {
	
	font-size:13px;
	background-color:#F0F0F0;
	border-bottom: 2px #DBE0E3 solid;
	color:#323333;
	
}

.grey:hover {
	background-color:#ddd;
}

.step_number {
	padding-top:30px;
	display:block;
}

.step_name {
	font-size:1.2em;
}

.row_normal {
	background-color:#fff;
	padding:20px;
	border-radius:10px;
	margin-bottom:5px;
}

.row_alternate {
	background-color:#eee;
	padding:20px;
	border-radius:10px;
	margin-bottom:5px;
}

#tabs div {
	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	
}

.dashboard_supporting_document {
	font-size:16pt !important;
}


.debrief_badge {
	
		-webkit-box-shadow: 4px 2px 19px 0px rgba(158,156,158,0.53);
	-moz-box-shadow: 4px 2px 19px 0px rgba(158,156,158,0.53);
	box-shadow: 4px 2px 19px 0px rgba(158,156,158,0.53);
	
	border-radius:10px;
	background-color:#fff;
	padding:20px 20px 50px 20px;

	text-align:center;
}

.debrief_badge h1 {
	
	background-color:#5abcab;
	border-style:none none solid none;
	margin:-20px -20px 20px -20px;
	padding:15px;
	border-color:#ddd;
	border-width:1px;
	color:#fff;
	font-size:32px;
	text-align:center;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

}

#tool_body_container {

	display:inline-block;
	width:calc(100% - 250px);
	padding-left:20px;
	
}