@import "lib/bootstrap.scss"; //Core styles
@import "qsf.scss";
@import "main.scss"; //Styles shared among user end and admin section
////////////////////////////////////////////////////////////////////
//															      //
//		User-End Styles											  //
//																  //
////////////////////////////////////////////////////////////////////

body { min-width: 320px;}

// Header
// -----------------------------------------------------------------
.brand-tel {
	font-weight: 600;
	font-size: 18px;
	color: $blue !important;
	text-decoration: none;
	margin-left: 20px;
	&.visible-desktop { margin-right: 20px;}
	i {
		line-height: 40px;
		font-size: 31px;
		color: $blue;
	}
}
#usernav {
	margin-bottom: 0;
	> li > a {font-weight: bold;}
	ul > li > a {padding-left: 20px; display: block;}
	a:hover {color:$white; background-color: $accent;}
	.active a:hover { color:$white; background: lighter($grayLighter, 5%);}
	.dropdown-submenu > a:after {margin-right: 0; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #555; margin-top: 6px;}
	.dropdown-submenu:hover > a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;}
	.dropdown-menu {
		@include border-radius(3px);
		> li > a { font-weight: normal; color: #fff; border:none; }
	}
}
#nav-main > li {
	margin-right: 35px;
	&:last-child { margin-right: 0;}
}

#header-search-form {
	clear:right;
	margin-top: 20px;
	margin-top: 65px;
	right: 10px;
	position: absolute;
	#header-search-form-query {padding-right: 33px; color:$black; background-color: $graymmua; border:none; @include box-shadow(inset 1px 1px 1px rgba(0,0,0,.15));}
	#header-search-form-query-hint {
		position: absolute;
		z-index: 1;
		top: 2px;
		left: 14px;
		font-size: 13px;
	}
	.icon-search {
		position: absolute;
		z-index: 2;
		top: 1px;
		right: 5px;
        cursor: pointer;
        color:$grayDarker;
        padding:5px;
	}
}
// Header Banner
// -----------------------------------------------------------------
#header-image {
	max-width:1060px;
	margin: 0 auto;
	background-size: 100% auto;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	background-color: #0057B7;
}
h1.hdr-page {
	@include font-shorthand(36px, 200, 36px);
	color: #fff;
	margin-top: 0;
	margin-bottom: 0;
	display: table;
	height: 100px;
	width: 100%;
	span {
		display: table-cell;
		vertical-align: middle;
	}
}
// Footer
// -----------------------------------------------------------------
.links-social {
	clear:right;
	margin-top: $baseFontSize/2;
	a {font-size: 20px; color: $gray;}
}

// Bottom Navigation
// -----------------------------------------------------------------
#bottom-navigation {
	@include border-radius(0 0 2px 2px);
	padding-top: $baseLineHeight + 10;
	background-color: #fafafa;
	@include box-shadow(inset 0px 20px 20px -20px darken(#ccc,5%));
	.nav_section {
		h5 {
			font-size: 14px; color: #222222;
		}
		ul {list-style:none; padding: 0; margin: 0 0 20px; font-size: 14px; ;}
		ul.products {font-size: 13px;}
		li {line-height:16px;
			margin: 7px 0;
			word-wrap: break-word;
			a {
				color:#555;
				font-size: 13px;
				&:hover {color:$linkColorHover;}
			}
		}
		&.one-column{clear: right;}
		&.last { margin-top: -$baseLineHeight - 10;}
	}
	a {
		//text-decoration: none;
	}
}

// Lists
// -----------------------------------------------------------------
.date-square {
	background-color: $accent;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	a {color: $white;}
	strong {
		display: block;
	}
}
.news-list {
	margin: 0 0 $baseLineHeight * 2;
	.date-square {
		margin:5px 15px 0 0;
		@include square(43px);
		font-size: 11px;
		line-height: 11px;
		strong {
			font-size: 18px;
			line-height: 26px;
		}
		a {
			text-decoration: none;
		}
	}
}
.thumbnails {
	h3, h5 {
		//margin: ($baseLineHeight / 2) 0 ($baseLineHeight / 4);
		a {
			color: #000;
			&:hover {
				text-decoration: none;
				color: $linkColor;
			}
		}
	}
	li.first {clear: left;}
}

// Back Link
.back-to-all {text-align: right; margin-bottom: $baseLineHeight / 2; }

// Search
// -----------------------------------------------------------------
#search-form {
	dl, dd {  display: inline;}
	#query { width: 400px;}
}

