@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,600,700');

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400');

body {

	background: #eeeeee;

	font-family: 'Libre Franklin', sans-serif;

	font-weight: 500;

	font-size: 13px;

	color: #666;/*font-family: 'Open Sans', sans-serif;*//*padding: 50px 0 50px;*/

}

.yic_main h1, .yic_main h2, .yic_main h3, .yic_main h4, .yic_main h5, .yic_main h6 {

	font-family: 'Libre Franklin', sans-serif;

}

/*Most Recent Ideas Css*/







.yic_main {

	font-size: 14px;

	display: inline-block;

	/*border: 3px solid #ccc;*/



	box-sizing: border-box;

	width: 100%;

	padding: 20px 10px;

	background: #fff;

}

.yic-section-outer { /*border:1px solid #999;*/

}

.yic_recent_ideas {

	background-color: #fff;

}

.yic_main h2 {

	color: #3c3c3c;

	margin: 0 0 20px;

	;

	padding: 0;

	font-weight: 600;

}

.yic_main h3 {

	font-size: 18px;

	margin: 20px 0 10px;

	font-weight: 600;

	display: inline-block;

}

.yic_main .panel-heading h3 {

	margin: 0;

}

.yic_main h5 {

	font-size: 15px;

	margin: 10px 0;

	font-weight: 600;

	text-transform: none;

	letter-spacing: 0;

	line-height: 22px;

	position: relative;

	color: #333;

}

.yic_wrap {

	padding: 30px;

}

.yic_bulb {

	background: url(../images/bulb.png);

	width: 80px;

	height: 114px;

	text-align: center;

	line-height: 84px;

	font-weight: 600;

	font-size: 20px;

	margin: 15px auto;

}

.yic_grn {

	color: #42c595;

}

.yic_gray {

	color: #3c3a3a;

	font-weight: bold;

}

.yic_idea_details {

	margin: 0 0 5px 0;

	/*background: #f7f7f7;*/

	background: #fdfdfd;

	display: inline-block;

	padding: 10px;

	width: 100%;

	border-radius:4px;

}

h3 span.active_txt {

	padding: 5px 10px;

	border-radius: 5px;

	font-size: 13px;

}

.active_txt {

	/*color: #333;*/







	color: #42c595;

	display: inline-block;

}

/*Most Recent Ideas Css*/















/*Create Details Css*/







.up_arrow {

	position: absolute;

	right: 15px;

	top: 0;

	font-size: 25px;

	width: 30px;

	height: 17px;

	line-height: 17px;

	padding: 0px;

	text-align: center;

}

.down_arrow {

	position: absolute;

	right: 15px;

	bottom: 0;

	font-size: 25px;

	width: 30px;

	height: 17px;

	line-height: 17px;

	padding: 0px;

	text-align: center;

}

.vote_txtbox {

	padding-right: 30px;

}

.status_row label {

	margin-top: 6px;

}

.mt20 {

	margin-top: 20px;

}

.leave_comment {

	display: none;

}

/*Create Details Css*/







.comlev2 {

	margin-left: 30px;

}

.comlev3 {

	margin-left: 50px;

}

.comlev4 {

	margin-left: 80px;

}

.comlev5 {

	margin-left: 120px;

}

/***************************************CSS FOR AUTOSUGGEST TAGS *****************************/







#searchfield {

	display: block;

	width: 100%;

	text-align: center;

	margin-bottom: 35px;

}

#searchfield form {

	display: inline-block;

	background: #eeefed;

	padding: 0;

	margin: 0;

	padding: 5px;

	border-radius: 3px;

	margin: 5px 0 0 0;

}

#searchfield form .biginput {

	width: 600px;

	height: 40px;

	padding: 0 10px 0 10px;

	background-color: #fff;

	border: 1px solid #c8c8c8;

	border-radius: 3px;

	color: #aeaeae;

	font-weight: normal;

	font-size: 1.5em;

	-webkit-transition: all 0.2s linear;

	-moz-transition: all 0.2s linear;

	transition: all 0.2s linear;

}

#searchfield form .biginput:focus {

	color: #858585;

}

.flatbtn {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	display: inline-block;

	outline: 0;

	border: 0;

	color: #f3faef;

	text-decoration: none;

	background-color: #6bb642;

	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

	font-size: 1.2em;

	font-weight: bold;

	padding: 12px 22px 12px 22px;

	line-height: normal;

	text-align: center;

	vertical-align: middle;

	cursor: pointer;

	text-transform: uppercase;

	text-shadow: 0 1px 0 rgba(0,0,0,0.3);

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	-webkit-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);

	-moz-box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);

	box-shadow: 0 1px 0 rgba(15, 15, 15, 0.3);

}

.flatbtn:hover {

	color: #fff;

	background-color: #73c437;

}

.flatbtn:active {

	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);

}

.autocomplete-suggestions {

	border: 1px solid #999;

	background: #fff;

	cursor: default;

	overflow: auto;

}

.autocomplete-suggestion {

	padding: 10px 5px;

	font-size: 1.2em;

	white-space: nowrap;

	overflow: hidden;

}

.autocomplete-selected {

	background: #f0f0f0;

}

.autocomplete-suggestions strong {

	font-weight: normal;

	color: #3399ff;

}

/*CUSTOM CSS*/







.yic_container {

	width: 100%;

}

.yic_col {

	width: 100%;

}

.yic_row {

	width: 100%;

}

.yic-form-group {

	margin-bottom: 15px;

	float: left;

	width: 100%;

}

.yic_wrap_front {

	padding: 0;

}

.yic_front h2 {

	/* background: #3c3c3c; */







	margin: 0 0 10px;

	/* padding: 20px; */







	font-weight: bold;

	color: #3c3c3c;

}

.yic_front label {

	font-size: 14px;

	color: #333;

	font-weight: 800;

	margin-bottom: 0.5em;

}

.yic-radio-inline {

	position: relative;

	display: inline-block;

	padding-left: 20px;

	margin-bottom: 0;

	font-weight: 400;

	vertical-align: middle;

	cursor: pointer;

}

