@import "lib/bootstrap.scss"; //Core styles
@import "qsf.scss"; //Core styles
@import "main.scss"; //Styles shared among user end and admin section
////////////////////////////////////////////////////////////////////
//																  //
//		Admin-End Styles										  //
//																  //
////////////////////////////////////////////////////////////////////
body {
	min-width:1020px;
	&.su:before {
		background:url('../images/admin/su.png') no-repeat 0 0;
		display: block;
		width: 30px;
		height: 94px;
		position: fixed;
		top: 0;
		left: 0;
		content: " ";
	}
}
.brand {
	line-height: 20px;
	.name {font-size: 22px;}
	.tagline {
		font-size: 10px;
		letter-spacing: 0;
	}
}

.span12 h1 {
	margin-top: 10px;
}

header h4 { margin: 15px 0;}

#nav-main {
	float:none;
	> li {
		> a {margin:0 31px 0 0; font-size: 13px;}
		&:last-child > .dropdown-menu { left: auto !important; right: 0 !important;}
		&.last {
			> a {margin-right: 0;}
		}
	}
}

.block.push > .container-fluid {

}

// Back Link
.back-to-all {
	&:before {
		font-family: FontAwesome;
		display:inline-block;
		content: "\f104";
		margin-right: 6px;
	}
}

// NAV
// -----------------------------------------------------------------
#ctrlnav {
	clear: right;
	font-size: 12px;
	#cpanel {
		margin-right: 0;
		a {color: $linkColor; margin: 0 0 0 30px;
			&:hover {color:darken($linkColorHover,5%);}
		}
		li.active > a { color: black;}
	}
	.nav .dropdown-toggle .caret {margin-top: 6px;}
}
// Form (Required)
// -----------------------------------------------------------------

.rightblock_form #idPage-element {background-color: #FAFAFA;}

/* event-form */
#event-form{
	dd#attendee-element{
		margin-bottom: 0;
	}
	#fieldset-options .btn { line-height: $baseLineHeight;}
	.attendee-delete-label, .other-group-label { display: none;}
	#fieldset-eventTime {
		.table td {
			padding: 10px 10px 10px 10px;
		}
		.date.hasDatepicker {
			width: 90px;
		}
	}
}
.form-no-ceus .ceus-element {display: none}
.form-no-ceus .c_synopsis {display: none}

.outer_fieldset{
	border: 1px solid #ccc;
	padding: 0 10px 10px;
	legend{
		border-bottom: 0;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
		margin-left: 10px;
		color: #444444;
		font-size: 18px;
		font-weight: 400;
		margin-bottom: 0;
	}
	#query-label{display: none;}
}

// Admin Login
// -----------------------------------------------------------------
#admin-login-form, #stsauth-form, #admin-form {
	width:250px;
	margin:30px auto;
	border:1px solid #cecece;
	@include rem(padding, 25px);
	@include gradient-vertical(#ffffff, #f0f0f0);
	@include border-radius(5px);
}
#admin-login-form label.required, form#stsauth-form label.required {background:none; padding:0; margin:0;}

// CMS
// -----------------------------------------------------------------
.cms_container td { vertical-align:top;}