ul.srch_results {
	padding: 0;
	margin-left: 0;
	list-style: none;
	ul {
		margin-top: $baseLineHeight / 2;
		list-style: none;
	}
	li {
		@include clearfix();
		padding: 10px;
		border-top: 1px dotted $tableBorder;
		&:first-child {
			padding-top: 0;
			border-top: none;
		}
	}
	h6 {margin-bottom: 0;}
	.list_thumb {float:left; width:10%; max-width:50px; margin-right:2%;}
	.list_item_content {float:left; width:85%;}
	.no_thumb .list_item_content {width:100%;}
	.highlighted {color: darken($accent-sec, 5%); font-weight: bold;}
	.date-square {
		margin:5px 15px 0 0;
		@include square(43px);
		font-size: 11px;
		line-height: 11px;
		strong {
			font-size: 18px;
			line-height: 26px;
		}
	}
}

.srch_header, .srch_footer {
	padding: 0 10px; @include rem(margin, 0 0 12px 0);
}
.srch_header {
	color: #333;
	margin-top: $baseLineHeight;
	font-size:$baseFontSize - 3px;
	line-height:$baseLineHeight + 4px;
	@include clearfix();
	@include gradient-vertical($grayLighter, darken($grayLighter,10%));
	@include border-radius(5px);
	h4 {
		font-size:$baseFontSize - 1px;
		line-height:$baseLineHeight + 4px;
		margin: 0;
		font-weight:bold;
		float: left;
		min-width:50%;
	}
	span { float: right; display:block;}
}

