/*  Author: Damjan Žnidaršič
 *	http://www.positiva.si
 *
 ******************************************/
/*    HTML
******************************************/
html{
	overflow-y: scroll;
}
html, body{
	color:#333;
	font-family:Arial,Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0 0 0 0;
	line-height:140%;
	padding: 0;
	background:#F1F2F2;
}
a, a:visited{
	text-decoration:none;
	color:white;
	font-weight:bold;
}

p{
	margin:0 0 10px 0;
}
ul li {
	list-style:disc;
}
#content_mid ul{
	padding-left:15px;
}
ol li{
	list-style-type:decimal;
}
#wrapper ul,#wrapper ol{
	padding-left:15px;
}
em{
	font-style:italic; 
}
strong{
	font-weight:bold;
}
h1,h2,h3,h4,h5,h6{
	margin: 0px 0px 10px 0px;
	font-weight:normal;
	font-family:Arial,Helvetica, sans-serif;
	color:#333;
	line-height:100%;
	letter-spacing:.5px;
}
blockquote{
	padding:10px;
	background:#FAFAFA;
	border:1px solid #ebebeb;
}
h1{
	font-size:20px;
}
h2{
	font-size:20px;
	font-weight:normal;
}
h3{
	font-size:16px;
}
h4{
	font-size:14px;
}
h5{
	font-size:12px;
}
h6{
	font-size:10px;
}
select{
	padding:2px;
	font-size:11px;
	background:#FFF;
	border:1px solid #b9b9ba;
	color:#333;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

.cufon{
	font-weight:normal;
	font-size:22px;
}
/*   Rounded corners	
******************************************/
.r b.tl,.r b.tr,.r b.bl,.r b.br{
	width:2px;
	height:2px;
	z-index:20;
	position:absolute;
	background: url("/static/images/sprite_white.jpg") no-repeat;
	display:block;
	overflow:hidden;
}
.rw b.tl,.rw b.tr,.rw b.bl,.rw b.br{
	width:5px;
	height:5px;
	z-index:20;
	position:absolute;
	background: url("/static/images/sprite_white.png") no-repeat;
	display:block;
	overflow:hidden;
}
.rl b.tl,.rl b.tr,.rl b.bl,.rl b.br{
	width:2px;
	height:2px;
	z-index:20;
	position:absolute;
	display:block;
	overflow:hidden;
	background: url("/static/images/sprite_light.jpg") no-repeat;
}
.r,.rl,.rw,.rg{
	position:relative;
}
.r b.tl,.rl b.tl{
	top:-1px;
	left:-1px;
	background-position:0px 0px;
}
.r b.tr,.rl b.tr{
	top:-1px;
	right:-1px;
	background-position:0px -2px;
}
.r b.bl,.rl b.bl{
	bottom:-1px;
	left:-1px;
	background-position:0px -4px;
}
.r b.br,.rl b.br{
	bottom:-1px;
	right:-1px;
	background-position:0px -6px;
}
.r h2.title,.rl h2.title{
	height:22px;
	background:url("/static/images/app_h2_title_r.jpg") repeat-x top right;
	float:left;
	position:absolute;
	top:-23px;
	padding:0;
}
.rw b.tl{
	top:0px;
	left:0px;
	background-position:0px 0px;
}
.rw b.tr{
	top:0px;
	right:0px;
	background-position:0px -5px;
}
.rw b.bl{
	bottom:0px;
	left:0px;
	background-position:0px -10px;
}
.rw b.br{
	bottom:0px;
	right:0px;
	background-position:0px -15px;
}
.r h2.title span,.rl h2.title span{
	font-size:12px;
	height:19px;
	background:url("/static/images/app_h2_title_l.jpg") no-repeat top left;
	float:left;
	color:#FFF;
	padding:3px 10px 0px 10px;
}
/* rounded on green */
.rg b.tl,.rg b.tr,.rg b.bl,.rg b.br{
	width:5px;
	height:5px;
	z-index:20;
	position:absolute;
	background: url("/static/images/sprite_green.jpg") no-repeat;
	display:block;
	overflow:hidden;
}
.rg b.tl{
	top:0px;
	left:0px;
	background-position:0px 0px;
}
.rg b.tr{
	top:0px;
	right:0px;
	background-position:0px -5px;
}
.rg b.bl{
	bottom:0px;
	left:0px;
	background-position:0px -10px;
}
.rg b.br{
	bottom:0px;
	right:0px;
	background-position:0px -15px;
}

/*    Structure
******************************************/
#top{
	/* background:#FFF url("/static/images/app_bg_body.jpg") repeat-x top; */
	background:#f1f2f2 url("/static/images/fi_header_grey.jpg") repeat-x 0px 30px;
}
	#c{
		width: 100%;
		margin:0 auto;
	}
		#header{
			width: 100%;
			/* padding:8px 0px 0 10px; */
			margin: 0 auto;
			/* float: left; */
			/* left: 10px; */
			margin-top: 5px;
			display:inline-block;
			position:relative;
		}
		#header .ShoppingCart,  #header .ShoppingCartAdmin{
			width:150px;
			height:46px;
			position:absolute;
			background:url(/static/images/shopping_cart.png) no-repeat 15px 10px #E6E6E6;
			border:1px solid #CCCCCC;
			right:0px;
			top:25px;
			border-radius: 5px;
		}
		#header .ShoppingCartAdmin{
			width:100px;
			height:46px;
			position:absolute;
			background:url(/static/images/shopping_cart_admin.png) no-repeat 15px 10px #E6E6E6;
			border:1px solid #CCCCCC;
			right:115px;
			/* top:25px;	 */
			/* margin-left: 25px; */
			border-radius: 5px;
		}		
		#header .ShoppingCart a, #header .ShoppingCartAdmin a {
			display:block;
			color:#333333;
			font-size:11px;
			font-weight:bold;
			padding:10px 10px 10px 70px;	
		}
			/*followidea_logo_new.png*/
			#logo, #logo img{
				padding-top:2px;
				/* padding-left: 6px; */
			}
			#menu{
				float:left;
				/* width:720px; */
				/* height:75px; */
				padding:20px 0px 0px 35px;
			}
			#menu li{
				/* float:left; */
				list-style:none;
				display:block;
				position:relative;
			}
			#menu li a,#menu li a:visited,#menu li a:active{
				float:left;
				/*height:31px;*/
				padding:0px 0px 0 0px;
				display:block;
				color:#333;
			}
			#menu li a span{
				display:block;
				padding:0px 19px 0px 18px;
				height:75px;
			}
			#menu li.active a span{
				padding:0px 0px 0px 0px;
				height:75px;
				float:left;
				color:#333;
				background: url("/static/images/app_menu_new.png") repeat-x left bottom;
			}
			
			#menu li.active a,#menu li.active a:visited,#menu li.active a:active{
				height:75px;
				/*padding:0px 8px 0 8px;*/
				display:block;
				color:#333;
				text-align: center;
				line-height: 28px;
			}
			#menu li.active a b{
				background:yellow;
				height:75px;
				display:block;
				margin:0;
				width:15px;
				float:left;
				background:url("/static/images/app_menu_new.png") no-repeat top left;
			}
			#menu li.active a s{
				height:75px;
				display:block;
				margin:0;
				width:15px;
				float:left;
				background:url("/static/images/app_menu_new.png") no-repeat 0px -75px;
			}
			#menu li a:hover{
				color:#54b948;
			}
			
		#navbar{
			width:100%;
			/* padding:0px 32px; */
			float:left;
			margin-bottom:20px;
		}
			#navbar span{
				padding-left:10px;
			}
		#errorbar{
			padding:0px 32px;
			float:left;
			margin-bottom:20px;
		}
			#errorbar span{
				background:#42210b;
				height:15px;
				font-size:14px;
				color:#FFF;
				display:block;
				padding:10px;
			}