.yic_well {

	min-height: 20px;

	padding: 19px;

	margin-bottom: 20px;

	background-color: #f5f5f5;

	border: 1px solid #e3e3e3;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);

	/*display: inline-block;*/



	display: block;

	width: 100%;

}

.yic_well ul li {

	list-style: none;

	display: inline-block;

}

.yic-stat-success {

	position: absolute;

	font-size: 12px;

	color: #4cae4c;

	font-weight: bold;

}

.yic-form-control {

	display: block;

	width: 100%;

	height: 34px !important;

	padding: 6px 12px;

	font-size: 14px;

	line-height: 1.42857143;

	color: #555;

	background-color: #fff;

	background-image: none;

	border: 1px solid #ccc;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

	border-radius: 0 !important;

	box-shadow: none;

	background: #fff !important;

}

.yic_front .text-wrap {

	width: 100%;

}

select.yic-input-34 {

	height: 34px;

}

/*.yic_front .text-core .text-wrap .text-tags .text-tag .text-button {







	height: 28px;







	line-height: 28px;







}*/















.yic_front .text-core .text-wrap .text-tags .text-tag .text-button {

	height: 28px;

	line-height: 28px;

	background: #1c2554;

	font-size: 14px;

	border: 1px solid #1c2554;

	letter-spacing: 1px;

	color: #fff;

	padding: 0 30px 0 5px;

}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {

	right: 8px !important;

}

.yic-btn-full {

	width: 100% !important;

}

.yic-panel-danger > .yic-panel-heading {

	color: #a94442;

	background-color: #f2dede;

	border-color: #ebccd1;

}

.yic-panel-danger {

	border-color: #ebccd1 !important;

}

.yic-panel-title {

	margin: 0 !important;

}

.yic-sidebar-panel-title {

	margin: 0 !important;

}

.yic-pull-left {

	float: left !important;

}

.yic-pull-right {

	float: right !important;

}

.yic-col-4 {

	width: 33.33333333%;

	float: left;

}

.yic-col-5 {

	width: 41.6666666667%;

	float: left;

}

.yic_panel {

	margin-bottom: 20px;

	background-color: #fff;

	border: 1px solid transparent;

	border-radius: 4px;

}



.yic_sidebar_panel {

	margin-bottom: 20px;

	background-color: #fff;

	border: 1px solid transparent;

	border-radius: 4px;

}

/*.yic-panel-default {

	border-color: #d6e9c6;

}*/

/*.yic-panel-default>.yic-panel-heading {

	color: #3c763d;

	background-color: #dff0d8;

	border-color: #d6e9c6;

}*/



.yic-widget-row .yic-panel-default>.yic-panel-heading {

    background-color: #f3f3f3;

    border-color: #bdbdbd;

}



.yic-sidebar-widget-row .yic-sidebar-panel-default .yic-sidebar-panel-heading {

    background-color: #f3f3f3;

    border-bottom: 1px solid #bdbdbd;

    padding: 10px 15px;

    border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}



.yic-sidebar-widget-row .yic-sidebar-panel-default .yic-sidebar-panel-heading h3 {

    font-family: 'Josefin Sans', sans-serif;

    font-weight: 300;

    color: #333;

}



.yic-widget-row .yic-panel-default {

    border-color: #bdbdbd;

}



.yic-sidebar-panel-default {

    border-color: #bdbdbd;

}



.yic-panel-heading {

	padding: 10px 15px;

	border-bottom: 1px solid transparent;

	border-top-left-radius: 3px;

	border-top-right-radius: 3px;

}

.yic-panel-body {

	padding: 15px;

}

.yic-col {

	padding-left: 15px;

	padding-right: 15px;

	box-sizing: border-box;

}

.yic-col-8 {

	width: 66.66666667%;

	float: left;

}

#content_temp_ifr, #content_temp {

	height: 500px !important;

}

.mce-content-body {

	max-width: 100% !important;

}

.yic-row {

	margin-right: -15px;

	margin-left: -15px;/*width: 100%;*/

}



.yic-widget-row{	

	margin-right: -5px;

	margin-left: -5px;/*width: 100%;*/

}



.yic-clearfix {

	float: left;

	width: 100%;

}

.yic-list-group-item {

	position: relative;

	display: block;

	padding: 10px 15px;

	background-color: #fff;

	border-bottom: 1px solid #ddd;

	border-radius:4px;

}



.yic-list-group-item:last-child {

	border: 0;

	border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

}



.yic-sidebar-list-group-item {

	position: relative;

	display: block;

	padding: 10px 15px;

	background-color: #fff;

	border-bottom: 1px solid #ddd;

	color: #09F;

}



.yic-sidebar-list-group-item:last-child {

	border: 0;

	border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

}



.yic-list-group {

	padding-left: 0 !important;

	margin: 0;

}

.yic-sidebar-list-group {

	padding-left: 0 !important;

	margin: 0;

}

.yic-col-2 {

	float: left;

	width: 16.66666667%;

	padding-right: 15px;

	padding-left: 15px;

}

.yic-btn-upvote {

	background: url(../images/up-arrow.png) no-repeat center center !important;

	padding: 1px 15px !important;

	position: absolute;

	right: 0;

	top: 0;

	border-radius: 0 !important;

	height: 17px;

}

.yic-btn-upvote:hover {

	background: #6cd26b url(../images/up-arrow.png) no-repeat center center !important;

}

.yic-btn-upvote.active {

	background: #4cbd4a url(../images/up-arrow.png) no-repeat center center !important;

	border: 0;

}

.yic-btn-downvote {

	background: url(../images/dwn-arrow.png) no-repeat center center !important;

	padding: 1px 15px !important;

	position: absolute;

	right: 0;

	bottom: 0;

	border-radius: 0 !important;

	height: 17px;

}

.yic-btn-downvote:hover {

	background: #f15252 url(../images/dwn-arrow.png) no-repeat center center !important;

}

.yic-btn-downvote.active {

	background: #ea3535 url(../images/dwn-arrow.png) no-repeat center center !important;

	border: 0;

}

.yic-relative {

	position: relative;

}

.yic-col-3 {

	width: 25%;

	float: left;

	padding-right: 15px;

	padding-left: 15px;

}