// Side Blocks
// -----------------------------------------------------------------
.side_block {
	@include  clearfix();
	@include border-radius(4px);
	margin-bottom: $baseLineHeight * 1.5;
	position: relative;
	z-index: 1;
	&.last, &:last-child { margin-bottom: 0;}
	&.color-none {
		//border:1px solid $sideColor1;
		//padding: 10px;
		//@include box-shadow(0 0 5px #bbb);
		//@include box-shadow(0 0 5px rgba(0,0,0,0.1));
	}
	&.color-1 {
		background: $sideColor1;
		border:1px solid darken($sideColor2, 10%);
		padding: 10px;
		&.tags, &.archive, &.category{
			background: #FAFAFA;
			border: 1px solid #E1E1E1;
			padding: 10px 20px;
		}
	}
	&.color-2 {
		background: $sideColor2;
		border:1px solid darken($accent-sec, 10%);
		padding: 10px;
		//@include box-shadow(0 0 5px #bbb);
		//@include box-shadow(0 0 5px rgba(0,0,0,0.2));
		color: $black;
	}
	.media {margin-top: $baseLineHeight / 2;}
	.meadia-body {
		padding-left: 55px; line-height: normal;
 		a {
 			font-weight: 600; color: darken($accent-sec, 60%);
 			&:hover { color: $linkColor;}
 		}
	}
	.date-square {
		margin:5px 15px 0 0;
		@include square(43px);
		font-size: 11px;
		line-height: 11px;
		strong {
			font-size: 18px;
			line-height: 26px;
		}
		a {
			text-decoration: none;
		}
	}
	.last-newsletter {
		padding-left:28px;
		background: url('../images/icon-pdf.gif') no-repeat 0 50%;
	}
	#submitGroup-element dl { text-align: left;}
	a.view-all {
		display: inline-block;
		margin-top: $baseLineHeight * 0.8;
	}
	.icons-ul {
		li { margin-bottom: 5px;}
	}
	img.bottom {
		position:absolute;
		z-index:2;
		right:20px;
		bottom:0px;
		max-width:80px;
		height:auto;
	}

// Twitter //
	&.sb-twitter {
		.side-block-content {padding:1px 10px;}
		h3.twitter-account {
		  margin:10px 0 0 0;
		  font-weight: 600;
		  line-height: 18px;
		  font-size: 18px;
		  a {color:$black;}
		}
		.twitter-url {
		  margin:0 0 15px 50px;
		  display: block;
		  line-height:normal;
		  font-size:13px;
		  color:#827b70;
		}
		.time {
		  margin:7px 0 15px;
		  display:block;
		  font-size:14px;
		  color:#999;
		}
		.actions {
		  text-align: center;
		  padding:10px 0 0;
		  border-top:1px solid #eee;
		}
		.actions a {
		  color:#999;
		  font-size: 18px;
		  margin:0 0 0 30px;
		  &:hover { color:$accent;}
		  &.first { margin-left:0;}
		}
		.logo {
		  width:40px;
		  margin-right: 10px;
		}
		.carousel {
		  font-size: 14px;
		  margin:0 0 10px 5px;
		  .text {
		    line-height: 20px;
		    color: $textColor;
		    min-height:120px;
		    a { @include hyphens(); }
		  }
		  .royalSlider {
		  	-webkit-backface-visibility: hidden;
    		-webkit-transform: scale(1);
		    background: none;
		    overflow: visible;
		    position: relative;
		    .rsOverflow, .rsSlide, .rsArrowIcn { background: none;}

		    .rsArrowLeft { left: -32px; }
			.rsArrowRight { right: -22px; }


			.rsArrow {
				width: 15px;
				position: absolute;
				height: 100%;
				&:hover {
					.rsArrowIcn {
						color: $linkColorHover;
					}
				}
			}
			.rsArrowIcn {
				width: 15px; height:30px; margin-top: -15px; margin-left: -10px; background: none; font-size: 32px; color: #999; text-align: center; position: absolute;
				&:after { display: inline-block; font-family: FontAwesome; }
			}
			.rsArrowLeft .rsArrowIcn:after { content:"\f104";}
			.rsArrowRight .rsArrowIcn:after { content:"\f105";}

		  }
		}
	}
	&.category {
		width: auto;
		float: none;
		margin-right: 0;
	}

}
.side_block.sb-sponsor{
	.text-center{
		img:first-child{margin-right: 15px;}
	}
}
.home {
	h2 {
		font-size: $baseFontSize * 1.66;
	}
	.side_block {
		@include border-radius(0);
		padding: 0;
		background: transparent;
	}
}
#form_newsletter-form-btnSubmit-element { margin:0;}
// #form_contact-form {
// 	dl > dd {margin: 0 0 5px;}
// 	select {width: 100%;}
// 	textarea {
// 		min-height: 80px;
// 		margin-bottom: 10px;
// 	}
// 	#form_contact-form-captcha-label {display: none;}
// 	#form_contact-form-submitGroup-element,
// 	#form_contact-form-btnSubmit-element {margin: 0;}
// }
ul.links-section {
	margin-left: 1.5em;
	li {line-height: $baseLineHeight * 1.25;}
}
ul.brief-info {
	[class^="icon-"] {
		color:$accent-sec;
		font-size: 110%;
	}
}
// Gallery
// -----------------------------------------------------------------
#gallery-items {
	width: 100%;
	margin:0 0 $baseLineHeight;
	padding-top: 0;
    background: $grayLighter;
    height: 400px !important;
    .rsOverflow {height: 400px !important;}
    .rsOverflow, .rsSlide {
	    background: none;
    }
    .rsImg {margin-top: 10px !important;}
	.rsGCaption {
		font-size: $baseFontSize;
		padding: 12px 0 16px;
		background: darken($grayLighter, 10%);
		color:$black;
		width: 100%;
		position: static;
		float: left;
		left: auto;
		bottom: auto;
		text-align: center;
	}
	.rsGCaption span {
		display: block;
		clear: both;
		font-size: $baseFontSize + 2;
		font-weight: bold;
	}
	/* Scaling transforms */
	.rsSlide img {
	  @include opacity(45);
	  @include transition(all 0.3s ease-out);
	  @include scale(0.9);
	  @include backface-visibility(hidden);
	}
	.rsActiveSlide img {
	  @include opacity(100);
	  @include scale(1);
	}

}

// FAQ
// -----------------------------------------------------------------
.faq-questions, .faq-answer {
	margin:0 0 $baseLineHeight 0;
}
.faq-questions {
	border-bottom:1px solid $grayLight;
	padding-bottom: 20px;
	list-style-position: inside;
}
.faq-answer {
	position: relative;
	z-index: 1;
	.gotop {
		color: $grayLight;
		text-align:right;
		position: absolute;
		z-index: 2;
		right: 0;
		bottom: 0;
		&:hover {
			text-decoration: none;
			color: $linkColor;
		}
	}
}

