#welcome-sidebar-wrapper {
    float: left;
    width: 220px;
    display: inline;
    background-color: white;
}
#welcome-sidebar {
    margin: 1ex;
    background-color: white;
    border: 1px solid silver;
    line-height: 1.3em;
}
.welcome-sidebar-content {
    padding: 1ex;
}
#welcome-sidebar .ws-title {
  font-size: 10px;
  font-weight: bold;
  border-bottom: 1px solid silver;
  margin-top: 1.5em;
}
#welcome-sidebar .ws-code {
  margin-top: 1ex;
  font-weight: bold;
  font-size: 150%;
  text-align: center;
}
#welcome-sidebar .ws-detail {
    padding-left: 1ex;
    padding-top: 1ex;
}

.ws-navi {margin-top: 1em;}
.ws-navi a {
    display: block;
    padding: 1ex;
    border-bottom: 1px dotted silver;
    text-decoration: none;
    font-weight: bold;
    font-size: 120%;
    color: #04a;
}
.ws-navi a:hover {
    background-color: #acf;
}
a.ws-navi-top {
    border-top: 1px dotted silver;
}
.ws-upravit {
    text-align: right;
}
.ws-upravit a {
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    color: #04a;
}
.ws-upravit a:hover {
    color: #a40;
    text-decoration: underline;
}
.ws-navi {margin-top: 1em;}
.ws-navi a {
    display: block;
    padding: 1ex;
    border-bottom: 1px dotted silver;
    text-decoration: none;
    font-weight: bold;
    font-size: 120%;
    color: #04a;
}
.ws-navi a:hover {
    background-color: #acf;
}
a.ws-navi-top {
    border-top: 1px dotted silver;
}
.ws-upravit {
    text-align: right;
}
.ws-upravit a {
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    color: #04a;
}
.ws-upravit a:hover {
    color: #a40;
    text-decoration: underline;
}

#personal {/*padding: 10px; */font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 12px;}
#personal h3 {margin: 0 0 1em 0; font-size: 150%;}
#personal h3 .title {color: #003D71;}
#personal table {font-size: 11px; width: 100%; border-collapse: collapse; background-color: #f3f3f3;}
#personal table td {padding: .2ex 1ex; border-bottom: 1px solid white;}
#personal table td.header {padding: .5em; font-weight: bold; background-color: white; color: #003D71; font-size: 130%;}
#personal table td.motiv-info {padding: 0 1em 1em 1em; background-color: white; font-size: 12px;}
#personal table td.required {font-weight: bold; color: red;}
#personal span.note {font-size: 11px; color: gray; padding-left: 1ex;}

#personal .navi {padding: 1ex; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f3f3f3; font-weight: bold; text-align: center;}
#personal .navi span {float: left;}
#personal .navi a {text-decoration: none; padding: 0 1em;}
#personal .navi a:hover {text-decoration: underline;}

#personal-bar a {color: white; font-weight: bold; font-family: Helvetica, Helvetica CE, Arial, Arial CE; font-size: 8pt;}
#personal-bar table {border-collapse:collapse;}
#personal-bar td {padding: 0;}

#orders {margin-top: 1em;}
#orders tbody.even td {background-color: #fff;}
#orders th {
    padding: 1ex;
    font-weight: bold;
    background-color: white;
    font-size: 120%;
}
#orders td {
    padding: .5ex 1ex !important;
}
#orders>tbody:hover td {
    background-color: #fea !important;
}
#orders>tbody:hover .order-detail td {
    background-color: white !important;
}

#orders td.min-width {
    width: 1%;
    white-space: nowrap;
}
#orders td.ord {
    font-weight: bold;
}

#orders td.order-state {
  margin-top: 1ex;
  padding: 1em !important;
  background-color: white;
  border: 1px solid #eee;
  /*width: 100%;*/
}

#orders div.objstate {
    font-size: 120%;
    margin-top: 1em;
}
#orders div.tblwrap {
    margin-bottom: 2em;
}

#orders .order-detail {
    background-color: white;
}
#orders .order-detail .right {
    text-align: right;
}
#orders .detail-head {
    font-size: 140%;
    font-weight: bold;
    padding: 1em;
}
.order-detail tr {background-color: white;}
.order-detail td {background-color: white; border-top: 1px solid #eee !important; margin: 0; border-bottom: 0 !important;}
.order-detail table {border-bottom: 1px solid #eee !important; width: 100%; margin-bottom: 1em;}
.order-detail p {margin-top: 1em;}
.order-detail .print {
    font-weight: bold;
    padding: 1ex;
    margin-bottom: 1em;
    text-align: right;
}
.order-detail .print a {
    background-color: #EB0000;
    color: white !important;
    font-weight: bold;
    padding: 3px 3px;
    border-radius: 2px;
}
.order-detail .print a:hover {
    text-decoration: none;
    background-color: #a00;
}

.order-detail .print a {
    color: red;
}
#orders td.order-detail tr:hover td {
    background-color: #fd8 !important;
}

a.copy-item {
    background-color: #3A74B6;
    color: white;
    padding: 1px 3px;
    font-weight: bold;
    border-radius: 2px;
}
a.copy-item:hover {
    text-decoration: none;
    background-color: #00479b;
}
strong.item-added {
    color: green;
    padding: 1px 3px;
    font-weight: bold;
    border-radius: 2px;
}

a.copy-order {
    background-color: #3A74B6;
    color: white;
    padding: 1px 3px;
    font-weight: bold;
    border-radius: 2px;
}
a.copy-order:hover {
    text-decoration: none;
    background-color: #00479b;
}
strong.item-adding {
    color: #00479b;
}

.order-state tr {background-color: white;}
.order-state td {background-color: white; border-top: 1px solid #eee !important; margin: 0; border-bottom: 0 !important;}
.order-state table {border-bottom: 1px solid #eee !important; width: 100%;}
.order-state p {margin-top: 1em;}


#reg {padding: 10px; font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif; font-size: 12px;}
#reg h3 {margin: 0 0 1em 0; font-size: 150%;}
#reg h3 .title {color: #003D71;}
#reg table {font-size: 11px; width: 100%; border-collapse: collapse; background-color: #f3f3f3;}
#reg table td {padding: .2ex 1ex; border-bottom: 1px solid white;}
#reg table td.header {padding: .5em; font-weight: bold; background-color: white; color: #003D71; font-size: 130%;}
#reg table td.motiv-info {padding: 0 1em 1em 1em; background-color: white; font-size: 12px;}
#reg table td.required {font-weight: bold; color: red;}

.note {font-size: 11px; color: gray; padding-left: 1ex;}

#reg-view {padding: 2em; background-color: #f3f3f3; border-top: 1px solid black; border-bottom: 1px solid; text-align: center;}
#reg-view a {margin: 0 1em;}

.chyba {color: #a00; font-size: 12px; padding: 1ex; background-color: #fdd; border: 1px solid red; margin: 1em 0;}
.uspech {color: #0a0; font-size: 12px; padding: 2ex; background-color: #dfd; border: 1px solid green; margin: 1em 0;}

/* approver */
.approved {color: #0a0; font-weight: bold;}
.disapproved {color: #a00; font-weight: bold;}

div.info-box {
	border: 1px solid #57a1d3;
	padding: 1ex;
	background-color: #D8ECF9;
}

div.budget-box {
	border: 1px solid #8c8;
	padding: 1ex;
	background-color: #efe;
}

.negative {
	color: #c00;
}