.yic-col-6 {

	width: 50%;

	float: left;

	padding-right: 15px;

	padding-left: 15px;

}

.yic-status {

	margin: 0;

	padding: 0;

	float: right;

	width: 50%;

}

.yic-status-align {

	margin: 0 10px;

	line-height: 34px;

	height: 34px;

}

.yic-status-align:first-child input[type="text"] {

	width: 80px;

	overflow: hidden;

}

.yic-status li {

	display: inline-block;

	list-style: none;

}

.yic-vote {

	margin: 0;

	padding: 0;

	float: left;

	width: 30%;

}

.yic-vote li {

	display: inline-block;

	list-style: none;

}

.yic_well .yic-status label {

	margin-bottom: 0;

	line-height: 34px;

}

.yic_well .yic-vote label {

	margin-bottom: 0;

	line-height: 34px;

}

.yic-col-100 {

	width: 100%;

}

.btn-primary {

	color: #fff;

	background-color: #337ab7 !important;

	border-color: #2e6da4 !important;

}

.yic-container {

	margin-right: auto;

	margin-left: auto;

	/*width: 1170px;*/



	padding-left: 15px;

	padding-right: 15px;

}

.yic-update-info .followbutt {

	position: absolute;

	right: 0;

	top: 0;

}

.yic-update-info {

	position: relative;

}

.yic-update-btn {

	height: 34px;

}

input.follow_btn {

	/*padding: 3px 15px;*/



	font-size: 11px;

	color: #fff;

	font-weight: normal;

}

input.follow_btn:hover {

	color: #fff;

}

.yic-commentstatus {

	position: absolute;

	right: 10px;

	bottom: 7px;

}

.yic-col-1, .yic-col-2, .yic-col-3, .yic-col-4, .yic-col-5, .yic-col-6, .yic-col-7, .yic-col-8, .yic-col-9, .yic-col-10, .yic-col-11, .yic-col-12 {

	padding-right: 15px;

	padding-left: 15px;

}

.yic_well ul {

	margin: 0;

	padding: 0;

}

.yic_well ul li label {

	line-height: 34px;

	padding: 0;

	margin: 0;

}

/*input.yic-btn-cancel {

	border: 0;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: none;

	box-shadow: none;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	font-weight: 800;

	line-height: 1;

	padding: 10px;

	text-shadow: none;

	-webkit-transition: background 0.2s;

	transition: background 0.2s;

	color: #fff;

	background-color: #666;

	border-color: #555;

}*/

.yic-btn-success {

	border: 0;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	-webkit-box-shadow: none;

	box-shadow: none;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	font-weight: 800;

	line-height: 1;

	padding: 10px !important;

	text-shadow: none;

	-webkit-transition: background 0.2s;

	transition: background 0.2s;

	color: #fff;

	background-color: #5cb85c;

	border-color: #4cae4c;

}

/*.yic-btn-cancel {

	padding: 10px !important;

}*/

.yic-alert {

	padding: 15px;

	padding-right: 15px;

	margin-bottom: 20px;

	border: 1px solid transparent;

	border-top-color: transparent;

	border-right-color: transparent;

	border-bottom-color: transparent;

	border-left-color: transparent;

	border-radius: 4px;

}

.yic-alert-success {

	color: #3c763d;

	background-color: #dff0d8;

	border-color: #d6e9c6;

}

.yic-alert-danger {

	color: #a94442;

	background-color: #f2dede;

	border-color: #ebccd1;

}



textarea.yic-tagarea {

	font-size: 15px !important;

	line-height: 24px !important;

}

.yic-vote-resp {

	/*padding: 0 15px;*/







	clear: both;

}

.yic-btn-commentstatus {

	position: absolute;

	right: 10px;

	top: 7px;

}

.yic-idea-filter input[type="text"] {

	height: 34px;

	padding: 0 10px;

}

.yic-idea-filter .yic_vote_btn {

	border: 0;

	outline: 0;

}

.yic-idea-filter .followbutt .yic_follow_btn {

	height: 34px;

	line-height: 34px;

	padding: 0 20px;

}

.yic-idea-filter .yic_idea_status {

	height: 34px;

	padding: 0;

	border: 1px solid #b7b7b7;

}

.yic-idea-filter .yic_update_idea_status_btn {

	height: 34px;

	line-height: 34px;

	padding: 0 20px;

}

.yic-idea-filter ul {

	display: inline-flex;

	margin: 0 15px;

}

.yic-edit-mode .yic-idea-filter ul {

	display: inline;

}

.yic-idea-filter label {

	line-height: normal;

}

.yic-idea-filter .yic-alert-success {

	padding: 0 10px;

	margin: 0;

	font-size: 11px;

	position: absolute;

	font-weight: bold;

}

.yic-idea-filter .yic-alert-danger {

	padding: 0 10px;

	margin: 0;

	font-size: 11px;

	position: absolute;

	font-weight: bold;

}

.yic-vote-not-allow {

	padding: 5px 10px;

	top: 3px;

	font-size: 11px;

	font-weight: bold;

	color: #a94442;

	background-color: #f2dede;

	border-color: #ebccd1;

	border: 1px solid transparent;

	border-radius: 4px;

	position: relative;

}

.yic-view-mode .yic-idea-filter .yic-vote-not-allow {

	top: -1px;

}

.yic-vote-total {

/*padding: 5px 10px;



	top: 10px;



	font-size: 11px;



	font-weight: bold;



	border: 1px solid transparent;



	border-radius: 4px;



	position: static;*/



}

ul.yic_modify_allcat {

	padding: 15px;

	margin: 0;

	background: #eee;

}

ul.yic_modify_allcat li {

	list-style: none;

	margin: 5px 0;

}

ul.yic_modify_allcat .yic-alert-success {

	margin: 10px 0 0;

	padding: 5px 10px;

	font-size: 12px;

	font-weight: bold;

}

ul.yic_modify_allcat .yic_cat_update_btn {

	font-size: 12px;

	font-weight: 600;

	line-height: 1;

	margin: 10px 0 0 0;

	padding: 10px;

}



ul.yic_modify_alltags {

	padding: 15px;

	margin: 0;

	background: #eee;

}