table.block_config th {background:#EFEFEF;}
table.block_config th, table.block_config td {border:solid silver 1px; padding:2px;}
table.block_config td {width:70%;}
table.block_config td.subform_container {padding:10px;}

.mark_delete {background:#FFAAAA;}
.mark_delete legend {border:solid #FFAAAA 1px; color:$red; background:white;}
.mark_move {background:#FFAAAA;}

.cms_item_group, #fieldset-meta {margin:0 0 10px;}
.cms_item_group {padding:15px 5px 0;}
#fieldset-meta {padding:15px 25px;}
.cms_item_group legend, #fieldset-meta legend {font-size:18px; font-weight:bold; color:#039; padding:0 5px;}

#cms-form {
	.cms_item_toolbar, .cms_items_toolbar {text-align:right !important;}
	dl.cms_form_elements {border:solid silver 1px; padding:10px;}
	.html_block_view {border:dashed silver 1px; padding:10px; margin-top:5px; height:200px; overflow-y:auto;}
	dd.meta_toolbar {text-align:center;}
}

div.id_item {color:silver; float:right; font-size:9px; padding-left:10px;}
#fieldset-meta dl.meta {margin:0;}
#meta-view .view-meta-label {width:80px;}
.cms_item dl.edit .item_config_view, .cms_item dl.view .item_config,
.isHidden, .cms_item .id_item,
#meta-view,
#fieldset-meta dl.view_mode fieldset,
#fieldset-meta dl.view_mode dt,
#fieldset-meta dl.view_mode dd,
#fieldset-meta dl.view_mode #meta-save,
#fieldset-meta dl.view_mode #meta-cancel,
#fieldset-meta dl #meta-edit {display:none;}
#fieldset-meta dl.view_mode dd.meta_toolbar {display:block;}
#fieldset-meta dl.view_mode #meta-view,
#fieldset-meta dl.view_mode #meta-edit {display:inline;}
dl.loading, fieldset.loading{
    background-image:url('../images/loading-blue-32x32.gif');
    background-repeat:no-repeat;
}
#fieldset-meta input.allow_change {margin-left: 30px;}
#fieldset-meta label.allow_change_label {font-style: italic}
.automatically_resize label {line-height:150%; font-weight:normal}


// Module-specific styles
#gallery-form textarea#description { height:200px;}

// Site Map
// -----------------------------------------------------------------
.cms_container td {padding:0}
.site_map_div {
	font-weight:bold; padding:5px 20px 10px 0;
	a {
		text-transform:uppercase; color:#000; font-weight:bold;
		&:hover {color:$linkColorHover !important;}
	}
	.site_map_div {
		padding:10px 0 5px 20px;
		.site_map_div {padding:3px 0 3px 20px;}
		.site_map_div a {font-weight: 400;}
		a {color:#000; text-transform:none; font-weight: 600;}
	}
	.addlinks a, .addlinks_big a {text-transform:capitalize;}
	a.link_add_subpage,
	a.link_reorder_subpages,
	a.link_delete_page {text-transform:none; font-weight:normal !important; font-size: 13px;}
	a.link_add_subpage, a.link_reorder_subpages {color:#777;}
	a.link_delete_page {color:#777;}
	a.link_delete_page:hover {color:#3896ff !important;}
	a.cms_disabled {text-decoration: line-through; }
	a.disabled:hover {color:grey !important;}
	span.addlinks {@include opacity(100); display:inline-block; text-transform:capitalize; color:#777; font-size: 13px;}
	span.addlinks a, span.addlinks_big a {font-weight:normal;}
	span.addlinks_active { @include opacity(100);}
}
.cms_legend {background:#f5f5f5; border:1px solid $grayLight; padding:3px 5px; width:200px; font-size:($baseFontSize - 2); color:$grayDarker; margin-bottom: 10px;}
.additional_pages {
	border-bottom:1px dashed #777 !important; padding-bottom:5px; margin-bottom:15px; margin-top:25px;
	div {font-weight:normal; padding: 5px 0; font-style:italic;}
	span {
		text-transform:uppercase;
		a { font-weight:normal !important;}
	}
}
hr.top-line {margin: 1px 0;}
// Settings
// -----------------------------------------------------------------
#settings-form textarea {width:500px; height:80px;}
#settings-form .ck_toolbar {margin-top:-30px;}
#headerLoginPopupHtml-element {
  width:370px;
  .htmleditor_preview {width: 305px}
}
// Top Links
// -----------------------------------------------------------------
.nav-pills.top-links > li > a {
	// border: 1px solid transparent;
}
.nav-pills.top-links > .active > {
  a, a:hover, a:focus {
    // background-color: transparent;
    @include gradient-vertical($navbarInverseBackgroundHighlight, $navbarInverseBackground);
    color: $white;
    cursor: default;
	// font-weight: bold;
	// border: 1px solid $tableBorder;
  }
}

// Reorder
// -----------------------------------------------------------------
select.order_select {width:400px;}
#order-label {font-weight:bold; font-size:120%;}
#order-element {text-align:center; padding:5px;}
.order_select {margin:0 auto;}
.order_select_buttons {text-align:center; padding:10px 0 10px 9px;}

// Side Blocks
// -----------------------------------------------------------------
dl#sideblock-form_elements.testimonial #content-label,
dl#sideblock-form_elements.testimonial #content-element,
dl#sideblock-form_elements.subscription #content-label,
dl#sideblock-form_elements.subscription #content-element,
dl#sideblock-form_elements.recentNews #content-label,
dl#sideblock-form_elements.recentNews #content-element,
dl#sideblock-form_elements.featuredNews #content-label,
dl#sideblock-form_elements.featuredNews #content-element,
dl#sideblock-form_elements.featuredPosts #content-label,
dl#sideblock-form_elements.featuredPosts #content-element,
#sideblock-form dl.none dt#linkTitle-label,
#sideblock-form dl.none dd#linkTitle-element,
#sideblock-form dl.none dt#linkPageId-label,
#sideblock-form dl.none dd#linkPageId-element,
#sideblock-form dl.none dt#linkUrl-label,
#sideblock-form dl.none dd#linkUrl-element,
#sideblock-form dl.page dt#linkUrl-label,
#sideblock-form dl.page dd#linkUrl-element,
#sideblock-form dl.url dt#linkPageId-label,
#sideblock-form dl.url dd#linkPageId-element {display: none;}
#sideblock-form dt#idPage-label {margin-top: -25px;}
div.pageList div {
	margin:0 0 3px 0;
	&:before {font-family: FontAwesome; content: "\f0da"; display:inline-block; margin-right: 3px;}
	&.toggleItemsLinkWrapper:before { content:""; margin-right: 0;}
}
#app-sideblock-admin-list-th-content {width:300px;}
#backgroundColor-element {
	label {
		@include clearfix();
		.side-block-bg {
			@include square(20px);
			margin-right: 5px;
			display: inline-block;
			vertical-align: middle;
			border:1px solid #ddd;
			&.color-none {
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAM0lEQVQYlWP4w8Dwn4EAgKvBpxhDDptinAYgSxB00h8Ghv/EuJs4hURZTZRniAoeYgMcALr9J51GZeB8AAAAAElFTkSuQmCC) no-repeat 50% 50%;
			}
			&.color-1 {
				background: $sideColor1;
			}
			&.color-2 {
				background: $sideColor2;
			}
		}
	}
}

// Action Log
// -----------------------------------------------------------------
tr.action_log_session td {font-weight: bold; padding: 10px 5px;}
.session_status {float:right; font-size:12px; text-align: center; padding-top:2px;}
.session_closed {color: #606060}
.session_opened {color: green;}
.multi_actions { margin-bottom:5px;}

// STS Link
// -----------------------------------------------------------------
#sts_auth_link {
	margin-bottom: 10px;
	color: #fff;
	height:70px;
	@include border-radius(5px);
	@include gradient-vertical($startColor: #393e45, $endColor: #161a1e);
	p {
		float:left;
		margin:0;
		line-height:70px;
		a {
			background:#f1592a;
			@include border-radius(10px);
			display:inline-block;
			padding:0 10px;
			margin:0 10px;
			&:hover { background:#0d9eaa; color:#fff;}
		}
	}
	.sts-logo {text-align: center;}
	a:hover { text-decoration: none;}
}
a.ai_btn {
	height:20px;
	color:#fff;
	line-height:20px;
	font-size:11px;
	font-weight:bold;
	@include border-radius(50%);
}
#soc-list {
	margin:26px 0 0;
	padding:0;
	float:right;
	li {
		float:left;
		display:inline;
		margin:0;
	}
	a {
		display:block;
		text-align:center;
		width:20px;
		background:#474e55;
		margin:0 2px;
		// @include border-radius-custom(10px, 10px, 0, 10px);
		&:hover { background:#0d9eaa; color:#fff;}
	}
}

.app-event-admin-eventlist {
	.state {@extend .label};
	.state-unfinished {@extend .label-success};
	.state-finished {@extend .label-info};
	.state-closed {@extend .label-inverse};
	.state-reopened {@extend .label-important};
}

// Event Attendees
// ---------------------------------------------------------------------
.msg-in-queue {width: 430px; margin-left: auto ; margin-right: auto ;}
#app-event-history-admin-historylist .cell_status_title {text-align: center;}

// Filter form Individuals
// ---------------------------------------------------------------------
#user-filter-form{
		dd{margin-right: 15px;}
		#_line1-element, #_line2-element, #_line3-element{margin-right: 0}
		#status-element, #companyTypeId-element {margin-right:0}
		select#listId {width: 405px; margin-bottom: 15px;}
		select#status {width: 435px;}
		select#companyTypeId {width: 375px;}
		select#leadershipGroupId{width: 355px;}
		#query-element{width: 441px; margin-bottom: 12px;}
		.autocomplete.ui-autocomplete-input{width: 370px;}
		fieldset#fieldset-_line3{margin-top: 30px;}
	#submitGroup-element{
		clear: both;
		margin-top: 10px;
		text-align: center;
		width: 100%;
		#fieldset-submitGroup{
			dd{
				display: inline-block;
				margin-bottom: 5px;
				float: none !important;
			}
		}
	}
}
@media all and ( max-width:1070px ){
	#user-filter-form {
		select#status { width: 370px !important; }
		select#companyTypeId { width: 310px !important; }
		select#leadershipGroupId{width: 290px !important;}
	}
}
#leadershipGroupId-element{
	margin-right: 0!important;
	select{width: 180px;}
}

#app-publication-admin-publicationlist{
	.cell_date.grid_date , .ell_title.grid_text{
		text-align: left;
	}
	th.cell_date.grid_date{width: 160px;}
	td.cell_date.grid_date{text-align: center;}
}

#app-meetingsummary-admin-meetingsummarylist{
	.cell_date.grid_date{ width: 170px;}
}

//Trade Show
.vendor-options{
	font-weight: normal;
}

// app-sponsor-category-submission-admin-submissionlist
#app-sponsor-category-submission-admin-submissionlist{
	.grid_no{
		width: auto !important;
		padding: 8px 2px !important;
	}
}

