@charset "utf-8";

@font-face {
    font-family: app-font;
    src: url(/assets/fonts/opensans.ttf);
}

html,
body {
	margin:0;
	padding:0;
	height:100% !important;
}

#wrapper {
	min-height:100% !important;
	position:relative !important;
}

#header {

}

#content {
	padding: 15px;
    padding-top: 30px !important;
	padding-bottom: 80px !important;
}

#content-mobile {
    padding: 0px;
    padding-bottom: 80px !important;
}

#content-filters {
	padding: 35px; padding-left: 10px;
	padding-bottom: 80px !important;
}

#footer {
	background:#EEEEEE;
	border-top: 1px solid #DDDDDD;
	width:100%;
	height:40px;
	position:absolute !important;
	bottom:0;
	left:0;
}

@media screen {
    body, p, td, font, div, button, input, select, h1, h2, h3, h4, a { font-family: app-font, Arial; font-size: 10pt; }
}

legend { color: #708090 !important;}

.draggable:hover { cursor: hand; }

/* FONT SETTINGS */
a { color: #336699; }
a:hover	{ color: #29527A; text-decoration: none; }

a.fc-whi:hover { color: #E5BC41; }

/* FONTS SIZES */
.fs-8 { font-size: 8pt !important; }
.fs-9 { font-size: 9pt !important; }
.fs-10 { font-size: 10pt !important; }
.fs-11 { font-size: 11pt !important; }
.fs-12 { font-size: 12pt !important; }
.fs-13 { font-size: 13pt !important; }
.fs-14 { font-size: 14pt !important; }
.fs-16 { font-size: 16pt !important; }
.fs-18 { font-size: 18pt !important; }
.fs-20 { font-size: 20pt !important; }
.fs-22 { font-size: 22pt !important; }
.fs-24 { font-size: 24pt !important; }
.fs-28 { font-size: 28pt !important; }
.fs-32 { font-size: 32pt !important; }


/* FONT COLORS - el: extra-lite, l: lite, p: pale, m: mid, d: dark, ed: extra dark  */

.fc-whi { color: #FFFFFF !important; }
.fc-whi-m { color: #F5F5F5 !important; }
.fc-whi-d { color: #F1F1F1 !important; }
.fc-whi-ed { color: #E5E5E5 !important; }

.fc-bla { color: #000000 !important; }
.fc-bla-p { color: #333333 !important; }
.fc-bla-l { color: #555555 !important; }
.fc-bla-el { color: #777777 !important; }

.fc-gre { color: #CCCCCC !important; }
.fc-gre-l { color: #EEEEEE !important; }
.fc-gre-p { color: #DDDDDD !important; }
.fc-gre-m { color: #AAAAAA !important; }
.fc-gre-d { color: #999999 !important; }
.fc-gre-ed { color: #808080 !important; }

.fc-red { color: #CC3300 !important; }
.fc-red-l { color: #e63229 !important; }
.fc-red-p { color: #ff6363 !important; }
.fc-red-m { color: #b52d00 !important; }
.fc-red-d { color: #962600 !important; }
.fc-red-ed { color: #6b1f00 !important; }

.fc-grn { color: #009933 !important; }
.fc-grn-l { color: #20b051 !important; }
.fc-grn-p { color: #6dd173 !important; }
.fc-grn-m { color: #00852d !important; }
.fc-grn-d { color: #00731a !important; }
.fc-grn-ed { color: #004d12 !important; }

.fc-blu { color: #336699 !important; }
.fc-blu-l { color: #1484c4 !important; }
.fc-blu-p { color: #17aae3 !important; }
.fc-blu-m { color: #387fb0 !important; }
.fc-blu-d { color: #2a547d !important; }
.fc-blu-ed { color: #1f3c5c !important; }

.fc-ora { color: #FF9933 !important; }
.fc-ora-l { color: #FFC285 !important; }
.fc-ora-p { color: #FFAD5C !important; }
.fc-ora-m { color: #CC7A29 !important; }
.fc-ora-d { color: #995C1F !important; }
.fc-ora-ed { color: #804C1A !important; }

.fc-oli { color: #c7c797 !important; }
.fc-oli-l { color: #d1d1a7 !important; }
.fc-oli-p { color: #dbdbba !important; }
.fc-oli-m { color: #baba88 !important; }
.fc-oli-d { color: #adad7f !important; }
.fc-oli-ed { color: #8f8f6a !important; }

.fc-granite { color: #708090 !important;}

/* BACKGROUND COLOURS - el: extra-lite, l: lite, p: pale, m: mid, d: dark, ed: extra dark  */

.bc-whi { background-color: #FFFFFF !important; }
.bc-whi-m { background-color: #F5F5F5 !important; }
.bc-whi-d { background-color: #F1F1F1 !important; }
.bc-whi-ed { background-color: #E5E5E5 !important; }

.bc-bla { background-color: #000000 !important; }
.bc-bla-p { background-color: #333333 !important; }
.bc-bla-l { background-color: #555555 !important; }
.bc-bla-el { background-color: #777777 !important; }

.bc-gre { background-color: #CCCCCC !important; }
.bc-gre-l { background-color: #EEEEEE !important; }
.bc-gre-p { background-color: #D3D3D3 !important; }
.bc-gre-m { background-color: #AAAAAA !important; }
.bc-gre-d { background-color: #999999 !important; }
.bc-gre-ed { background-color: #808080 !important; }

.bc-red { background-color: #CC3300 !important; }
.bc-red-l { background-color: #e63229 !important; }
.bc-red-p { background-color: #ff6363 !important; }
.bc-red-m { background-color: #b52d00 !important; }
.bc-red-d { background-color: #962600 !important; }
.bc-red-ed { background-color: #6b1f00 !important; }

.bc-grn { background-color: #009933 !important; }
.bc-grn-l { background-color: #20b051 !important; }
.bc-grn-p { background-color: #6dd173 !important; }
.bc-grn-m { background-color: #00852d !important; }
.bc-grn-d { background-color: #00731a !important; }
.bc-grn-ed { background-color: #004d12 !important; }

.bc-blu { background-color: #336699 !important; }
.bc-blu-l { background-color: #1484c4 !important; }
.bc-blu-p { background-color: #17aae3 !important; }
.bc-blu-m { background-color: #387fb0 !important; }
.bc-blu-d { background-color: #2a547d !important; }
.bc-blu-ed { background-color: #1f3c5c !important; }

.bc-ora { background-color: #FF9933 !important; }
.bc-ora-l { background-color: #FFC285 !important; }
.bc-ora-p { background-color: #FFAD5C !important; }
.bc-ora-m { background-color: #CC7A29 !important; }
.bc-ora-d { background-color: #995C1F !important; }
.bc-ora-ed { background-color: #804C1A !important; }

.bc-oli { background-color: #c7c797 !important; }
.bc-oli-l { background-color: #d1d1a7 !important; }
.bc-oli-p { background-color: #dbdbba !important; }
.bc-oli-m { background-color: #baba88 !important; }
.bc-oli-d { background-color: #adad7f !important; }
.bc-oli-ed { background-color: #8f8f6a !important; }

/* Colour Sets */

.style-solid-blank { background: #FFFFFF !important; color: #444444 !important; }
.style-solid-pearl { background: #E6E6E6 !important; color: #444444 !important; }
.style-solid-slate { background: #999999 !important; color: #FFFFFF !important; }
.style-solid-granite { background: #708090 !important; color: #FFFFFF !important; }
.style-solid-nero { background: #333333 !important; color: #FFFFFF !important; }
.style-solid-rusty { background: #B8860B !important; color: #FFFFFF !important; }
.style-solid-gold { background: #FFCC00 !important; color: #444444 !important; }
.style-solid-amber { background: #FEA000 !important; color: #ffffff !important; }
.style-solid-orange { background: #FF6600 !important; color: #FFFFFF !important; }
.style-solid-fire { background: #DC2400 !important; color: #FFFFFF !important; }
.style-solid-maroon { background: #990000 !important; color: #FFFFFF !important; }
.style-solid-magenta { background: #DC006A !important; color: #FFFFFF !important; }
.style-solid-violet { background: #990099 !important; color: #FFFFFF !important; }
.style-solid-indigo { background: #663399 !important; color: #FFFFFF !important; }
.style-solid-navy { background: #00459A !important; color: #FFFFFF !important; }
.style-solid-royal { background: #007CDC !important; color: #FFFFFF !important; }
.style-solid-aqua { background: #00B0DC !important; color: #FFFFFF !important; }
.style-solid-teal { background: #008080 !important; color: #FFFFFF !important; }
.style-solid-forest { background: #006633 !important; color: #FFFFFF !important; }
.style-solid-apple { background: #179A00 !important; color: #FFFFFF !important; }
.style-solid-lime { background: #7ED102 !important; color: #FFFFFF !important; }
.style-solid-olive { background: #666633 !important; color: #FFFFFF !important; }
.style-solid-khaki { background: #B0AB6A !important; color: #FFFFFF !important; }

.style-blank { background: #FFFFFF !important; color: #444444 !important; }
.style-pearl { background: #E6E6E6 !important; color: #444444 !important; }
.style-slate { background: #dbdbdb !important; color: #444444 !important; }
.style-granite { background: #D8DDE4 !important; color: #444444 !important; }
.style-nero { background: #cbcbcb !important; color: #444444 !important; }
.style-rusty { background: #E6D4A8 !important; color: #444444 !important; }
.style-gold { background: #FFEEA6 !important; color: #444444 !important; }
.style-amber { background: #FFDEA6 !important; color: #444444 !important; }
.style-orange { background: #FFC8A6 !important; color: #444444 !important; }
.style-fire { background: #F3B3A6 !important; color: #444444 !important; }
.style-maroon { background: #F1A6A6 !important; color: #444444 !important; }
.style-magenta { background: #FAA6CB !important; color: #444444 !important; }
.style-violet { background: #F6C0F6 !important; color: #444444 !important; }
.style-indigo { background: #CAB8DB !important; color: #444444 !important; }
.style-navy { background: #CADBF9 !important; color: #444444 !important; }
.style-royal { background: #C0DCF4 !important; color: #444444 !important; }
.style-aqua { background: #CAEFF8 !important; color: #444444 !important; }
.style-teal { background: #B0D8D8 !important; color: #444444 !important; }
.style-forest { background: #C0D9CD !important; color: #444444 !important; }
.style-apple { background: #C6E6C0 !important; color: #444444 !important; }
.style-lime { background: #D7F1B1 !important; color: #444444 !important; }
.style-olive { background: #D9D9CD !important; color: #444444 !important; }
.style-khaki { background: #D8D8CE !important; color: #444444 !important; }
.style-electric-orange { background: #FF5E00 !important; color: #FFF !important; }

.b { font-weight: bold !important; }
.b300		{ font-weight: 300 !important; }
.b400		{ font-weight: 400 !important; }
.b600		{ font-weight: 600 !important; }
.i		{ font-style: italic !important; }
.n {
    font-weight: normal !important;
    font-style: normal !important;
}
.u { text-decoration: underline; }

h1, .bodyTitle { font-size: 16pt; font-weight: 300; color: #584E29; }
h2 { font-size: 15pt; font-weight: 400; color: #584E29; margin-bottom: 4px; }
h3 { font-size: 14pt; font-weight: 400; color: #254B67; margin-bottom: 3px; }

.required { border-right: 3px #F90 solid !important; }

/* BORDERS */
.brd-c-whi { border: 1px solid #FFF; }
.brd-c-gre { border: 1px solid #CCC; }
.brd-c-gre-l { border: 1px solid #EEE; }
.brd-c-gre-m { border: 1px solid #DDD; }
.brd-c-gre-d { border: 1px solid #AAA; }
.brd-remove { border: 0px !important; }
.brd-top-remove { border-top: 0px !important; }
.brd-bottom-remove { border-bottom: 0px !important; }
.brd-left-remove { border-left: 0px !important; }
.brd-right-remove { border-right: 0px !important;  }
.brd-radius-remove { -webkit-border-radius: 0 !important; border-radius: 0 !important; }
.brd-radius-left-remove { -webkit-border-radius: 0 4px 4px 0 !important; border-radius: 0 4px 4px 0 !important; }
.brd-radius-right-remove { -webkit-border-radius: 4px 0 0 4px !important; border-radius: 4px 0 0 4px !important;  }
.brd-radius-top-remove { -webkit-border-radius: 0 0 4px 4px !important; border-radius: 0 0 4px 4px !important;  }
.brd-radius-bottom-remove { -webkit-border-radius: 4px 4px 0 0 !important; border-radius: 4px 4px 0 0 !important; }


/* PADDING */
.pad-small { padding: 2px 4px !important; }
.pad-medium { padding: 4px 8px !important; }
.pad-large { padding: 6px 12px !important; }

/* SHADOWS */
.box-shadow { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-window { border: 1px solid #DDDDDD; box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.3); }
.box-shadow-hover:hover { box-shadow: 0 8px 5px -7px rgba(0, 0, 0, 0.4); }
.box-select { background-color: #EAEAE0; }
.box-details { background-color: #ACBBC0; }
.progress, .box-insert {
    box-sizing: border-box;
    background: #f7f7f7;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.07),inset 0 2px 2px rgba(0,0,0,0.07);
    border-radius: 4px;
    padding: 15px;
}

/* LAYOUT */

#TBL_DATA TR TD, #TBL_DATA TR TD SPAN, #TBL_DATA TR TD A  { font-size: 9pt; }
.date_from { margin-right: -4px !important; }
.date_to { border-left: solid 4px #CCCCCC !important; }

/* ELEMENTS */

.label { padding: 1px 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 7pt !important; font-weight: bold; text-transform: uppercase; }

.progress {
    box-sizing: border-box;
    background: #f7f7f7;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.07),inset 0 2px 2px rgba(0,0,0,0.07);
    border-radius: 4px;
    padding: 15px;
}

/* FRMWORK ADJUSTMENTS & ADD-ONS */

button {
    box-shadow: none !important;
}

.uk-button-warning {
    box-shadow:inset 0 0 5px rgba(0,0,0,0.05);
    text-shadow:0 -1px 0 rgba(0,0,0,0.1)
}

.uk-button-warning:hover, .uk-button-warning:focus { border-color:rgba(0,0,0,0.2); }

.uk-button-warning { background-color: #FF6600; color: #FFFFFF; }
.uk-button-warning:hover { background-color: #db6500; color: #FFFFFF; }
.uk-button-warning:focus { background-color: #db6500; color: #FFFFFF; }

.uk-button-secondary { background-color: #8a9094; color: #FFFFFF; }
.uk-button-secondary:hover { background-color: #7f8589; color: #FFFFFF; }
.uk-button-secondary:focus { background-color: #7f8589; color: #FFFFFF; }

.uk-button {
    border-bottom: 2px solid #CCCCCC;
}

.uk-button:not(.uk-button-primary,.uk-button-secondary,.uk-button-success,.uk-button-warning,.uk-button-danger) {
    border-color: #DDDDDD;
}

.uk-button-primary {
    border-bottom: 2px solid #0e7ca8;
}

.uk-button-success {
    border-bottom: 2px solid #669900;
}

.uk-button-danger {
    border-bottom: 1px solid #d61200;
}

.uk-button-secondary {
    border-bottom: 1px solid #73797d;
}

.uk-button-warning {
    border-bottom: 1px solid #cc6100;
}

.uk-button-attached {
    border-width: 1px;
}

.uk-button:not(.uk-button-attached):hover {
    border-width: 1px;
    margin-top: 1px;
}

#menu { background-color: #2ba3d4; padding: 0px; padding-left: 35px;}
#menu td { padding: 0px; }
#menu .uk-button-dropdown .uk-dropdown .uk-nav li a { font-size: 10pt !important; }
#menu .uk-button {
	padding: 0px 12px !important;
	border: 0px;
	background: none;
	background-color: #2ba3d4;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0px;
 }

#menu button.uk-button:hover {
	background-color: #44BCED;
}

#menu button.uk-active {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #0E587B;
	border: 0px;
	}

#menu .uk-button-dropdown {
		margin: 0px;
	}

.uk-button-blank { background: none; background-color: transparent; }

fieldset > legend { font-size: 12pt !important; color: #9B6704; }
#tabs > li { min-height: 600px; }

.filter-name { font-weight: bold; width: 90px; }
.filter-field { }

.uk-table-line td { border-bottom: 1px solid #CCCCCC; }
.uk-table-unline td { border-bottom: 0px; }
.uk-table-extra-condensed td, .uk-table-extra-condensed th { padding: 3px; }
.uk-table-hilite {
    border-left: 2px solid #FF6600;
}

.form-text {
    padding: 4px 6px;
    border: 1px solid #ddd;
    background: #EEEEEE !important;
    color: #444;
    height: 30px;
    max-width: 100%;
    border-radius: 4px;
    margin: 0px;
}

.dropdown-border {
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	border-top: 0px;
	}

.top {
	background-color: #F8F8F8;
	font-size: 20px;
    bottom: 20px;
    color: #999999;
    cursor: pointer;
    float: right;
    height: 30px;
    padding: 0;
    position: fixed;
    right: 20px;
    width: 30px;
    z-index: 999;
	line-height: 30px;
	display: block;
	text-align: center;
	border: 1px solid #CCCCCC;
}

.spinner {

	}


/* LEGACY STYLES */

#credit_card_check table {
	list-style: none;
}

.cards {
	overflow: hidden;
}

.cards td {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: url(images/card_logos.png);
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 51px;
}

.cards td:last-child {
  margin-right: 0;
}

.cards .visa_electron {
background-position: -51px 0;
    width: 50px;
    height: 27px;
}

.cards .mastercard {
  background-position: -106px 0;
    height: 27px;
    width: 48px;
}

.cards .maestro {
    background-position: -162px 0;
    height: 27px;
    width: 46px;
}

.cards .discover {
    background-position: 302px 0;
    width: 46px;
    height: 27px;
}

.cards .amex {
    background-position: 121px 0;
    height: 27px;
    width: 50px;
}

.cards .diners_club_carte_blanche {
    background-position: 206px 0;
    width: 38px;
    height: 28px;
}

.cards .diners_club_international {
    background-position: 249px 0;
    width: 38px;
    height: 28px;
}

.cards .jcb {
    background-position: 157px 0;
    height: 27px;
    width: 30px;
}

.cards .laser {
    background-position: 32px 0;
    height: 26px;
    width: 26px;
}

.cards .elo {
    background-position: 65px 0;
    height: 26px;
    width: 27px;
}

.cards .visa {
    background-position: 0 0;
    width: 48px;
    height: 27px;
}

.cards .visa.off {
  background-position: 0 31px;
  width: 48px;
    height: 25px;
}

.cards .visa_electron.off {
  background-position: -51px 31px;
    width: 50px;
    height: 25px;
}

.cards .mastercard.off {
  background-position:  -106px 31px;
    height: 25px;
    width: 48px;
}

.cards .maestro.off {
  background-position:-162px 31px;
    height: 25px;
    width: 46px;
}
.cards .discover.off {
  background-position:302px 31px;
    width: 46px;
    height: 25px;
}

.cards .amex.off {
  background-position:  121px 31px;
    height: 25px;
}

.cards .diners_club_carte_blanche.off {
  background-position:206px 31px;
    width: 38px;
    height: 26px;
}

.cards .diners_club_international.off {
  background-position: 249px 31px;
    width: 38px;
    height: 26px;
}

.cards .jcb.off {
  background-position: 157px 31px;
    height: 25px;
}

.cards .laser.off {
  background-position:  31px 31px;
    height: 25px;
    width: 26px;
}

.cards .elo.off {
  background-position: 65px 31px;
    height: 25px;
    width: 26px;
}

#credit_card_check input {
  color: #333;
  display: block;
  font-size: 18px;
  height: 30px;
  padding: 0 5px;
  width: 275px;
  -moz-box-sizing: content-box;
}

#credit_card_check input.valid {
  background: url(images/tick.png) 230px center no-repeat;
}

#credit_card_check input.invalid {
  background: url(images/cross.png) 230px center no-repeat;
}

.mce-widget.mce-tooltip {
    display: none !important;
	}

#sent_emails {
    font-family: Tahoma, Verdana, Arial; font-size: 8pt;
	}

#ac-product-filter .uk-dropdown, #ac-client-filter .uk-dropdown {
	padding-right: 0px;
	width: 100%;
	}

#ac-product-filter .uk-nav, #ac-client-filter .uk-nav {
	margin-left: -15px;
	margin-right: -15px;
	}

/* CALENDAR | EVENTS */
.cal-event-event { background-color: #d1d2d9 !important; color: #333333; }
.cal-event-meeting { background-color: rgba(222, 197, 108, 0.50) !important; color: #333333; }
.cal-event-task { background-color: rgba(12, 161, 185, 0.50) !important; color: #333333;  }
.cal-event-call { background-color: rgba(108, 155, 181, 0.5) !important; color: #333333; }
.cal-event-bill { background-color: rgba(233, 104, 104, 0.5) !important; color: #333333;  }
.cal-event-deadline { background-color: rgba(222, 153, 157, 0.5) !important;color: #333333;  }
.cal-event-reminder { background-color: rgba(163, 176, 209, 0.50) !important; color: #333333; }
.cal-event-holiday  { background-color: rgba(98, 171, 117, 0.5) !important; color: #333333; }
.cal-event-overtime { background-color: rgba(24, 168, 167, 0.5) !important;color: #333333;  }
.cal-event-sick-leave { background-color: rgba(165, 161, 142, 0.5) !important; color: #333333; }
.cal-event-public-holiday { background-color: rgba(139, 143, 188, 0.5) !important; color: #333333; }
.cal-event-birthday { background-color: rgba(189, 160, 197, 0.5) !important; color: #333333; }

/* MEDIA MODIFIERS */
@media (max-width: 1280px) {
	.filter-name { display: none; }
}

/*  tooltip width fix */

.uk-tooltip {
  max-width: 30% !important;
}

.rating {
border: none !important;
/*float: left !important;*/
}

.rating > input { display: none !important; }
.rating > label:before {
margin: 5px !important;
font-size: 1.25em !important;
font-family: FontAwesome !important;
display: inline-block !important;
content: "\f005" !important;
}

.rating > .half:before {
content: "\f089" !important;
position: absolute !important;
}

.rating > label {
color: #ddd !important;
float: right !important;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label { color: #FFD700 !important;  }

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label { color: #FFED85 !important;  }

.fc-more-popover  {
    overflow-y: scroll !important;
    height: 290px !important;
}

.pending {
    background-color: #F7E4AE !important;

}
.completed {
    background-color: #F8C4C2 !important;
}
.booked {
    background-color: #C8DBEA !important;
}
.canceled {
    background-color: #DBDBDB !important;
}
.quoted {
    background-color: #BADFB5 !important;
}
.revisit {
    background-color: #F7E4AE !important;
}
.discarded {
    background-color: #FF5155 !important;
    color: #FFFFFF !important;
}
.delivery {
    background-color: #FF9900 !important;
}
.extra-details {
    background-color: #a8aad3 !important;
}
.complaint {
    background-color: #FF3366 !important;
    color: #FFFFFF !important;
}
.rearranged {
    background-color: #c0974f !important;
    color: #FFFFFF !important;
}
.wasted-journey {
    background-color: #666666 !important;
    color: #FFFFFF !important;
}

.status-select > option {
    font-size: 10pt !important;
    padding: 4px !important;
}

tfoot {
  font-style: normal !important;
}

.uk-dd-expand .uk-dropdown {
    width: 100% !important;
    z-index: 2000 !important;
    padding: 0;
}

.uk-dd-expand .uk-dropdown  .uk-nav {
    padding: 0 !important;
    margin: 0 !important;
}

.uk-dd-expand .uk-dropdown ul il {

}

.tag-file {
    background-color: #888888;
}

.tag {
    position: absolute;
    top: 5px;
}

.tag, .tag-inline {
    color: #FFFFFF;
    padding: 0px 5px;
    font-size: 8pt;
    height: 20px;
}

.labels_dropdown {
    float:right;
    top: 10px;
}
.sale_bg {
    background: #59bfb3;
    color: white;
}
.order_bg {
    background: #d96666;
    color: white;
}

.order_bg:hover, .sale_bg:hover {
    color: white !important;
}