/* colors for redesign

Hardees red -- #AF1510
darker red (hovers, etc.) -- #87100D
yellow (add button) -- #FEC33D


gray (input arrows) -- #C2C2C2
lighter gray -- #EBEBEB

*/

body {
	/* override staging background */
	background:#EBEBEB url(/images/site/dot.png) repeat center center;
	border-top:15px solid #000;
	margin:0;
}

a:link, a:visited, a:hover, a:active {
	color:#99322F;
}

h1 {
	font-size:95%;
}

h1, h2, h3 {
	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6 {
	margin:1em 0;
}

#header {
	position: relative;
	padding:20px 0 10px;
}

#header #logoutButton {
	position: absolute;
	top:50%;
	margin-top:-20px;
	right:0;
}

#header h1, #header h2 {
	color:#000;
	margin-left:25px;
	
	display: inline-block;
	vertical-align: middle;
}

#header h1:first-child {
	margin-left:0;
}

#headerLogo {
	left:0;
	display: inline-block;
	vertical-align: middle;
}

#main-nav > ul, .tabs {
	margin-left:40px;
}

#main-nav > ul > li, .tabs > li {
	padding:0;
	margin:0;
	background:none;
	border-radius:0;
	border:none;
}
#main-nav > ul > li.selected, .tabs > li.sel {
	background:none;
}
#main-nav > ul > li.selected > a, .tabs > li.sel > a {
	color:#FFF;
	background-color:#87100D;
	box-shadow:none;
}

#main-nav > ul > li + li, .tabs > li + li {
	margin-left:6px;
}

#main-nav > ul > li > a, .tabs > li > a {
	margin:0;
	border:none;
	border-radius:6px 6px 0 0;
	border:1px solid #87100D;
	background-color:#AF1510;
	box-shadow:0 25px 19px -20px rgba(239,239,239,0.85) inset;
	box-sizing:border-box;
	
	font-size:14px;
	
	padding:6px 15px;
	color:#FFF;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
	text-align:center;
	min-width:180px;
	
	cursor:pointer;
	overflow: hidden;
}

.tabs > li {
	display: inline-block;
	vertical-align: bottom;
}

.tabs > li > a {
	font-size:13px;
}

.tabs > li > a:hover {
	background-color:#87100D;
}

/* drop-down menus */

#main-nav > ul > li ul {
	box-sizing:border-box;
	padding:5px 0;
	background-color:#87100D;
}

#main-nav > ul > li ul > li {
	
}

#main-nav > ul > li ul > li + li {
	border-top:1px solid #99322F;
}

#main-nav > ul > li ul > li > a {
	border:none;
	box-sizing:border-box;
	display: inline-block;
	padding:10px 25px;
	width:100%;
	background-color:#87100D;
}

#main-nav > ul > li ul > li > a:hover, #main-nav > ul > li ul > li > a:active {
	background-color:#A8140F;
}

#content {
	box-shadow:2px 3px 20px -5px #555;
	background-color:#FFF;
	border:1px solid #DADADA;
}

.icon.profile {
	background-image:url(/images/icons/chart.png);
	height:25px;
	width:26px;
}

table.list thead {
	background:none;
	background-color:#87100D;
}

table.list {
	margin:35px auto;
}

table.list th {
	padding:10px 15px;
	text-shadow:1px 1px 2px #000;
}

table.list td {
	border:none;
	padding:8px 15px;
}

table.list td + td {
	border-left:1px solid #CCC;
}
table.list tr + tr td {
	border-top:1px solid #CCC;
} 

table.list tbody tr:nth-child(2n) {
	background:none;
/* 	background-color:#EBEBEB; */
}

table.list tbody tr:hover {
	background:none;
	background-color:#FFE3A9;
}

/* ----- Sortable table header hover effect + sorting arrows ----- */

[id$="display"] table th {
	position: relative;
	padding-right:20px;
}

[id$="display"] table th[onclick]:hover {
	background-color:#E8211A;
}

[id$="display"] table th[onclick]:hover:before, [id$="display"] table th[onclick]:hover:after {
	content:"";
	border-left:6px solid transparent;
	border-right:6px solid transparent;
	
	-moz-transform:scale(.9999);
	transform:scale(.9999);
	
	position: absolute;
	right:8px;
	top:50%;
}
[id$="display"] table th:hover:before {
	border-bottom:6px solid #C2C2C2;
	margin-top:-8px
}
[id$="display"] table th:hover:after {
	border-top:6px solid #C2C2C2;
	margin-top:1px;
}

.tableless .col {
	width:48.5%;
	padding-right:0;
}

.tableless .col + .col {
	padding-left:1%;
}

.tableless p > label:first-child, .tableless p .label {
	width:7em;
}

#datePicker, #slider #datePicker {
	width:auto;	
}

#datePicker input, #datePicker select {
	min-width:0;
	background-image:none;
}

#datePicker a {
	color:#87100D !important;
}

/* Settings Pages */
.manage-list {
	border:1px solid #87100D;
}

.manage-list h2 {
	background-color:#87100D;
	padding:13px 15px;
}

.manage-list ol li {
	padding:8px 15px;
}

.manage-list ol li:hover {
	background:inherit;/*#FFF5E0;*/
}