#app-sponsor-category-admin-categorylist {
  .cell_limit {text-align: center}
}

// Events
// -----------------------------------------------------------------
#event-form, #tradeshow-form {
	#timeRanges-element {
	 table {
	 	width: auto;
	    tr {
	      th {background-color: white ; text-align: center; text-transform: none;
	      	label { margin: 0; display: inline;}
	      }
	      td.c_day {text-align: center}
	      th, td { vertical-align: top;}
	    }
	  }
	}
	#attendee-element {
		[id^="attendee-fieldset-"] {
			padding:10px 20px;
			border:1px solid $tableBorder;
			@include border-radius($borderRadiusSmall);
			margin-bottom: $baseLineHeight / 2;
			.description { color: red;  font-size: $baseFontSize - 2;}
		}
	}
	#paymentGroup-element {
		dl { border:none; padding: 0;}
	}
	#eventTitle-element {font-size: $baseFontSize + 4; color: darken($accent-sec, 50%);}
	#image-element {
		img { margin-bottom: 5px;}
	}
	dd fieldset {
		padding: 10px 20px !important;
		border:1px solid $inputBorder;
		@include gradient-vertical(#fff, #f5f5f5);
		@include border-radius($borderRadiusSmall);
		legend { padding: 0 5px; line-height: normal; margin: 0; border:none; width: auto;}
		&#fieldset-submitGroup { border:none; background: none;}
		fieldset {
			padding: 0 !important;
			bordeR:none;
			background: none;
		}
	}
	#registrationDateTimeRange-element{
		fieldset#fieldset-registrationDateTimeRange{
			table{
				tr{
					border-bottom: 1px solid silver;
					&:last-child{border-bottom: none;}
					td{ padding: 10px 5px; }
				}
			}
		}
	}
	.option-list {
		legend { font-size: $baseFontSize; font-weight: 600; margin: 0; padding: 0; border:none; line-height: 26px;}
		select { margin-bottom: 5px; width: 100%;}
		fieldset, dd { margin-bottom: 0 !important;}
	}
}
#event-form, #tradeshow-form{
	#fieldset-registrationDateTimeRange{
		table {
			td {
				vertical-align: top;
			}
		}
	}
}

