/* main styles */
body {
	margin:0;
	padding:0;
	background:#e8f8e4;
  	color:#000;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
	}
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {color:#060606;text-decoration: none}
a:hover {text-decoration: underline}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}
input.text,
select,
textarea {
	font-family:arial,sans-serif;
	color:#333;
	font-size:12px;
	vertical-align:middle;
	}
input.text {
	padding:1px 0 0 4px;
	height:14px;
	font-weight:normal;
	}
/* main container */
#main {
    width:1600px;
	margin:0 auto;
	}
/* header */
#header {
	position:relative;
    width:1600px;
	height:65px;
	}

#header #user_account {
	position: absolute;
    left: 1400px;
	top: 32px;
    width: 150;
}
#user_account .logout, #user_account .account {
    display: inline-block;
    margin: 5px 0 0 0;
	padding: 8px 10px;
    height: 12px;
    background-color: #e7f1f8;
    border-radius: 6px 6px 0 0;
    border-bottom: #ff6f00 solid 1px;
}

#header a, #user_account a {
	text-decoration: none;
}
/* site logo */
a.logo {
	position:absolute;
	top:5px;
	left:20px;
	}

/* header tabs */
#top-navigation {
	position:absolute;
	top:32px;
	left:20px;
	margin:0;
	padding:0;
	list-style:none;
	font-size: 12pt;
	}
#top-navigation li {
	float:left;
	margin:0 3px 0 0;
    padding: 4px 10px;
    height: 25px;
    background-color: #e7f1f8;
    border-radius: 6px 6px 0 0;
    border-bottom: #ff6f00 solid 1px;
	}
#top-navigation li a {
	float:left;
	display:block;
	height:20px;
	line-height:19px;
	color:#606060;
	padding:4px 0 0 0;
	}
#top-navigation li.active {
    padding: 3px 10px;
    height: 27px;
	background-color: #fff;
	font-weight: bold;
    border: #ff6f00 solid 1px;
    border-bottom: none;
	}

#content {
    float: left;
    width:1600px;
    border-radius: 6px;
    border: #ff6f00 solid 1px;
    background-color: #fff;
    padding:10px 13px 10px 0;
    margin-bottom: 20px
}

/* left column */
#left-column {
	float:left;
	padding:1px 5px 0 6px;
	width:166px;
	}
/* right column */
#right-column {
	float:right;
	padding:0 9px 0 0;
	width:133px;
	}
/* center column */
#center-column {
	float:left;
	position: relative;
    width:1364px;
	background:url(../img/bg-center-column.jpg) no-repeat left top;
	min-height:584px;
	padding:12px 16px 0 13px;
}
* html #center-column {height:584px;}


/* left column styles */
#left-column a {color:#3E3E3E;}
#left-column h3 {
	font-size:11pt;
	margin:0;
	color:#fff;
    background-color: #ff8000;
	height:24px;
	line-height:23px;
	padding:3px 0 0 9px;
    width: 157px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
ul.nav {
	margin:0 0 11px 0;
	border-bottom:2px solid #FF9600;
	background:#ECEFE7;
	list-style:none;
	padding:0 2px;
	font-size: 9pt;
	}
ul.nav li {
	padding:4px 0 6px 2px;
	background:url(../img/bg-dotted.gif) repeat-x bottom;
	}
ul.nav a {
	padding:0 0 0 10px;
	background:url(../img/arrow.gif) no-repeat 0 4px;
	}
ul.nav a:hover {
	text-decoration: underline;
	}
ul.nav li.last {background:none;}

ul.nav li span.info, ul.nav li span.warning {
    float: right;
    color: #FFF;
    width: 18px;
    text-align: center;
    border-radius: 8px;
}
ul.nav li span.info {
    background-color: #7ecaff;
}
ul.nav li span.warning {
    background-color: #F00;
}

#left-column .link {
	display:block;
	width:142px;
	height:25px;
	background:url(../img/bg-left-link.gif);
	margin:0 0 4px 0;
	font-weight:bold;
	padding:0 0 0 9px;
	line-height:25px;
	color:#60635A;
	}

/* center column styles */
.top-bar {
	float:left;
	width:603px;
	border-left:2px solid #f70;
	padding:0 0 0 9px;
	margin:0 0 4px 0;
	}
/* text page header */
.top-bar h1 {
	font:20px/21px verdana,sans-serif;
	color:#43729F;
	margin:4px 0 4px 0;
	}
