@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: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: " ";
	}
}

.push > .container, .push > .container-fluid {
	margin-top: $baseLineHeight * 1.5;
	margin-bottom: $baseLineHeight * 2;
}

header h4 { color:$white; margin-top:5px;}
.brand {
	line-height: 20px;
}
.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
// -----------------------------------------------------------------
#nav-main > li > a, #cpanel > li > a { 
	padding-top: 5px;
	padding-bottom: 5px;
}
#ctrlnav {
	clear: right;
	font-size: 12px;
	#cpanel {
		margin-right: 0;
		a {color: $accent;
			&:hover {color:$white;}		
		}
	}
	.nav .dropdown-toggle .caret {margin-top: 6px;}
}
// Form (Required)
// -----------------------------------------------------------------

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

// 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: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:#eee; 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;}
	}
}

// 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 {
	margin:0 0 3px 0; 
	&:before {font-family: FontAwesome; content: "\f0da"; display:inline-block; margin-right: 3px;}
	&.toggleItemsContainer:before { content: ""; margin-right: 0; margin-top: 0; padding-top: 0; display: block;}
	&.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;}
	}
}