// admin company form
#company-form{
	.form_header{font-size: 22px;}
	#fieldset-_address > legend > span{font-size: 18px !important;}
	#fieldset-_mailingAddress > legend > span{font-size: 18px !important;}
	dd {margin-bottom: 6px;}
	#_legislativeInfo-element{margin-bottom: 10px;}
	#_companyInfo-element{margin-top: 10px;}
	label {display: inline-block;}
	#position-table{
		td.options{
			.btn{
				margin-right: 3px;
				&:hover{
					color: #333;
				}
			}
		}
	}
	#submitGroup-element{
		margin-top: 22px;
	}
}

// top link in admin
.top-links.nav-pills > li > a {
	background-color: #f5f5f5;
	margin-right: 5px;
	color: $linkColorHover;
	&:hover { background-color: #f1f1f1; color: $linkColor;}
	> .caret {margin-top: 6px;}
}

// Company form
#company-form {
	.form_header{
		margin-top: 20px !important;
		margin-bottom: 15px;
	}
	#_legislativeInfo-element{
		margin-bottom: 20px;
	}
	#district-element{
		table{
			th{
				label{
					font-weight: bold !important;
				}
			}
		}
	}
}

#company-filter-form {
    > fieldset {
        padding-bottom: 20px;
    }
    [id^="line"] {
        padding-bottom: 10px;
    }
    #line4-element {
        padding-bottom: 20px;
    }
    dd#query-element {
        width: 490px;
    }
    dd#status-element {
        margin-right: 0;
    }
    dd {
        fieldset {
            dl.utilityCategory-column,
            dl.counties-column {
                width: 21% !important;
                margin-right: 0 !important;
            }
            dl.associateCategory-column,
            dl.safetyGroup-column {
                width: 29% !important;
                margin-right: 0 !important;
            }
        }
    }
}