// Site Map
// -----------------------------------------------------------------
#table-sitemap {
	width:100%;
	td { width:50%; vertical-align:top;}
}
.site_map_div {
	font-weight:bold; padding:6px 20px 6px 15px;
	a, a:visited {text-transform:uppercase;}
	.site_map_div a, .site_map_div a:visited {text-transform:none; font-weight:normal;}
	.site_map_div {
		padding:3px 0 3px 20px; font-weight:normal;
		.site_map_div {padding:0 0 0 20px;}
	}
}

// Blog
// -----------------------------------------------------------------
.post {
	margin-bottom: $baseLineHeight;
}
h2.post-title, h3.post-title {

	a {
		color: $black;
		&:hover {color: $accent;}
	}
}
ul.post-meta {
	font-size: 13px;
	color: #999;
	margin-bottom: $baseLineHeight / 2;
	li {
		padding-left: 0;
		padding-right: 0;
		margin-right: 10px;
		i {
			margin-right: 2px;
		}
	}
	a {
		color: $black;
		&:hover {color: $accent;}
	}
}
.post-image, .post-content {
	margin-bottom: $baseLineHeight;
}
.posts {
	> li {
		margin-bottom: 3px; line-height:normal;
		&.active > a {
			font-weight: bold;
			color: $grayDarker;
		}
	}
}
.post-month > li.active > a {
	font-weight: bold;
	color: $grayDarker;
}
#blog-calendar {
	margin-bottom: $baseLineHeight;
	.ui-datepicker { width:auto;}
}
.feat-post {
	.meta {
		font-size: 12px;
		color: #030404;
		li {padding: 0 10px 0 0;}
	}
}
.comment {
	font-size: 13px;
	border-top: 1px dotted $grayLight;
	margin-bottom: $baseLineHeight;
	padding-top: 10px;
	.comment-body {
		color:$black;
		font-size: $baseFontSize;
	}
}
.post-comment-form-block, .post-comment-submitted-block {
	@include border-radius(5px);
	margin-bottom: $baseLineHeight;
	background: #eee;
	padding: 20px;
}
.post-comment-form-block #submitGroup-element dl { text-align: left;}
#blog-form-login {
	max-width: 250px;
	margin: 0 auto;
}

// Facebook Comments
// -----------------------------------------------------------------
.fb_iframe_widget {
	width: 100% !important;
	span, .fb_ltr {width: 100% !important; max-height: 350px !important;}
	span { height:auto !important; overflow: auto !important;}
	.fb_ltr {
		position: relative !important;
	}
	// position: relative;
	// padding-bottom: 26.25%; /* 16:9 ratio */
	// height: 0;
	// overflow: hidden;
	// iframe {
	// 	position: absolute;
	// 	top: 0;
	// 	left: 0;
	// 	width: 100%;
	// 	height: 100%;
	// }
}

//	Project depending modules
@import "_cart.scss"; //	E-commerce styles
@import "lib/bootstrap-responsive.scss";
@import "_qsf-responsive.scss";

// Modernizr
.touch {
	select {
		outline-style: none;
	}
	.fb_iframe_widget span {border:1px solid $tableBorder;}
}

// event-slider

.sb-upcomingEvents {
	//max-width: 370px; // The width should match App/Event/config.php
	//min-width:280px;
	// margin: 0 auto;
	h2, h3 { float:left;}
	.view-all-events { display: block; float:right; margin: 3px 0 5px 0;}
	#event-upcomingblock {
		> div {
			clear:both;
			width: 100%;
			min-height: 265px;
			text-align: left;
			.item {
				img {
					margin: 5px 0 10px 0 !important; 
					display: block;
					margin-top: 0 !important;
					// max-width: 100%; height: auto;
				}
				h4 { margin: 0; font-size: $baseFontSize + 2;  margin-bottom:10px;}
				.event-slider-body { padding: 0 30px;}
			}
			.fa-ul{
				margin-top: 5px;
				margin-left: 1.5em;
				margin-bottom: 0;
				li { font-size: $baseFontSize - 1; line-height: normal; margin-bottom:2px;}
				.fa-li { width: 1em; left: -1.5em;}
			}
			&.contentSlider, .rsSlide, .rsOverflow, .content-slider-bg {
		  		background: none;
		  		color: $textColor;
			}
			.rsArrow {
				width: 15px; height:36px; top: auto; bottom:10px; position: absolute;
				&:hover {
					.rsArrowIcn {
						color: $linkColorHover;
					}
				}
			}
			.rsArrowIcn {
				width: 15px; height:30px; top: 0; left: 0; margin-top: 0; margin-left: 0px; background: none; font-size: 32px; color: #999; text-align: center;
				&:after { display: inline-block; font-family: FontAwesome; }
			}
			.rsArrowLeft .rsArrowIcn:after { content:"\f104";}
			.rsArrowRight .rsArrowIcn:after { content:"\f105";}
		}
	}
}