/* orange button */
.top-bar a.button {
	float:right;
	display:block;
	width:75px;
	height:35px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:27px;
	background:url(../img/bg-orange-button.gif) no-repeat;
	}

/* bar with select */
.select-bar {
	clear:both;
	border-top:2px solid #f70;
	padding:5px 0 3px 0;
	margin:0 0 5px 0;
	}
.select-bar select {width:145px;margin:0 2px;}

/* table container */
div.table {
	float:left;
	position:relative;
	width:1365px;
	margin:0 auto 37px auto;
	}
table.listing {
	border-bottom:1px solid #9097A9;
	width:1365px;
	padding:0;
	margin:0;
	border:1px solid #9097A9;
	}
table.listing th {
	border-top:0 !important;
	}
table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
div.table img.left {
	position:absolute;
	top:0;
	left:0;
	}
div.table img.right {
	position:absolute;
	top:0;
	right:0px;
	}
/* table styles */
table.listing td,
table.listing th {
	border:1px solid #fff;
	text-align:center;
	}
table.listing th {
	background:#9097A9;
	color:#fff;
	padding:5px;
	}
table.listing td {
	background:#D8D8D8;
	color:#000;
	padding:3px 5px;
	}
table.listing .bg td {
	background:#ECECEC;
	}
table.listing .dis td {
    background-color: #fff1bf;
    opacity: 0.3;
    color: #aaa;
}
table.listing .dis td.status-text {
    color: #000;
    opacity: 1;
}
table.listing .white td {
	background:#fff;
	}
table.listing .first {border-left:0px solid #9097A9;text-align:left;}
table.listing .last {border-right:0px solid #9097A9;}

table.listing th.first {background:#9097A9 url(../img/bg-th-left.gif) no-repeat left top;border-left:0;}
table.listing th.last {background:#9097A9 url(../img/bg-th-right.gif) no-repeat right top;border-right: 0;}
table.listing th.empty {background-color:white; border: 1px black solid; background: 0}

table.listing .style1 {font-weight:bold;color:#FF7A00;}
table.listing .style2 {font-weight:bold;padding-left:16px;}
table.listing .style3 {padding-left:25px;}
table.listing .style4 {padding-left:35px;}
table.form .last {padding:1px 0 1px 5px;text-align:left;}
table.form th,
table.form td {padding-left:10px;}
table.form input.text {width:262px}

table.listing .storno td, table.listing td.storno, table.listing .neprodavat td, table.listing td.neprodavat {
	background: #ff6a75;
}
table.listing .prijato td, table.listing td.prijato, table.listing .prodavat td, table.listing td.prodavat {
	background: #64dbf9;
}
table.listing .zaplaceno td, table.listing td.zaplaceno {
	background: #fdff3c;
}
table.listing .fakturovano td, table.listing td.fakturovano {
	background: #bd21f1;
}
table.listing .expedovano td, table.listing td.expedovano,table.listing .sety td, table.listing td.sety {
	background: #9ff14a;
}
table.listing .vyrizujese td, table.listing td.vyrizujese {
	background: #1549f9;
}
table.listing .cekase td, table.listing td.cekase, table.listing .archiv td, table.listing td.archiv {
	background: #f48f0e;
}
table.listing .pripraveno td, table.listing td.pripraveno {
	background: #f454ce;
}
table.listing .dokonceno td, table.listing td.dokonceno {
	background: #168a46;
}
table.listing .osodber td, table.listing td.osodber {
	background: #dcf2f8;
}
table.listing .zabaleno td, table.listing td.zabaleno {
	background: #c9a68d;
}
table.listing .cekanazbozi td, table.listing td.cekanazbozi,table.listing .podkarta td, table.listing td.podkarta {
	background: #fff1bf;
}

table.listing2 {
	width:1365px;
	padding:0;
	margin:0;
}
table.listing2 tr th {
	background: #9097A9;
	color:#fff;
	padding:5px;
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
table.listing2 tr th a {
    color: #FFF;
}
table.listing2 tr:first-child th:first-child {
    border-top-left-radius: 8px;
}
table.listing2 tr:first-child th:last-child {
    border-top-right-radius: 8px;
    border-right: 0;
}
table.listing2 tr td {
    background: #ECECEC;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    padding: 2px 5px;
    text-align: center;
}
table.listing2 tr td:last-child {
    border-right: 1px solid #9097A9;
}
table.listing2 tr td:first-child {
    border-left: 1px solid #9097A9;
}
table.listing2 tr:last-child td {
    border-bottom: 1px solid #9097A9;
}
table.listing2 tr:nth-of-type(even) td {
    background: #D8D8D8;
}

a.order-down {
    padding-right: 18px;
    background: url(../img/order-down.png) right no-repeat;
}
a.order-up {
    padding-right: 18px;
    background: url(../img/order-up.png) right no-repeat;
}

/* table select */
div.table .select {
	float:right;
	margin:2px 1px 0 0;
	width:176px;
	height:25px;
	background:#9097A9 url(../img/bg-select.gif);
	color:#fff;
	}
div.table .select strong {
	float:left;
	padding:5px 0 0 5px;
	}
div.table .select select {
	float:right;
	width:78px;
	margin:2px 3px 0 0;
	text-align:right;
	}

/* right column header */
#right-column .h {
	float:left;
	background:#7E878A;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:3px 10px;
	color:#fff;
	text-transform:uppercase;
	}
/* right column box */
#right-column .box {
	float:left;
	width:121px;
	padding:5px;
	border:1px solid #B8B8B8;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

/* right column buttons */
.buttons {
	clear:both;
	text-align:center;
	padding:30px 0 15px 0;
	}
.buttons input {margin:0 0 6px 0;}

#login {
	margin: 180px auto 50px auto;
	padding-bottom: 30px;
	border: 2px solid Orange;
	background-color: White;
	width: 360px;
}
#login h1 {
	margin: 0 0 1em 0;
	padding: 0.5em 0;
	width: 100%;
	background-color: #BBD9CC;
	text-align: center;
	color: navy;
	border-bottom: 1px navy solid;
}
#login .log_content {
	padding: 0 30px;
}

#login #btn {
	width: 70px;
	height: 40px;
	margin-top: 15px;
}
.alert {
	color: red;
}
.result_ok {
	color: green;
}

.sorting {
	font-size: 10pt;
	margin: 5px 0 0 0;
	padding: 5px 7px 0 7px;
	vertical-align: middle;
	width: 100%;
	float: left;
}
.sorting select {
	margin-left: 15px
}
.sorting #btn {
	width: 70px;
	height: 25px;
	margin-left: 30px;
}

