/*	--------------------------------------------------------------------------------------------
	ELEMENTS	*/

a, a:visited, .link, #site_copy a	{
	
	text-decoration:none;
	color:#333;
	font-weight:bold;
	
}

a:hover, .link:hover	{
	
	text-decoration:underline;
	
}

h1	{
	
	text-transform:none;

	
}

h2	{
	
	border:none;
	color:#032D46;
	text-transform:none;
	
}

th	{
	
	text-transform:uppercase;
	font-weight:bold;
	background-color:#ccc;
	color:#333;

}

table th:first-child {
	border-top-left-radius: 5px;
}

table th:last-child {
	border-top-right-radius: 5px;
}


/*	--------------------------------------------------------------------------------------------
	UNIQUES	*/

#login_container {
	margin:0 auto;
	margin-top:150px;
	width:500px;
}

#login_container h1 {
	margin-bottom:0px;
}

#horizontal_bar, #info_strip	{
	
	display:none;
	
}

#dashboard_quick_menu	{
	
	position:relative;
	display:inline-block;
	vertical-align: top;
		
	width:200px;
	background: #fff;
	
	padding-top:20px;
	float:none;
	margin-left:-30px;
	margin-top:-50px;
	height:100vh;
	
	
}

#dashboard_quick_menu	.menu_option	{

	font-family:"ProximaNova-Bold", "Proxima Nova", "Helvetica Neue", Helvetica;
	font-size:13px;
	
	background-color:#fff;
	border-radius:2px;
	color:#323333;
	margin:10px 10px 0px 10px;
	line-height:30px;
	
}

#dashboard_quick_menu .menu_option:hover, #dashboard_quick_menu .menu_option.selected_option	{

	background-color:#5ABCAB;
	color:#fff;
	

}

#dashboard_right_pane, #tool_dashboard_rotator {
	display:inline-block;
	vertical-align: top;
	position:relative;
	width:calc(100% - 200px);
	padding:0px 0px 0px 20px;
}

.back_to_dashboard_link {
	display:none;
}

.menu_option img {
	display:none;
}



#footer_text	{
	
	display:inline-block;
	
	color:#A7A9AC;
	
	margin:0px;
	float:right;
	
}

#self_register	{
	
	width:422px;
	text-align:right;
	margin-top:-20px;
	
}

#popup_content	{
	
	border-radius:0px;
	
}

#tool_adv_options	{
	
	width:180px;
	
}

#login_bar {
	margin-top:-5px;
}

#login_avatar	{
	
	max-width:45px;
	max-height:45px;
	
	margin-left:20px;
		margin-right:20px;

	display:inline-block;
	vertical-align:middle;
	border-radius:30px;
}
	
#login_name_container	{
	
	margin-left:20px;
	margin-top:5px;
	color:#032D46;
	
	display:inline-block;
	vertical-align:middle;
}

#nav_logoff_link	{
	
	margin:0px 20px 0px 0px;
	vertical-align:middle;
	display:inline-block;
	
}


/*	--------------------------------------------------------------------------------------------
	CLASSES	*/

.normal_tab	{
	
	background-color:#EEEEEE;
	
}

.active_tab	{
	
	background-color:#121b21;
	
}

.sticky_icon	{
	
	border:none;
	border-radius:0px;
	
}

.sticky_icon:hover	{
	
	background-color:#eee;
	
}

.module-options-in-td	{
	
	top:10px;
	right:5px;
	
}

.module_options .option_menu	{
	
	margin:0px;
	top:41px;	
	right:0px;
	
}

.dashboard_avatar	{
	
	max-width:150px;
	max-height:150px;
	border-radius:0px;
	margin-bottom:20px !important;
	
}

.triangle-isosceles.left {
  	background:#446e85; /* default background for browsers without gradient support */
	color:#fff;

}

.triangle-isosceles.left .date	{
	color:#fff;
}
.triangle-isosceles.left:after {
  border-color:transparent #446e85 ;
}

.triangle-isosceles.right {
  background:#eee; /* default background for browsers without gradient support */
}

.triangle-isosceles.right:after {
  border-color:transparent #eee ;
}

.dashboard_360_icon	{
	
	background:#be1e2e;
	height:32px;
	

}
.dashboard_360_icon img, .dashboard_canvas_icon img	{
	
	
	display:none;
	
}

.dashboard_canvas_icon	{
	
	background:#ddd;
	height:32px;
	

}

.dashboard_360_tool_name	{
	
	color:#446F86;
	font-size:16px;
	font-weight:bold;
	
}

.dashboard_canvas_name	{
	
	color:#032D46;
	font-size:16px;
	font-weight:bold;
	
}

.back_to_dashboard_link	{
	
	position:absolute;
	right:0px;
	top:0px;
	
	width:250px;
	
}

/* begin: jQuery UI Datepicker moving pixels fix */
	table.ui-datepicker-calendar {border-collapse: separate;}
	.ui-datepicker-calendar td {border: 1px solid transparent;}
/* end: jQuery UI Datepicker moving pixels fix */

.ui-datepicker-calendar td .ui-state-default {
	background-color:#eee !important;
	color:	#333 !important;
}

/* begin: jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a, .ui-datepicker-calendar td .ui-state-active {
	background: #333 none !important; /* a color that fits the widget theme */
	color: white !important; /* a color that is readeable with the color above */
}
/* end: jQuery UI Datepicker emphasis on selected dates */


.change_order {
	
	display:inline-block;
	vertical-align: top;
	margin-right:20px;
	
}

#change_orders {
	display:inline-block;
	vertical-align: bottom;
}

.dashboard_note {
	
	background-color:#ff9400;
	padding:20px;
	display:inline-block;
	width:250px;
	margin-right:20px;
	vertical-align: top;
	font-size:12pt;
	color:#fff;
	
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	
}

.th_head {
	background-color:#888;
}