// Sponsors
.sponsor-level {
  .sponsors-row {
    margin: 0 0 20px -20px;
    .sponsor {
      float: left;
      margin-left: 20px;
      margin-top: 15px;
      width: 175px;
      height: 120px;
    }
  }
}
.sponsorship {
	.sponsor-price {
	  color: $black;
	  font-weight: 600;
	  font-size: 16px;
	  margin-bottom: 10px;
	  padding: 38px 10px 0 0;
	  text-align: center;
	}
	ol { font-size: $baseFontSize - 1; margin-bottom: 0;}
}

// Two Column Form
.two-column-form {
 	width: 95% !important;
 	dt {
	    clear: left;
	    float: left;
	    position: relative;
	    width: 34%;
	}
	dd {
	    clear: right;
	    margin-left: 36%;
	    &:after { display: block; clear:both; content:" ";}
	    dd { margin-left: 0;}
	}
	.options {
		label { font-size: $baseFontSize - 1;}
	}
}
//Training Offerings
#training-offering{
	.ui-accordion-header{
		font-weight: 700;
		color: $accent;
		font-size: 18px;
		padding-left: 30px;
		&:hover{
			color: lighten($accent, 10%);
		}
	}
}


// Leadership
.accordion-arrows {
	h3 {
		margin: 0; font-weight: 600;
		a.accordion-toggle {
			&:before {
				margin-right: 5px;
				content:"\f13a";
				font-family: FontAwesome;
				display: inline-block;
			}
			&.collapsed:before {
				content:"\f138";
			}
		}
	}
}
.bio, .leadership-bio{
	margin-bottom: $baseLineHeight / 2;
	h3, h4 {margin:0 20px 0 0; white-space: nowrap;}
	.meta {
		span { font-weight: 600;}
	}
	.media-heading a { color: $linkColor; &:hover { color: $linkColorHover;}}
	.media-object { margin: 0 0 10px 0;}
	ul.bio-social {
		margin: 0 0 $baseLineHeight / 4;
		font-size: 18px;
		li { padding: 0 10px 0 0;}
		a {
			color: $graymmua;
			vertical-align: middle;
			line-height: $baseLineHeight * 1.33;
			&:hover {
				color: $linkColorHover;
			}
		}
	}
	&.third {margin-left: 0 !important;}
	&.third {clear: left;}
}
.span4.bio{
	h4 > a {
		white-space: normal;
	}
}
// Offerings
#training-offering{
	h3.ui-accordion-icons{
		.ui-icon{
			text-indent: 0 !important;
			background: none !important;
			width: auto;
			height: auto;
			margin-top: -11px;
			&:before {
				margin-right: 5px;
				content:"\f138";
				font-family: FontAwesome;
				display: inline-block;
			}
		}
	}
	h3.ui-state-active.ui-corner-top{
		.ui-icon{
			text-indent: 0 !important;
			background: none !important;
			width: auto;
			height: auto;
			margin-top: -11px;
			&:before {
				margin-right: 5px;
				content:"\f13a";
				font-family: FontAwesome;
				display: inline-block;
			}
		}
	}
}

// Members
.associate-members-list-item, .affiliate-members-list-item {
  .pull-right.media-object{
  	text-align: center !important;
  	width: 170px;
  	margin-left: 0 !important;
  }
  .pull-right img {
    max-width: 150px;
    display: block;
    margin: 0 auto;
  }
  border-bottom: 1px solid #DDDDDD;
}
.category-info a {cursor: default; font-weight: bold; margin: 0 2px;}