.summary {
	font-size: 10pt;
	margin: 10px 0;
	padding: 5px 7px;
	vertical-align: middle;
	width: 300px;
	float: left;
	border: 2px solid silver
}

.ord_main {
	float: left;
}
.order {
	margin: 0 5px 10px 0;
	padding: 0;
	width: 600px;
	border: 1px solid gray;
	background-color: white;
}
h2#order {
	width: 105px;
	font-size: 12pt;
	background-color: #9097A9;
	color: white;
	padding: 2px 0 2px 8px;
	margin: 0;
	border: 1px solid gray;
	border-bottom: 0;
}
.order p {
	margin: 0.5em 15px;
}

.cust_main {
	float: left;
    margin-left: 5px;
}
#cust_cont {
	position: relative;
	margin: 0;
	padding: 0;
	width: 500px;
    border: 1px solid gray;
    border-top: 0;
	background-color: white;
}
h2#customer {
	width: 80px;
	font-size: 12pt;
	background-color: #9097A9;
	color: white;
	padding: 2px 0 2px 8px;
	margin: 0;
	border: 1px solid gray;
	border-bottom: 0;
}
#cust_cont h3 {
	font-size: 10pt;
	background-color: silver;
	color: navy;
	border-bottom: 1px solid gray;
	border-top: 1px solid gray;
	padding: 2px 0 2px 8px;
	margin: 0;
}
#cust_cont h4 {
	font-size: 9pt;
	background-color: white;
	color: blue;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	padding: 1px 0 1px 11px;
	margin: 0;
}
#cust_cont #col1, #cust_cont #col2 {
	float: left;
	padding: 0;
}
#cust_cont #col1 {
	border-right: 1px solid gray;
	width: 249px;
}
#cust_cont #col2 {
	width: 250px;
}
#cust_cont #col1 p, #cust_cont #col2 p {
	margin: 0.5em 15px;
}

h2#history {
	width: 67px;
	font-size: 12pt;
	background-color: #9097A9;
	color: white;
	padding: 2px 0 2px 8px;
	margin: 0;
	border: 1px solid gray;
	border-bottom: 0;
}
#hist_cont {
	position: relative;
	margin: 0;
	padding: 0;
	width: 240px;
    border: 1px solid gray;
	background-color: white;
}

