/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
	   url('../_fonts/roboto-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_fonts/roboto-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_fonts/roboto-v15-latin-100.woff') format('woff'), /* Modern Browsers */
	   url('../_fonts/roboto-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_fonts/roboto-v15-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
	   url('../_fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../_fonts/roboto-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../_fonts/roboto-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../_fonts/roboto-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../_fonts/roboto-v15-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


@font-face {
  font-family: 'lcd';
  font-style: normal;
  src: url('/_fonts/alarm-clock.ttf') format('truetype'); /* Safari, Android, iOS */
}

* {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size:1em;
	background:#f4f4f4;
	color:#666;
}



.button, button, .side-nav, .label, select, h1, h2, h3, h4, h5, h6 {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:500;
}


h1 small {
	color:inherit;
}

.h1 {
	height:15px;
}

legend .button {
	margin:0;
	position:absolute;
	top:7px;
	right:7px;
}

.button.narrow-height {
	padding-top:1px;
	padding-bottom:1px;
	margin:0px;
}

h1 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	margin:15px 0 20px;
	font-size:1.9em;
}

h2, .h2 {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight:400;
	font-size:1.7em;
}

h2.category {
	border-bottom:1px dotted #999;
	margin-top:50px;
}
h2.category.first {
	margin-top:0px;
}

h3, .h3 {
	font-weight:400;
	font-size:1.3em;
}

small {
	font-size:80%;
}

.small {
	font-size: 0.8125rem;
}

.expand, .columns.expand {
	width:100%;
}

.button-light {
	padding: 0 7px;
	margin: 0 2px;
	background: rgba(33, 153, 232,1);
	color: #fff;
	border-radius:3px;
}

a.button-light:focus, a.button-light:hover {
    color: #fff;
	background:#38709e;
}

.menu a.is-active {
	background:#4ab575;
	color:#fff;
}

.qty-text {
	padding:2px 0 2px 8px;
	width:55px;
}

._new {
	background:#ec5840;
	color:#fff;
	padding:1px 5px 0 5px;
	position:absolute;
	border-radius:0 0 7px 0;
	margin: -10px 0 0 -10px;
	box-shadow: 1px 1px 5px rgb(0 0 0 / 50%);
}

.out-of-stock {
	height:32px;
	display:inline-block;
}


th.min-width, td.min-width {
	width:1px;
	white-space: nowrap;
}

.display {
	background:#000;
	color:#fff;
	overflow:hidden;
}.display * {
	background:transparent;
}

.display h1 {
	margin:5px;
}

.display .name {
	line-height:1.0em;
	font-size:1.2em;
	font-weight:bold;
}.display .name small {
	font-size:.8em;
	font-weight:normal;
	color:rgba(255,255,255,.5);
}

.callout.alert {
    background-color: #f04124;
    color: #fff;
    border:none;
}


table.minimal {
	border:1px solid #ccc;
	padding:0;
	margin:0;
}

table.minimal tr td {
	border:none;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:0;
	margin:0;
}
table.minimal tr th {
	border:none;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#ffffff;
	padding:10px;
}

table.minimal.forecast tr th {
	background:#eee;
}
table.minimal.forecast tr th, table.minimal.forecast tr td {
	padding:5px 10px;
}

table.minimal tr th.quarter, table.minimal tr td.quarter {
	background:#d3ecf5;
	font-weight:bold;
	color:#000;
}
table.minimal tr th.quarter {
	background:#b6e8fa;
}

table.minimal tr th.full-year, table.minimal tr td.full-year {
	background:#ffe4d0;
	font-weight:bold;
	color:#000;
}

table.minimal tr th.full-year {
	background:#ffcfab;
}

table.minimal tr td.editable {
	background:#ffc;
}


table.minimal tr th.divider, table.minimal tr td.divider {
	border-right:5px solid #333;
}

table.minimal tbody tr:nth-child(even) {
	background-color:transparent;

}

table.minimal.forecast tfoot tr {
  position: sticky;
  bottom: 0;
  background: #fff; /* Or match your table background */
  z-index: 5;
}



/* Always show scrollbar */
.div-table-body::-webkit-scrollbar {
  height: 16px;
}
.div-table-body {
  height: 100%;
  overflow-y: auto;
}


.transparent, table.minimal tr.transparent  td, table.transparent, table.transparent, table.transparent tr td, tr.transparent, tr.transparent td {
	background:transparent;
	border:none;
	padding:0;
	margin:0;
}
table.transparent tr th {
	border:none;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.transparent tr td {
	border:none;
	padding:2px;
	margin:0;
	border-bottom:1px solid #ccc;
}
table.transparent tbody tr:nth-child(even) {
	background-color:transparent;

}

table thead tr, table tfoot tr {
	background: repeating-linear-gradient(
		45deg,
		#f9f9f9,
		#f9f9f9 5px,
		#fff 5px,
		#fff 10px
	);
	background:#f9f9f9;
}

table thead tr {
	border-bottom:1px solid #ccc;
}
table tfoot tr {
	border-top:1px solid #ccc;
}

table tfoot td, table tfoot th, table thead td, table thead th {
	padding: .5rem .625rem .5rem;
}

table.hover tbody tr:hover {
	background:#ffc !important;
}


.filters {
    position: relative;
    text-align: left;
    background-color: #fff;
    margin-bottom: 10px;
}

.filters .filter-label {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.filters select {
    font-weight: bold;
    font-size: 1.2em;
    height: 60px;
    padding-top: 30px;
    padding-left: 12px;
    color: #008CBA;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    margin-bottom: 0;
    z-index: 2;
}

.stick {
	z-index:100;
}

h1.stick {
	padding:5px;
}
h1 input.button {
	margin-top:12px;
	background: rgba(33, 153, 232,1);
	padding-left:50px;
	padding-right:50px;
}

.is_stuck {
	top:36px !important;
	padding:5px 5px 5px 15px;
	background: #E9F5FD;
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	margin:0 0 20px;
}
.is_stuck.transparent {
	background:transparent;
	box-shadow:none;
	border:none;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}.is_stuck.transparent h1 {
	font-size:3em;
	margin: 0px 0 0px;
}
.is_stuck h1 {
	font-size:1.8em;
	margin:0;
	padding:0px;
}.is_stuck .button {
	margin:0;
	background: rgba(33, 153, 232,1);
}

b.heading {
	border-bottom:1px dotted #ccc;
	display:block;
}


form label {

	font-weight:normal;
	font-size:.8em;
	color:#999;
}

form label.inline {
	line-height:3em;
}

form label.input {
	text-align:right;
	display:inline-block;
	font-weight:normal;
	font-size:1em;
	margin-bottom: 1rem;
}

label.input {
	padding:.5rem;
	margin: 5px 0;
	display:inline-block;
}

.block {
	text-align:left;
	display:block;
	border:1px solid #ccc;
	border-bottom:1px solid transparent;
	border-top:none;
	background:#f4f4f4;
	padding:0 0 0 10px;
}
.block:last-child {
	border-bottom:1px solid #ccc;
}



.switch {
	margin-bottom:0;
}
input + .switch-paddle {
margin-right: 1rem;
}

.icheck {
	/*display:none;*/
}
.icheckbox_square-blue, .iradio_square-blue {
	margin: 5px 0 2px;
}

.list-checkbox, .list-checkbox ul  {
	line-height:2em;
}

input[type="checkbox"] { position: absolute; opacity: 0; z-index: -1; }
input[type="checkbox"]+span { color: #000; }
input[type="checkbox"]+span:before { font-size:20px; color: #2199e8; font-family: "Font Awesome 5 Pro"; font-weight: 100; content: "\f0c8"; display: inline-block; padding: 0 0 0 3px; margin-right: 0.5em; }
input[type="checkbox"]:checked+span:before { content: '\f14a'; font-weight: 900;  }
input[type="checkbox"]:focus+span:before { outline: none; }
input[type="checkbox"]:disabled+span { color: #999; }
input[type="checkbox"]:not(:disabled)+span:hover:before {  }

.indent, .ichildren {
	margin-left:1.5em;
}

.display .times {
	font-size:1.5em;
}

.display .gap {
	color:#66b9ef;
}

.display th.min-width, .display td.min-width {
	width:1px;
	white-space: nowrap;
	padding:0 40px;
}

.progress-bar {
	background: rgba(0,0,0,.05);
	padding:4px;
}

.progress-bar span.load {
	display: block;
	height: 2px;
	background:#66b9ef;
}

@keyframes load {
	from { width: 0%; }
	to { width: 100%; }
}

.color-picker {
	display:inline;
	width:auto;
}
.palette-color-picker-button {
	top:10px;left:5px;
}
.row.expand {
	margin:5px;
	max-width:100%;
}

table {
	font-size:1em;
	background:#fff;
}
table tr th {
	text-align:left;
}
table.dataable tr th {
	border-right:1px solid #ccc;
}

table tr.finals {
	border-left:1px solid #333;
}

table tr.finals td {
	background:#ffc !important;
}

.display table {
	font-size:1.4em;
}

.display table, .display table tbody {
	border:none;
}

.display table tr th {
	font-size:1em;
	text-align:left;
	color:#fff;
	border-bottom:1px solid #ccc;
}
.display table tr th.text-center {
	text-align:center;
}

.display table tbody tr:nth-child(even) {
	background: rgba(0,0,0,.05);
}

.text {
	display:inline-block;
	margin:5px 0 5px;
}

.faded {
	opacity: 0.7;
}
.faded-50 {
	opacity: 0.5;
}
.faded-20 {
	opacity: 0.2;
}

.de-activated {
	background:#ffc;
	color:#ccc;
}
.de-activated label {
	color:#ccc;
}

label.error {
	margin-top: -1rem;
}
.button.warning, .callout.warning {
	color:#fff;
	background:#FFAE00;
}
.button.warning:hover {
	color:#fff;
	background:#CC8B00;
}

.button.success {
	color:#fff;
	background:#4ab575;
}
.button.success:hover {
	color:#fff;
	background:#4ab575;
}

.success-text {
	color:#4ab575;
}.warning-text {
	color:#ffae00;
}.alert-text {
	color:#ec5840;
}

.warning.label {
	color:#fff;
}

input[type='number'].qty_input {
	width:55px;
	display:inline-block;
	height:auto;
	padding:3px 3px 3px 9px;
	font-weight:bold;
}

.switch.tall {
	height:3em;
}
.switch.tall .switch-paddle {
	height:3em;
}

.switch.tall .switch-paddle::after {
	height:2.1rem;
}

input:checked~.switch-paddle {
    background: #4ab575;
}

.callout.success {
	background:#4ab575;
	border-color:#4ab575;
	color:#ffffff;
}
.callout.success a {
	color:#ffffff;
	text-decoration:underline;
	font-weight:bold;
}

div.dataTables_wrapper div.dataTables_filter label {
	float:none;
}



.select2-container {
	width:100% !important;
}
.select2-container--default .select2-selection--multiple {
	border: solid #ddd 1px;
	outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #999 1px;
	outline: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] span {
	color:#fff;
}

.select2-search__field {
	margin:0;
	height:auto;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #79c2f1;
	border: 1px solid #79c2f1;
	color: #fff;
} .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
}

.input-group-label.success {
	background:#00B200;
	border-color:#00B200;
	color:#fff;
}
.input-group-label.alert {
	background:#ec5840;
	border-color:#ec5840;
	color:#fff;
}


.reveal-modal h1 {
    background: #eee;
    margin: -1.75rem -1.75rem 1rem !important;
    padding: 0 1.75rem;
    top: -1.75rem;
}

.success {
	color:#43AC6A;
}

.alert {
	color:#ec5840;
}

.button.alert {
	background:#ec5840;
	border-color:#ec5840;
	color:#fff;
}

.inline {
	margin:0;
	width:auto;
}

.light-list {
	color:#999;
	font-size:.9em;
}.light-list b {
	color:#333;
}

.menu.tabs >li.menu-text {
	font-weight:normal;
	color:rgba(0, 0, 0,.5);
}

.tabs > li > a {
	padding: 1rem 1.5rem;
	margin: 0 10px -1px 0;
	border:1px solid #e6e6e6;
	border-top-width: 2px;
	border-bottom:transparent;
}
.tabs > li > a:hover {
	background:rgba(255,255,255,.5);
}

.tabs dd > a, .tabs .tab-title > a{
    outline: none;
}

.menu.tabs > li.active > a {
	background:#fff;
	color:#333;
	z-index: 1;
	position: relative;
	border:1px solid #e6e6e6;
	border-bottom:1px solid #fff;
}

form.has-tabs .tabs-content, form.has-tabs .tabs-panel {
	background:none;
	border:none;
	padding:0;
}

form.has-tabs .tabs a:focus, .tabs-title > a[aria-selected='true'] {

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0ffffff',GradientType=0 ); /* IE6-9 */
	position:relative;
	z-index:1;
	margin-bottom:-1px;
	border:1px solid #ccc;
	border-top:2px solid rgba(33, 153, 232,.6);
	border-bottom:1px solid #f4f4f4;
	outline:none;
}

form.has-tabs .tabs-content {

	position:relative;
}

.title-bar {
	background: #333;
}
.title-bar-title {
	font-weight: normal;
}.title-bar .menu-icon {
	margin-top: 4px;
}

.side {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	background:#2C3E50;
	width:225px;
	position:fixed;
	top:0;
	z-index:10;
	height:100%;
	float:left;
	 -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

}

.side-head {
	background:rgba(0,0,0,.2);
	color:rgba(255,255,255,.5);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);

} .side-head a {
	padding:.672em;
	display:inline-block;
}

.min .side-head {

}
.min .side-head span {
	display:none;
}

.top-clock {
	float:right;
	padding-top:10px;
}
.min .top-clock {
	display:none;
}

.side .menu li.active a, .side .menu ul li.active a {
	background:#4ab575;
}
.side .menu li.active a i, .side .menu ul li.active a i {
	color:#fff;
}

.side .menu li.update a, .side .menu ul li.update a {
	background:#FF4D4D;
}

.side nav {
	height:100%;
}

.side .menu {
	margin-top:7px;
	height:100%;
}

.menu .menu {
	margin-top:0;
}

.side .menu > li > a {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:400;
	color:rgba(255, 255, 255,.9);
	padding:.7rem;
	border:none;
	background:none;
	margin:0;
}

.side .menu > li > a i {
	color:rgba(255, 255, 255,.5);
}



.side .menu > li.notifications {
	margin:0 5px;
}
.side .menu > li.notifications > a {
	display:inline-block;
	padding:5px 1px 5px 5px;
}
.side .menu > li > a > i.badge {
	line-height:1.5em;
	margin:0px 0 0 3px;
	float:right;
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px rgba(0,0,0,1);
}

.side .menu > li > a:hover > span.badge {

}

.side .menu li {
	margin-bottom:7px;
	font-size:.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.side .menu li.admin a {
	background:#ec5840;
}
.dropdown.menu.vertical>li.admin.opens-right>a:after {
	border-color: transparent transparent transparent rgba(255,255,255,.5);
}


.side .menu .menu li {
	font-size:1em;
	border:none;
	margin-bottom:0;

}

.side .menu .menu li a {
	font-size:1.1em;
}

.submenu.is-dropdown-submenu {
	background:#2C3E50;
	height:auto;
}

.main.min {
	margin-left:45px;
	font-weight:400;
}
.side.min {
	width:45px;
}
.side.min .menu  > li > a span, .side.min .menu  > li > ul > li a {
	font-size:1.1em;
}
.side.min .menu  > li > a span, .side.min .menu  > li > ul > li a i {
	display:none;
}

.min .dropdown.menu.vertical>li.opens-right>a:after {
	display: none;
}

.button:focus, .button:hover {
    background-color: #38709e;
}

.fhead {
	white-space: nowrap;
	position:fixed;
	display:block;
	width:100%;
	top:0px;
	padding-right:225px;
	z-index:10;
}

.main.min .fhead {
	padding-right:0px;
}

.thead {
	z-index:1000;
	top:0;
	position:relative;
	background:#FFF;
	width:100%;
	display:block;
	white-space: nowrap;
	padding:10px 10px 10px 15px;
	color:rgba(0,0,0,.5)
}.thead a i {
	color:rgba(0,0,0,1);
}.thead a {
	color:rgba(0,0,0,.6);
	padding:11px;
	display:inline-block;
}.thead a:hover {
	color:rgba(0,0,0,1);
}

table tbody tr.no-stock {
	background:#ffe;
	color:#bdbdbd;
	border-bottom:1px solid #ddd;
}

table tbody tr.no-stock input.cart_qty {
	background:#eee;
	color:#bdbdbd;
}

.bcrumbs {
	position:relative;
	z-index:0;
	background:#fff;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

}

.breadcrumbs {

	margin:0;
}

.breadcrumbs a {
	margin:1.3em 0;
	display:inline-block;
}

.breadcrumbs .m_country span {
	padding:1.3em 15px 1.3em 7px;
	margin:0;
	margin-left:-15px;
	display:inline-block;
	background:#ec5840;
	color:#fff;
	text-transform:initial;
}

.breadcrumbs .m_country::after {
	content: "" !important;
	margin: 7px !important;
}

.min .breadcrumbs {

}

.added-cart {
	position:fixed;
	width:100%;
	top: 46px;
}.added-cart .callout {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.current a {
	color:#888;
	font-weight:normal;
}




.num-pad, .lcd-pad {
	opacity: 0.5;
	height:42px;
}

.check-icon i {
	position:relative;
	top:-4px;
	font-size: 1em;
}
.check-icon .badge {
	position:absolute;
	margin-top: -24px;
	margin-left:-22px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
}

.check-icon .owr .badge {
	background: rgba(0, 94, 171, .5);
}
.check-icon .onr .badge {
	background: rgba(67,172,106, .5);
}
.check-icon .dwr .badge {
	background: rgba(166,77,255, .5);
}

.side .menu > li > a.menu-min {

	padding:25px 2px 25px 5px;
	background:rgba(255,255,255,.15);
	border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
}

#time-sheet-img {
	margin-bottom:25px;
}
.parse_time {
	max-height: 50px;
	padding:4px;
}

i.badge {
	font-style:normal;
}


tr.sub-total td {
	border-top:1px solid #999;
}

.side.min .menu > li > a > i.badge{
	margin:-25px -6px 0 0px;

}


.is-accordion-submenu-parent > a::after {
	display:none;
}

.side .menu > li > a:hover, .side .menu > li.is-active > a {
	color:#fff;
	background:rgba(0,0,0,.5);
}
.side .menu > li > a:hover i {
	color:#4ab575;
}

.side .menu li.active a:hover, .side .menu ul li.active a:hover {
	background:rgba(0,0,0,.5);
}


.side .menu > li > a.logo:hover .track, .menu > li > a.logo:hover small {
	color:rgba(255, 255, 255,.5);
}

.dropdown.menu.vertical>li.opens-right>a:after {
	border-color: transparent transparent transparent #999;
}

.dropdown.menu.vertical>li.opens-right.is-active>a:after {
	border-color: transparent transparent transparent #fff;
}

.is-dropdown-submenu {
	border:none;
	border-left: 2px solid #ddd;
	z-index:1000;
}

.select2-container {
	z-index:2;
}

.side .nested {

}

.is-dropdown-submenu-parent a::after {
	margin-top: -2px;
}

.label.gray {
	background:#999;
}

.label.alert {
	background:#f04124;
}


.main {
	margin-left:225px;
	padding-top:60px;
}

.top .row , .main .row {
	max-width:3500px;
}

.box {
	background: #fff;
	padding:10px;
    border-radius: 2px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.2);
	margin-bottom:10px;
}

.box.transparent {
	background-position: 0px 0px, 10px 10px;
    background-size: 20px 20px;
	background-image:
	linear-gradient(45deg, #eee 25%, transparent 25%, transparent 75%, #eee 75%, #eee 100%),
	linear-gradient(45deg, #eee 25%, white 25%, white 75%, #eee 75%, #eee 100%);
}

.box.updates, li.updates {
	background: #4ab575;
	color:#fff;
} .box.updates a, li.updates a {
	color:#fff;
	text-decoration:underline;
}

.news li {
	margin:5px 0;
	padding:5px;
}

.news li:first-child {
	margin-top:0;
}

.news li:last-child {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}

h4.age {
	margin:0;
	padding:0;
	line-height:1em;
	font-size:2.2rem;
	font-weight:bold;
}

.button {
	background: rgba(33, 153, 232,1);
}

.clr {
	clear:both;
}

.line {
	clear:both;
	margin-top:10px;
	border-top:1px dotted #ccc;
	padding-bottom:10px;
	width:100%;
}

.logo {
	color:#fff;
}
.track {
	color:rgba(255,255,255,.5);
	font-weight:100;
}


.callout .track, .reveal .track {
	color:rgba(0,0,0,.5);
	font-weight:100;
}

.logo small {
	font-size:.7em;
	color:rgba(255,255,255,.7);
}

legend .logo {
	color:#333;
}
legend .track {
	color:rgba(0,0,0,.5);
}
legend .logo small {
	font-size:.7em;
	color:rgba(0,0,0,.3);
	font-weight:400;
}

input.times, .best-time {
	font-family: 'lcd', Arial, sans-serif;
	font-size:2.5em !important;
	text-align:right !important;
	color:#2199e8;
	height:45px;
	border-radius:0;
} input.times:focus {
	/*border-color:#38709e !important;*/
}

.best-time {
	width:145px;
	line-height: 1.15em;
	color:#38709e;
}

.times-header {
	background:#eee;
	color:#888;
	display:block;padding:5px;
	text-align:center;
}

.badge {
	padding: 0 0 .2em 0;
	border-radius: 20%;
}

.icon-bar .side {
	background:#2199e8;
}
.icon-bar a {
	position:relative;
	padding:2px 7px;
	display:inline-block;
}
.icon-bar .badge {
	position:relative;
	top:-2px;
}

.icon-bar .switch {
	margin:5px 0 0;
	float:left;
}

.icons {
	float:right;
}
.alert-box.header {
	background-color: #eee;
	border-top:none;
	border-left:none;
	border-right:none;
	border-color: #ccc;
	color: white;
	padding-top:0;
	padding-bottom:0;
}

.block {
	position:relative;
}
.block .count {
	right:7px;
	top:10px;
	position:absolute;
}

.block label.input {
	display:inline-block;
	text-align:left;
}

.columns .block:first-child {
	border-top:1px solid rgb(204, 204, 204);
}

.block.faded-50 {
	opacity: 1
}

.block.faded-50 > * {
	opacity: .5
}

[type='text']:focus,
[type='number']:focus {
	background:#fff;
	border-color:#2199E8;
}

[type='text'].required:focus,
[type='number'].required:focus {
	background:#fff;
	border-color:#2199E8;
	border-left:2px solid #f00;
}
input.required, select.required, textarea.required {
	border-left:2px solid #f00;
}

label {
	color:inherit;
}
label.error {
	background:#EC5840;
	color:#fff;
	text-align:left;
	padding:3px 3px 3px 7px;
	font-weight:normal;
	position: relative;
}

.input-group-button {
	vertical-align: top;
}

select, textarea, [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	border: 1px solid #ddd;
	color: inherit;
	background-color: #fff;
	color:#333;
	box-shadow: none;
}

.hlite {
	background:#ffc;
	padding:3px;
}

.hlite-success {
	background:#4ab575;
	color:#fff;
	padding:3px 5px 3px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
}

.hlite-alert {
	background:#f04124;
	color:#fff;
	padding:3px 5px 3px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
}

fieldset.highlight {
	/*box-shadow: 0px 0px 15px rgb(50, 146, 208);
	border: 1px solid #2199E8;*/
} fieldset.highlight legend {
	color: #000;
}

.connected {
	color:#3adb76
}

.a-bold a {
	font-weight:bold;

}
.callout {
	position:relative;
	border:1px solid #ddd;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
}.callout.legend {
	padding-top:70px;
}

.is-stuck {
	width:92%;
}
form {
	background:none;
}

fieldset legend {
	padding:2px 7px 0px;
	-moz-box-shadow: 0 0 5px #999;
	-webkit-box-shadow: 0 0 5px #999;
	box-shadow: 0px 0px 5px #999;
}

fieldset {
	position:relative;
	z-index:0;
	background:#fff;
	border:1px solid #ddd;
	padding:70px 20px 10px;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
	margin:10px 0 20px;
}
fieldset:first-child {
	margin-top:0;
}

fieldset legend, .callout h2 {
	font-weight:400;
	font-size:1.2em;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	-moz-box-shadow: none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border-bottom:1px solid #ddd;
	padding: 15px 10px 13px 10px;
	color:#555;
	font-family: 'Roboto', sans-serif;
}

form.has-tabs fieldset {
	padding:20px;
}

label small {
	text-transform: none;
}

table.expand {
	width:100%;
}

ul.inline li {
	display:inline-block;
}
.vertical-text {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform:rotate(90deg);
	transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	top:0;
	width:5px;
	margin-top:-30px;
	margin-left:10px;
}

.footer {
	background:#eee;
	padding:15px 0 0;
	font-size:.7em;
	color:#999;
}

.footer.no-menu {
	background:none;
	color:#ccc;
}

.footer .row .columns p {
	font-size:125%;
}

.ui-datepicker-trigger {
	display:none;
}

.top-bar-section ul.lang {
	min-width:200%
}
.top-bar-section .dropdown.lang li {
	width:50%;
	float:left;
}



.only-print {
		display:none;
	}



.clr-page {
	page-break-before: always !important;;
}

tr.th {
	background:#f4f4f4;
}

.print-hide {
	display:none;
}

.tabs {
	background:none;
	border:none;
}

.tabs-title > a {

}

.tabs-content {
	border:none;
	border-top: 1px solid #ccc;
	background:none;
}

.sticky.is-anchored {
	top:0 !important;
}

.no-js #nav {
  display: none;
}

.no-js .top-bar {
		display: block;
	  }

	  .no-js .title-bar {
		display: none;
	  }


input::-ms-clear {
  display:none;
}

.timesheet-img {
	background:#fff;
	padding:15px; border:1px solid #fff;
	box-shadow: 0 7px 14px 0 rgba(0,0,0,0.2),0 7px 14px 0 rgba(0,0,0,0.19) !important;
}

.scroll {
	overflow-y: scroll;
}

table.scroll {
	overflow:visible
}
table.scroll tbody, table.scroll thead {
	display:block;
	width:100%;
}
table.scroll tbody {
	overflow-y: scroll;
}

.percent_green {
	background: rgba(67,172,106,1);
	color:#fff;
}

.percent_yellow {
	background: #FFDC73;
	color:#333;
}

.percent_orange {
	background: #FF9326;
	color:#fff;
}

.percent_red {
	background: #c00;
	color:#fff;
}

.min .percent {
	max-width: 1px;
	padding: 0;
	padding-left:5px;
	overflow: hidden;
}

.jq-hide {
	display:none !important;
}

.dataTables_info {
	display:none;
}



.no-margin, form label.input.no-margin {
	margin:0;
}

.no-bottom-margin {
	margin-bottom:0;
}

.no-border {
	border:none;
}

.clear-border {
	border:1px solid transparent;
}
.width-auto {
	width:auto;
}

.callout.info {
	font-size:.8em;
}

input.qty, input.cart_qty {
    background: rgb(33 153 232 / .5);
    color: #fff;
}

input.qty:focus, input.cart_qty:focus, input.qty:hover, input.cart_qty:hover {
    background: rgb(33 153 232 / 1);
    color: #fff;
}

/* MEDIUM */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {



	.side {
		width:180px;
	}

	.main {
		margin-left:180px;
		padding-left:5px;
	}

	form label {
		text-align:left;
	}

	input.times {
		font-size: 1.55em !important;
	}

	.parse_time {

		width:100%;
		padding: 4px ;
	}

	.best-time {
		text-align:center;
		min-width:120px;
	}

	.best-time .lcd {
		font-size:1.5em;
	}

}


/* SMALL */
@media screen and (max-width: 39.9375em) {



	form label {
		text-align:left;
	}

	input.times {
		font-size: 1.55em !important;
	}

	.parse_time {

		width:100%;
		padding: 4px;
	}

	.best-time {
		text-align:center;
		min-width:70px;
	}

	.best-time .lcd {
		font-size:1.5em;
	}


	table tbody th, table tbody td {
		padding: 0.2rem 0.325rem 0.325rem;
	}

}


@media print{

	* {
		float:none;
	}
	body {
		background:transparent;
		font-size:1em;
		font-family: Arial, sans-serif;
	}

	h1, h1.stick {
		/*font-size:1em;*/
		margin:0px 0;
		padding-top:0;
		font-family: Arial, sans-serif;
		font-weight:bold;
	}

	h1.table-print {
		background:#eee !important;
		margin:25px 0 0;
	}

	h1 .thin {
		font-weight:100;
	}

	a {
		text-decoration:none;
	}

	p {
		font-size:12px;
	}

	img, tr {
    page-break-inside:auto;
}

	.main.min {
		margin:0;
		padding:0;
	}



	.records i {
		color:#999
	}

	img.img {
		width:300px;
	}

	.no-print, .dataTables_filter, .dataTables_info, .tooltip {
		display:none !important;
	}

	.only-print {
		display:inline-block;
	}

	table, table tbody, tr, th, td {
		border:none;
		padding:0;
		margin:0;
		border-collapse: collapse;
	}

	th, td {
		border-bottom:1px solid #000;
	}
	table tr th, table tr td {
		padding:3px;
		margin:0;
	}

	table {
		font-size:.8em;
		/*width:99%;*/
		border-collapse: collapse;
	}
	table table {
		width:100%;
	}

	thead {
		display: table-row-group;

	}



	table tr td {
		background:#fff;
		border-bottom:none;
	}

	table table tr td {
		background:#fff;
		border-bottom:1px solid #000;
	}

	table tr.finals {
		border-left:2px solid #333;
	}

	table tr.finals td:last-child {

	}

	table tr.finals td {
		background:#ffc !important;
	}

	table tr td h2 {
		text-align:center;
		border-bottom:1px solid #000;
		background:#eee !important;
	}

	table tr td table tr, .no-break {
		page-break-inside: avoid !important;
	}

	table.minimal tr th {
		background:#fff !important;
		padding:2px 5px;
	}


	h1, h2, h3 {
		display:block;
		page-break-inside: avoid !important;
	}

	tr.th, tr.th td {
		background:#f4f4f4;
		page-break-inside: avoid !important;
	}

	table.minimal, table.minimal tbody, table.minimal tr, table.minimal tr th, table.minimal tr td {
		border: none;
		border-collapse: collapse;
	}

	table.minimal tr td.data-entry {
		border:1px solid #f1f1f1 !important;
		border-top:1px solid #000 !important;
		border-bottom:1px solid #000 !important;
     border-right: 1px solid #000 !important;
		border-collapse: collapse;
	}

	span.info {
		line-height:1.2em;
		margin: 4px 5px 0 0;
		display: block;
	} span.info small {
		color:rgba(0,0,0,.6);
	}

	table.minimal h1 {
		margin:5px 0;
	}

	.time-records {
		padding:2px 0 2px;
		display:inline-block;
		font-size:.8em;
		color:rgba(0,0,0,.5) !important;
	}

	.page {
		position:relative;
		display: block;
		height:100%;
		page-break-after:always !important;
		overflow:hidden;
	}
	.page .height-50 {
		height:50% !important;
		display:block;
		position:absolute;
		width:100%;
		border-bottom: 1px dashed #ccc;
	}
	.page .height-50:nth-child(2)  {
		border-bottom:none;
		position:absolute;
		top:52.3%;
	}

	a[href]:after {
		content: none !important;
	}

	.row {
			width:auto !important;
	}
	.columns {
		width:auto !important;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.main {
		margin:0;
	}

	.timesheet .id {
		font-size: 1em;
	}
	.is_stuck {
		position:relative !important;
		width:auto;
		height:auto;
		top:0;
		margin:0 !important;
		padding:0;
		background:transparent;
		border:none;
		box-shadow:none;
	}

	.lcd.time {
		color:rgba(0,0,0,.08) !important;
	}

	.num-pad {
		opacity: 0.5;
		height:42px;
		margin:3px 0px;
	}

	.lcd-pad {
		opacity: 0.5;
		height:28px;
		margin:10px 2px;
	}

	.num-pad.blk {
		opacity: 1;

	}

	.scantron {
		width:235px;
		border-right:1px solid #000 !important;
		padding:0;
		height:45px;
	}

	.video-review-box {
	    border-right: 1px solid #000;
		border-bottom: 1px solid #000;
	    width: 15px;
	    height: 15px;
	    position: relative;
	    top: -15px;
	}

}

.no-padding {
	padding:0 !important;
}