// Classifieds
#listing-sell-filter-form {
	#query-element {
		label { margin: 0 10px 0 0;}
	}
}
.classified-filter-form_elements {
  position: relative;
  #typeSearch-element {
    width: 51%;
    margin-left: 55px;
  }
  #submitGroup-element {
    position: absolute;
    right: 0;
  }
}

// Current Offerings
#training-offering {
	.thumbnail {
		padding: 10px;
		background-color: $graymmua;
	}
}

// Become an exhibitor
#become-an-exhibitor-form {
	.text, .email { max-width:400px;}
}


// Event Feedback
#event-feedback {
	fieldset { padding: 5px 20px 10px 20px; background-color: #f5f5f5; border:1px solid #eee; @include border-radius(3px);}
	#btnSubmit-element { text-align: center;}
}
// Form
.form_header{
	background: none;
	font-size: 21px;
	margin-bottom: 11px;
	padding-left: 0;
	color: #333;
	border-bottom: 1px solid #ccc;
	border-left: none;
}
.form_header.form-header-lg{
	background: none;
    border: medium none;
    padding-left: 0;
    font-size: 18px;
    color: #444;
}
// Filter form
form#company-filter-form {
	dl{
		//float: right !important;
		#associateCategoryId-element select{max-width: 155px;}
	}
}
#map-canvas img{
	max-width: none !important;
}

// Contact page
// -------------------------------------------------------
.side_block.contact_block{
	h3{
		margin-top: 20px;
		padding-top: 20px;
		border-top: 1px solid #ddd;
	}
	#form_contact-form{
		dt{
			width: 220px;
			float: left;
			clear: both;
		}
		dd{
			width: 380px;
			float: left;
			&#form_contact-form-submitGroup-element{
				margin-left: 220px;
			}
		}
		#form_contact-form-captcha-input-wrapper{
			top: 5px;
		}
	}
}

/* Twitter side block */
.side_block.sb-twitter{
	background: $graymmua;
	border: 1px solid $graymmuaDark;
	padding: 20px;
	color: #000;
	.carousel {
		.text {
			line-height: 20px;
			color: rgb(68, 68, 68);
			min-height: 120px;
		}
	}
	.btn.follow{
		&:before{
			content: "\f099";
			font-family: FontAwesome;
			display: inline-block;
			margin-right: 4px;
		}
	}
}
/* events calendar print */
#print-body{
	background: #fff;
}