#store_cont {
	position: relative;
	margin: 0;
	padding: 5px 4px;
	width: 492px;
	border: 1px solid gray;
	background-color: white;
}
h2#storeOverview {
    position: relative;
	width: 125px;
	font-size: 12pt;
	background-color: #9097A9;
	color: white;
	padding: 2px 0 2px 8px;
	margin: 5px 0 0 0;
	border: 1px solid gray;
	border-bottom: 0;
}
#store_cont .storeDetailCont {
	float: left;
    border-right: 1px solid gray;
    padding: 1px 5px;
}
.storeDetailCont .storeDetail {
    padding: 5px 6px;
}
.storeDetailCont .storeDetail:hover {
    background-color: #CFF2FB;
}
.storeDetailCont .activeStore, .storeDetailCont .activeStore:hover {
    background-color: #CEFFCE;
}
.storeDetailCont .storeDetail .tooltip-detail {
    top: 5px;
}
#store_cont .storeInfo {
    display: inline-block;
    padding: 3px 0;
}
#store_cont .storeInfo img {
    vertical-align: middle;
    margin-right: 2px;
}

#orderProcess {
    width: 500px;
    margin: 15px 0 0 5px;
    font-size: 12pt;
}
#orderProcess span, #orderProcess a {
    display: block;
    color: #FFF;
    font-size: 9pt;
    text-decoration: none;
}
#orderProcess .done {
    background: url(../img/btn-green.png) left top no-repeat;
    width: 144px;
    height: 24px;
    padding: 16px 10px 6px 22px;
}
#orderProcess a.done:hover {
    background: url(../img/btn-green-hover.png) left top no-repeat;
}
#orderProcess .actual {
    background: url(../img/btn-orange.png) left top no-repeat;
    width: 144px;
    height: 29px;
    padding: 19px 10px 6px 22px;
}
#orderProcess a.actual:hover {
    background: url(../img/btn-orange-hover.png) left top no-repeat;
}
#orderProcess .notfinish {
    background: url(../img/btn-grey.png) left top no-repeat;
    width: 144px;
    height: 24px;
    padding: 16px 10px 6px 22px;
}
#orderProcess span span {
    display: inline-block;
    font-size: 10pt;
    border: 1px solid;
    padding: 2px 6px;
    margin: 5px 10px 5px 0;
    border-radius: 10px;
}

h3#obj_zb {
	background-color: #9097A9;
	width: 143px;
	font-size: 12pt;
	color: white;
	padding: 2px 0 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 1px solid white;
}

h2#obj_edit {
	background-color: #9097A9;
	font-size: 12pt;
	width: 190px;
	color: white;
	padding: 2px 2px 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 0;
}
.obj_edit {
	border: 1px solid gray;
	background-color: white;
	width: 1100px;
	padding: 8px;
}
.obj_edit a {
	font-size: 10pt;
	text-decoration: underline;
	color: red;
}
.obj_edit a:hover {
	text-decoration: none;
	color: black;
}
h3#dop_pl {
	background-color: #9097A9;
	font-size: 10pt;
	width: 130px;
	color: white;
	padding: 2px 2px 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 0;
}
.dop_pl {
	border: 1px solid gray;
	background-color: #eee;
	padding: 8px;
}
.dop_pl select {
	margin-right: 20px;
}
.dop_pl .btn {
	width: 60px;
	height: 30px;
}
.obj_edit h3#obj_zbozi {
	background-color: #9097A9;
	font-size: 10pt;
	width: 120px;
	color: white;
	padding: 2px 2px 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 0;
}
.obj_edit h3.edit_header {
	background-color: #9097A9;
	font-size: 10pt;
	color: white;
	padding: 2px 2px 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 0;
}
.obj_edit .obj_zbozi {
	border: 1px solid gray;
	background-color: #eee;
	padding: 8px;
}

p.change_state a {
	font-size: 10pt;
	text-decoration: underline;
	color: red;
}
p.change_state a:hover {
	text-decoration: none;
	color: black;
}

h2#kont_udaje {
	background-color: #9097A9;
	font-size: 12pt;
	width: 130px;
	color: white;
	padding: 2px 2px 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 0;
}
.kont_udaje {
	border: 1px solid gray;
	background-color: white;
	width: 550px;
	padding: 8px;
}

h2#zak_obj {
	background-color: #9097A9;
	width: 105px;
	font-size: 12pt;
	color: white;
	padding: 2px 0 2px 8px;
	margin: 10px 0 0 0;
	border: 1px solid gray;
	border-bottom: 1px solid white;
}