#bottom{
	overflow:hidden;
	background:url("/static/images/footer_bg.jpg") repeat-x top #5fb851;
	margin-top: 30px;
	bottom: 0px;
}
	#footer {
		width:1000px;
		margin:0 auto;
		height:190px;
		/* padding-left:10px; */
		
	}
		#footer .bar{
			min-width:1000px;
			height:25px;
			float:left;
			margin-bottom:15px;
			margin-left: -5px;
		}
			#footer .bar span.tab{
				padding:0px 30px 0 0;
				height:25px;
				float:left;
				display:block;
				background:url(/static/images/footer_button.jpg) repeat-x top;
				position:relative;
			}
			#footer .bar span.tab b{
				color:#FFF;
				display:block;
				height:25px;
				padding:5px 0 0 30px;
				float:left;
				background:url(/static/images/footer_sitemap_l.png) no-repeat left top;
			}
			#footer .bar span.tab s{
				color:#FFF;
				display:block;
				height:25px;
				position:absolute;
				top:0;
				right:-1px;
				width:16px;
				background:url(/static/images/footer_sitemap_r.png) no-repeat right top;
			}
		#sitemap{
			float:left;
			width:100%;
			padding-left:30px;
		}
		#sitemap li{
			list-style:none;
			float:left;
			width:170px;
			margin-right:30px;
		}
		#sitemap li span{
			font-size:12px;
			display:block;
			padding:0 0 3px 1px;
			color:#333;
			font-weight:bold;
			background:url("/static/images/sitemap_border.jpg") repeat-x bottom;
		}
		#sitemap li ul{
			color:#666;
			float:left;
			width:100%;
			padding-top:5px;
		}
		#sitemap li ul li{
			float:left;
			width:100%;
			padding:0px 0 2px 0px;
		}
		#sitemap li ul li a{
			float:left;
			display:block;
			color:#666;
			width:100%;
			padding-left:6px;
			background:url("/static/images/sitemap_bullet.jpg") no-repeat center left;
		}
/*	My ideas table
********************************************/
table.myideas{
	
}
	table.myideas thead tr{
		border-bottom:1px solid #CCC;
	}
		table.myideas thead tr th{
			padding:2px;
			font-weight:bold;
		}
		table.myideas thead tr th.status,table.myideas thead tr th.points{
			text-align:center;
		}
	table.myideas tbody tr{
		border-bottom:1px solid #CCC;
	}
		table.myideas tbody tr td{
			padding:2px;
		}	
		table.myideas tbody tr td.status,
		table.myideas tbody tr td.points {
			text-align:center;
			vertical-align: middle;
			font-weight:bold;
		}
		table.myideas tbody tr td.points { 
			text-align:right;
		}
		table.myideas tbody tr td.name {
			vertical-align: middle;
		}
		
	table.myideas thead tr th.name {
		text-align:left;
	}	
	table.myideas tbody tr td.name a {
		color:#333333;
		font-weight:normal;
	}
	
	
/*	Data tables
********************************************/
table.datagrid{
	
}
	table.datagrid thead tr{
		border-bottom:1px solid #CCC;
	}
		table.datagrid thead tr th{
			padding:2px;
			font-weight:bold;
		}
		table.datagrid thead tr th.status{
			text-align:center;
		}
	table.datagrid tbody tr{
		border-bottom:1px solid #CCC;
	}
		table.datagrid tbody tr td{
			padding:2px;
		}	
		table.datagrid tbody tr td.status{
			text-align:center;
		}

#content_mid .textboxlist ul {
	padding-left:4px;
}

/*	Latest ideas	
****************************************/
/*
ul#tabbedmenu{
	padding-left:5px;
	background:#edeeee;
}
*/
/*ul#tabbedmenu{
	float:left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#edeeee;
	height:32px;
	padding:0 5px;
	margin-bottom:10px;
	border:1px solid #d1d1d1;
}
	#tabbedmenu li{
		float:left;
		border-radius: 5px;
		height:24px;
		line-height:24px;
		list-style:none;
		margin-right:5px;
	}
		#tabbedmenu li a{
			float:left;
			display:block;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			height:24px;
			line-height:24px;
			margin-top:3px;
			list-style:none;
			background:#f9f9f9;
			margin-right:5px;
			text-align:center;
			padding:0 10px;
			color:#333;
			border:1px solid #d1d1d1;
			
		}
		#tabbedmenu li a.active{
			background-image: -moz-linear-gradient(center top , #F4F4F4 20%, #F0F0F0 50%, #E8E8E8 52%, #EEEEEE 100%);
		}
		
	#tabbedmenu li a.current{
		background:#FFF;
		height:29px;
		line-height:23px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		border-bottom:0;
	}
	#tabbedmenu li.active {
		height:27px;
		line-height:27px;
		-webkit-border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomright: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
	}
*/	
#tabs_wrap{
	float:left;
	width:580px;
}
	.last_ideas{
		background:#FFF;
		float:left;
		/*width:580px;*/
		width:100%;
	}
		.last_ideas .row{
			float:left;
			width:570px;
			padding:5px;
			border-bottom:1px solid #f1f1f1;
			margin-bottom:5px;
		}
		
		.last_ideas .pending{
			background:#EDEEEE;	
		}
		
		
			.last_ideas .row .useravatar{
				float:left;
				width:50px;
				padding-right:10px;
			}
			.last_ideas .row  span.metadata{
				width:510px;
				float:left;
			}
				.last_ideas .row  span.metadata a.name{
					width:150px;
					float:left;
					font-size:10px;
				}
				.last_ideas .row  span.metadata b.tags{
					width:300px;
					float:right;
					font-size:10px;
					text-align:right;
					color:#CCC;
				}
				.last_ideas .row a.ideatitle{
					margin-bottom:3px;
					width:510px;
					float:left;
					font-size:16px;
					color:#333;
					font-weight:normal;
				}
				.last_ideas .row .ideadesc{
					margin-bottom:3px;
					width:510px;
					float:left;
				}
				
		#ajax-ideas .pending .metadata .name,
		#ajax-ideas  .pending .metadata .tags {
			color:#333333;
			font-weight:bold;
		}
				