ul.yic_modify_alltags .yic-alert-success {

	margin: 10px 0 0;

	padding: 5px 10px;

	font-size: 12px;

	font-weight: bold;

}

ul.yic_modify_alltags .yic_tag_update_btn {

	font-size: 12px;

	font-weight: 600;

	line-height: 1;

	margin: 10px 0 0 0;

	padding: 10px;

}

/*.yic_follow_btn{position: absolute; right: 0; top: 0;}*/



.yic-tag-ul{ margin:0; padding:0;}

.yic-tag-ul li{ list-style:none;}









li.yic-cursor-pointer {

	cursor: pointer;

}

.yic_comment_area .comment-list {

	margin: 20px 0 0 15px;

}



.yic_comment_area .comments-area .children {

    padding-left: 30px;

}



.text-tags .text-tag a.text-remove {

	box-shadow: none;

}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {

	background: #337ab7;

	color: #fff;

}

.yic-btn-group input[type="reset"], .yic-btn-group input[type="submit"] {

	background: #337ab7 !important;

	color: #fff !important;

	border-radius: 4px !important;

	border: 1px solid #256dab !important;

}

span.mce_[plugin_name] {

	position: relative;

}

.yic-dynamic-content ul {

	margin: 0 15px;

}

.yic-dynamic-content ul li {

	margin: 15px 0;

}

.yic-text-center {

	text-align: center;

}



.yic-text-left {

	text-align: left;

}



.yic-text-right {

	text-align: right;

}

.yic-post-last-update-sec.yic-pad-lr-10{ padding-left:10px; padding-right:10px;}



.yic-vote-allow {

	/*width: 40%;*/



	position: relative;

}

ul.yic-vote {

	margin: 8px 0;

}

.yic-idea-filter ul.yic-vote {

	margin: 3px 0;

}

.yic-equal-div {

	display: flex;

	box-sizing: border-box;

}

.flex-container {

	display: flex;

	align-items: stretch;

	margin: 20px 0 15px;/* background-color: #f1f1f1;*/

}

.flex-container > div {

	/*width: 100px;*/

	font-size: 14px;

}

.yic_change_vote_status_table input[type="radio"] {

	margin-top: 2px;

}

.yic-small-text {

	width: 70px;

	padding: 1px 6px;

	text-align: center;

	border-radius: 2px;

	border: 0 !important;

}

.yic_change_vote_status_table .active_txt {

	padding: 3px 10px;

	border-radius: 2px;

}

.yic_change_vote_status_table th {

	padding: 10px;

	background: #eee;

}

.yic-modarator-autoload {

	position: absolute;

	background: #fff;

	left: 0;

}

.yic_wrapper .general_div .yic-modarator-autoload {

	width: 100%;

	max-height: 250px;

	overflow: auto;

	top: 36px;

	background:#fff;

	z-index: 9;

}

.yic_wrapper .general_div .yic-modarator-autoload li {

	margin: 0;

	padding: 0;

}

.yic_wrapper .general_div .yic-modarator-autoload li a {

	padding: 10px;

	border-bottom: 1px solid #ccc;

	display: block;

}

.yic_wrapper .general_div .yic-modarator-autoload li a:hover {

	text-decoration: none;

	background: #cdfccd;

}

.yic-reset-modal {

	top: 30%;

}

.yic-status-msg .yic-alert-success {

	margin-top: 10px;

}

.yic-section-outer .widget {

	padding: 0 !important;

}

.yic_recent_idea, .yic_create_idea {

	padding: 0;

	width: 100% !important;

}

/* Start For Tooltip*/







.yic-tooltip {

	position: relative;

	display: inline-block;

	border-bottom: 1px dotted black;

}

.yic-tooltip .yic-tooltiptext {

	/*visibility: hidden;



	width: 120px;



	background-color: #555;



	color: #fff;



	text-align: center;



	border-radius: 6px;



	padding: 5px 0;



	position: absolute;



	z-index: 1;



	bottom: 37px;



	left: 50%;



	margin-left: -60px;



	opacity: 0;



	transition: opacity 0.3s;



	line-height: 16px;*/



	visibility: hidden;

	width: 160px;

	background-color: #ffffff;

	box-shadow: 0px 0px 10px #333;

	color: #333;

	text-align: center;

	border-radius: 6px;

	padding: 5px 0;

	position: absolute;

	z-index: 1;

	bottom: 34px;

	left: 50%;

	margin-left: -81px;

	opacity: 0;

	transition: opacity 0.3s;

	line-height: 16px;

}

.yic-tooltip .yic-tooltiptext::after {

	content: "";

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -5px;

	border-width: 5px;

	border-style: solid;

	border-color: #fff transparent transparent transparent;

}

.yic-tooltip .yic-tooltiptext a {

	color: #060;

}

.yic-tooltip:hover .yic-tooltiptext {

	visibility: visible;

	opacity: 1;

}

.comments-title, .comment-reply-title {

	border: 0;

}

/* Ens For Tooltip*/















/*.yic_comment_area .comment-list article, .comment-list .pingback, .comment-list .trackback {



	background: #fff;



	padding: 8px;



	margin: 20px 0;



	box-shadow: 0 0px 20px #ddd;



	border: 0;



}*/



.yic_comment_area ol li div div {

	background: #fff;

	padding: 8px;

	margin: 20px 0;

	/*box-shadow: 0 0px 20px #ddd;*/



	border: 0;

}

.yic_comment_area .comment-metadata {

	margin-bottom: 10px;

    display: inline-block;

    margin-left: 0;

}



.yic_comment_area .comment-author{

	display: inline-block;

    position: relative;

    padding: 17px 0 0;

}



.yic_comment_area .comment-author .avatar{ top:0;}



.yic_comment_area .yic_comment_area {

	margin-top: 10px;

}

.yic-idea-filter .yic-tooltip {

	border: 0;

}

/*.yic-margin-top-50 {margin-top: 50px;}*/



.yic_comment_area {

	float: left;

	width: 100%;

}

.yic_comment_area .comment-respond {

	padding: 0;

	border-right: 0;

}

.yic_comment_area .comments-area {

	margin: 0;

}