p.sk_det input, p.sk_det select {
	margin-right: 30px;
}
p.sk_det .btn {
	width: 60px;
	height: 30px;
}

.menu {
	font-size: 10pt;
	width: 200px;
	min-height: 500px;
	margin: 0 10px 0 0;
	padding: 0 15px 0 10px;
	float: left;
	border: 1px solid gray;
	background-color: white;
}
.menu ul {
	margin-left: 10px;
	padding-left: 5px;
}

h2#goods {
	background-color: #9097A9;
	font-size: 12pt;
	color: white;
	padding: 2px 2px 2px 8px;
	margin: 0;
	border-bottom: 1px solid gray;
	border-bottom: 0;

}
.goods {
	width: 610px;
	background-color: white;
	padding: 0;
	margin: 0 0 0 5px;
	float: left;
}

h2#good_det {
	font-size: 12pt;
	color: white;
	background-color: navy;
	padding: 0.3em 5px;
}

.submenu a {
	display:inline-block;
	border: 0;
	margin: 0;
	padding: 5px 10px;
	background-color: silver;
	color: black;
}
.submenu a.active {
	background-color: gray;
	color: white;
	border: 1px solid navy;
	border-bottom: 1px solid gray;
}
.good_cont {
	background-color: white;
	border: 1px navy solid;
	padding: 5px;
}

h2.nadpis {
	display: inline;
	background-color: #9097A9;
	font-size: 12pt;
	color: white;
	padding: 2px 8px;
	margin: 5px 0 0 0;
	border-bottom: 1px solid gray;
	border-bottom: 0;
}
h3.nadpis {
	display: inline;
	background-color: #9097A9;
	font-size: 10pt;
	color: white;
	padding: 2px 8px;
	margin: 5px 0 0 0;
	border-bottom: 1px solid gray;
	border-bottom: 0;
}
h4.nadpis {
	display: inline;
	background-color: #9097A9;
	font-size: 9pt;
	color: white;
	padding: 2px 8px;
	margin: 5px 0 0 0;
	border-bottom: 1px solid gray;
	border-bottom: 0;
}
.good_cont_in {
	width: 1330px;
	background-color: white;
	padding: 10px 10px 10px 10px;
	margin: 1px 0 0 0;
	border: 1px solid gray;
}
.good_cont a {
	font-size: 10pt;
	text-decoration: underline;
	color: red;
}
.good_cont a:hover {
	text-decoration: none;
	color: black;
}
.good_cont_in_half {
	width: 580px;
	background-color: white;
	padding: 10px 10px 10px 10px;
	margin: 1px 0 0 0;
	border: 1px solid gray;
}
.settings_cont_in {
	width: 1345px;
	background-color: white;
	padding: 10px 10px 10px 10px;
	margin: 1px 0 0 0;
	border: 1px solid gray;
}
.settings_cont a {
	font-size: 10pt;
	text-decoration: underline;
	color: red;
}
.settings_cont a:hover {
	text-decoration: none;
	color: black;
}

#cis_obj {
	font-size: 10pt;
	font-weight: bold;
}
#cena_celk {
	font-size: 12pt;
}

/* prodejka */
table.prodejka {
	width: 800px;
	font-size: 10pt
}
font_big {
	font-size: 12pt
}
font_mid {
	font-size: 11pt
}

/* tooltip */
.tooltip-detail-whole {position: relative; display: inline-block; z-index: 1}
.tooltip-detail {position: absolute; left: 20px; top: -30px; z-index: 2; width: 330px; display: none}
.tooltip-detail span {display: inline-block; vertical-align: top}
.tooltip-detail-top {width: 100%; height: 23px; background: url("../img/detail_tooltip-top.png") left top no-repeat}
.tooltip-detail-bottom {width: 100%; height: 14px; background: url("../img/detail_tooltip-bottom.png") 2px bottom no-repeat}
.tooltip-detail-middle {width: 280px; padding: 5px 25px; background: url("../img/detail_tooltip.png") 1px top repeat-y; color: #575757; font-size: 100%}
.tooltip-detail-link {position: relative; z-index: 2}

/* expandable list */
.plusimageapply{
	list-style-image:url(../img/plus.png);
	cursor:pointer;
}
.minusimageapply{
	list-style-image:url(../img/minus.png);
	cursor:pointer;
}
.selectedimage{
	list-style-image:url(../img/selected.png);
	cursor:pointer;
}

.exportResult {
    margin: 10px 0 20px 0
}
.exportResult th {
    border: black 1px solid;
    color: #FFF;
    background-color: #9097A9;
    padding: 5px 10px
}
.exportResult th#parcelNumber {
    width: 150px
}
.exportResult th#parcelErrMsg {
    width: 500px
}
.exportResult td {
    border: black 1px solid;
    padding: 3px 6px
}

