/* -- Top navigation -- */
#filterbar {
	z-index:10;
	top:0;
	left:240px;
	right:0;
}

@media(max-width: 959px) {
	#filterbar {
		top:52px;
		left:0;
	}
}
#top-head {
	z-index: 9;
	top: 0;
	left:0;
	right:0;
}
/* Smaller Header */
.uk-navbar-nav > li > a,
.uk-navbar-item,
.uk-navbar-toggle {
	/* navbar height */
  height: 52px;
  padding: 0 8px;
  font-size: 0.85rem;
}
.navbar-logo {
	background-color: #222A30;
	margin-left: -12px;
}
/* Left bar */
#left-col {
  position: fixed;
  left: 0;
  top:0;
  bottom:0;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #222A30;
  width: 240px;
  z-index:2;
  transition: all 0.3s ease-out;
}
/* Left bar links */
#left-col ul.uk-nav-default > li > a {
	padding: 8px 20px;
	border-left: 2px solid transparent;
	transition: all 0.15s ease-out;
}
#left-col ul.uk-nav-default li.uk-nav-header {
	padding:  20px 20px 8px 20px;
}

#left-col ul.uk-nav-default > li > a:hover, #left-col ul.uk-nav-default > li.uk-open > a {
	border-left: 2px solid #39f;
	padding-left: 30px;
	color: white;
	background-color: rgba(0,0,0,0.1);
}
#left-col ul.uk-nav-default li .uk-nav-sub {
	padding-left: 34px;
}
#left-col .uk-dropdown.user-drop {
	min-width: 160px;
	max-width: 160px;
	padding: 0.75rem;
}
/* Drop arrow */
#left-col .uk-dropdown.user-drop:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 4px;
	margin-left: -4px;
}
.left-content-box {
	padding: 0.75rem 20px;
	border-top: 1px solid rgba(255,255,255,0.06);
	margin-bottom: -1px;
}
.left-nav-wrap {
	padding-bottom: 60px;
}
.content-box-dark {
	background-color: rgba(0,0,0,0.09);
}
.text-light {
	font-weight: 200;
	font-size: 1.25rem;
}
.bar-bottom {
	border-top: 1px solid rgba(255,255,255,0.07);
	padding: 15px 0;
   background-color: #222A30;
   position: fixed;
   left: 0;
   right: 0;
   z-index: 3;
   bottom: 0;
   width: 240px;
}
.left-logo {
	/* navbar height */
	/*
	height: 52px;
	line-height: 52px;
	*/
	padding: 0 20px;
}
.custom-logo {
	height: 56px;
	margin:20px 0;
}

#top-head .custom-logo {
	height:38px;
	margin:0;
}
.profile-img {
	width: 60px;
	margin: 0 auto 10px auto;
	display: block;
}
.panel-icons {
	margin: 0 4px;
}
.uk-tooltip {
	background-color: white;
	color: #242C33;
	box-shadow: 0 2px 12px rgba(50,50,50,0.1);
}
#content {
	margin-top: 52px;
	padding: 30px 0 0 0;
	background-color: #f7f7f7;
	margin-left: 0;
	transition: margin 0.2s cubic-bezier(.4,0,.2,1);
}

@media screen and (min-width: 960px){
	#content {
		/* equal to left-col width */
		margin-top:0;
		margin-left: 240px;
	}
	#top-head {
		/* equal to left-col width */
		left:240px;
	}
}

#top-head [class*="uk-navbar-dropdown-bottom"] {
	margin-top: 0;
}