/* Calendar */
.calendar-legend{
	ul {
		margin-bottom: 0;
		li{
	    	line-height:14px;
	    	display: inline-block;
	    	font-size: $baseFontSize - 1;
	    	color: $black;
	    	margin: 10px 0;
	    	span {
	        	display: inline-block; width: 14px; height: 14px; border:none; margin:0 3px 0 15px; border:1px solid $graymmuaDark;
	        	&.workshop { background-color: #eee; margin-left: 0;}
	        	&.conference { background-color: #eee}
	        	&.webinar { background-color: #eee}
	    	}
		}
	}
}
.fc-border-separate{
	border-color: $graymmua;
	.fc-other-month{
		background: #f8f6f4 !important;
		.fc-day-number, .fc-day-content{
			visibility: hidden;
		}
	}
	.fc-widget-content{
		background: url('../images/bg-calendar-item.gif') 0 0 repeat;
		&.fc-today{
			.fc-day-number{
				background: $accent;
				color: #fff;
				padding: 0 4px;
			}
		}
	}
}
.fc-content{
	.fc-event{
		color:$accent;
		line-height: normal;
		display: inline-block;
		&:hover{cursor: pointer;}
		&.workshop { background-color: #fafafa; border-color: $graymmua;}
	    &.conference { background-color: #fafafa; border-color: $graymmua;}
	    &.webinar { background-color: #fafafa; border-color: $graymmua;}
	}
	.fc-event-time { display: none;}
	.fc-event-title { padding: 0 2px; display: inline-block;}
}

/* Event style */
.event-workshop{
	.unstyled{
		margin-bottom: 0;
	}
	.get-directions{
		font-size: 85%;
	}
	p{
		margin-bottom: 0;
	}
	hr {
		margin: 22px 0;
		border: 0;
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid white;
		margin: 5px 0;
	}
}
.fc-event-full-height {height: 88px}
#user-login-block-form{
	.form_header.form-header-lg{
		display: none;
	}
}
.btn.form-reg{
	max-width: 200px;
	width: 100% !important;
	margin-bottom: 10px;
	padding: 4px 0;
}
#simple-calendar-wrap {
	.event {
		margin-bottom: $baseLineHeight / 2;
		h5 { margin-bottom: 0;}
	}
}
//------------------------------------------------------------

#event-form {
	#attendee-element > fieldset > dl {
		dt {
			clear: left;
			float: left;
			position: relative;
			width: 24%;
			label { margin-top: 0;}
		}
		dd {
			clear: right;
			margin-left: 26%;
		}
	}
	.option-list {
		legend { font-size: $baseFontSize; font-weight: 600; margin: 0; padding: 0; border:none; line-height: 26px;}
		select { margin-bottom: 5px; width: 100%;}
	}
	.myself-group-label, .other-group-label{display: none;}
	.myself-group, .other-group, .option-list dd {
		margin: 0 !important;
	}
	.attendee-delete-label{
		clear: left;
		float: left;
		position: relative;
		width: 24%;
		height: 1px;
		margin: 0;
	}
	.attendee-delete{
		clear: right;
		margin-left: 26%;
		padding-bottom: 8px;
		border-bottom: 1px solid #d9d9d9;
	}
	#addAttendee-element, #btnSubmit-element{
		.btn {margin-left: 26%;}
	}
	.productlist {
		margin-bottom: 0;
		td {line-height: 18px;}
		input {max-width:50px;}
		.cell_image { width: 75px;}
	}
}
.event-links {
	font-size: 11px;
    line-height: 13px;
    img {margin: 2px 10px 0 0;}
}

/* Classifeds */
/* --------------------------------------- */
.cell_title.grid_link_listing > a, .cell_price.grid_money{
	// font-weight: 700;
}
.cell_price.grid_money{
	// color: $accent;
}
.classified:hover{
	color: #fff !important;
}
/* Other */
.table.table-striped.app-event-history-historylist{
	th{
		white-space: nowrap;
		vertical-align: middle;
	}
	th, td { width: auto;}
}

.side_block.sb-recentNews{
	.media-body{
		a{
			//color: #5c503e;
			font-weight: 600;
			&:hover {color: $linkColorHover;}
		}
	}
}

/* google search */
.gsc-control-cse.gsc-control-cse-en{
	form.gsc-search-box.gsc-search-box-tools{
		.gscb_a {
			margin-top: 3px;
		}
		.gsc-input{
			box-shadow: none!important;
			border: none!important;
			font-size: 13px!important;
			line-height: 14px!important;
		}
	}
	.gsc-orderby{
		display: none !important;
	}
	.gsc-search-box {
		max-width: 500px;
	}
}
.gcsc-branding-img-noclear{
	min-width: 51px;
	margin-top: -6px !important;
}
.gsc-search-button {
	margin: 0!important;
}
/* Errors */
ul.errors{
	a {
		color: #5c503e;
		text-decoration: underline;
		&:hover{
			color: $accent;
		}
	}
}
/* user form*/
#user-form{
	input#middleInitial{width: 40px;}
}
form#user-forgot-form{
	max-width: 300px;
	margin: 30px auto;
	border: 1px solid #cecece;
	padding: 30px;
	@include gradient-vertical (#fff, #ccc);
	@include border-radius (5px);
}
.downloadPdf{width: 110px;}
/* sub menu accaunt */
.sub_menu_user{
	margin-left: 0;
	li{
		color: #777;
		list-style:none;
		&:first-child{margin-top: -1px;}
		&:hover{color: #fff;}
		&.active{
			background: $accent;
			color: #fff;
			a{color: #fff}
		}
		a{padding-left: 10px !important; font-weight: 600;}
		a:before{
			display: inline-block;
			content: "-";
			font-size: 14px;
			font-family: FontAwesome;
			margin-right: 5px;
		}
	}
}

#usernav .dropdown-submenu > a:after{
	border: none !important;
}
#company-_mailingAddress-element{
	margin-bottom: 0;
}
#billing-_billingInfo-element, #company-fieldset-_address > legend > span, #company-fieldset-_mailingAddress > legend > span {font-size: 16px;}
.table.table-bordered.company-members{
	border: 1px solid #dddddd;
	background-color: #f9f9f9;
	td {border: none; border-left: 1px solid #dddddd; padding: 2px 10px;}
}
.table.table-linear.user-welcome{
	tr > td.mailto {word-break: break-all!important;}
}
#user-form{
	#company-element{
		fieldset#fieldset-company{
			@include box-sizing (border-box);
		}
	}
}