/*	tipsy
********************************************/
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/******** IDEA LIST VIEW **********/
div.idea_row {
	/*margin-bottom: 15px;*/
	float: left;
	display: inline;
	clear:both;
	width:100%;
	/* border-bottom:1px solid #E6E6E6; */
	margin-bottom: 16px;
	padding-bottom:10px;
}
div.idea_row .single {
	float:right;
	display:inline;	
	width: calc(100% - 75px);
}
/* div.idea_row .single .info {
	width:400px;
} */
div.idea_row .single .info .author {
	width:100%;
	color:#717074;
	font-size:16px;	
}
div.idea_row .single .info .idea_name {
	color:#3f8b36;
	font-size:20px;
	line-height:120%;
	padding:10px 0px 6px;
}

div.idea_row .single .info .ideadesc {
	line-height:150%;
	color:#4C4C4C;
	font-size:12px;	
	clear: both;
}

div.idea_row .single div.rates {
	width:115px;
	/* margin-top:56px; */
	margin-top: 15px;
}

div.idea_row .single div.rates span.rating_value {
	text-align: center;
}

/* div.idea_row_last {
	float: left;
	display: inline;
	margin-bottom:0px;
	border-bottom:0px none;
} */
div.idea_row div {
	float: left;
	display: inline;
}

div.idea_row .rates .popularity_params {
	float:left;
	display:block;	
}
div.idea_row .rates .main_rating {
	float:right;
	display:block;
	width: auto;
}

div.idea_row div.avatar {
	margin-right: 15px;
	float: left;
	display:inline;
	/*border:1px solid #F4F4F4;*/
	border-radius:3px;
	width:58px;
	height:58px;
}

div.idea_row div.avatar a {
	width:58px;
	height:58px;
	float: left;
	display:inline;
}

#last_ideas h2 {
	font-size:24px;
	display:block;
	padding:0px 0px 10px 0px;
}

#last_ideas h3 {
	margin-top: 10px;
}

h2 span.employee{
	float: left;
	display:inline;	
	color:#979200;
	padding-bottom:20px;
}

h2 span.status_text{
	float:left;
	display:inline;	
	padding-right:10px;
	padding-bottom:20px;
}

h2 a.filter-off {
	display:inline;
	float:left;
	background: url("/static/images/icon_delete.png") no-repeat left top;
    height: 18px;
    width: 18px;
    margin-left: 10px;
    margin-top: 3px;
}
h2 a.filter-off:hover {
	background: url("/static/images/icon_delete.png") no-repeat left bottom;
}
	
div.idea_row div.info {
	/* max-width: 250px; */
	/* width: calc(100% - 100px); */
	/* width: 100%; */
	float: left;
}
div.idea_row div.info .name {
	display: block;
	font-size:11px;
	color:#717074;
	font-weight:normal;
}

div.idea_row div.info .ideatitle {
	display: block;
	font-size:15px;
	color:#3f8b36;
	font-weight:bold;
	padding-bottom:4px;
}

div.idea_row div.info .ideadesc {
	display: block;
	font-weight:normal;
	color:#7F7F7F;
	line-height:130%;
}

div.idea_row div.rates {
	float: right;
	/* width: 200px; */
	margin-right: 5px;
}

div.popularity_params {
	margin-right: 10px;
	float: left;
}
div.popularity_params span {
	display: block;
	padding-left: 25px;
	/*margin-bottom: 7px;*/
	color: #cccccc;
	margin-bottom: 10px;
}
span.comments_count {
	background: url(/static/images/icons/popularity_params_icon_set.png) no-repeat top left;
}

span.participating_count {
	background: url(/static/images/icons/popularity_params_icon_set.png) no-repeat center left;
}

span.evaluation {
	background: url(/static/images/icons/popularity_params_icon_set.png) no-repeat bottom left;
}
div.popularity_params span.evaluation {
	margin-bottom: 4px;	
}

span.rating_label {
	font-size: 9px;
	font-weight: normal;
	color: #7f7f7f;
	margin-bottom: 10px;
	float: right;
}

td.rating_label {
	font-size: 9px;
	font-weight: normal;
	color: #7f7f7f;
}

span.rating_value {
	font-size: 30px;
	font-weight: bold;
	color: #3f8b36;
	display: block;
	clear:both;
}

td.rating_value {
	font-size: 19px;
	font-weight: bold;
	color: #3f8b36;
	display: block;
	clear:both;
	margin-top: 5px;
	margin-bottom: 5px;
}

a.suggest_button, a.suggest_button_narrow {
	display: block;
	width: 321px;
	height: 134px;
	margin-bottom: 10px;
	background: url(/static/images/suggest_idea_button.png);
}

a.suggest_button:hover {
	background: url(/static/images/suggest_idea_button_hover.png);
}

a.suggest_button_narrow {
	width: 250px;
	background: url(/static/images/suggest_idea_button_narrow.png);
}

a.suggest_button_narrow:hover {
	background: url(/static/images/suggest_idea_button_narrow_hover.png);
}

#SubMenu {
	float:left;
	display:inline;
	height:52px;
	padding:0px 20px;
	position:relative;
	margin:-3px 0px 15px 20px;
}
#SubMenu span.left,
#SubMenu span.right {
	position:absolute;		
	top:0px;
	height:52px;
	width:20px;
}
#SubMenu span.left {
	left:0px; 
	background:url(/static/images/bg_idea_menu.png) no-repeat 0px -52px;
}
#SubMenu span.right {
	right:0px; 
	background:url(/static/images/bg_idea_menu.png) no-repeat -8px 0px;
}
#SubMenu ul {
	float:left;
	display:inline;
	height:52px;
	margin:0px;
	padding:0px;
	background:url(/static/images/bg_idea_menu.png) repeat-x 0px -104px;
}
#SubMenu ul li {
	float:left;
	display:inline;	
	list-style:none;
}
#SubMenu ul li a {
	color:#9D9D9D;
	font-size:12px;
	font-weight:normal;
	padding:5px 8px;
	margin:12px 14px 0px 0px;
	float:left;
	display:inline;
	line-height: normal;
}
#SubMenu ul li a.active {
	background:#9D9D9D;
	color:#FFFFFF;
	padding:4px 7px;
	border:1px solid #878787;
	border-radius:6px;
	float:left;
	display:inline;
	line-height: normal;
}

div.status_pending {
	/* background:#addca6; */
	float:none;
	display:block;
	padding:15px 20px 0px 20px;
	width:auto;
	margin-bottom:0px;
	margin-left: -20px;
	margin-right: -20px;
}

