@import "lib/bootstrap.scss"; //Core styles
@import "includes/license-application-form";

@import "_cart_admin.scss"; // Print styles
@import "_print_admin.scss"; // Print styles
@import "includes/license-admin"; // Print styles
@import "includes/ck-simple-template";
@import "includes/taxation-admin";
@import "includes/vendor-rates-admin";
@import "includes/vendor-blacklist-admin";

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

.block {
	display: block;
	height: auto;
}
.push {
	height: auto;
}

.wrapper {
	width: 100%;
	max-width: 1350px;
	min-width: 1270px;
}

.container-fluid {
	max-width: 100%;
}

.content { background-color:#fefefe; padding-bottom:10px;}
.content_inner { margin:0 10px;}

header h5 { margin: 10px 20px 0 0;}
.navbar-inverse h5 { color:$white;}

.brand {
	margin:10px 0;
	line-height: 20px;
	.name {font-size: 22px;}
	.tagline {
		font-size: 10px;
		letter-spacing: 0;
	}
}
.box-shadow > .container-fluid {
	padding: 15px;
}

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

.table {
	th {
		font-size: $baseFontSize - 2;
		font-weight: 600;
	}
	td {
		font-size: $baseFontSize - 1;
	}
}

// NAV
// -----------------------------------------------------------------
#nav-main {
	margin: 10px 0;
}

.navbar .nav > li > a {
	padding: 5px 10px;
	&:focus, &:hover{
		color: $yellow;
	}
}

.navbar .pull-right > li > .dropdown-menu {
	left: -10px;
	right: auto;
}

// NAV
// -----------------------------------------------------------------
#ctrlnav {
	margin-top: 5px;
	clear: right;
	font-size: 13px;
	#cpanel {
		margin-right: 0;
		.active a {
			color: $yellow;
		}
		a {
			color: $white;
			font-weight: normal;
			&:hover {
				color: $yellow;
			}
		}
		.dropdown-menu a:hover {
			color: $black;
		}
	}
	.nav .dropdown-toggle .caret {margin-top: 6px;}
}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	color: #fff;
	font-weight: bold;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	color: $yellow;
}

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

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

// Admin Login
// -----------------------------------------------------------------
#admin-login-form, #stsauth-form {
	width: 280px;
	margin: 100px auto;
	#login-label, #password-label { display: none;}
	input[type="text"],
	input[type="password"] {
		display: block;
		margin-bottom: 10px;
		width: 100%;
		@include box-sizing(border-box);
		height: 42px;
		line-height: 42px;
		border-width: 0 0 2px 0;
		@include box-shadow(none);
		@include border-radius(0);
	}
	input[type="text"]:focus,
	input[type="password"]:focus {
		border-bottom-color: $yellow;
	}
	#btnSubmit {
		display: block;
		width: 100%;
		@include border-radius(0);
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

#admin-form{
	width: 500px;
	margin: 100px auto;
	padding: 25px;
	border: 1px solid #cecece;
	border-radius: 5px;
	background-color: #f9f9f9;
	input[type="text"],
	input[type="password"]{
		border-width: 1px;
	}
	#login-label, #password-label{
		display: block;
	}
}

#admin-login-form label.required,
#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 $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;}

.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;}
	.input-append {
		width: 300px;
		.add-on {
			min-width: 55px;
		}
	}
}

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;
	}
	#meta-view, #meta-edit {display:inline;}
}

dl.loading, fieldset.loading{
	background-image:url('../images/loading-blue-32x32.gif');
	background-repeat:no-repeat;
}
#fieldset-meta .option-group-wrap:hover { background-color: #f5f5f5; }
#fieldset-meta .option-wrap { display: inline-block; width: 600px; }
#fieldset-meta .option-visible-wrap { display: inline-block; width: 30px; }
#fieldset-meta #meta-optionGroupHeader-element, #fieldset-meta .option-group-wrap { margin-bottom: 0 }

.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;}
	}
	.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:#342a22;
			text-transform:none;
			&:hover {
				color: lighten(#342a22, 15%);
			}
		}
	}
	.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; position: relative; z-index: 2;}

// 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: "\f0da"; 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;}

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

// CKFILES
.cke {
	input[type="text"], select {
		padding: 0 3px;
		font-size: 13px;
	}
	.cke_dialog_ui_hbox_last { vertical-align: bottom;}
	.cke_dialog_ui_vbox_child {padding-top: 5px !important;}
}
.cke_combopanel { width: 200px !important;}

form #btnSubmit{
	margin-bottom: 0;
}

#personalInfo-element, #billing-element{
	width: 50%;
	display: inline;
	dt, dd{
		width: 75%;
		float: left;
	}
	dt{
		width: 25%;
	}
}

#license-filter-form {
	#vendorId-element {
		width: 400px;
	}
	#submittedOnEnd-label,
	#expiredOnEnd-label,
	#expiredOnStart-label,
	#submittedOnStart-label {
		display: none;
	}
}


#license-form {
	#naicsCodes-element {
		div.row-fluid > label,
		div.span6 label {
			font-weight: 700;
			padding: 10px 0;
		}
	}
}


.chosen-codes ol{
	margin: 10px 0;
	padding: 10px 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	list-style: none;
	li a{float: right;}
}

#library-filter-form #fromDate-label {
	clear: both;
}

#app-library-admin-librarylist {
	.cell_vendor ul li {
		font-size: $baseFontSize - 2px;
	}
}

#app-tribalaccount-admin-tribalaccountlist {
	td.cell_email a {
		width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}
	td.grid_options {
		white-space: normal;
		span {
			display: none;
		}
		a {
			display: block;
		}
	}
	.cell_status,
	.cell_permissions {
		text-align: center;
	}
}

#app-license-admin-licenselist {
	td.grid_tribes {
		width: 250px;
	}
	td.grid_date, th.grid_date {
		width: 80px;
	}
}


ul.permissions-list {
	font-size: 0.75rem;
	margin: 0;
	padding: 0 0 0 12px;
	li {
		line-height: 1.2;
		margin: 5px 0;
	}
}

#library-form {

	.label.label-success {
		margin: 10px 0;
	}

	#vendors-list {
		list-style: none;
		margin: 0 0 20px 0;
		padding: 0;

		li {
			display: inline-block;
			margin-right: 10px;
			padding: 3px 3px 3px 5px;
			border: 1px solid $inputBorder;
			border-radius: $inputBorderRadius;
			background-color: #fafafa;
		}

		.delete-link {
			position: relative;
			top: -1px;
			font-size: 12px;
			margin-left: 5px;
			padding: 0 4px;
			background-color: red;
			border-radius: 4px;
			color: $white;
			line-height: 1;

			&:hover {
				background-color: $red;
			}
		}
	}
}

label.disabled {
	color: $grayLight;
}

.form_header {
	margin-top: 20px;
}

table#partners,
table#businessReferences {
	margin-bottom: 0;
}

td.blacklisted_container, tr.blacklisted_container {
	background-color: #595457 !important;
	color: white;
}

li.blacklisted_container {
	background-color: #595457 !important;
	padding: 3px 5px;
}
li.blacklisted_container span {
	color: white;
}