@import "lib/bootstrap_admin.scss"; //Core styles
@import "qsf.scss"; //Core styles
@import "main.scss"; //Styles shared among user end and admin section
@import "main.non-critical.scss";
////////////////////////////////////////////////////////////////////
//																  //
//		Admin-End Styles										  //
//																  //
////////////////////////////////////////////////////////////////////
body {
	min-width:980px;
	&.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: " ";
	}
}
.content {background-color:#fefefe; padding-bottom:10px;}
.content_inner { margin:0 10px;}

header h5 { margin: 10px 0 0 0;}

.container-fluid {
    margin: 0 auto;
    max-width: 1160px;
}

// 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;
		li {
			a {
				color: $accent;
				padding: 9px 10px;
				&:hover {color:$accent-sec;}
			}
			.dropdown-menu {
				li a {
					color: #fff;
				}
			}
			.caret {border-width: 4px;}
			&:last-child {
				a {padding-right: 0;}
			}
		}

	}
	.nav .dropdown-toggle .caret {margin-top: 6px;}
}

// Form (Required)
// -----------------------------------------------------------------

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

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

// CMS
// -----------------------------------------------------------------
#cms-quick-edit {
  .fieldset {line-height: 12px};
  label {display:inline; font-size: 12px; margin: 0}
  .message-box {width: 80px; float:right; padding:3px; text-align: center; color:black};
  .mb-updated {background-color:#88FF88;}
  .mb-changed {background-color:#ffd842;}
}
.qtip-cms-quick-edit {
  background-color: #FCFBF9!important;
  border: solid black 1px!important;
  width:500px;
  max-width: 500px!important;
}

.cms_container td { vertical-align:top;}

table.block_config th {background:#EFEFEF;}
table.block_config th, table.block_config td {border:solid $inputBorder 1px; padding:2px 6px; font-size: $baseFontSize - 2;}
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;}

.option-group-wrap {
	margin-bottom: 0px;
	border-bottom: 1px solid #eee;
	padding: 3px;
	.option-visible-wrap, .option-wrap { display: inline-block; height:22px; line-height: 22px;}
	input[type="checkbox"] { min-height: 15px; height:15px; width:15px; margin-top:-2px;}
	label {margin-bottom: 0;}
	&:hover { background-color: #f5f5f5;}
}
#meta-customOptions-label, #meta-redirectType-label { margin-top: 20px;}
#meta-optionGroupHeader-element {font-weight: 600; padding-left: 4px; margin-bottom: 0;}
#meta-visibilityHeader-element { margin-bottom: 1px;}

.cms_item_group, #fieldset-meta {margin:0 0 10px; border:1px solid darken($inputBorder, 5%);}
.cms_item_group {padding:15px 15px 0;}
#fieldset-meta {padding:15px 15px;}
.cms_item_group > legend, #fieldset-meta > legend {font-size:20px; font-weight:bold; color:$accent; padding:0 10px; line-height: normal; margin: 0; width: auto; border-bottom: 0;}
.cms_item legend { font-size: 16px; color: $accent-sec; border-bottom:1px dotted $inputBorder !important; line-height: $baseLineHeight + 6; margin-bottom: 10px;}

#cms-form, #settings-form {
	.cms_item_toolbar, .cms_items_toolbar, .ck_toolbar {
		text-align:right !important;
		.btn { padding: 1px 8px; font-size: $baseFontSize - 1; }
	}
	.cms_item_toolbar {
		margin-top: -45px;
		margin-bottom: 0;
	}
	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; margin-top: 20px;}
}

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;
}
.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:normal;}
		a {color:$linkColor; text-transform:none;}
	}
	.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;}
	a.link_add_subpage {color:#555;}
	a.link_delete_page {color:#a00;}
	a.link_delete_page:hover {color:#f00 !important;}
	a.cms_disabled {text-decoration: line-through; }
	a.disabled:hover {color:grey !important;}
	span.addlinks {@include opacity(70); display:inline-block; text-transform:capitalize;}
	span.addlinks a, span.addlinks_big a {font-weight:normal;}
	span.addlinks_active { @include opacity(100);}
}
.cms_legend {background:$grayLighter; border:1px solid $grayLight; padding:3px 5px; width:200px; font-size:($baseFontSize - 2); color:$grayDarker;}
.additional_pages {
	border-bottom:1px dashed #900 !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;}
	}
}

// Events
// -----------------------------------------------------------------
#event-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: $accent-sec;}
	#image-element {
		img { margin-bottom: 5px;}
	}
	dd fieldset {
		padding: 10px 20px;
		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;}
	}
}
// -----------------------------------------------------------------

//// Settings
// -----------------------------------------------------------------
#settings-form textarea {width:500px; height:80px;}
#settings-form .ck_toolbar {margin-top:-30px;}

// 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.page-name {
	margin:0 0 3px 0;
	padding-left: 10px;
	&:before {font-family: FontAwesome; content: "\f058"; display:inline-block; margin-left: -10px; margin-right: 5px;}
	&.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;
			}
		}
	}
}

// User
// -----------------------------------------------------------------
#app-user-admin-userlist {
  .cell_status .inactive { color: #FF9900;}
  .cell_added {width:90px}
}
// -----------------------------------------------------------------

// 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;}

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;}
	}
}

/********
Name Badges
********/
// .name-badges{
// 	text-align: center;
// 	h1{
// 		color: #b94a4b;
// 		font-size: 40px;
// 		text-transform: uppercase;
// 	}
// 	h3{
// 		font-size: 28px;
// 	}
// 	h4{
// 		font-size: 18px;
// 	}
// }
/*********

Legends for Event Attendees
**********/
fieldset#fieldset-paymentGroup{
	legend{
		border: none;
		color: #5f5f5f;
		vertical-align: middle;
		line-height: 21px;
		input{
			margin-top: -3px;
		}
	}
	dl{
		border: 1px solid #e5e5e5;
		@include border-radius (3px);
		padding: 10px 20px;
		dt#paymentNote-label{ display: none!important;}
		dd#paymentNote-element{ font-style: italic;}
	}
}

// #user-filter-form {
// 	#searchGroup-element { width: 100%;}
// 	#query-element { width: 330px;}
// 	#committeeId-label { clear:both;}
// 	fieldset {
// 		padding:10px 20px;
// 		border:1px solid $tableBorder;
// 		@include border-radius($borderRadiusSmall);
// 		margin-bottom: $baseLineHeight / 2;
// 		.description { margin-bottom: 10px;}
// 		legend { padding: 0 5px; line-height: normal; margin: 0; border:none; width: auto;}
// 	}
// }

// #user-form {
//   width:auto;
//   #lists-label label { font-size: 21px; border-bottom: 1px solid #E5E5E5; line-height: 44px; background: none; margin:0 0 $baseLineHeight 0; padding-left: 0;}
//   #lists-element { margin-bottom: $baseLineHeight;}
//   #committees-label label { font-size: 21px; border-bottom: 1px solid #E5E5E5; line-height: 44px; background: none; margin:0 0 $baseLineHeight 0; padding-left: 0;}
//   #committees-element { margin-bottom: $baseLineHeight;}
// }

// #event-filter-form #userName-element,
#ecommerce-filter-form #customerName-element { line-height: $baseLineHeight * 1.2;}

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