div.status_progress {
	float:none;
	display:block;
	padding:15px 0 0px 0;
	width:auto;
	margin-bottom:0px;
	/* border:0px none;	 */
}
div.status_progress h2,
div.status_pending h2 {
	padding:0px 0px 10px;
	font-size:24px;		
}
div.status_pending .view {
	display:block;
	height:79px;
	width:79px;
	margin-left:30px;
	background:url(/static/images/icon_view.png) no-repeat 0px 0px;
}
div.status_pending .view:hover {
	background:url(/static/images/icon_view.png) no-repeat 0px -79px;	
}
div.status_pending .complete, div.status_progress .complete {
	display:block;
	height:79px;
	width:79px;
	background:url(/static/images/icon_complete.png) no-repeat 0px 0px;
}
div.status_pending .complete:hover, div.status_progress .complete:hover {
	background:url(/static/images/icon_complete.png) no-repeat 0px -79px;	
}

.idea_row .block_mid {
	display:block;
	width:100%;
	border-bottom:1px solid #E6E6E6;
	padding-bottom:5px;
}
.idea_row .block_mid_last {
	padding-bottom:16px;
	border-bottom:0px none;
}

div.idea_row .fb_comment {
	float:right;
	/* width:560px; */
	width: calc(100% - 75px);
	background:#F7F5E8;
}
div.idea_row .fb_comment .follow {
	padding:8px 0px 7px;
	line-height:120%;
	display:inline;
	border-bottom:1px solid #EFEED9;
	display:block;
	color:#6E6E6E;
	font-size:11px;
	padding-left:30px;
	background:url(/static/images/icon_follow.png) no-repeat 7px 5px;
}

div.idea_row .fb_comment .follow a {
	color:#BEB66B;
	font-weight:normal;		
}

div.idea_row .fb_comment .append {
	width:100%;
	border-top:1px solid #5fb851;
	padding:7px 0px;
	float:left;
	display:inline;
	background:#addca6;
}
div.idea_row .fb_comment .append a {
	background:#54b948;
	padding:4px 15px;
	font-weight:normal;
	border-radius:3px;
	color: #FFFFFF;
	position:absolute;
	font-size:12px;
	right:10px;
	border:1px solid #3f8b36;
}

div.idea_row .fb_comment .append .box {
	/* width:452px; */
	width: calc(100% - 110px);
	border:1px solid #addca6;
	padding:5px;
	margin:0px 9px;
	background:#FFFFFF;
}

div.idea_row .fb_comment .append .block-wrap {
	position:relative;
	width:100%;
}

div.idea_row .fb_comment .append .box textarea {
	color:#7F7F7F;
	font-family:Arial;
	font-size:11px;
	/*padding:5px;*/
	width: 100%;
	resize: none;
	border:0px none;
}
div.idea_row .fb_comment .attachment {
	float:left;
	display:inline;
	width:100%;
	/*border:1px solid red;*/
	padding:0px 0px 8px 0px;	
	background:#addca6;
}
div.idea_row .fb_comment .upload_btn {
	float:left;
	display:inline;
	width:45px;
	height:19px;
	background:url(/static/images/icon_attachment_comment.png) no-repeat;
	margin-left:12px;
	cursor:pointer;
}
div.idea_row .fb_comment .upload_btn input {
	border:0px none;
	width:45px;
	background:none;	
}

div.idea_row .fb_comment .files {
	float:left;
	display:inline;
	width:100%;
	font-size:0px;
}

div.idea_row .fb_comment .files a {
	font-size:11px;
	color:#979200;
	text-decoration:none;
	float:left;
	display:inline;
	padding-left:32px;
	background:url(/static/images/icon_attachment.png) no-repeat 10px 0px;
	line-height:20px;
	font-weight:normal;
	margin-bottom:4px;
	clear:both;
	position:relative;
}
div.idea_row .fb_comment .files a span {
	width:12px;
	height:12px;
	font-size:0px;
	position:absolute;
	right:-20px;	
	background:url(/static/images/icon_delete_attachment.png) no-repeat top left;
	top:3px;
}
div.idea_row .fb_comment .files a span:hover {
	background:url(/static/images/icon_delete_attachment.png) no-repeat top right;		
}

div.idea_row .fb_comment .single {
	padding:10px;
	display:block;
	border-top:1px solid #FFFFFF;
	width: auto;
	float:left;
	clear:both;
}

div.idea_row .fb_comment .single .image {
	float:left;
	display:inline;
	font-size:0px;
	border-radius:3px;
	overflow:hidden;	
	margin-right:10px;
	height:58px;
}

div.idea_row .fb_comment .single .text {
	display:inline;
	color:#7F7F7F;
	line-height:120%;

}
div.idea_row .fb_comment .single .data {
	width:100%;
	float:left;
	display:inline;
	padding-bottom:6px;	
}
div.idea_row .fb_comment .single .file{
	clear:both;
	padding-top:10px;
}
div.idea_row .fb_comment .single .file a {
	clear:both;
	float:left;
	clear:both;
	font-weight:normal;
	background:url(/static/images/icon_attachment.png) no-repeat left top;
	padding-left:20px;
	line-height:20px;
	margin-bottom:1px;
}
div.idea_row .fb_comment .single .data .name {
	color:#979200;
	font-size:11px;
	padding-right:8px;
	text-transform:uppercase;	
	float:left;
	display:inline;
}
div.idea_row .fb_comment .single .data .name a {
	color:#54b948;
	font-weight:normal;
}
div.idea_row .fb_comment .single .data .time {
	float:left;
	display:inline;
	color:#B2B2B2;
	font-size:9px;	
}
div.idea_row .fb_comment .idea_todo {
	width:100%;
	float:left;
	display:inline;
	background:#FFF;
	padding:15px 0px 8px 0px;
}

div.idea_row .fb_comment .idea_todo a,
div.idea_row .fb_comment .idea_todo span {
	float:left;
	display:inline;	
	font-size:11px;
	color:#54b948;
	font-weight:normal;
}
div.idea_row .fb_comment .idea_todo span {
	width:20px;
	text-align:center;
}	
div.idea_row .fb_comment .idea_todo a {
	padding-left:20px;
}
div.idea_row .fb_comment .idea_todo a.r {
	/*background:url(/static/images/icon_todo.png) no-repeat 0px 0px;*/
	padding:0px 2px;
	float:right;
}
div.idea_row .fb_comment .idea_todo a.c {
	background:url(/static/images/icon_todo.png) no-repeat  0px -29px;	
}
div.idea_row .fb_comment .idea_todo a.f {
	background:url(/static/images/icon_todo.png) no-repeat 0px -59px;	
}
div.idea_row_single {
	border-bottom:0px none;
	margin-bottom:-10px;
	padding-bottom:0px;
}