/* Search nav */
.search-field {
	width: 140px;
	-webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 0.25s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.search-field:focus {
	width: 200px;
	border-color: #fff !important;
}
.uk-card {
	box-shadow: none;
}
.uk-heading-primary {
  letter-spacing: -0.032em;
  font-weight: 300;
}
/* Smooth shadow transition */
.uk-card {
	-webkit-transition: box-shadow 0.55s cubic-bezier(.4,0,.2,1);
	transition: box-shadow 0.55s cubic-bezier(.4,0,.2,1);
}
/* Progress */
.uk-progress {
	height: 3px;
	margin-bottom: 0.5rem;
	background-color: rgba(0,0,0,0.23);

}
* + .uk-progress {
    margin-top: 0.25rem;
}
.uk-progress.warning::-webkit-progress-value {
  background-color: #faa05a;
}
.uk-progress.warning::-moz-progress-bar {
  background-color: #faa05a;
}
.uk-progress.warning::-ms-fill {
  background-color: #faa05a;
}
.uk-progress.success::-webkit-progress-value {
  background-color: #32d296;
}
.uk-progress.success::-moz-progress-bar {
  background-color: #32d296;
}
.uk-progress.success::-ms-fill {
  background-color: #32d296;
}
/* Charts */
.chart-container {
	position: relative;
	height: 400px;
	margin: 0 auto;
}

.uk-article-title {
	color:#39f;
	font-size: 2rem;
	text-transform: uppercase;
}

.uk-card-primary .uk-card-header,
.uk-card-secondary .uk-card-header {
	border-bottom: solid 1px rgba(255,255,255,0.4);
}

.uk-card-primary .uk-card-footer,
.uk-card-secondary .uk-card-footer {
	border-top: solid 1px rgba(255,255,255,0.4);
}

.uk-card.postit {
	background-color: #ff8 !important;
}

.uk-card.postit2 {
	background-color: #faa !important;
}

.uk-card.postit .uk-card-header,
.uk-card.postit2 .uk-card-header {
	border-bottom: solid 1px rgba(0,0,0,0.2) !important;
}

.uk-card.postit .uk-card-footer,
.uk-card.postit2 .uk-card-footer {
	border-top: solid 1px rgba(0,0,0,0.2) !important;
}

a.customer_note.uk-icon {
    background-color: #ff8;
    padding: 2px;
    color: #666 !important;
    border-radius: 3px;
    margin-top: -2px;
    margin-bottom: -2px;
}

a.merchant_note.uk-icon {
    background-color: #faa;
    padding: 2px;
    color: #666 !important;
    border-radius: 3px;
    margin-top: -2px;
    margin-bottom: -2px;
}

span.vmshipment_name,
span.vmpayment_name {
	display:block;
}

span.vmshipment_description,
span.vmpayment_description {
	display:block;
	font-style: italic;
}

.vmCartShipmentLogo > img,
.vmCartPaymentLogo > img {
	margin-bottom:15px;
}

.uk-alert {
	box-shadow: 0 14px 25px rgba(0,0,0,.16);
}

.uk-tooltip {
	max-width:250px;
	padding:10px;
}

.uk-tooltip h5 {
	padding-bottom:5px;
	margin-bottom:5px;
	text-transform: uppercase;
	border-bottom:solid 1px #e0e0e0;
}

a.parcel {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align: middle;
	background-image:url(../img/parcel-open.svg);
	background-size: contain;
}

a.parcel.packedup {
	background-image:url(../img/parcel-closed.svg);
}

tr.rowgreen {
    background-color: #f0fff0;
}

.uk-table-hover tbody tr.rowgreen:hover,
.uk-table-hover>tr.rowgreen:hover {
	background-color: #e0ffe0;
}

tr.rowred {
    background-color: #fff0f0;
}

.uk-table-hover tbody tr.rowred:hover,
.uk-table-hover>tr.rowred:hover {
	background-color: #ffe0e0;
}

.uk-table th {
	background:#39f;
	color:#fff;
}

.uk-table th a {
	color:#fff;
}
.counter {
	display: inline-block;
    padding: 0 5px;
    background: #1e87f0;
    line-height: 1.4rem;
    font-size: .700rem;
    color: #000;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 16px;
    text-transform: uppercase;
    text-align:center;
    min-width: 16px;
    float:right;
    margin-left:3px;
}

.counter.counter-success {
	background: #32d296;
}
.counter.counter-danger {
	background: #f0506e;
}

h1 span > span.text-smaller {
	display:block;
	font-size:2rem;
}

span.pastille {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 8px;
    border-radius: 50%;
   /* box-shadow: 1px 1px 5px #888;
    -moz-box-shadow: 1px 1px 5px #888;*/
}

.uk-accordion-title {
    border-bottom: solid 1px #e5e5e5;
    padding-bottom: 20px;
 }

 .product_thumb {
 	height:48px;
 }
/*
 table.dbview th {
 	text-transform: none;
 }
*/
 table.dbview th,
 table.dbview td {
 	font-size:12px;
 }

 .uk-nav li.uk-active>a {
 	color:#fff !important;
 }

 #ip_error, #ip_success { display: none; }
 .has-error {
 	border-color:#a00;
 	background-color:#fee;
 }

.has-success {
	border-color:#0a0;
	background-color:#efe;
}