.goodsQtyWarning {
    display: inline-block;
    background-color: #ff0000;
    padding: 8px 10px;
    border-radius: 15px;
}

span.circle {
    display: inline-block;
    border: 1px solid black;
    border-radius: 10px;
    padding: 5px 8px;
    margin-right: 10px
}

a.sendPPL, a.finishPPL {
    display: inline-block;
    width: 153px;
    height: 14px;
    padding: 16px 10px 6px 22px;
    text-decoration: none;
}
a.sendPPL {
    background: url(../img/btn-ppl-green.png) left top no-repeat;
}
a.sendPPL:hover {
    background: url(../img/btn-ppl-green-hover.png) left top no-repeat;
}
a.finishPPL {
    background: url(../img/btn-ppl-blue.png) left top no-repeat;
}
a.finishPPL:hover {
    background: url(../img/btn-ppl-blue-hover.png) left top no-repeat;
}

.warning_stripe {
    width: 1340px;
    margin: 5px 0 15px 0;
    padding: 5px 10px;
    color: #333;
    background-color: #ef9191;
    border: 1px solid #8f5656
}
.f_stripe {
	z-index: 9999;
	position: fixed;
	top: 0;
}

#scrolltop {
    font-size: 12pt;
    font-weight: bold;
    color: #0000ff;
    cursor: pointer;
}

.fm_succes, .fm_warning {
    width: 1353px;
    border: 1px solid #777;
    padding: 3px 0 3px 10px;
    margin: 5px auto;
}
.fm_succes {
    background-color: #1dc116;
}
.fm_warning {
    background-color: #ff6a75;
}

/* calendar */
table.calendar {
    width: 1365px;
}
table.calendar thead tr td {
    width: 180px;
    height: 20px;
    text-align: left;
    padding: 5px;
    font-weight: bold;
}
table.calendar thead tr td.weekn_box {
    width: 20px;
    height: 20px;
    text-align: center;
}
table.calendar tbody tr td {
    width: 180px;
    height: 150px;
    border-top: 1px solid #AAA;
    border-left: 1px solid #AAA;
    background-color: #FAFAFA;
    padding: 0;
    vertical-align: top;
    text-align: left;
}
table.calendar tbody tr td.active {
    border-top: 2px solid #777;
    border-left: 2px solid #777;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    background-color: #EEE;
}
table.calendar tbody tr td:last-child {
    border-right: 1px solid #AAA;
}
table.calendar tbody tr:last-child td {
    border-bottom: 1px solid #AAA;
}
table.calendar tbody tr td.weekn_box {
    width: 20px;
    height: 150px;
    font-weight: bold;
    text-align: center;
    vertical-align: top;
    border: 0;
    background-color: transparent;
}
table.calendar tbody tr td div.one_day,
table.calendar tbody tr td div.begin_day,
table.calendar tbody tr td div.end_day,
table.calendar tbody tr td div.full_day {
    padding: 1px 0 1px 3px;
    cursor: pointer;
    position: absolute;
}
table.calendar tbody tr td div.one_day {
    margin-left: 4px;
    width: 178px;
}
table.calendar tbody tr td div.begin_day {
    margin-left: 4px;
    width: 184px;
}
table.calendar tbody tr td div.end_day {
    margin-left: 0;
    width: 182px;
}
table.calendar tbody tr td div.full_day {
    margin-left: 0;
    width: 188px;
}

.orderItemSpare {
    color: red;
    font-size: 60px;
    float: right;
    cursor: help;
}

#postpone_help {
    display: inline-block;
    margin-left: 10px;
    font-size: 10pt;
    vertical-align: middle;
    cursor: default;
    background-color: #aaa;
    color: white;
    font-weight: bold;
    border-radius: 10px;
    padding: 1px 4px
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 700px;
}

.modal-content input[type=radio] {
    width: 15px;
    height: 15px;
    margin-right: 15px;
}

.modal-content label {
    font-size: 12pt;
    vertical-align: middle;
}

.modal-content label:hover {
    cursor: pointer;
}

.modal-content .closeB {
    padding: 8px 10px;
}

.modal-content .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.modal-content .close:hover,
.modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

span.titleHighlighted {
    color: red;
    font-weight: bold;
}