/* fix for google map infowindow scroll */
.mapScrollFix {
  line-height: 1.35;
  overflow: hidden;
  white-space: nowrap;
}
// Event Popup
.media.event-popup{
	a {
		text-decoration: none;
	}
	.event-img.media-object{
		a img{width: 180px;}
	}
	.evnt-short-descr.media-body{
		margin-left: 0;
		h5.media-heding{margin-bottom: 0;}
		p {
			margin-bottom: 5px;
			span{
				font-size: 13px;
				&.location{font-style: italic;}
			}
		} 
	}
}

.history-options {
	font-size: 12px;
	line-height: 16px;
	max-width:180px;
	li { margin: 0; line-height: 16px; margin-bottom: 3px;}
}

// account page
.order-history.app-ecommerce-order-list{
	.cell_submitted.grid_submitted{
		width: 120px;
	}
	.cell_id.grid_text{
		width: 60px;
	}
	.cell_total.grid_money{
		width: 85px; text-align: center;
	}
}

#ecommerce-login-form{
	#btnSubmit-element{
		.btn{
			padding: 4px 15px;
		}
	}
}

.span6.second-content{
	a{ width: 80%; margin-top: 5px; }
}

// Form tradeshow_form fixes
#member-buttons-block {
	margin-bottom: $baseLineHeight;
}
#tradeshow-login-block {
	p { font-size: 13px; line-height: 18px;}
	#user-login-block-form {
		#user-login-block-form-fieldset-submitGroup dl { text-align: left;}
	}
	#submitGroup-element .btn, .btnSubmitGroup .btn {min-width: auto;}
}
.tradeshow_form{
	#boothSpace-element{
		label{
			float: left;
			margin: 0;
			line-height: 15px;
		}
	}
	#electricityHookUp-element{
		clear: both;
	}
}
#attendeeId{
	width: 100%;
	max-width: none;
	tfoot > tr > td {
		padding-top: 10px;
	}
}
tr.registration-closed > td {background-color: #fff !important;}

.dropdown-submenu.active{
	a:after{
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #000;
	}
}
#add-vendor-form {
	#boothSpace-element {
		display: inline-block;
		margin-bottom: 0;
	}
	/*#userId-label {
		clear: both;
	}*/
}

/* user form filter */
#user-filter-form {
	dl {
		dt, dd {
			margin: 0 10px 10px 0;
			select {
				min-width: 200px;
			}
		}
		#eventType-label, #timePeriod-label {
			width: 85px;
		}
		#eventSubtype-label, #individualStatus-label {
			width: 120px;
		}
		#timePeriod-label {
			//clear: left;
		}
		/* dt {
			min-width: 120px;
		} */
		#submitGroup-element {
			clear: both;
			width: 100%;
			text-align: center;
			dl {
				dd {
					float: none;
				}
			}
		}
	}
}

// Municipal Utilities
.category {
	width: 30%;
	float: left;
	margin-right: 5%;
	&:nth-child(3n) {
		margin-right: 0;
	}
	&.category-single {
		width: 100%;
		margin: 0;
		float: none;
	}
	.category-title {
		font-weight: bold;
		font-size: $baseFontSize + 2;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 2px solid $accent;
	}
	.category-cities {
		.city {
			cursor: pointer;
			color: $linkColor;
			&:hover {
				color: $linkColorHover;
			}
		}
	}
}


@media all and (max-width: 960px) {
	#user-filter-form {
		dl {
			dt {
				min-width: 120px;
				clear: left;
			}
			#submitGroup-element {
				/* width: auto;
				dd {
					float: left;
				} */
			}
		}
	}
}
@media all and (max-width: 480px) {
	#user-filter-form {
		dl {
			dt {
				width: 120px;
				clear: left;
				font-size: 13px;
			}
			dd {
				width: 130px;
				margin-right: 0;
				select {
					width: 100%;
					max-width: 100%;
					min-width: 0;
				}
			}
			#submitGroup-element {
				dd {
					width: auto !important;
					margin-right: 10px;
				} 
			}
		}
	}
}


dd#servicePayment-addressNotice-element{
	padding: 10px;
	border: 2px solid $accent-sec;
}