.yic_main p {

	margin-bottom: 20px;

	letter-spacing: 0;

	font-size: 14px;

}

.logged-in-as {

	float: right;

}

.yic_comment_area .comments-title {

	background: none;

}

.active_txt {

	padding: 0 15px;

	border-radius: 3px;

}

.yic_main a {

	color: #09F;

}



.yic_main a:visited,a:focus {

	outline:0; border:0;

}



.yic_comment_area p {

	/*margin: 10px 0;

	line-height: 16px;

	display: inline;*/
        margin: 10px 0;
        line-height: 16px;
        font-weight: normal;

}

.yic_comment_area .submit {

	font-size: 14px;

	border: 1px solid #2e6da4;

	color: #ffffff;

	text-transform: uppercase;

	letter-spacing: 0;

	-webkit-transition: all 0.3s;

	transition: all 0.3s;

	cursor: pointer;

	background: #2e6da4;

	border-radius: 4px;

	-webkit-appearance: button;

}

.yic_comment_area .submit:hover {

	background: #2e6da4;

	color: #fff;

}

/*button, html input[type="button"], input[type="reset"], input[type="submit"], .btn {



    letter-spacing: 0;



    line-height: 34px;



    background: #337ab7;



    height: 34px;



    color: #fff;



    border: 1px solid #2e6da4;



    padding: 0 20px !important;



}*/







.yic-textbox-100 {

	width: 100%;

}

button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {

	border-color: #aaa #bbb #bbb;

	box-shadow: none;

}

.yic-login-bg {

	background: #f7f7f7;

	/*border: 2px solid #ccc;*/



	padding: 25px;

}

.yic-login-bg label {

	width: 20%;

	display: inline-block;

}

.yic-login-bg .yic-username, .yic-password {

	margin: 10px 0;

}

.yic-login-bg .yic-username input {

	height: 34px;

	width: 70%

}

.yic-login-bg .yic-password input {

	height: 34px;

	width: 70%

}

.yic-login-bg h2 {

	margin: 0;

}

.yic-logerr {

	margin-bottom: 10px;

}

.yic-login-bg .yic_recent_ideas {

	background: none;

}

.yic_idea_details a, a:hover {

	color: #09F;

}

.fa-arrow-circle-up {

	color: #4cbd4a;

}

.fa-arrow-circle-down {

	color: #ea3535;

}

.yic-both-container {

	width: 1170px;

	margin: 0 auto;

}

.yic_recent_ideas_loop:last-child .yic_idea_details {

	margin: 0px;

}

.yic-idea-filter .active_txt {

	height: 34px;

	line-height: 34px;

	margin: 0 5px;

}

.yic_main h3.yic_edit_title {

	display: block;

}

.yic-btn-group input {

	border: 0;

	height: 34px;

	border-radius: 3px;

}

/*07.03.2018 CSS*/



.yic-idea-filter .yic-status-align .followbutt input.follow_btn {

	padding: 0 15px;

	height: 34px;

	line-height: 34px;

}

/*.yic_comment_area h3{ margin:0;}*/



.yic_comment_area h3 {

	margin: 0;

}

.yic_comment_area #commentform .form-submit {

	margin: 10px 0 0;

	display: block;

}



.yic_comment_area .comment-content{

    padding-left: 0;

    margin: 20px 0 0 0;

    border-top: 1px solid;

}







.yic_comment_area .comment-metadata{

display: inline-block;

padding: 0;

margin-left: 0;

}



.yic_comment_area .comment-body{ position:relative; padding-left: 0; padding-right: 0;}

 

input.follow_btn {

	padding: 3px 10px;

	letter-spacing: 1px;

	border-radius: 3px;

}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"] {

	padding: 5px;

}

.yic-green {

	color: #34bf36;

}

.yic-red {

	color: #e44242

}

.yic_main h3 {

	font-size: 25px;

	line-height: 25px;

}

.yic_tranparent {

	background: rgba(0,0,0,0.5);

	width: 100%;

	position: fixed;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}

.yic_modal_pop {

	background: #fff;

	position: relative;

	width: 30%;

	padding: 30px;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	position: absolute;

	border-radius: 5px;

	box-shadow: 0px 0px 20px #424242;

	-web-box-shadow: 0px 0px 20px #424242;

	line-height: 17px;

	text-align: center;

	z-index: 99999;

}

.yic_modal_pop p {

	margin: 0 0 20px;

	font-weight: 600;

	font-size: 15px;

}

.yic_modal_pop .btn-success {

	color: #fff;

	background-color: #5cb85c;

	border-color: #4cae4c;

}

.yic_modal_pop .btn-default {

	color: #333;

	background-color: #fff;

	border-color: #ccc;

}

.yic_modal_pop .btn-success:hover {

	color: #fff;

	background-color: #449d44;

	border-color: #398439;

}

.yic_modal_pop .btn-danger {

	color: #fff;

	background-color: #d9534f;

	border-color: #d43f3a;

}

.yic_modal_pop .btn-danger:hover {

	color: #fff;

	background-color: #c9302c;

	border-color: #ac2925;

}

.yic_modal_pop .btn {

	padding: 10px 20px;

	margin: 0 5px;

	border-radius: 3px;

}

.yic_modal_pop .yic_popup_close {

	background: #F66;

	color: #FFF;

	width: 30px;

	position: absolute;

	height: 30px;

	text-align: center;

	line-height: 30px;

	border-radius: 100%;

	right: -8px;

	box-shadow: 3px -3px 6px #424242;

	top: -8px;

	/*border: 3px solid;*/ cursor: pointer;

}

.yic_modal_pop .yic_popup_close:hover {

	background: #da5151;

}

.yic_popup_container {

	width: 100%;

	position: fixed;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}

.yic_default_right {

	width: auto;

	float: right;

	text-align: right;

}

.yic_default_left {

	width: auto;

	float: left;

}

.yic_moderator_list_area li .pull-left {

	word-break: break-all;

	width: 86%;

}

.yic_moderator_list_area li .pull-right {

	margin: -5px;

}

.yic_clear {

	clear: both;

}

/*07.03.2018 CSS*/