#app-cms-links{
	float: left;
	margin-top: 0 !important;
}

.container-fluid.content {
	height: 100%;
	min-height: 100%;
	padding: 10px 40px 0;
}

@import "_cart_admin.scss"; // E-commerce styles



@media all and (max-width: 1160px) {
	.container-fluid, .container-fluid.content {
		padding-left: 20px;
		padding-right: 20px;
	}
}

#event-filter-form {
	#submitGroup-element {
		margin-top: 10px;
		clear: both;
		text-align: center;
		width: 100%;
		dd {
			float: none;
		}
	}
    #subtype {min-width: 200px}
}

#event-form {
	#options-element {
		table {
			tbody {
				tr {

					> .c_options {
						width: 170px;
						text-align: center;
						.btn {
							padding: 4px 15px !important;
						}
					}
					.c_data {
						.btn {
							padding: 2px 10px !important;
						}
						.modal.fade {
							margin-left: -475px !important;
							.modal-footer {
								text-align: center;
								button.btn.btn-primary {
									padding-right: 30px !important;
									padding-left: 30px !important;
								}
							}
						}
					}
					td {
						padding: 8px 14px;
						.table-choices {
							thead {
								th {
									padding: 8px 14px;
									&.c_number {
										text-align: center;
										width: 30px;
										padding: 8px 5px;
									}
									&.c_synopsis {
										width: 58px;
									}
									&.c_options {
										text-align: center;
										width: 130px;
									}
								}
							}
							tbody {
								tr {
									td {
										padding: 8px;
										&.c_number {
											text-align: center;
											width: 30px;
											padding: 8px 5px;
										}
										&.ckeditor_popup {
											text-align: center;
										}
										&.c_options {
											text-align: center;
											width: auto;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
}

table.individual {
	th {
		vertical-align: middle;
		font-size: $baseFontSize;
	}
	td.title {
		padding-top: 50px;
		background-color: $white !important;
		border-bottom: 2px solid $accent;
		h2 {
			color: $black;
			margin-bottom: 0;
			font-weight: bold;
			font-size: 18px;
		}
	}
	td {
		ul {
			margin-bottom: 0;
		}
	}
}

#user-form {
	#mailing-element #fieldset-mailing legend{
		border: none;
		border-bottom: solid 2px $accent;
		//background-color: #f1f1f1;
		//padding-left: 13px;
		font-size: 18px;
		line-height: 28px;
		font-weight: bold;
	}
	#mailing-element #fieldset-mailing {
		margin-top: 50px !important;
	}
	.form_header {
		margin-top: 50px !important;
	}
}

.rowset-header {
	font-size: 15px!important;
	text-align: center!important;;
	border-bottom: solid 2px #0057b7 !important;
	&.md {
		font-size: 13px!important;
		border-bottom: solid silver 1px!important;
	}
}