#toolbar {
	float:left;
	display:inline;
	height:30px;
	background:url(/static/images/toolbar_bg.png) repeat-x left bottom;
	width:100%;
	text-align:center;
	position:relative;
}
#toolbar .box {
	max-width: 950px;
	display:block;
	height:30px;
	margin:0 auto;
}
#toolbar .box .icon {
	float:left;
	display:inline;
	height:30px;	
	margin-right:20px;	
	position:relative;
}
#toolbar .box .icon1 {
	background:url(/static/images/toolbar_icons.png) repeat-x 0px center;
	width:21px;
}
#toolbar .box .icon2 {
	background:url(/static/images/toolbar_icons.png) repeat-x -30px center;
	width:12px;
}
#toolbar .box .icon3 {
	background:url(/static/images/toolbar_icons.png) repeat-x -49px center;
	width:22px;
	margin-right:15px;
}
#toolbar .box .icon4 {
	background:url(/static/images/toolbar_icons.png) repeat-x -77px center;
	width:15px;
}
#toolbar .box .icon .notifi {
	position:absolute; 
	top:5px;
	height:18px;
	background:url(/static/images/icon_notification_top.png) no-repeat left bottom;
 	z-index: 1;
}

#toolbar .box .icon1 .notifi { left:18px; }
#toolbar .box .icon2 .notifi { left:9px; }
#toolbar .box .icon3 .notifi { left:19px; }
#toolbar .box .icon4 .notifi { left:12px; }

#toolbar .box .icon .loadwindow {
	position: absolute;
	height:30px;
	width:100%;
	left:0px;
	top:0px;
}

#toolbar .box .icon .notifi span {
	margin:0px 0px 0px 8px;	
	background:url(/static/images/icon_notification_top.png) no-repeat top right;
	display:block;
	line-height:18px;
	color:#FFFFFF;
	padding:0px 7px 0px 2px;
}

#toolbar .box .icon-line {
	background:url(/static/images/toolbar_icons.png) repeat-x -100px center;
	width:1px;
	margin-right:17px;
}
#toolbar .box .right-box {
	float:right;
}
#toolbar .box .right-box .text,
#toolbar .box .right-box a {
	color:#ececec;
	line-height:30px;
	float:left;
	display:inline;
	font-size:11px;	
	margin:0px 10px;
	font-weight:normal;
}
#toolbar .box .right-box .icon-line {
	margin-right:0px;
}
.window,
#toolbar .box .window {
	float:left;
	display:inline;
	position:relative;
	width:298px;
	border:1px solid #CFCFCF;
	padding:0px;
	background:#FFFFFF;	
	box-shadow: 0 0 7px #999;	
	left:-16px;
	top:33px;			
	z-index:999;
	text-align:left;
	max-height: 450px;
	overflow-y: auto;	
}
.window h2,
#toolbar .box .window h2 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:12px 12px 8px 12px;
	margin:0px;
}
.window ul,
#toolbar .box .window ul {
	float:left;
	display:inline;
}
.window ul li,
#toolbar .box .window ul li {
	float:left;
	display:inline;	
	padding:10px 12px;
	border-top:2px solid #F3F3F3;
	width:274px;
}
.window ul li:hover,
#toolbar .box .window ul li:hover {
	background:#addca6;
}

.result_ac .avatar,
.window ul li .avatar,
#toolbar .box .window ul li .avatar {
    border-radius: 3px 3px 3px 3px;
    display: inline;
    float: left;
    height: 58px;
    width: 58px;
}
.result_ac .avatar a,
.window ul li .avatar a,
#toolbar .box .window ul li .avatar a {
	display: inline;
    float: left;
    height: 58px;
    width: 58px;
}
.result_ac .idea,
.window ul li .idea,
#toolbar .box .window ul li .idea {
	float:left;
	display:inline;
	width:216px;
	min-height:58px;
}
.result_ac .idea .author,
.window ul li .idea .author,
#toolbar .box .window ul li .idea .author {
	color: #717074;
    display: block;
    font-size: 11px;
    font-weight: normal;
	padding-left:15px;
}
.result_ac .idea .title,
.window ul li .idea .title,
#toolbar .box .window ul li .idea .title {
	display:block;
	padding-left:15px;
	color: #3f8b36;
    font-size: 12px;
    font-weight: bold;
}

.window ul li.more,
#toolbar .box .window ul li.more {
	background:#F1F2F2;
	border-top:#E6E6E6;
	padding: 0px 0px;
	width:298px;
}
.window ul li.more a,
#toolbar .box .window ul li.more a {
	font-weight:bold;
	color:#3f8b36;
	display:block;
	font-size:11px;	
	text-decoration:none;
	text-align:center;
	line-height:24px;
}
.window ul li.empty,
#toolbar .box .window ul li.empty {
	font-style:italic;
}
.window ul li.empty:hover,
#toolbar .box .window ul li.empty:hover {
	background:none;	
}
.window .arrow,
#toolbar .box .window .arrow {
	background:url(/static/images/window_arrow_bg.png);
	width:15px;
	height:8px;
	font-size:0px;
	position:absolute;
	left:19px;
	top:-8px;
}
.window ul li.loader,
#toolbar .box .window ul li.loader {
	text-align:center;
	font-size: 0px;
	padding-bottom: 4px;
}
.window ul li.loader:hover,
#toolbar .box .window ul li.loader:hover {
	background:none;
}


div.notification {
	width:26px;
	height:24px;
	display:block;
	position:absolute;
	background:url(/static/images/icon_notification.png) no-repeat;
	color:#FFFFFF;
	font-size:9px;
	text-align:center;
	line-height:18px;
	top:-8px;
}

#menu li div {
	display:block;
	padding-top:40px;
}
#menu li div.icon1 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat -101px -14px;
}
#menu li div.icon22 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat -192px -14px;
}
#menu li div.icon23 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat -287px -14px;
}
#menu li div.icon24 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat 0px -14px;
}

#menu li.active div.icon1 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat -101px -87px;
	margin: 0px 11px 0px 11px;
}
#menu li.active div.icon22 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat -192px -87px;
}
#menu li.active div.icon23 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat -287px -87px;
}
#menu li.active div.icon24 {
	background:url(/static/images/app_menu_new_icon.png) no-repeat 0px -87px;
}


.idea_row .idea_search_filter {
	width: 100%;
	background:#ececec;
	/* height:40px; */
	margin:0px 0px 25px 0px;
	padding-bottom: 10px;
}

.single_employee {
	margin-top:-15px;
	width: 100%;
}

#content_mid .idea_row .single_employee {
	margin-top:-25px;
}

.idea_row .idea_search_filter .input_box {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #BCBCBC;
    display: inline;
    float: left;
    height: 19px;
    position: relative;
    width: 276px;
    margin:10px 0px 0px 20px;
}

.idea_row .idea_search_filter .input_box input {
    border: 0px none;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
    position: absolute;
    top: 2px;
    width: 205px;
    padding-left:10px;
}

.idea_row .idea_search_filter .input_box select {
    border: 0px none;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 19px;
    padding-left:10px;
}

.idea_row .idea_search_filter .input_box a {
	background:url(/static/images/search_icon.png) no-repeat center center;
	width:15px;
	height:19px;
	position:absolute;
	right:4px;
	top:0px;
}