/*Css for Browse Report 09.03.2018*/



.yic_alert-info {

	color: #31708f;

	background-color: #d9edf7;

	border-color: #bce8f1 !important;

	display: inline-block;

	width: 100%;

}

.yic_alert {

	padding: 15px;

	margin-bottom: 20px;

	border: 1px solid transparent;

	border-radius: 4px;

}

.yic_alert_col {

	padding: 15px 25px;

}

.yic_alert_col > .yic-col-1, .yic-col-2, .yic-col-3, .yic-col-4, .yic-col-5, .yic-col-6, .yic-col-7, .yic-col-8, .yic-col-9, .yic-col-10, .yic-col-11, .yic-col-12 {

	padding-right: 5px !important;

	padding-left: 5px !important;

}

.yic-form-control {

	border-color: #bbb !important;

}

.yic_custom_table {

	border: 0;

	width: 100%;

	margin-bottom: 10px;

}

.yic_custom_table tr {

	border-bottom: 1px solid #bce8f1 !important;

}

.yic_custom_table th, td {

	border: 0;

	padding: 10px;

	line-height: 1.42857143;

	vertical-align: top;

}

.yic_custom_table td { /*word-break:break-all;*/

}

.yic_custom_table > thead > tr > th, .yic_custom_table > tbody > tr > th, .yic_custom_table > tfoot > tr > th, .yic_custom_table > thead > tr > td, .yic_custom_table > tbody > tr > td, .yic_custom_table > tfoot > tr > td {

	border: 0;

	background: none;

	text-align: left;

	font-size: 12px;

}

.yic_custom_table tbody tr:nth-child(even) {

	background: #f1f9fd

}

.yic_custom_table tbody tr:nth-child(odd) {

	background: #FFF

}

.yic_custom_table a {

	color: #337ab7;

}

/*.yic_custom_table td{ word-break:break-all;}*/







.yic_wrapper .inactive_style {

	color: #252525;

	font-weight: bold;

}

.yic_wrapper .active_style {

	/*color: #22b922;*/

	color: #777;

	font-weight: bold;

}

.yic_wrapper .fa-lightbulb-o {

	color: #5cb85c;

}

.btn-search {

	height: 34px;

	border-color: #276192;

	line-height: 34px;

	padding: 0 15px;

	letter-spacing: 0;

}

.btn-search:hover {

	background: #276192;

	color: #fff;

}

.yic-col-1 {

	width: 8.3333333333333333%;

	padding-right: 15px;

	padding-left: 15px;

	float: left;

}

.yic-col-7 {

	width: 58.333333333333333%;

	padding-right: 15px;

	padding-left: 15px;

	float: left;

}

.yic-col-8 {

	width: 66.6666666667%;

	padding-right: 15px;

	padding-left: 15px;

	float: left;

}

.yic-col-9 {

	width: 75%;

	padding-right: 15px;

	padding-left: 15px;

	float: left;

}

.yic-offset-3 {

	margin-left: 25%;

}

.SumoSelect {

	width: 100% !important;

}

.yic-pagination {

	display: inline-block;

	padding-left: 0;

	margin: 20px 0;

	border-radius: 4px;

	float: right;

}

.yic-pagination>li {

	display: inline;

}

.yic-pagination>li:first-child>a, .pagination>li:first-child>span {

	margin-left: 0;

	border-top-left-radius: 4px;

	border-bottom-left-radius: 4px;

}

.yic-pagination>li>a, .yic-pagination>li>span {

	position: relative;

	float: left;

	padding: 6px 12px;

	margin-left: -1px;

	line-height: 1.42857143;

	color: #337ab7;

	text-decoration: none;

	background-color: #fff;

	border: 1px solid #ddd;

}

.yic-pagination>.active>a, .yic-pagination>.active>a:focus, .yic-pagination>.active>a:hover, .yic-pagination>.active>span, .yic-pagination>.active>span:focus, .yic-pagination>.active>span:hover {

	z-index: 3;

	color: #fff;

	cursor: default;

	background-color: #337ab7;

	border-color: #337ab7;

}

.yic-pagination>li>a:focus, .yic-pagination>li>a:hover, .yic-pagination>li>span:focus, .yic-pagination>li>span:hover {

	z-index: 2;

	color: #23527c;

	background-color: #eee;

	border-color: #ddd;

}

.yic-no-result {

	clear: both;

	text-align: center;

	color: #d6d6d6;

	padding: 50px;

	border: 1px solid;

	background: #d6d6d6;

	font-style: italic;

}

.yic_white_tranparent {

	background: rgba(255,255,255,0.7);

	width: 100%;

	position: fixed;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}

.yic_loader {

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	position: fixed;

	/*border-radius: 5px;



    box-shadow: 0px 0px 20px #424242;



	-web-box-shadow: 0px 0px 20px #424242;



	line-height:17px;*/



	text-align: center;

	z-index: 99999;

}

/*Css for Browse Report 09.03.2018*/







.yic_search_filter_btn {

	width: auto;

	border: 0;

	font-size: 12px;

}

.yic_reset_filter_btn {

	color: #3d94de;

	height: 34px;

	line-height: 34px;

	font-weight: bold;

	border: 1px solid;

	border-radius: 5px;

	display: block;

	text-align: center;

}

.yic_reset_filter_btn:hover {

	background: #3d94de;

	color: #fff;

	border: 1px solid #3d94de;

	text-decoration: none;

}

.SumoSelect .select-all {

	height: auto !important;

}

span.yic-empty {

	text-align: center;

	display: block;

}

.SumoSelect>.CaptionCont, .btn-search {

	border-radius: 5px !important;

}

.yic_alert-info .yic-form-control {

	border-radius: 5px !important;

}

.alert-info input[type=checkbox] {

	margin-top: 1px;

}

.alert-info .checkbox {

	margin-top: 7px;

	margin-bottom: 7px;

}

.yic_idea_tag_container .SumoSelect>.optWrapper.selall>.options>li.opt:first-child {

	font-style: italic;

	color: #ec3f3f;

}



.yic-avtar-container, .yic-author-name {

	display: inline-block;

	margin: 5px;

}

