/* FONTS */
@font-face {
	font-family: 'Quest';
	src: url('../fonts/Quest.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family:'Quest', Arial;
	text-transform:lowercase;
	color:#a0a0a0;
	font-size:16px;
}


/* WIDTH */
@media (min-width: 1200px) {
	.container {
		width: 980px;
	}
}


/* HEADER BAR */
.header-bar {
	background:#98999d;
	color:#fff;
}

.header-bar ul.nav {
	font-size:0;
}

.header-bar ul.nav li {
	display:inline-block;
	margin:10px 0 8px;
	font-size:14px;
	line-height:1
	padding-top:2px;
}

.header-bar ul.nav li.hide {
	display:none;
}

.header-bar ul.nav li:nth-child(1) {
	font-weight:bold;
}

.header-bar ul.nav li:nth-child(1),
.header-bar ul.nav li:nth-child(2) {
	border-right:1px solid #fff;
}

.header-bar ul.nav li a,
.header-bar ul.nav li span {
	position:relative;
	display:block;
	padding:0 8px 0 10px;
	color:#fff;
	line-height:1;
}

.header-bar ul.nav li a:hover {
	background:transparent;
	color:#c0c0c0;
}


/* NAVIGATION */
.navigation {
	height:50px;
	margin-top:20px;
	margin-bottom:20px;
}

.navigation ul.nav {
	font-size:0;
	text-align:center;
}

.navigation ul.nav li {
	font-size:18px;
	display:inline-block;
	margin:0 1px 3px;
}

.navigation ul.nav li a {
	color:#a0a0a0;
	display:inline-block;
	padding:0;
}

.navigation ul.nav li.active a,
.navigation ul.nav li a:hover {
	color:#f00071;
	text-decoration:none;
	background:none;
}


/* MAIN CONTENT */
.container-main {
	border:1px dashed #ccc;
	min-height:400px;
	/*height:620px;*/
	margin-bottom:50px;
	overflow:auto;
}


/* LOGIN */
.container-main input,
.container-main button,
.container-main select {
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;
	text-transform:inherit;
	text-align:inherit;
}

.login-title {
	font-size:40px;
}

.login-title span {
	color:#f00071;
}

.login-circle {
	border-radius:50%;
	position:relative;
	min-height:240px;
	padding:0;
	background:#f00071;
	border-color:#f00071;
	margin:30px auto;
	color:#fb78a7;
	font-size:22px;
}

.login-circle form {
	position:absolute;
	top:0;
	left:0;
}

.login-circle .form-group {
	margin-bottom:30px;
}

.login-circle .form-group:nth-child(3) {
	margin-bottom:0;
}

.login-circle .form-control {
	border-radius:0;
	border:0;
	border-bottom:1px solid #fb78a7;
	background:rgba(0,0,0,.075);
	color:#fff;
}

.login-circle .btn {
	background:rgba(0,0,0,.3);
	padding:6px 10px 2px 12px;
}

.login-circle .btn:hover {
	color:#fff;
}

.login-circle a {
	display:table;
	color:#fb78a7;
	text-decoration:none;
	margin:10px auto 0;
}

.login-circle a:hover,
.login-circle span:hover {
	text-decoration:underline;
	color:#fff;
}


/* PAGE HEADER & NAVIGATION */
.page-title {
	text-align:center;
	font-size:16px;
}

.page-nav {
	margin-top:20px;
	margin-bottom:10px;
}

.page-nav ul.nav {
	display:table;
	margin:0 auto;
	text-align:center;
	border-bottom:1px solid #a0a0a0;
}

.page-nav ul.nav.no-border {
	border-color:#fff;
}

.page-nav ul.nav li {
	display:inline-block;
	margin:0 5px 5px;
}

.page-nav ul.nav li a,
.page-nav ul.nav li span {
	color:#a0a0a0;
	padding:0;
	cursor:pointer;
	display:block;
}

.page-nav ul.nav li a.active,
.page-nav ul.nav li a:hover,
.page-nav ul.nav li span.active,
.page-nav ul.nav li span:hover {
	color:#f00071;
	text-decoration:none;
	background:none;
}

.page-code {
	text-align:center;
}

.page-link {
	text-align:center;
	margin:40px auto 40px;
}

.page-link a,
.page-link span {
	color:#a0a0a0;
	text-decoration:underline;
	cursor:pointer;
}

.page-link a:hover,
.page-link span:hover {
	color:#f00071;
	background:none;
}


/* PRODUCT LIST */
.product-item {
	border-top:1px solid #a0a0a0;
	padding-top:10px;
	padding-bottom:10px;
}

.product-item .action a {
	color:#a0a0a0;
}

.product-item .action a:hover {
	color:#f00071;
}

.product-image img.thumbnail {
	width:100%;
	height:100px;
	padding:5px;
	border:1px dashed #a0a0a0;
	margin:0;
}

.product-variant table {
	width:100%;
}

.product-variant table.product-code-list {
	margin-bottom:0;
}

.product-variant table th,
.product-variant table td {
	padding:3px;
	padding-top:7px;
	line-height:1;
	font-size:14px;
}

.product-variant table td.art-size {
	width:15%;
}

.product-variant table td.art-color {
	width:7%;
}

.product-variant table td.art-color-name {
	width:29%;
}

.product-variant table td.art-base {
	width:14%;
}

.product-variant table td.art-price {
	width:14%;
}

.product-variant table td.art-margin {
	width:14%;
}

.product-variant table td.art-quantity {
	width:7%;
}

.product-variant table th.highlight,
.product-variant table td.highlight {
	color:#f00071;
}

.product-variant table td.action a {
	color:#a0a0a0;
}

.product-variant table td.action a:hover {
	color:#f00071;
}

.product-variant table td span.color {
	display:inline-block;
	margin-right:3px;
	width:16px;
	height:16px;
	background:#ddd;
}

.product-variant table tr.border-top {
	border-top:1px solid #ccc;
}

.product-variant table tr.border-bottom {
	border-bottom:1px solid #ccc;
}

.hidden-value {
	display:none;
}


/* MODAL */
.modal-dialog {
	width:400px;
}

.modal-content {
	border:2px solid #f00071;
}

.modal-body .modal-art-picture img {
	width:300px;
}

.modal-body .highlight {
	color:#f00071;
}

.modal-footer {
	text-align:left;
}

.modal-footer .btn {
	background:#f00071;
	padding:6px 10px 2px 12px;
	text-transform:lowercase;
	color:#fff;
}

.modal-footer .btn:hover {
	color:#a0a0a0;
}


/* SCROLL PANE */
.scroll-pane {
	overflow:auto;
	height:400px;
}

.jspVerticalBar {
	width:11px;
	background:transparent url('../images/bgBlack50.png') center center repeat-y;
	background-size:1px;
}

.jspTrack {
	background:transparent;
}

.jspDrag {
	background:#f00071;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


/* PRODUCT FORM */
.page-alert {
	display:none;
}

.product-form select {
	width:auto;
	min-width:40%;
}

.form-control-50 {
	width:50%;
}

.form-group-variant-item {
	padding-top:15px;
	border-top:1px dotted #ddd;
}

.form-link {
	text-decoration:underline;
	color:#a0a0a0;
	cursor:pointer;
}

.form-link:hover {
	color:#f00071;
}


/* OVERLAY */
.overlay {
	background: url('../images/bgBlack70.png');
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1000;
  display: none;
}

.overlay img {
	position: absolute;
  top: 45%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
}


/* TOOLTIP */
.tooltip {
	text-transform:none;
}