.idea_row .idea_search_filter .filter {
	position:absolute;
	color:#6D6406;
	font-size:11px;
	line-height:40px;
	right:16px;
}
.idea_row .idea_search_filter .filter span {
	float:left;
	display:inline;	
}
.idea_row .idea_search_filter .filter span a {
	float:left; 
	display:inline; 
	padding-right:12px;	
	margin:0px 8px; 
	font-weight:normal; 
	position:relative;
}
.idea_row .idea_search_filter .filter span a i {
	position:absolute;
	width:6px;
	height:6px;
	right:0px;
	top:17px;
	font-size:0px;
}
#filterField .window {
	box-shadow:0px 0px 0px 0px;	
	top:19px;
	left:0px;
}
#filterField .window ul li {
	width:245px;
}
.idea_row .idea_search_filter .filter span a i {
	background:url(/static/images/icon_idea_filter.png) 6px 0px;
}

.idea_row .idea_search_filter .filter span a.up i {
	background:url(/static/images/icon_idea_filter.png) 0px -6px;	
}

.idea_row .idea_search_filter .filter span a.down i {
	background:url(/static/images/icon_idea_filter.png) 0px 0px;	
}

.result_ac .idea .author {
	color:#717074;
	font-size:11px;
	padding-top:10px;
}

.result_ac .idea .title {
	color:#3f8b36;	
	font-size:11px;
	font-weight:normal;
}
.result_ac {
	/*border-top:1px solid #E6E6E6;*/
	padding:4px 0px;
	margin:0px 8px;
	display:block;
}

#custom_dropdown {
	border:1px solid #CCCCCC;
	border-radius:0px;
	padding:0px;
}


#custom_dropdown .item_se {
	float:left;
	display:inline;
	border:0px; 
	padding: 0.2em 0.4em;
	margin:0px;
	border-radius:0px;
	padding-bottom:7px;
	background:none;
}

#custom_dropdown .ui-state-hover,
#custom_dropdown .item_se:hover {
	padding: 0.2em 0.4em;
	margin:0px;
	background:#addca6;
	border-radius:0px;
	padding-bottom:7px;
}

#custom_dropdown .no-result {
	font-weight:normal;
	font-size:11px;
	padding: 5px 10px;
	margin:0px;
	background:#addca6;
	border-radius:0px;
	padding-bottom:7px;
	display:block;
	line-height:20px;
}

.employee_box {
	float:left;
	display:block;
	width:100%;
	min-height:100px;
	margin-bottom:20px;
	margin-top:-10px;
}
.employee_box .image {
	float:left;
	display:inline;
	width:100px;
	height:100px;
	border-radius:5px;
}
.employee_box .statistic {
	width:161px;
	float:right;
	display:inline;
	margin-top: 20px;
}
.employee_box .statistic .row {
	float:left;
	display:inline;
	width:100%;
	border-bottom:1px solid #CCCCCC;
	padding:0px;
}
.employee_box .statistic .row span {
	display:inline;
	line-height:150%;
	padding:2px 3px;
}
.employee_box .statistic .row span.left {
	float:left;	
}
.employee_box .statistic .row span.right {
	float:right;
}
.employee_box .statistic .row-last {
	border-bottom:0px none;
}
.ideas-tabs {
	float:left;
	display:inline;
	width:100%;
	background:#5fb851;
	line-height:24px;
	height:24px;	
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	margin-bottom:20px;
}
.ideas-tabs a {
	margin-left:10px;
	margin-right:5%;
	float:left;
	display:inline;
	line-height:24px;
	position:relative;
}

.ideas-tabs a.active {
	padding-bottom:7px;
	background:url(/static/images/idea_tab_arrow.png) no-repeat center bottom;		
}

#wrapper{
	/* padding:0px 10px; */
	width: 100%;
	margin: 0 auto;
}

#my_info_dashboard {
	margin: 0 auto;
}	

.right-menu {
	position: relative;
	float: right;
}

#tabbedmenu {
	margin: 0;
	padding: 0;
}

.block_mid .info {
	max-width: 420px;
}

.chzn-search input {
	width: calc(100% - 28px) !important;
}

div.idea_row .single .info, div.idea_row .fb_comment .single .text {
	margin-top: 2px;
	width: calc(100% - 130px);
	text-align:justify;
}

.idea_row .idea_search_filter .heading {
	float: right;
	margin: 15px 0px 0px 0px;
}

.idea_row .idea_search_filter .heading span:nth-last-child(1) {
	margin-right: 30px;
}
.idea_row .idea_search_filter .heading span:nth-last-child(2) {
	margin-right: 100px;
}

div.idea_row .rates .main_rating:nth-last-of-type(2) {
	text-align: right;
}

.active-right-box {
	text-decoration: underline;
}

div.idea_row .fb_comment .single .likes:hover {
	cursor: pointer;
}

div.idea_row .fb_comment #idea_comment {
	width: 100%;
	background-color: #ececec;
}

div.idea_row .fb_comment #idea_comment .single {
	width: calc(100% - 20px);
}

div.idea_row .fb_comment .single .likes {
	/* float: right; */
	position: absolute;
    right: 30px;
}

.list_page .rating_value {
	float: right;
	margin-right: 2px;
}

#tabbedmenu li:nth-of-type(1) .tipsy-s {
    top: -22px !important;
    left: 41px !important;
}

.step2-modal {
	width: calc(100% - 6px);
}

.set_decline_status {
	position: absolute;
	z-index: 124;
	background-color: rgb(237, 237, 237);
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	border-top: 2px solid #ececec;
	float: right;
	text-align: left;
	margin-left: -265px;
	margin-top: 65px;
	display: none;
}

.set_decline_status ul, .set_decline_status ul li {
	list-style: none;
	padding: 0px !important;
}

.set_decline_status .arrow {
    background: url(/static/images/window_arrow_bg.png);
    width: 15px;
    height: 8px;
    font-size: 0px;
    position: absolute;
    right: 38px;
    top: -8px;
}

.btn .set_complete_status {
	position: absolute;
	z-index: 124;
	background-color: rgb(237, 237, 237);
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	border-top: 2px solid #ececec;
	float: right;
	text-align: left;
	margin-top: 65px;
	margin-left: -212px;
	display: none;
}

.rates .set_complete_status {
	position: absolute;
	z-index: 124;
	background-color: rgb(237, 237, 237);
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	border-top: 2px solid #ececec;
	float: right;
	text-align: left;
	margin-top: -2px;
	margin-left: -340px;
	display: none;
}

.set_complete_status ul, .set_complete_status ul li {
	list-style: none;
	padding: 0px !important;
}

.set_complete_status .arrow {
    background: url(/static/images/window_arrow_bg.png);
    width: 15px;
    height: 8px;
    font-size: 0px;
    position: absolute;
    right: 20px;
    top: -8px;
}

.set_confirm_status {
	position: absolute;
	z-index: 124;
	background-color: rgb(237, 237, 237);
	border-left: 2px solid #ececec;
	border-right: 2px solid #ececec;
	border-top: 2px solid #ececec;
	float: right;
	text-align: left;
	margin-top: 65px;
	margin-left: -345px;
	display: none;
}

