/* General
----------------------------------------------------------------------------------------------------*/
*{ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }
html,body{ background: #f0f0f0; height: 100%; direction: rtl; }
.text,html,body{ color: #262626; }

html.iframe,html.iframe body{ background: transparent !important; margin: 0; }

::-moz-selection{ background: #00aeef; color: #fff !important; text-shadow: none; }
::selection{ background: #00aeef; color: #fff !important; text-shadow: none; }

a:link{ -webkit-tap-highlight-color: #00aeef; }
a{ color: #00aeef; cursor: pointer; text-decoration: none; }

.link{ cursor: pointer; }
.link:hover{ opacity: 0.7; filter:alpha(opacity=70); }

.iframe{ width: 100%; border: none; }

nav.subs ul{ display: block; padding: 0; margin: 0; }
nav.subs li{ float: none; display: inline-block; margin: 0; padding: 0; vertical-align: top; }

.circle{ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.box{ background-color: #fff; -moz-border-radius: 0.15em; -webkit-border-radius: 0.15em; border-radius: 0.15em; -moz-box-shadow: 0px 0.15em 0.15em rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0.15em 0.15em rgba(0, 0, 0, 0.3); box-shadow: 0px 0.15em 0.15em rgba(0, 0, 0, 0.3); }
.title{ margin: 0; }
.desc{ font-size: 0.9em; color: #666666; }

.truncate{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Shadow
----------------------------------------------------------------------------------------------------*/
.shadow{ box-shadow: 0 0 1.6em #666666; }

/* Notify + Status-List
----------------------------------------------------------------------------------------------------*/
.error{ color: #cc0000; }
.notify{ background: #f8e59b; color: #262626; }
.icon{ height: 2em; width: auto; }

.notify.white,.icon_status.white{ background: #fff; color: #262626; }
.notify.yellow,.icon_status.yellow{ background: #ffcc00; color: #262626; }
.notify.orange,.icon_status.orange{ background: #ff9600; color: #ffffff; }
.notify.green,.icon_status.green{ background: #94bf0d; color: #ffffff; }
.notify.grey,.icon_status.grey{ background: #333333; color: #ffffff; }
.notify.blue,.icon_status.blue{ background: #131eec; color: #131eec; }

.notify.error{ background: #990000; color: #fff; }

/* Header
----------------------------------------------------------------------------------------------------*/
header{ position: fixed; z-index: 999; top: 0; right: 0; left: 0; background: #00aeef; transition: all 0.5s; -webkit-transition: all 0.5s; }
header .logo{ height: 2.8em; width: 2.8em; }

/* MainNav
----------------------------------------------------------------------------------------------------*/
header .nav{ position: absolute; top: 100%; right: 0; display: none; }
header .nav ul,header .nav ul li{ display: block !important; }
header .nav li{ width: 100%; margin: 0; }
header .nav li a{ font-family: 'simple_clm'; font-size: 1.4em; white-space: nowrap; }
header .nav li.selected a{ color: #00aeef; }
header .nav{ padding-top: 10px; margin-top:-10px; }
header .nav .arrow{ position: absolute; top: 0; right: 0.95em; }

/* Footer
----------------------------------------------------------------------------------------------------*/
footer{ background: #707070; color: #ffffff; }
footer.fixed{ position: fixed; z-index: 999; bottom: 0; right: 0; left: 0; }
footer .total{ background: #555555; }
footer input[type="text"],footer input[type="text"]:hover,footer input[type="text"]:focus{ padding: 0; border: none; background: transparent; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
footer input[type="button"],footer input[type="button"]:hover,footer input[type="button"]:focus{ font-size: 1.8em; padding: 0.6em; background: #252525; border: none;  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; }
footer input[type="button"]:hover{ background: #202020; }
footer input[type="button"]:focus{ background: #191919; }


/* Orders
----------------------------------------------------------------------------------------------------*/
.status-list,.subs.orders{ border-bottom: 0.2em solid #262626; }
.status-list .selected{ background: #262626; color: #fff; }

.icon_status.white{ border: 0.1em #ddd solid; }
.icon_status{ height: 1em; width: 1em; margin-bottom: -0.25em; margin-left: 0.5em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 0.1em #fff solid; }

@media only screen and (min-width: 480px) and (max-width: 960px){
	.status-list{ text-align: center; }
	.icon_status{ margin: 0 auto 0.5em auto; display: block !important; }
}

.subs.orders *{ border-color: rgba(0,0,0,0.1); }
.subs.orders li.checked{ opacity: 0.7; filter: alpha(opacity=70); }

#change-status{ padding: 0.38em; }


/* Order
----------------------------------------------------------------------------------------------------*/
.type_order .comments{ height: 7em; max-width: 100%; }


/* Print Orders
----------------------------------------------------------------------------------------------------*/
.type_print #wrapper, .type_picking_print #wrapper{ width: 660px; margin: auto; overflow: visible; }
.type_print .order, .type_picking_print .order{ background: #fff; box-shadow: 0 0 2em #ccc; page-break-after: always; }
.type_print .order.last, .type_picking_print .order.last{ page-break-after: avoid; }
.type_print table, .type_picking_print table{ width: 100%; }
.type_print table thead, .type_picking_print table thead{ border-bottom: 2px solid #262626; }
.type_print table thead th, .type_picking_print table thead th{ font-family: 'simple_clm'; text-align: right; font-size: 1.2em; padding-left: 0.5em; }
.type_print table tbody td, .type_picking_print table tbody td{ padding: 0.5em 0 0.5em 0.5em; }
.type_print table tfoot, .type_picking_print table tfoot{ border-top: 2px solid #262626; }
.type_print table tfoot td, .type_picking_print table tfoot td{ padding: 0.5em 0 0 0; }
.type_print table tfoot .title, .type_picking_print table tfoot .title{ font-family: 'simple_clm'; text-align: left; font-size: 1.2em; padding-left: 0.5em;  }
.type_print table tfoot .title.right, .type_picking_print table tfoot .title.right{ text-align: right; }