.manage-list h2 > a.modal, .manage-list h2 > span {
	bottom:0.75em;
	right:15px;
}

.manage-list .button.alt.modal {
	bottom:auto;
	top:50%;
	margin-top:-17px;
	right:15px;
	float:none;
	
}

.button {
	border:none;
	border-radius:10px;
	border:1px solid #87100D;
	background-color:#AF1510;
	box-shadow:0 25px 19px -20px #EEE inset;
	box-sizing:border-box;
	
	font-size:16px;
	
	padding:8px 15px;
	color:#FFF;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
	text-align:center;
	min-width:180px;
	
	cursor:pointer;
	overflow: hidden;
}

.button strong, .button input {
	height:100%;
	width:100%;
	background:transparent;
	padding:0;
	margin:0 auto;
	border:none;
	color:#FFF;
	border-radius:0;
	box-shadow:none;
	font-size:16px;
	text-transform:uppercase;
}
.button strong:hover, .button input:hover, .button:hover strong, .button:hover input {
	background-color:transparent;
}

.button.alt {
	background-color:#FEC33D;
	border-radius:9px;
	border:none;
	font-size:15px;
	text-transform:capitalize;
	color:#000;
	text-shadow:none;
	box-shadow:none;
	min-width:0;
}

.button.alt strong, .button.alt input {
	color:#000;
	font-size:15px;
	text-transform:capitalize;
}

.addButton {
	padding-left:38px;
}

.addButton:before {
	content:"+";
	display: inline-block;
	box-sizing:border-box;
	height:18px;
	width:18px;
	padding:0;
	line-height:14px;
	
	text-align:center;
	border-radius:50%;
	border:2px solid #000;
	font-weight:bold;
	color:#000;
	
	position: absolute;
	top:50%;
	margin-top:-9px;
	left:12px;
	
}

/* ----- Form Stuff ----- */

.AJD_searches {
	
}

.AJD_searches li, .AJD_searches li:hover {
	box-sizing:border-box;
	padding:10px 15px;
	border:none;
	background-color:#EBEBEB;
	background-image:none;
	
}

.AJD_searches li select {
	background-image:url(/images/icons/dd-arrow.jpg);
	
}

.AJD_searches li select, .AJD_searches li input {
	margin-left:5px;
}

.AJD_searches li + li {
	margin-left:5px;
}

.AJD_searches li:hover input {
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
}

select, input, input[type="text"], input[type="password"] {
	vertical-align: middle;
	box-sizing:border-box;
	padding:8px 18px;
	height:35px;
	border:1px solid #C2C2C2;
	border-radius:0;
    
    min-width:180px;
    
    outline:0;
}

select {
 	position: relative;
	display: inline-block;
	box-sizing:border-box;
	height:35px;
	background-color:#FFF;
	border:1px solid #C2C2C2;
	text-align: center;
	
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	
	padding-right:53px;
	background:url(/images/icons/dd-arrow-trans.png) no-repeat right center #FFF;
	
	outline:0 !important;
}

select[multiple] {
	background-image:none;
	min-height: 70px;
	overflow-y: scroll;
}

select option {
	text-align: left;
}

select:focus, input:focus {
	border-color: #87100D !important;
	outline:0 !important;
}
	
input[type="submit"] {
	min-width:0;
	vertical-align: middle;
	border-radius:5px;
	padding:8px 15px;
	
	cursor:pointer;
	
	font-size:100%;
	font-weight:bold;
	text-transform: uppercase;
}
div#regions table {
	padding-left: 110px;
}
#modal input[type="button"]{
	min-width: 50px;
	max-width: 50px;
}
input[type="radio"], input[type="checkbox"], input[type="file"] {
	height:auto;
	width:auto;
	min-width:0;
	border:none;
}

select.arrow, input.arrow {
	border:1px solid #C2C2C2;
	border-right:none;
}

/* ----- Modal/Message Stuff ----- */

#modal {
	background-color:#FFF;
}

#modal h2 {
	background:#87100D;
	margin:8px auto;
	padding:8px 15px;
}

#modal .simplemodal-close {
	margin-top:13px;
}

#modal .button input, #modal .button strong {
	text-shadow:1px 1px 2px #000;
}

#modal select, #modal input, #modal input[type="text"], #modal input[type="password"] {
	min-width:180px;
	max-width:180px;
}

#modal .middleValues {
	padding:0 4px;
}

#modal .middleValues br {
	display: none;
}

#message.success h2 {
	padding:8px 15px;
}

#message.success #message-content {
	padding-top:12px;
	padding-bottom:12px;
}

/* ------- Login Screen ------- */

#login {
	background-image:url(/images/site/hardees_logo.png);
	background-size:170px auto;
	
	padding-left:190px;
	
	/* while logo is hidden *//* padding-left:25px; */
	
	width:315px;
}

#login h1 {
	font-size:110%;
}

.back, a.back {
	display: inline-block;
	margin-bottom:10px;
	color:#000;
}

/* Miscellaneous */

.panel {
	background:#EBEBEB url("/images/site/dot.png") repeat center center;
	border-color:#000;
}

.panel h3:first-child {
	margin-top:0;
}

#AJD_stores_dashboard_searches {
	margin:1em 0;
}

.manage-list .icon + .icon {
	margin-left:8px;
}