.set_confirm_status ul, .set_confirm_status ul li {
	list-style: none;
	padding: 0px !important;
}

.set_confirm_status .arrow {
    background: url(/static/images/window_arrow_bg.png);
    width: 15px;
    height: 8px;
    font-size: 0px;
    position: absolute;
    right: 20px;
    top: -8px;
}

.set_complete_status a, .set_decline_status a, .set_confirm_status a {
	padding-top: 10px !important;
	clear: both; 
    color: black;
    width: 145px;
    border-bottom: 2px solid #f3f3f3;
    margin: 0px !important;
    padding-left: 5px !important;
    padding-bottom: 5px !important;
	width: calc(100% - 6px);
}

.set_complete_status a:hover, .set_decline_status a:hover, .set_confirm_status a:hover {
	background-color: #addca6;
	cursor: pointer;
}

.set_decline_status textarea, .set_complete_status textarea, .set_confirm_status textarea {
    height: 9.5em;
    width: 30em;
}

a.reject, a.reject_2, a.complete, a.confirm {
	cursor: pointer;
}

.list_scale {
	margin-right: 24px;
}

.show_more {
	margin:30px 30px 17px 0px;
	text-align: right;
	font-size: 16px;
}

.show_more span:hover {
	cursor: pointer;
	color: #3f8b36;
	text-decoration: underline;
}

.idea_denied_desc {
	color: red;
	word-break: break-word;
}

.idea_complete_desc {
	color: #f05700;
	word-break: break-word;
}

.idea_confirm_desc {
	color: #54b948;
	word-break: break-word;
}

.mid_timer .idea_denied_desc, .mid_timer .idea_complete_desc, .mid_timer .idea_confirm_desc {
	font-size: 14px;
}

.info .idea_denied_desc, .info .idea_complete_desc, .info .idea_confirm_desc {
	font-size: 12px;
}

#avatar_pic img {
	cursor: pointer;
	width: 80px;
	/* height: 60px; */
}

.register_button {
	background-color: #67686b;
    border: none;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 2px 5px 15px #888888;
    color: white;
    font-size: 15px;
    float: right;
    cursor: pointer;
	margin-right: 15px;
}

.register_button:hover {
	background-color: #5eb950;
}

.description_idea_admin {
	resize: none;
	font-family:Arial,Helvetica, sans-serif;
	border: none;
}

.file_data {
	color: #717074;
    font-style: italic;
	font-size: 11px;
}

.rating_table {
	text-align: center;
}

.additionalFilters {
	float: right !important;
	margin-right: 20px;
}

.additionalFilters div {
	float: right !important;
	clear: right;
	margin: 9px 0px 0px 0px;
}

.additionalFilters div select {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width: 276px;
}

.additionalFilters div input {
	font-family: Arial, Helvetica, sans-serif;
	border-color: 1px #b9b9ba;
	border: 0px none;
    color: #333333;
    font-family: Arial;
    font-size: 11px;
	padding: 4px;
}

.additionalFilters .input_search input {
	width: 268px;
}

.additionalFilters .date_select {
	margin-right: 24px;
}

.date_select input {
	background-color: #ffffff;
}

.status_changed {
    margin-top: 5px;
	clear: both;
	color: #7F7F7F;
}

.submitFilter {
	background: url(/static/images/search_icon.png) no-repeat center center;
	width: 20px;
    height: 23px;
	margin-left: 4px;
    position: absolute;
	background-color: white;
}

.file-list {
	margin-left: 50px;
}

.file-list a {
	color: #3f8b36;
}

.file-list span {
	background: url(/static/images/icon_attachment.png) no-repeat left top;
    width: 16px;
    display: inline-block;
    height: 16px;
    margin: 0px 0px -3px 5px;
}

.file-upload-form {
	margin-top: 100px;
}

.idea_number {
	margin-top: 3px;
}

.idea_number span {
	color: #3f8b36;
}

/* media ------------------------------------------------------------------------------------------ */


@media screen and (max-width: 690px) {
	.additionalFilters {
		float: left !important;
		margin-left: 20px;
	}
}

@media screen and (min-width: 330px) {
	#tabbedmenu li:nth-of-type(3) .tipsy-s {
		top: -22px !important;
		left: 219px !important;
	}
}

@media screen and (max-width: 329px) {
	#tabbedmenu li:nth-of-type(3) .tipsy-s {
		top: 14px !important;
		left: 40px !important;
	}
}

@media screen and (min-width: 1001px) {
	#c {
		max-width: 1000px;
	}

	#wrapper {
		display: grid;
		grid-template-columns: auto auto;
		column-gap: 10px;
	}

	#my_info_dashboard {
		height: auto !important;
	}

	.suggest_button {
		margin: 0 auto;
	}

	.myIdeas_title_more {
		display: none;
	}

	#logo, #logo img{
		float:left;
	}

	/* #content_mid .mid_block {
	 	width: 92% !important;
	} */

	#catalogue {
		grid-template-columns: 33% 33% 33%;
	}

}

/* tablica/telefon */
@media screen and (max-width: 1000px) {
	#wrapper #side_content_dashboard #my_info_dashboard {
		/* width: inherit; */
		height: 114px;
		overflow: hidden;
	}

	.right-menu {
		right: 11px;
	}

	#my_info_dashboard .myIdeas_title {
		display: none;
	}

	#my_info_dashboard .myIdeas_title_more {
		margin:30px 0px 17px 0px;
	}

	#my_info_dashboard .myIdeas_title_more:hover {
		cursor: pointer;
		color: #3f8b36;
		text-decoration: underline;
	}

	#my_info_dashboard {
		width: inherit;
	}

	#wrapper {
		display: grid;
		width: 97.7%;
	}

	#header {
		width: inherit;
	}

	#footer .bar{
		margin-left: 6px;
	}

	.idea_row .idea_search_filter .input_box {
		/* width: auto; */
		margin:10px 20px 0px 20px;
	}
	
	.idea_row .idea_search_filter .input_box input {
		/* width: calc(100% - 35px); */
		width: 240px;
		padding-left:10px;
	}

	#catalogue {
		grid-template-columns: 25% 25% 25% 25%;
	}

	.suggest_button_narrow {
		float: right;
	}
}

/* tablet */
@media (min-width: 811px) and (max-width: 1000px) {
	#wrapper #side_content_dashboard {
		position: absolute;
		padding: 0px;
		width: inherit;
		z-index: 10;
	}
	
	#content_mid_dashboard {
		margin-top: 150px;
	}

	.suggest_button {
		float: right;
		position: absolute;
		scale: 0.85;
		right: -15px;
	}

	#toolbar .box {
		padding-left: 10px;
	}

	#logo, #logo img{
		float:left;
	}
}