.yic-top-ideators {

	margin: 0;

	padding: 0 !important;

}

.yic_post_count {

	font-weight: bold;

	color: #049B15;

}

.yic-tag-cloud-container {

	padding: 5px;

	float: left;

	width: 100%;

}

.yic-tag-cloud-container a.tag-cloud-link {

	color: #006600;

	border: 1px solid #ddd;

	padding: 2px 8px;

	display: inline-block;

	margin: 3px;

	border-radius: 5px;

}

.yic_alert-info .yic_search_filter_btn {

	background: #337ab7;

	color: #fff;

}

.yic_alert-info .yic_search_filter_btn:hover {

	background: #246093;

	color: #fff;

}



.yic-tile-tooltip .yic-tooltiptext{ 

	font-size:12px; 

	padding:10px; 

	font-weight:normal; 

	width: 250px;

	left: -35px;

}

.yic-tile-tooltip { 

	border:none;

}

.yic-status-summary-search-fields input.yic_datepickr { width: 130px;}

.yic-status-summary-search-fields .SumoSelect > .CaptionCont { line-height: 33px;

height: 34px;

padding-top: 0;

padding-bottom: 0;}



.yic-status-summary-search-fields .SumoSelect > .CaptionCont > label { top: 6px;}

.yic-status-summary-search-fields .SumoSelect { width: 190px !important;  /*max-width: 190px;*/}

.yic-status-summary-search-fields .SumoSelect > .optWrapper{ width:240px}

.yic-status-summary-search-fields .SumoSelect > .optWrapper > .options li.opt{ width:100%}

.yic-none{

	font-style: italic;

	color: #ec3f3f;

}



.browse-cat{

	font-size: 10px;

	letter-spacing: 0.3px;

	padding-left: 10px;

}



.yic-widget-title{

	padding: 0 10px;

}



input.yic-btn-link,.yic-btn-link {

	font-weight: 600;

	color: #09F !important;

	background-color: transparent !important;

	border: 0;

}



input[type="button"].yic-btn-link:hover, .yic-btn-link:hover {

	color: #09F !important;

	text-decoration:underline;

}



.yic-inline-block{

	display:inline-block;

}



h1.entry-title{

	margin-bottom:0px !important;

}