@media screen and (min-width: 811px) {
	#menu_2 {
		display: none;
	}
	
	#menu li {
		float:left;
	}

	.icon5 {
		display: none;
	}

	.box-list li {
		list-style-type: none !important;
		display: inline;
	}

	#logo, #logo img{
		padding-left: 10px;
	}

	/* #content_mid .form_block .right .row:nth-of-type(4) .input:first-child {
		width: 227px;
	} */

	.chzn-container-single .chzn-single {
		width: 217px;
	}
}

/* phone */
@media screen and (max-width: 810px) {
	#wrapper #side_content_dashboard {
		/* padding: 0px; */
		margin: 0px;
		width: calc(100% - 16px) !important;
		position: absolute;
		z-index: 10;
	}

	#content_mid_dashboard {
		margin-top: 150px;
	}

	.suggest_button {
		float: right;
		position: absolute;
		scale: 0.55;
		right: -55px;
	}

	#toolbar .box {
		padding-left: 10px;
	}

	/* toolbar */
	#toolbar .box .right-box {
		/* position: absolute; */
		position: relative;
		background-color: white;
		z-index: 124;
		margin-top: 33px;
		margin-right: -37px;
		/* width: 200px; */
		border:1px solid #CFCFCF;
		box-shadow: 0 0 7px #999;
	}
	
	.icon5 img {
		width: 20px;
		height: 19px;
		cursor: pointer;
	}

	#toolbar .box .right-box .box-list a {
		color: black;
		width: 182px;
		padding-left: 8px;
		border-bottom: 2px solid #f3f3f3;
		margin: 0px;
	}

	#toolbar .box .right-box .box-list a:hover {
		background-color: #addca6;
	}

	#toolbar .box .right-box .box-list .last {
		border-bottom: none;
	}

	#toolbar .box .right-box {
		text-align: left;
	}

	.box-list li {
		list-style-type: none !important;
		/* display: inline; */
	}

	.right-box .box-list .first a {
		font-weight: bold;
	}

	.icon5 {
		float: right;
		display: inline;
		margin-top: 5px;
		margin-right: 12px;
	}

	.right-box .arrow {
		background:url(/static/images/window_arrow_bg.png);
		width:15px;
		height:8px;
		font-size:0px;
		position:absolute;
		right:19px;
		top:-8px;
	}

	#toolbar .box .right-box {
		float:right;
		display:none;
	}

	#logo, #logo img{
		display: block;
		margin: 0 auto;
	}

	#header #menu li a,#header #menu li a:active {
		display: block;
	}

	#menu {
		position: absolute;
		z-index: 125;
		left: 65px;
		top: 99px;
		background-color: #f1f2f2;
		padding: 0px !important;
		border-radius: 3px;
		border:1px solid #CFCFCF;
		box-shadow: 0 0 7px #999;
		display: none;
	}

	#header #menu_2 {
		width: 45px;
		height: 45px;
		position: relative;
		float: left;
		margin-top: 27px;
		left: 10px;
		cursor: pointer;
	}

	#menu li a {
		width: 100%;
		text-align: center;
	}

	#menu li:nth-child(4).active {
		margin-left: 6px;
	}

	#menu li:nth-child(3).active {
		margin-left: 8px;
	}

	#menu li:nth-child(2).active {
		margin-left: 7px;
	}

	/* #menu li:nth-child(1).active {
		margin-left: 8px;
	} */

	#content_mid .form_block .pull_left {
		float: right !important;
	}

	#content_mid .form_block .style_btn span.right {
		width: 10px !important;
	}

	#content_mid .form_block .right {
		float: none !important;
		display: block !important;
		width: 100% !important;
	}

	#content_mid .form_block .right .row .label {
		text-align: left !important;
		margin-left: 6px !important;
	} 

	#content_mid .form_block .right .row {
		margin-left: -5px !important;
	}

	#content_mid .form_block .right .row .input input {
		width: calc(100% - 19px) !important;
	}

	#content_mid .form_block .right .row .input {
		width: calc(100% - 15px);
	}

	a.suggest_button_narrow {
		scale: 0.4;
		position: absolute;
		top: 91px;
		right: -65px;
	}

	#menu li div.icon1 {
		background:url(/static/images/app_menu_new_icon.png) no-repeat -93px -14px;
	}
}

@media screen and (max-width: 405px) {
	.suggest_button {
		float: right;
		position: absolute;
		z-index: 200;
		scale: 0.40;
		right: -88px;
		top: 30px;
	}

	div.status_pending .view {
		scale: 0.85;
	}

	div.status_pending .complete, div.status_progress .complete {
		scale: 0.85;
	}

	div.idea_row div.rates {
		margin-right: 0px;
	}
	
	.try_it_for_free {
		width: 200px;
	}
}

@media screen and (max-width: 420px) {
	#idea #SubMenu .left {
		display: none;
	}

	#idea #SubMenu .right {
		display: none;
	}

	#idea #SubMenu ul {
		background: none;
	}
}

@media screen and (max-width: 605px) {
	.btn .set_decline_status {
		margin-left: -15px;
	}

	.set_decline_status .arrow {
		right: 88px;
	}

	.btn .set_complete_status {
		margin-left: -15px;
	}

	.btn .set_confirm_status {
		margin-left: -5px;
	}

	.set_confirm_status .arrow {
		right: 160px;
	}

	.set_decline_status textarea, .set_complete_status textarea, .set_confirm_status textarea {
		width: 15em;
	}

	.rates .set_complete_status {
		margin-left: -140px;
	}
	
	#wizzard #SubMenu .left {
		display: none;
	}

	#wizzard #SubMenu .right {
		display: none;
	}

	#wizzard #SubMenu ul {
		background: none;
	}

	#wizzard #settings_wizzard .section:first-of-type {
		margin-top: 20px;
	}

	/* #wizzard #SubMenu #tabbedmenu .setup_left, #SubMenu #tabbedmenu .setup_right, #SubMenu .left2 {
		display: none;
	} */
/* 
	#wizzard #SubMenu #tabbedmenu .setup_active_text {
		background: none !important;
		color: #9D9D9D;
	} */

	span.rating_value {
		font-size: 25px;
	}

	.idea_row .idea_search_filter .heading span:nth-last-child(1) {
		margin-right: 20px;
	}
	.idea_row .idea_search_filter .heading span:nth-last-child(2) {
		margin-right: 35px;
	}

	div.idea_row div.info .ideatitle {
		font-size: 11px !important;
	}

	#content_mid .mid_block .mid_timer {
		grid-template-columns: auto !important;
	}
}

@media screen and (max-width: 550px) {
	div.idea_row div.info {
		margin-top: 20px;
		width: 100%;
	}
	div.idea_row div.rates {
		position: absolute;
    	right: 5px;
	}
}

@media screen and (max-width: 359px) {
	#wizzard #settings_wizzard .section:first-of-type {
		margin-top: 60px;
	}
	.idea_row .idea_search_filter .input_box {
		width: calc(100% - 40px);
	}
	.idea_row .idea_search_filter .input_box input {
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 300px) {
	#wizzard #settings_wizzard .section:first-of-type {
		margin-top: 80px;
	}
}