.yic-post-last-update-sec{ border-top:1px solid #333; border-bottom:1px solid #333; padding: 8px 0; }



.yic-allow-disallow-label{

	line-height: 16px;

    width: 158px;

    top: 7px;

}

.text-primary {

    color: #337ab7;

}



.yic-widget-row .yic-panel-heading h3{font-family: 'Josefin Sans', sans-serif; font-weight:300; color:#333;}

.yic-margin-left-right-0{ margin-left:0; margin-right:0;}

.yic-btn-commentstatus input[type="button"]{ color:#fff; outline:0;}

.yic-comment-loader{ margin-top: 5px;}

.yic-blue-txt{ color: #09F;}

.yic-grey-txt{ color: #666;}

.yic-up-down-arrow:after{content:"\f0d7"; font-family: 'FontAwesome'; position: absolute; right: 10px;}

.yic-up-arrow:after{content:"\f0d8"; font-family: 'FontAwesome'; position: absolute; right: 10px;}

.yic-download-btn{

	color: #fff;

	background-color: #5cb85c;

	border-color: #4cae4c;

}



.yic-download-btn:hover,.yic-download-btn:focus{

	color:#fff;

	background-color:#449d44;

	border-color:#398439

}



.yic-filters button.button{

	background: none;

	color: rgba(0,0,0,1);

	border: 2px solid rgba(200,200,200,0.3);

	text-shadow: none;

	margin: 2px;

	border-radius: 4px !important;

	width: 30px;

	height: 30px;

	line-height: 30px;

	padding: 0 5px;

}



.yic-filters button.button:hover{

	color: #000;

	text-shadow: none;

	border:2px solid #000;

}



.yic-filters .button.is-checked {

    color: #000;

    text-shadow: none;

	border:2px solid #000;

}



.yic-filters button.button:first-child{ width:auto;}



/*.yic-tag-cloud-container{ background:#D7A700;}*/

.yic-mt-0{ margin-top: 0; }



.yic-relative-cell{ position:relative;}

a.yic-sort-icon {
    /*position: absolute;
    top: 10px;
    right: 0;
	color:#333;*/
	font-size: 18px;
    color: #000;
}



.yic-sort-icon .fa-sort-up, .yic-sort-icon .fa-sort-down{ color: #337ab7;}
.yic-sort-active{ color:#0000ff;}








@media (min-width: 768px) {

.yic-form-inline .yic-form-group {

	display: inline-block;

	margin-bottom: 0;

	vertical-align: middle;

}

}























/*#disallowed{position: absolute;







    float: right;







    margin-top: -42px;







    margin-left: 330px;}















	#allowed{position: absolute;







    float: right;







    margin-top: -42px;







    margin-left: 296px;}*/

	

	input.yic-btn-gen {

	background: #337ab7 !important;

    color: #fff !important;

    border-radius: 4px !important;

    font-size: 14px;

    padding: 12px 15px;

    font-weight: 900;

    border: 1px solid #256dab !important;

    letter-spacing: 0 !important;

    text-transform: uppercase;

    letter-spacing: 4px;

    background-color: transparent;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    cursor: pointer;

}



input.yic-btn-cancel {

    background: #808080 !important;

    color: #fff !important;

    border-radius: 4px !important;

    font-size: 14px;

    padding: 12px 15px;

    font-weight: 900;

    border: 1px solid #757575 !important;

    letter-spacing: 0 !important;

    text-transform: uppercase;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    cursor: pointer;

}





.yic-btn-gen.yic_comment_allow_link{

	background:transparent !important;

    border:0 !important;

    color: #09F !important;

    padding:0;

    text-transform: none;

	margin-top: -3px;

	}

	

.yic-btn-gen.yic_comment_allow_link:hover{color: #09F !important; text-decoration:underline;}





/*============================== Subhomoy Style

=================================================================== */



.center_eliment{

	display:table;

	margin:0 auto;

	border:none;

	width:auto;

	padding:0;

}

.center_eliment:hover,.center_eliment:focus{

	background:none;

	border-color:transparent;

	box-shadow:none;

}

.blue_broder{

	border: 2px solid #2a78e4;

	border-radius:6px;

	padding:15px;

	margin:20px 0 0;

}

.blue_broder:hover,.blue_broder:active:focus{ 

	background: #f4f9ff; border-color: #deecff;

}

.open_close_panel{

	position:relative;

}

.open_close_panel::after{

	position:absolute;

}

.yic-up-down-arrow::after {

    top: 5px;

}

.yic_change_comment_allow_disallow_holder{

	position:relative;

}

.cursor_pointer{

	cursor:pointer;

}

.yic_change_comment_allow_disallow_holder {

    padding: 15px;

    margin: 0;

    background: #eee;

}

.yic_change_comment_allow_disallow_holder li{

	position:relative;

	list-style-type:none;

}

.yic_change_comment_allow_disallow_holder li > div{

	position:relative;

	top:0;

	left:0;

	right:auto;

}

.yic_change_comment_allow_disallow_holder li input{

	float:none;

}

.yic_front label.yic-use-template{

	cursor:pointer;

	color:#09F;

}

.yic_front label.yic-use-template:hover{

	text-decoration:underline;

}

.yic_front label.yic-use-template:active,.yic_front label.yic-use-template:focus{

	/*outline:dotted;*/

}

.yic-border-none{

	border: none;

}



.yic-mergin-top-zero{

	margin-top: 0;

}



.widget_yic_tag_cloud .yic_panel{ display:inline-block;}





.flexdatalist-multiple.flex0{

	padding-left:0 !important;

}

.input-container.flexdatalist-multiple-value,

.flexdatalist-multiple li.input-container input{

	padding-left:0 !important;

	padding-right:4px;

}

.flexdatalist-multiple li.input-container input{

	width:auto !important;

}

.flexdatalist-multiple.flex0 {

    border: 1px solid #9daccc !important;

}

.yic-create-idea-tag-sec .flexdatalist-multiple.flex0 {

    margin-top:10px;

}

.yic-full-width{

	width:100%;

}





.yic-trans-bg{

	background: none;

}



#wp-yic_new_content-editor-tools .wp-editor-tabs{ display:none;}

/*#yic_new_content_ifr{ border:2px solid red;}

iframe#yic_new_content_ifr body.yic_new_content p{ margin-top:0; border:2px solid red !important;}*/



/* 4/9/2018 */



.yic-btn-link a{

	margin-top: 5px;

    text-decoration: none;

    display: block;

    color: #ec991d;

}

.yic-btn-link a:hover{text-decoration:underline; color:#006600;}



.yic-loader-btn-link a{

	margin-top: 5px;

    text-decoration: none;

    color: #ec991d;

}

.yic-loader-btn-link a:hover{text-decoration:underline; color:#006600;}



/* 4/9/2018 */





/* 21-09-2018 */

.yic_comment_area .no-comments{

	border:none;

}

/* 21-09-2018 */









/* Media */



@media (min-width:320px) and (max-width:767px)

{

.media-text-center{

	text-align:center;

}

}

@media (min-width:768px) and (max-width:1199px)

{

.media-text-center{

	text-align:center;

}

}





/*============================== Subhomoy Style

=================================================================== */





/******** Tag Cloud ***************/



.tag-cloud-button-group .button {

  display: inline-block;

  padding: 0 5px;

  /*background: #EEE;

  border: none;*/

  border-radius: 0px !important;

  /*background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );

  color: #222;*/

  font-family: sans-serif;

  font-size: 12px;

  text-shadow: 0 1px white;

  cursor: pointer;

  font-weight:bold;

  border:0;

  color:#333;

}





/*.tag-cloud-button-group .button.is-checked {

  color: white;

  text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);

}*/



.tag-cloud-button-group .button:active {

  box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);

}



/* ---- button-group ---- */



.tag-cloud-button-group {

  margin-bottom: 20px;

}



.tag-cloud-button-group:after {

  content: '';

  display: block;

  clear: both;

}



.tag-cloud-button-group .button {

  float: left;

}



.tag-cloud-button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }

.tag-cloud-button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }



/* ---- isotope ---- */



/*.grid {

  border: 1px solid #333;

}*/



/* clear fix */

.tag-cloud-button-group .grid:after {

  content: '';

  display: block;

  clear: both;

}



/* ---- .element-item ---- */



.tag-cloud-button-group .element-item {

  position: static !important;

  display: inline-block;

  /*float: left;*/

  /*width: 100px;

  height: 100px;

  margin: 5px;*/

  /*padding: 10px;*/

  /*background: #888;

  color: #262524;*/

  

   -webkit-transition: all 2s ease;  

  -moz-transition: all 2s ease;  

  -o-transition: all 2s ease;  

  -ms-transition: all 2s ease;  

  transition: all 2s ease;

}



.tag-cloud-button-group .element-item a.tag-cloud-link{ margin:2px 0;}



.tag-cloud-button-group .element-item > * {

  margin: 0;

  padding: 0;

}



.tag-cloud-button-group .element-item .name {

  position: relative;



  left: 10px;

  top: 60px;

  text-transform: none;

  letter-spacing: 0;

  font-size: 12px;

  font-weight: normal;

}



.tag-cloud-button-group .element-item .symbol {

  position: relative;

  left: 10px;

  top: 0px;

  font-size: 42px;

  font-weight: bold;

  color: white;

}



.tag-cloud-button-group .element-item .number {

  position: relative;

  right: 8px;

  top: 5px;

}



.tag-cloud-button-group .element-item .weight {

  position: relative;

  left: 10px;

  top: 76px;

  font-size: 12px;

}



.tag-cloud-button-group .element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }

.tag-cloud-button-group .element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }

.tag-cloud-button-group .element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }

.tag-cloud-button-group .element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }

.tag-cloud-button-group .element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }

.tag-cloud-button-group .element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }

.tag-cloud-button-group .element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }

.tag-cloud-button-group .element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }

.tag-cloud-button-group .element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }

.tag-cloud-button-group .element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }



/******** Tag Cloud ***************/