body, html {
    font-size: 12px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Arial', sans-serif;
    font-weight: normal;
    color: #3e3e3e;
    /*background: #f3f3f4;*/
    -webkit-font-smoothing: subpixel-antialiased;
}

input, select, textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 1px solid #DCDCDC;
    outline: none;
}

input:focus,
select:focus,
textarea:focus {
    border: 1px solid #00b1d2;
}

input, select, textarea,
.box, .button, .sBlock {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hautoImp {
    height: auto !important;
}

.d-flex {
    display: flex;
}

.align-end { text-align: end; }

.wsnw {
    white-space: nowrap;
}

.puntik {width: 10px;height: 10px;border-radius: 20px;}
.puntik.nechyba {background: green;}
.puntik.chyba {background: red;}

input[disabled],
input[readonly] {
    background: #f5f5f5 !important;
}

select.flat {
    position: relative;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    width: 100%;
    border: 1px solid #dcdcdc;
}

a {
    color: #00b1d2;
    text-decoration: none;
}

[onclick] {
    cursor: pointer;
}

.orange {color: orange;}
.green {color: #00b1d2;}

/*
MAIN COLOR: #00b1d2
 */
/*
Header
 */
header {
    z-index: 15;
    font-weight: normal;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    font-family: 'Open Sans', sans-serif;
}

.minWidth
{
    min-width: 1280px;
}

.minWidthHeader
{
    min-width: 1100px;
}

body:not(.menu-item-1) header {
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

header .cell {
    vertical-align: middle;
}

header #top {
    position: relative;
    z-index: 2;
}

header .bar {
    position: relative;
    z-index: 1;
}

header .bar.module-4 {
    padding: 0 20px;
}

header .bar.module-4 .wrap {
    padding: 0 10px 0 0;
}

header #top > .table > .cell {
    border-bottom: 1px solid #efefef;
}

header #logo {
    background: #00b1d2;
    text-align: center;
    border-bottom-color: #00b1d2 !important;
    min-width: 50px;
}

header #logo a {
    display: block;
    font-weight: lighter;
    color: white;
    font-size: 20px;
    text-decoration: none;
}

header #logo a span {
    white-space: nowrap;
}

header #logo a > * {
    display: inline-block;
    vertical-align: middle;
}

header #logo img {
    max-height: 30px;
}

header #menu {
    width: 0;
}

header #menu .menu {
    display: table
}

header #menu .menu .item {
    display: table-cell;
    vertical-align: middle;
}

header #menu a {
    font-weight: 600;
    white-space: nowrap;
    display: block;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-size: 12px;
    vertical-align: middle;
}

header #menu .hasIcon a {
    display: table-cell;
}

header #menu .disabled {
    display: none !important;
}

header #menu .disabled a {
    pointer-events: none;
    opacity: 0.5;
}

header #menu .beta {
    pointer-events: none;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin: 0 0 0 -20px;
    width: 40px;
    font-size: 8px;
    height: 14px;
    line-height: 14px;
    background: orange;
    border-radius: 3px;
    color: white;
    text-align: center;
}

header #menu .hasIcon .name {
    display: none;
}

header #menu .icon {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 30px;
}

header #menu .hasChildren > a {
    padding-right: 5px;
}

header #menu .item-16 > a {
    border: 1px solid #00b1d2;
    border-radius: 3px;
    height: 30px;
    line-height: 30px;
    color: #00b1d2;
}

header #menu .menu .item.item-11 a {
    padding-right: 10px;
}

header #menu .menu .item.item-26 a {
    padding-left: 10px;
}

.menu-list {
    background: white;
}

.menu-list .item {
    position: relative;
}

.menu-list .item a {
    color: #676a6c;
}

.menu-list .item.active > a,
.menu-list .item a:hover {
    color: #00b1d2;
}

.menu-list .menu-list {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    border: 1px solid #e8e8e8;
    border-top: 1px solid #efefef;
}

.menu-list .menu-list .item {
    display: block !important;
    border-bottom: 1px solid #e8e8e8;
}

.menu-list .menu-list .item:last-child {
    border-bottom: none;
}

.menu-list .item.hasChildren > a:after {
    content: "\e980";
    font-family: "icomoon";
    display: inline-block;
    margin: 0 0 0 10px;
    opacity: 0.5;
}

.menu-list .item:hover > .menu-list {
    display: block;
}

header #user {
    text-align: right;
}

header #user .table {
    float: right;
    width: 0;
}

header #user .cell > * {
    display: block;
    color: black;
    text-decoration: none;
    padding: 0 10px;
}

header #user .name {
    padding-right: 20px;
}

header #user .avatar span {
    display: block;
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 90px;
    background: white;
}

header #user .avatar img {
    display: block;
    max-width: inherit;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: auto;
    -ms-interpolation-mode: bicubic;
}

#userInfo span {
    white-space: nowrap;
    text-align: left;
}

#userInfo .smaller {
    font-size: 11px;
    color: #787878 !important;
}

#userInfo .red {
    background: red;
    color: white !important;
    margin: 0 5px 0 0;
}

#userOptions {
    position: absolute;
    display: none;
    top: 60px;
    right: 8px;
    background: white;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
}

#userOptions .wrap {
    padding: 15px;
}

#userOptions .header {
    margin: -15px -15px 20px -15px;
    display: block;
    text-align: center;
}

#userOptions .header span {
    display: block;
    padding: 7px 5px;
    background: #f0f0f0;
}

#userOptions .info a {
    display: block;
    text-align: center;
    margin: 0 0 20px 0;
    color: #676a6c;
}

#userOptions .info a span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

#userOptions a {
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}

#userOptions .button {
    height: 30px;
    line-height: 30px;
}

header #search {
    text-align: left;
    width: 100%;
}

#filterSearchForm {
    position: relative;
    max-width: 320px;
}

#filterSearchForm input.inline {
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    background: #f5f5f5;
    border-color: #00b1d2;
    padding: 0 15px;
}

#filterSearchForm input:focus {
    background: transparent;
}

#filterSearchForm .button {
    background: none;
    position: absolute;
    top: 2px;
    right: 30px;
    border: none;
    color: #00b1d2;

}

#searchAll {/*width: 20px;
    height: 20px;*/}

/*
Left
 */
#left {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 200px;
    height: 100%;
    background: #202020;
}

#body.item-1,
#body.item-8,
#body.item-60 {
    padding: 129px 0 175px 0;
}

#body.minWidth{
    min-width: 1100px;
    scrollbar-width: none;
    overflow-x: auto;
}

.hasBar #body {
    padding: 135px 0 175px 0;
}

.hasNav #body {
    padding-top: 84px;
}

.hasNav.hasBar #body {
    padding-top: 165px;
}

.hasNav.hasBar.filterBar #body {
    padding-top: 123px;
}

#body {
    position: relative;
    width: 100%;
    padding: 51px 0 0 0;
}

#body:not(.item-1):not(.item-8):not(.item-60) #content {
    padding: 20px;
}

#body.item-6 #content {
    position: initial;
}

#content {
    position: relative;
    scrollbar-width: none;
}

#orders {
    position: relative;
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 60px 0;
}

#mainExportOrdersButtonZPL
{
    float: right;
    margin-left: 3px;
}

#filtrovat
{
    width: 100px;
    text-align: center;
    margin: 3px 0 0 0;
}
#resetovatTouch
{
    width: 65px;
    text-align: center;
}

#resetovat
{
    width: 100px;
    text-align: center;
    margin: 3px 0 0 3px;
}

#touchLogisVerticalAlign
{
    vertical-align: middle;
}

#orders .orderRow {
    border-bottom: 1px solid rgb(225, 225, 225);
    z-index: 1;
}

#orders .orderRow.hovered {
    z-index: -1;
}

#orders .orderRow .wrap .orderActions {
    position: absolute;
    white-space: nowrap;
    display: table;
    top: 25px;
    right: 0;
    background: white;
    height: auto;
    border: 1px solid #E1E1E1;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

#orders .orderRow .wrap .orderActions .orderAction {
    display: table-cell;
    text-align: center;
    cursor: pointer;
}

#orders .orderRow .wrap .orderActions .orderAction > span.icon {
    font-size: 20px;
    padding: 10px 15px 5px 15px;
}

#orders .orderRow .wrap .orderActions .orderAction:hover > span.text {
    text-decoration: underline;
}

#orders .orderRow .wrap .orderActions span {
    display: block;
    opacity: 1;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    color: #00b1d2;
    padding: 0 10px;
}

#orders .orderRow.hovered td.celkem {
    overflow: visible;
    z-index: 2;
}

#orders .orderRow .orderActions {
    display: none;
}

#orders .orderRow .orderActions .orderAction.disabled {
    opacity: 0.8;
    cursor: default;
}

#orders .orderRow .orderActions .orderAction.disabled span {
    color: gray !important;
    text-decoration: none !important;
}

#orders .orderRow td {
    position: relative;
    height: 25px;
    line-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

#orders .orderRow td {
    border-right: 1px solid #E1E1E1;
    color: rgb(50, 50, 50);
}

#orders .orderRow td > .wrap {
    position: absolute;
    top: 0;
    left: 10px;
    height: 25px;
    line-height: 25px;
    white-space: nowrap;
}

#orders .orderRow .lowp {
    color: #8A8A8A;
}

#orders .orderRow.header {
    z-index: 1;
    position: fixed;
    top: 117px;
    left: 0;
    width: 100%;
    display: flex;
    table-layout: fixed;
    border-color: #6fb12d;
}

#orders .orderRow.header td {
    background: rgb(62, 110, 186);
    color: white;
    border-color: #00b1d2;
    border-bottom: 2px solid rgb(37, 82, 154);
    font-weight: lighter;
}

#orders .orderRow.header td span {
    color: white;
}

#orders .orderRow td > .wrap .less {
    font-size: 10px;
    color: rgb(179, 179, 179);
    padding: 0 0 0 5px;
}

#orders .orderRow td > .wrap [class^="icon-"] {
    margin: 0 2px 0 0;
    top: 1px;
    position: relative;
    color: rgb(179, 179, 179);
}

#orders .orderRow .checkb,
#orders .orderRow .ordpos {
    width: 30px;
}

#orders .orderRow .checkb span,
#orders .orderRow .ordpos span {
    top: 2px;
    left: 5px;
}

#orders .orderRow .checkb .icon-info {
    color: red !important;
}

#orders .orderRow .ordpos {
    display: none;
}

#orders .orderRow .zpsdop {
    width: 40px;
}

#orders .orderRow .zpsdop > span {
    width: 40px;
    display: block;
    left: 0;
    text-align: center;
    color: rgb(179, 179, 179);
}

#orders .orderRow .zpsdop > span > span {
    display: inline-block;
    vertical-align: middle;
}

#orders .orderRow .zpsdop img {
    max-width: 35px;
    max-height: 15px;
    vertical-align: middle;
    display: inline-block;
}

#orders .orderRow .stvuhr {
    width: 100px;
}

#orders .orderRow:not(.header) .stvuhr span {
    top: 0;
    left: 0;
    position: relative;
    display: block;
}

#orders .orderRow.theresNoOrders td,
#orders .orderRow.theresNoOrders td span {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    height: 100px;
    line-height: 100px;
    display: block;
    padding: 0;
    font-size: 20px;
}

#actualBookRow {
    position: fixed;
    display: none;
    top: 169px;
    left: 0;
    height: 35px;
    line-height: 35px;
    width: 100%;
    padding: 0 10px;
    z-index: 11;
    background: #6fb12d;
    color: white;
    font-size: 16px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.cp-shipping-icon {
    width: 40px;
    height: 25px;
    background: url("../images/shipping/cpdoruky.png") center center no-repeat;
    background-size: 30px auto;
}

.gs-shipping-icon {
    width: 40px;
    height: 25px;
    background: url("../images/shipping/geis.png") center center no-repeat;
    background-size: 30px auto;
}

.oo-shipping-icon {
    width: 40px;
    height: 25px;
    background: url("../images/shipping/osobniodber.png") center center no-repeat;
    background-size: 30px auto;
}

#orders .orderRow .cisdok {
    width: 150px;
    color: black;
}

#orders .orderRow .varsym {
    width: 90px;
}

#orders .orderRow .nazfir {
}

#orders .orderRow .datobj {
    width: 115px;
}

#orders .orderRow .zpsuhr {
    width: 135px;
}

#orders .orderRow .celkem {
    width: 100px;
}

#orders .orderRow .celkem span {
    left: auto;
    right: 10px;
}

#orders .orderRow .pocpro {
    width: 50px;
    overflow: visible;
}

#orders .orderRow .pocpro.highlight {
    background: #B3ECFF;
}

#orders .orderRow .pocpro .lower,
#orders .orderRow .pocpro .higher {
    position: relative;
    display: block;
    margin: 0 0 0 0;
    font-weight: normal;
    float: right;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 13px;
}

#orders .orderRow .pocpro .lower {
    color: red;
}

#orders .orderRow .pocpro .higher {
    color: #00b1d2;
}

#orders .orderRow .sklpro {
    width: 60px;
}

#orders .orderRow .itesta,
.orderRow .itemInvoiceState,
.orderRow .orderPackageState {
    width: 25px;
    text-align: center;
    cursor: pointer;
}

.orderRow .itemInvoiceState {
    cursor: default;
}

.orderRow .itemInvoiceState span {
    color: #C5C5C5;
}

.orderRow .orderPackageState span {
    color: #FF1D1D;
    font-size: 16px;
}

.orderRow .orderPackageState.packed span {
    color: #128B12;
}

.orderRow .itemInvoiceState.invoiced span {
    color: #128B12;
}

.orderRow .circle {
    width: 16px;
    height: 16px;
    border: 1px solid #7D7D7D;
    display: inline-block;
    border-radius: 90px;
    vertical-align: middle;
}

.orderRow .circle.green {
    border-color: green;
    background: #86EA86;
}

.orderRow .circle.red {
    border-color: red;
    background: #FFDBDB;
}

.orderRow .circle.orange {
    border-color: #CE8500;
    background: #FFD891;
}

#orders .orderRow .obrpro {
    width: 28px;
    text-align: center;
}

#orders .orderRow .obrpro img {
    max-width: 25px;
    max-height: 25px;
}

#orders .orderRow .obrpro [class^="icon-"] {
    display: block;
    text-align: center;
    color: rgb(179, 179, 179);
}

#orders .orderRow .kodpro {
    width: 120px;
}

#orders .orderRow .stvobj {
    width: 100px;
}

#orders .orderRow .nazpro {
}

#orders .orderRow .nazpro .published_0,
#orders .orderRow .nazpro .published_1 {
    position: relative;
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 100px;
    margin: 0 5px 0 0;
}

#orders .orderRow .nazpro .published_0 {
    background: red;
}

#orders .orderRow .nazpro .published_1 {
    background: #00b1d2;
}

#orders .orderRow .stvpro {
    width: 105px;
}

#orders .orderRow .staobj {
    text-align: center;
    width: 40px;
}

#orders .orderRow .staobj .wrap {
    display: block;
    top: 0;
    left: 0;
    position: relative;
    vertical-align: middle;
}

#orders .orderRow .staobj img {
    max-width: 20px;
    max-height: 15px;
    display: inline-block;
}

#orders .orderRow:not(.bookRow).hovered,
#orders .orderRow:not(.bookRow).hovered .orderAction {
    background: #F4F4F4;
}

#orders .orderRow.even {
}

#orders .orderRow.last {
    border-bottom: 1px solid rgb(194, 194, 194);
}

#orders .orderRow.bookRow {
}

#orders .orderRow.bookRow td {
    position: relative;
    height: 25px;
}

#orders .orderRow.bookRow td > .wrap {
    position: relative;
    top: 0;
    left: 0;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    padding: 0 20px;
    color: white;
    display: block;
    text-align: left;
    background: #6fb12d;
}

#orders .orderRow.showMoreOrders {
}

#orders .orderRow.showMoreOrders td span {
    text-align: center;
    height: auto;
    line-height: 100px;
    display: block;
    position: relative;
    top: 0;
    left: 0;
    font-size: 20px;
}

#orders .orderRow.showMoreOrders:hover {
    background: none;
}

#varioFilter {
    position: fixed;
    display: none;
    bottom: 20px;
    left: 20px;
    background: #00b1d2;
    color: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

#varioFilter .wrap {
    padding: 20px;
}


/*
 * Login page
 */
#loginPage,
#loginPage #body {
    position: relative;
    height: 100vh;
    margin: 0;
    padding: 0;
    min-width: 0px;
}

#login {
    position: initial;
    width: 100%;
    height: 100%;
    background: url('/images/background.jpg') center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#login #loginForm #websiteTitle {
    position: relative;
    display: block;
    margin: -50px -50px 20px -50px;
    padding: 0;
    background: rgb(245, 245, 245);
}

#login #loginForm #websiteTitle .wrap {
    display: table;
    margin: 0 auto;
    position: relative;
}

#login #loginForm #websiteTitle .wrap div {
    display: block;
    float: left;
}

#login #loginForm #websiteTitle .wrap div.img img {
    height: 40px;
    position: relative;
    margin: 29px 0 0 0;
}

#login #loginForm #websiteTitle .wrap div.tex {
    height: 100px;
    line-height: 100px;
    padding: 0 10px;
    font-size: 20px;
}

#login #loginForm {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 260px;
    height: auto;
    padding: 50px;
    background: white;
    margin-left: -181px;
    border-top: 6px solid #00b1d2;
    border-left: 1px solid rgb(200, 200, 200);
    border-right: 1px solid rgb(200, 200, 200);
    border-bottom: 3px solid rgb(200, 200, 200);
    border-radius: 5px;
}

#login #loginForm h1 {
    position: relative;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: rgb(80, 80, 80);
}

#login #loginForm h1 a {
    display: block;
    text-decoration: none;
    color: rgb(80, 80, 80);
}

#login #loginForm form {
    display: block;
    padding: 0;
    margin: 0;
}

#login #loginForm table {
    position: relative;
    width: 100%;
    height: 45px;
    border: none;
    border-collapse: collapse;
}

#login #loginForm table tr {
}

#login #loginForm table tr td {
    padding: 0;
    margin: 0;
}

#login #loginForm table tr td input[type="text"],
#login #loginForm table tr td input[type="password"] {
    background: white;
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    margin: 0 0 5px 0;
    border: 1px solid rgb(200, 200, 200);
    width: 260px;
    font-size: 12px;
}

#login #loginForm table tr td input[type="text"],
#login #loginForm table tr td input[type="password"]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

#login #loginForm table tr td label[for="secureLogin"] {
    cursor: pointer;
    border-radius: 3px;
    text-align: center;
    display: block;
    -webkit-appearance: none;
    height: 35px;
    line-height: 35px;
    border: 1px solid #00b1d2;
    border-bottom: 2px solid #00b1d2;
    background: #00b1d2;
    color: white;
    text-transform: uppercase;
    width: 259px;
    margin: 15px 0 0 0;
}

#login #loginForm table tr td label[for="secureLogin"]:hover {
    cursor: pointer;
    background: #00b1d2;
    color: white;
    border: 1px solid #00b1d2;
    border-bottom: 2px solid #00b1d2;
}

#login #loginForm table tr td label[for="saveIp"],
#login #loginForm table tr td label[for="saveLogin"] {
    margin: 9px 0 0 0;
    display: inline-block;
}

#storedUsers {
    position: relative;
    margin: 0 -50px;
    padding: 0;
    display: block;
    background: rgb(245, 245, 245);
}

#storedUsers .user {
    position: relative;
    display: block;
    height: auto;
    border-bottom: 1px solid rgb(200, 200, 200);
    padding: 5px 20px;
}

#storedUsers .user:first-child {
    border-top: 1px solid rgb(200, 200, 200);
}

#storedUsers .user .name {
    height: 20px;
    line-height: 20px;
}

#storedUsers .user .email {
    height: 20px;
    line-height: 20px;
    color: rgb(80, 80, 80);
}

#storedUsers .user [class^="icon-"] {
    position: absolute;
    top: 5px;
    right: 0;
    font-size: 20px;
    color: rgb(200, 200, 200);
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
}

#storedUsers .user:hover {
    cursor: pointer;
    background: #c3f1c2;
}

#storedUsers .user:hover [class^="icon-"] {
    color: rgb(80, 80, 80);
}

#storedUsers .user .expiration {
    font-size: 10px;
    vertical-align: bottom;
    text-align: right;
    color: #a9a9a9;
}

#storedUsers .user .disabledText {
    font-size: 10px;
    vertical-align: top;
    text-align: right;
    color: #ff2d2d;
}

#storedUsers .user.isDisabled {
    pointer-events: none;
    background: #fff3f3;
}

#login #loginForm #differentUser {
    position: relative;
    margin: 0 -20px -20px -20px;
}

#login #loginForm #differentUser a {
    text-decoration: none;
    color: #00b1d2;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 20px 0 0 0;
}

#login #loginForm #copyright {
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    line-height: 30px;
    text-align: center;
    color: #f1f1f1;
}

#login #loginForm #loginProccess {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999;
}

#login #loginForm #loginProccess #loginLoading {
    display: block;
    text-align: center;
}

#login #loginForm #loginProccess #loginLoading img {
    width: 100px;
    margin: 115px auto 30px auto;
}

#login #loginForm #loginProccess #loginResponse {
    display: block;
    text-align: center;
}

#login #loginForm #loginResult {
    position: absolute;
    bottom: -30px;
    left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgb(255, 81, 81);
    color: white;
    width: 100%;
}

#app-version {
    position: fixed;
    bottom: 20px;
    left: 20px;
    color: #B7B7B7;
}

#orderSummary,
#orderSummary table {
    position: relative;
    border-collapse: collapse;
    width: 100%;
}

#orderSummary .orderEvents {
    max-height: 200px;
    overflow-y: scroll;
}

#orderSummary .orderEvents table {
}

#orderSummary .orderEvents table td {
    padding: 5px 10px 5px 0;
}

#orderSummary .orderEvents table td:first-child {
    width: 115px;
}

#orderDetail {
}

#orderDetail .header:after {
    content: "";
    display: block;
    clear: both;
}

#orderDetail > .header {
    margin: -20px -20px 10px -20px;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 20px 15px 20px;
    background: #f3f3f3;
    border-radius: 3px 3px 0 0;
    width: auto;
}

#orderDetail > .header .order {
    float: left;
}

#orderDetail > .header .eshop {
    float: right;
}

#orderDetail td,
#orderDetail th {
    padding: 5px 20px;
}

#orderDetail .address {
    margin: 0;
}

#orderDetail .address td,
#orderDetail .address th {
    vertical-align: top;
}

#orderDetail .address table td,
#orderDetail .address table th {
    padding: 0;
}

#orderDetail .address table table td,
#orderDetail .address table table th {
    padding: 5px 20px 5px 0;
}

#orderDetail table {
    border-collapse: collapse;
    width: 100%;
}

#orderDetail table td,
#orderDetail table th {
    padding: 5px 20px 5px 0;
}

#companies {
    margin: 0;
    position: relative;
}

#companies tr.company td {
    border-top: 1px solid rgb(160, 160, 160);
}

#companies tr {
    border-bottom: 1px solid rgb(225, 225, 225);
}

#companies tr td {
    height: 20px;
    line-height: 20px;
    padding: 0 0 0 10px;
    vertical-align: middle;
}

#companies tr td img {
    display: block;
    margin: 0 auto;
}

#companies tr.subHeadRow {
}

#companies tr.subHeadRow td {
    background: rgb(245, 245, 245);
}

#body .infoBlock {
    background: white;
    position: relative;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid rgb(200, 200, 200);
    border-top: 3px solid rgb(62, 186, 62);
    border-radius: 3px;
    border-bottom: 3px solid rgb(200, 200, 200);
}

#body .infoBlock .wrap {
    padding: 20px;
}

td.title {
    font-size: 20px;
    padding: 10px 20px 10px 0;
    font-weight: lighter;
}

.gray {
    color: gray;
}

#newOrder {
    background: #00b1d2;
    color: white;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border: 1px solid rgb(200, 200, 200);
    border-radius: 3px;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
}

.shadow {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.hidden {
    display: none !important;
}

.table {
    width: 100%;
    border-collapse: collapse;
    display: table;
}

.table.auto {
    width: auto;
}

.table.padded > .cell {
    padding-right: 4px;
}

.table.padded > .cell:last-child {
    padding-right: 0;
}

.table .headRow td,
.table .headRow th {
    background: rgb(240, 240, 240);
    border-bottom: 2px solid rgb(230, 230, 230);
}

.table .cell {
    display: table-cell;
}

.table .cell.pRight {
    padding-right: 20px;
}


.system-message.failure.fatal {
    position: fixed;
    bottom: 25px;
    left: 0;
    z-index: 99;
    max-width: 500px;
    width: 100%;
    box-shadow: 0 0 20px 5px rgba(0,0,0, 0.1);
}

.after:after {
    clear: both;
    content: "";
    display: block;
}

h1, h2 {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    display: block;
}

h1 {
    font-size: 30px;
    font-weight: bold;
}

h2 {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}

#debug {
    padding: 15px;
    background-color: #d9d9d9;
    margin-top: 25px;
    border: 1px dashed rgba(0, 0, 0, 0.3);
    font-family: 'Courier-New', monospace;
}

pre {
    position: relative;
    white-space: pre-wrap;
    display: block;
    border: 1px solid rgb(200, 200, 200);
    background: rgb(245, 245, 245);
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
}

table {
    border-collapse: collapse;
    vertical-align: middle;
}

table td {
    vertical-align: middle;
}

.tal {
    text-align: left !important;
}

.tar {
    text-align: right !important;
}

.tac {
    text-align: center !important;
}

.bigResultBox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.bigResultBox .bigResultBoxContent {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 400px;
    height: auto;
    margin: -150px 0 0 -200px;
    background: white;
    border-radius: 3px;
    max-height: 95vh;
}

.bigResultBox .bigResultBoxContent > .wrap {
    position: relative;
    padding: 20px;
    max-height: 90vh;
    overflow-y: auto;
}

.bigResultBox .bigResultBoxBackground {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.bigResultBox .header {
    font-size: 20px;
    display: block;
    margin: 0 0 20px 0;
}

.bigResultBox .sub-header {
    font-size: 16px;
    display: block;
    margin: 0 0 15px 0;
}

.bigResultBox table {
    border-collapse: collapse;
    width: 400px;
}

.bigResultBox table td {
    padding: 5px 0;
}

.bigResultBox select,
.bigResultBox input:not([type="radio"]):not([type="checkbox"]) {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    background: white;
    border: 1px solid #e6e6e6;
    width: 100%;
    border-radius: 3px;
}

.bigResultBox .button {
}

.addressForm {
}

.addressForm > td > label {
    display: block;
    padding: 0 0 10px 0;
    font-size: 12px;
    margin: 10px 0 0 0;
}

.addressForm input[type="text"] {
    display: block;
    margin: 0 0 10px 0;
}

.addressForm .address-list {
    display: block;
    margin: 0 0 10px 0;
    height: 532px;
    width: 500px;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 4px;
    overflow: auto;
}

.addressForm .address-list label {
    font-size: 12px;
    display: table;
}

.addressForm .address-list label {
    border-bottom: 1px solid #e6e6e6;
}

.addressForm .address-list .input {
    width: 30px;
    text-align: center;
}

.addressForm .address-list .cell {
    padding: 5px 0;
    vertical-align: middle;
}

.addressForm .address-list .icon {
    width: 40px;
    text-align: center;
    color: #737373;
    font-size: 16px;
}

.addressForm .address-list .icon .send {
    color: #6fb12d;
}

.expeditionInfo select,
.expeditionInfo input:not([type="radio"]):not([type="checkbox"]) {
    height: 30px !important;
    line-height: 30px !important;
}

.address .icon {
    width: 30px;
    text-align: center;
    color: #6fb12d;
    font-size: 20px;
}

.addressList {
    padding-left: 20px;
}

.cBoxLabel > input {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

body.blurred > *:not(.unblurrable):not(div:first-child) {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}


.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    vertical-align: middle;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    cursor: pointer;
    background: #00b1d2;
    border-bottom: 2px solid #079276;
    color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cronyutility table .button {padding: 0px 3px;}

.button:hover {
    background: #079276;
}

.button.small {
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}

.button.green {
    background: #2eab2e;
    border-color: green;
}

.button.green:hover {
    background: green;
}

.button.red {
    background: #ff1d1d;
    border-color: #bd0707;
}

.button.red:hover {
    background: #bd0707;
}

.button.orange {
    background: #ff8a1d;
    border-color: #d26602;
}

.button.orange:hover {
    background: #d26602;
}

.button.empty {
    background: none;
    border: 1px solid #00b1d2;
    color: #00b1d2;
}

.button.empty.active,
.button.empty:hover {
    background: #00b1d2;
    color: white;
}

.button.empty.green {
    color: green;
    border-color: green;
}

.button.empty.green:hover {
    color: white;
    background: green;
}

.button.empty.red {
    color: #e85151;
    border-color: #e85151;
}

.button.empty.red:hover {
    color: white;
    background: #e85151;
}

.button.empty.orange {
    color: #d26602;
    border-color: #d26602;
}

.button.empty.orange:hover {
    color: white;
    background: #d26602;
}

.button.empty.reversed {
    background: transparent;
    color: white;
    border-color: white;
}

.button.empty.reversed:hover,
.button.empty.reversed.active {
    background: white;
    color: #00b1d2
}

.button.hasIcon > span {
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    line-height: 20px;
}

.button.hasIcon > .icon {
    margin: 0 5px 0 0;
    font-size: 16px;
}

.button.hasIcon > .icon.icon-cross2 {
    font-size: 12px;
}

.button.center {
    display: block;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
}

.button.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.button.no-hover {
    pointer-events: none;
}

.button.round {
    border-radius: 90px;
}

.system-message {
    position: relative;
    display: block;
    margin: 20px;
    text-align: center;
    color: white;
    font-size: 12px;
    border-bottom: 2px solid black;
}

.system-message.failure {
    background: #f94848;
    border-color: red;
}

.system-message.success {
    background: #6fb12d;
    border-color: #528e15;
}

.system-message .wrap {
    padding: 10px 20px;
}

.commentsChat {
    position: relative;
    display: block;
    float: none;
}

.commentsChat .comment {
    position: relative;
    display: block;
    clear: both;
    margin: 2px;
    background: #5bb75b;
    border-radius: 3px;
    max-width: 80%;
    color: white;
    padding: 3px 10px;
}

.commentsChat .comment .info {
    display: inline-table;
    vertical-align: middle;
    opacity: 0.8;
}

.commentsChat .comment .email {
    padding-right: 20px;
}

.commentsChat .comment .message {
    padding-right: 20px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}

.commentsChat .comment.isOwner {
    background: #439843;
}

.commentsChat .comment.error {
    background: #e84646;
}

.commentsChat .comment.error.isOwner {
    background: #c62828;
}

.commentsChat .comment.clientNote {
    background: #037cff;
    float: left;
}

.commentsChat .comment.supplierNote {
    background: #ff8803;
    float: left;
}

.commentsChat .comment.admin,
.commentsChat .comment.new {
    float: right;
}

.commentsChat .comment.admin .clr {
    display: none;
}

.commentsChat .comment.new {
    background: none;
    padding: 0;
    max-width: 420px;
    display: none;
}

.commentsChat .InvComment.new {
    background: none;
    padding: 0;
    max-width: 420px;
    display: none;
}

.commentsChat .comment input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    min-width: 420px;
}

.commentsChat .InvComment input
{
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    min-width: 420px;
}

.commentsChat .empty {
    display: none;
}

.commentsChat .comment .dele {
    position: absolute;
    font-size: 8px;
    top: 0;
    right: 0;
    width: 18px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
}

.commentsChat .comment:hover .dele {
    display: block;
}

.commentsChat .center {
    display: table;
    margin: 0 auto;
}

.hasNote .commentsChat .adminNotes .container,
.hasComments .commentsChat .adminNotes .container {
    height: auto;
}

.hasComments .commentsChat .comment.new {
    display: block;
}

.list {
    width: calc(100% - 1px);
    border-collapse: collapse;
    border-bottom: 1px solid #efe6e6;
}

.list td {
    position: relative;
    padding-left: 1px;
    padding-right: 1px;
    vertical-align: middle;
}

.list td > span {
    display: block;
}

.list .title {
    color: #3a3a3a;
    margin: 3px 0 3px 0;
}

.list .alone {
    margin-bottom: 0;
}

.list .highlight {
    color: #1f4f9a;
    font-weight: normal;
}

.list .highlight-bg {
    background: #ebfffb;
}

.list .sub {
    color: #8e8e8e;
    display: block;
}

.list .sub.red {
    color: #ff1d1d;
}

.list .sub span {
    display: inline-block;
    vertical-align: middle;
}

.list .thin {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.list .tac {
    text-align: center;
}

.list .nowrap {
    white-space: nowrap;
}

.list img {
    max-height: 20px;
    max-width: 20px;
}

.list .circle {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #e4e4e4;
    border-radius: 100%;
    border: 2px solid #e4e4e4;
}

.list .circle.is-filled {
    height: 12px;
    width: 12px;

    font-size: 11px;
    text-align: center;
}

.list .circle.green {
    border-color: #5BB75B;
    background: #5BB75B;
    color: white;
}

.list .circle.red {
    border-color: red;
    background: red;
    color: white;
}

.list .circle.orange {
    border-color: blue;
    background: blue;
}

.list .circle.orange-warning {
    border-color: orange;
    background: orange;
}

.list .circle.red-hollow {
    border-color: red;
    background: none;
}

.list .circle.blue-hollow {
    border-color: blue;
    background: none;
}

.list .o-i-image {
    position: relative;
    height: 40px !important;
}

.list .o-i-image img {
    max-height: 50px;
}

.list .o-i-image:hover img {
    position: absolute;
    top: -50px;
    left: 80px;
    max-width: 300px !important;
    max-height: 300px;
    box-shadow: 0px 0px 5px #ccc;
    background: white;
    z-index: 1000000;
}

.list.strippedRows .sub {
    display: none;
}

.list.strippedRows .title {
    margin: 0;
}

.list.strippedRows td {
    vertical-align: middle;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.list.strippedRows .headLine td {
    height: 21px;
}

.list .row {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list .row.disabled {
    pointer-events: none;
    filter: grayscale(100%);
    background: rgba(0, 0, 0, 0.1);
}

.list .row.lastRow {
    border-bottom: 1px solid #efefef !important;
}

.list .row.hovered {
    background: #e2f5ff;
    overflow: visible;
}

.list .row.hovered td {
    border-color: #cfeeff !important;
}

.list .row.hovered td:first-child {
}

.list .row.hovered td:last-child {
}

.list .row.hovered.firstRow td {
    border-top: 1px solid #3592c3 !important;
}

.list .row.hovered.comment td {
    border-bottom: 1px solid #3592c3 !important;
}

.list .row.hovered,
.list .row.hovered td {
    z-index: 6;
}

.list .row.hovered:hover,
.list .row.hovered:hover td {
    z-index: 7;
}

.list .row.hovered td:hover {
    z-index: 8;
}

.list .row.hovered.comment,
.list .row.hovered.comment td {
    z-index: 5;
}

.list .row:not(.hovered) .select {
    overflow: hidden;
}

.list .row:not(.hovered) .select .select-options {
    display: none;
}

.list .row.hovered .select {
    position: relative;
    z-index: 5;
}

/*
.list .row .select[data-selected-index="0"] .select-value-wrap,
.list .row .select[data-selected-index="0"] .select-chosen .arrow {border-color: red; color: red;}
*/
.list .row .select[data-selected-index="1"] .select-value-wrap,
.list .row .select[data-selected-index="1"] .select-chosen .arrow {
    color: #bf7c00;
    border-color: orange;
}

.list .row .select[data-selected-index="3"] .select-value-wrap,
.list .row .select[data-selected-index="3"] .select-chosen .arrow {
    color: #6fb12d;
    border-color: #6fb12d;
}

.list .row .select[data-selected-index="4"] .select-value-wrap,
.list .row .select[data-selected-index="4"] .select-chosen .arrow {
    color: #6fb12d;
    border-color: #6fb12d;
}

.list .row .select[data-selected-index="2"] .select-value-wrap,
.list .row .select[data-selected-index="2"] .select-chosen .arrow {
    color: #b12d45;
    border-color: #b12d45;
    pointer-events: none;
}

/*
.list .row:not(.firstRow):not(.lastRow) td {padding: 3px 10px;}
.list:not(.strippedRows) .row:not(.single).firstRow td {padding-bottom: 3px;}
.list:not(.strippedRows) .row:not(.single).lastRow td {padding-top: 3px;}
*/
.list .row.comment:not(.hasNote):not(.hasComments),
.list .row.comment:not(.hasNote):not(.hasComments) td {
    padding: 0 !important;
    height: 0;
    border: none;
}

.list .row.comment:not(.hasNote):not(.hasComments) .commentsChat {
    display: none;
}

/*.list .row.comment:not(.hovered) {
    background: #ececec;
}*/

.list .row.notDelivered { /*background: #ffefef;*/
}

/* zakomentováno na přá.list .o-i-imgní jirky 3.1. že to nemá opodstatnění*/
.list .row.classicRow td {
    border: 1px solid #ececec;
    border-right: none;
    height: 100px;
    min-width: 20px;
    min-height: 100px;
}

.list .row.pined td,
.list .row.pined.lastRow {
    border-color: #fddbdb !important;
    background: #fff1f1;
}

.list .row.classicRow td:last-child {
    border-right: 1px solid #ececec;
}

.list .o-checkbox {
    width: 20px;
    font-size: 14px;
    text-align: center;
    color: red;
    padding: 8px 0;
}

.list .o-checkbox input {
    margin: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid black;
}

.list .o-i-img {
    padding-left: 3px !important;
    padding-right: 3px !important;
    width: 93px;
    min-width: 93px;
    text-align: center;
}

.list .o-i-simg {
    padding-left: 3px !important;
    padding-right: 3px !important;
    width: 35px;
    min-width: 35px;
    text-align: center;
}

.list .o-i-img img {
    max-width: 93px;
    max-height: 95px;
    pointer-events: none;
}

.list .o-i-img:hover,
.list .o-i-img:hover img {
    z-index: 999999999;
}

.o-weight
{
    text-align: center;
}
.list .o-i-img:hover img {

    position: absolute;
    max-width: 600px;
    max-height: 300px;
    border-radius: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;

    -ms-interpolation-mode: bicubic;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.minRowHeight
{
    height: 106px;
    min-height: 106px;
    max-height: 106px;
}

.list .o-total {
    text-align: right;
}

.list .row .o-total .title,
.list .row .o-clientname .title,
.list .row .o-id .title {
    font-size: 16px;
}

.list .row .rating {
    vertical-align: text-bottom;
}

.list .row .o-i-name .title {
    font-size: 13px;
}

.list .o-package {
    width: 30px;
    vertical-align: middle;
}

.list .o-package span {
    font-size: 20px;
}

.list .o-package.packed span {
    color: #6fb12d;
}

.list .o-package.unpacked span {
    color: #FF1D1D;
}

.list .o-i-packed span {
    font-size: 18px;
}

.list .o-i-packed.packed span {
    color: #6fb12d;
}

.list .o-i-packed.unPacked span {
    color: #FF1D1D;
}

.list .o-orderstate.state-2 .title {
    color: #d4a000;
}

.list .o-orderstate.state-1 .title {
    color: red;
}

.list .o-sPacked.sPacked {
    color: #6fb12d;
}

.list .o-sPacked.unSPacked {
    color: red;
}

.list .o-sms,
.list .o-tat,
.list .o-invoiced,
.list .o-email-sent {
    width: 40px !important;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.list .o-sms span,
.list .o-tat span,
.list .o-invoiced span,
.list .o-email-sent span,
.list .o-label-printed span {
    text-align: center;
    font-size: 20px;
    color: #dadada;
    display: inline-block;
    vertical-align: middle;
}

.list .o-sms.sent span,
.list .o-tat.exported span,
.list .o-email-sent.sent span,
.list .o-label-printed.printed span {
    color: #6fb12d;
}

.list .o-invoiced.invoiced span {
    color: #b034c3;
}

.list .o-tat a {
    display: block;
    height: 23px;
    line-height: 23px;
}

.list .hasFilter {
    padding-top: 0;
    padding-bottom: 0;
}

.list .input {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.list .counter {
    width: 0;
    white-space: nowrap;
    text-align: center;
    padding: 0 5px;
}

.list .o-note {
    text-align: center;
    vertical-align: middle;
    width: 30px !important;
    padding: 0 !important;
}

.list .o-note span {
    display: inline-block;
    vertical-align: middle;
    color: orange;
}

.list .o-actions {
    width: 0 !important;
    padding: 0 !important;
}

.list .o-i-itemstate,
.list .o-i-invoiced {
    width: 25px;
    font-size: 15px;
}

.list .o-i-invoiced span {
    color: #C5C5C5;
}

.list .o-i-invoiced.invoiced span {
    color: #b034c3;
}

.list .separator td {
    background: #eaeaea;
    color: #383838;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}

.list [onclick] {
    cursor: pointer;
}

.list .switchButton {
    display: inline-block;
    width: 65px;
    text-align: center;
    height: 15px;
    line-height: 15px;
    padding: 0 10px;
    border: 1px solid #b9b9b9;
    color: #706F6F;
    border-radius: 3px;
    font-size: 10px
}

.list .switchButton.on {
    background: #6fb12d;
    border-color: #6fb12d;
    color: white;
}

.list .switchButton.off {
    border-color: red;
    color: red;
}

.list .orderActions {
    display: none;
}

.list .sub-header td h2 {
    display: block;
    margin: 20px 0;
}

.list .cancelled {
    opacity: 0.3;
    pointer-events: none;
}

.list .extra-small {
    display: block !important;
    margin: 5px auto -5px auto;
    height: 4px;
    width: 11px;
    border-radius: 90px;
    background: gray;
    clear: both;
}

.list .extra-small.green {
    background: #6fb12d;
}

.list .extra-small.red {
    background: #FF1D1D;
}

.list:not(.rightClickAsHover) .row.hovered .orderActions,
.list.rightClickAsHover .row.rightClicked .orderActions {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    justify-content: center;
}


.list tfoot {
    background: #f7f7f7;
    border-top: 1px solid #eaeaea;
}

.orderActions {
    position: absolute;
    z-index: 1000;
    white-space: nowrap;
    /*bottom: -55px;*/
    background: white;
    height: auto;
    border: 1px solid #3592c3;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.orderActions .orderAction {
    display: table-cell;
    text-align: center;
    cursor: pointer;
}

.orderActions .orderAction > span.icon {
    font-size: 20px;
    padding: 10px 15px 5px 15px;
}

.orderActions .orderAction:hover > span.text {
    text-decoration: underline;
}

.orderActions span {
    display: block;
    opacity: 1;
    text-align: center;
    position: relative;
    top: 0;
    left: 0;
    color: #00b1d2;
    padding: 0 10px 5px 10px;
}

.orderActions a.printPruvodka span.icon-file-pdf {font-size: 20px;}
/*
.orderActions .orderAction.print span {color: #ffa500;}
*/

.orderActions .orderAction.red {color: red;}
.orderActions .orderAction.orange {color: orange;}
.orderActions .orderAction.blue {color: blue;}
.orderActions .orderAction.grey {color: grey;}
.orderActions .orderAction.grey span {color: grey;}

.orderActions .orderAction.disabled {
    opacity: 0.8;
    cursor: default;
    pointer-events: none;
}

.orderActions .orderAction.disabled span {
    color: gray !important;
    text-decoration: none !important;
}

.orderActions .orderAction.blue span {
    color: #1a5cb3;
}

.orderActions .orderAction.orange span {
    color: orange;
}

.orderActions .orderAction.red span {
    color: #ff1d1d;
}

.orderActions .orderAction.gray span {
    color: gray;
}

.orderActions .orderAction.green span {
    color: #20c557;
}

.orderActions .orderAction.double {
}

.orderActions .orderAction.double .icon {
    display: inline-block;
    width: 50%;
    padding: 10px 0 5px 0;
    margin: 0 0px 0 0;
}

.orderActions .orderAction.double .icon + .icon {
    margin: 0 0 0 -20px;
}

.strippedRows.list .row .orderActions {
    right: 520px;
}

.displayingTotal.list .row .orderActions {
    /*right: 30%;*/
    /* box-shadow: 0px 0px 237px #000;*/
}

.displayingTotal.strippedRows.list .row .orderActions {
    right: 620px;
}

/*.fixOrderActions.list .row .orderActions {
    left: 0rem !important;
}*

.lazyLoad .list .row.separator {
    display: none;
}

.list .headLine {
    position: fixed;
    top: 136px;
    left: 0;
    width: 100%;
    background: #f9f9f9;
    color: #5f5f5f;
    font-weight: 600;
    z-index: 11;
}

.list .headLine td,
.list .headLine th {
    vertical-align: middle;
    border: 1px solid #eaeaea;
    border-right: none;
}

.list .headLine td {
    padding: 12px 10px 5px;}

.list .cancelled > td:not(.show-order-detail) {
    opacity: 0.3;
    pointer-events: none;
}

.list .comment td {
    padding: 1px 10px;
}

.list .pilot {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 10px;
    border-radius: 90px;
    color: white;
}

.list .pilot.icon-checkmark {
    background: green;
}

.list .pilot.icon-cross2 {
    background: #ff1d1d;
}

.list .o-index {
    width: 20px;
}

.list .o-id,
.list .o-id span,
.list .o-i-code,
.list .o-i-code span {
    white-space: nowrap;
}

.list .o-shipping {
    width: 40px;
}

.list .o-country {
    width: 50px;
}

/*
.list .o-id {width: 120px;}
.list .o-clientname {width: 310px;}
.list .o-i-name {width: auto;}
.list .o-i-code {width: 120px;}
.list .o-payment {width: 90px;}
.list .o-i-quantity {width: 25px;}
.list .o-orderstate,
.list .payment {width: 100px;}
.list .o-total {width: 100px;}
*/


.message-empty {
    display: block;
    text-align: center;
    margin: -20px 20px;
    padding: 40px 0;
}

.multiselect-box {
    position: relative;
    z-index: 99;
}

.multiselect-box * {
    position: relative;
}

.multiselect-box .original {
    display: none;
}

.multiselect-box .selection {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px;
    width: 100%;
    background: white;
}

.multiselect-box .selection label {
    display: table;
    width: 100%;
}

.multiselect-box .selection label > span {
    display: table-cell;
    padding: 3px;
    text-align: left;
}

.multiselect-box .selection label .input {
    width: 8px;
}

.multiselect-box .selection label input {
    height: 10px !important;
    line-height: 10px !important;
    width: 10px !important;
}

.tr-cover {
    position: absolute;
    z-index: 4;
    background: rgba(0, 0, 0, 0.2);
}

.tr-cover .text {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -100px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: white;
}

.tr-cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin: -25px 0 0 -25px;
}


.bar > form > .table > .cell.basic-filter {
    width: 140px;
}

.bar {
    position: relative;
    background: white;
}

.bar hr {
    display: block;
    border: none;
    border-bottom: 1px solid #efefef;
    clear: both;
    margin: 3px 0 5px 0;
}

.bar:after {
    content: "";
    display: block;
    clear: both;
}

.bar > form > .table > .cell {
    height: 72px;
    padding: 4px 0 2px 0;
}

.bar > form {
    float: left;
}

.bar .cell {
    vertical-align: top;
}

.bar .wrap {
    padding: 0 0 0 10px;
}

.bar .block-row {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 1px 0;
}

.bar .block-row:after {
    content: "";
    display: block;
    clear: both;
}

.bar .block-row.buttons {
    display: flex;
}

.bar .checkbox-link {
    cursor: pointer;
}

.bar .checkbox-link .input {
    display: none;
}

.bar .checkbox-link span {
    text-decoration: underline;
    color: #00b1d2;
    padding: 0 0 0 23px;
}

.bar .table {
    width: auto;
}

.bar .eshops {
}

.bar .eshops label {
    display: block;
    height: 29px;
    line-height: 29px;
    float: left;
    margin: 0 2px 2px 0;
    white-space: nowrap;
}

.bar .eshops label span {
    display: table-cell;
    vertical-align: middle;
    line-height: 30px;
}

.bar .eshops label .image {
    padding-right: 4px;
}

.bar .eshops label img {
    max-height: 16px;
    max-width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
}

.bar .dates {
}

.bar .dates label,
.bar .presets label {
    display: block;
    margin: 0 0 2px 0;
}

.bar .dates label span,
.bar .presets label span {
    color: #636363;
    display: inline-block;
    width: 31px;
    vertical-align: middle;
}

.bar .dates label input,
.bar .presets label select {
    height: 22px;
    line-height: 25px;
    padding: 0 2px;
    width: 95px;
    margin: 0;
    border: 1px solid #DCDCDC;
    border-radius: 0;
}

.bar .dates label input {text-align: left;}

.bar .presets {
}

.wrapFilter
{
    width: auto;
}

.bar .eshops .block-row
{
    display: flex;
}

#block-row_export
{
    display: flex;
}

.bar .export label {
    display: block;
    cursor: pointer;
    border: 1px solid #00b1d2;
    color: #00b1d2;
    border-radius: 3px;
    float: none;
    margin: 3px 0 0 0;
    height: 28px;
    line-height: 28px;
    clear: both;
    text-align: center;
}

.printBtn
{
    width: 98px;
}

.touchPrintBtn
{
    width: 50px;
}

.bar .export label:hover {
    background: #00b1d2;
    color: white;
}

.bar .export label.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.bar .buttons label {
    height: 29px;
    line-height: 30px;
}

.bar .search {
    vertical-align: middle;
}

.bar .search input {
    display: block;
    height: 35px;
    line-height: 35px;
    padding: 0 20px;
}

.bar .search .button {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    line-height: 35px;
    width: 35px;
    padding: 0;
    text-align: center;
    border-radius: 0;
}

.bar .big-single {
    padding: 0 0 0 10px !important;
}

.bar .big-single label {
    border: 1px solid #eaeaea;
    cursor: pointer;
    border-radius: 3px;
    width: 50px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
}

.bar .big-single label span {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

.bar .big-single label.active,
.bar .big-single label:hover {
    color: #06846a;
    border-color: #00b1d2;
}

.bar input[type="number"],
.bar select {
    display: inline-block;
    height: 40px;
    padding: 0 15px;
    border-radius: 0;
}

.bar select#specificSupplierSelect{
    height: 30px;
}

.bar .filter {
    padding: 5px 20px;
}

.bar .filter .cell {
    vertical-align: middle;
}

.bar .filter select {
    height: 30px;
}

.bar .filter input[type="search"],
.bar .filter input[type="date"] {
    height: 29px;
    line-height: 29px;
    padding: 0 15px;
}

.bar .filter > .table > .cell {
    padding-right: 10px;
}

.bar .filter .filterBlock .cell {
    padding-right: 10px;
}

.bar .filter .filterBlock .cell:last-child {
    padding-right: 0;
}

.nav {
    position: relative;
    background: white;
    border-bottom: 1px solid #efefef;
    padding: 5px 20px;
}

.nav .cell.item {
    display: flex;
    flex-direction: row;
}

.nav .item {
    padding: 0 3px 0 0;
}

.nav .item .beta {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 40px;
    margin: 0 0 0 -20px;
    text-align: center;
    height: 12px;
    line-height: 12px;
    background: #da8d00;
    color: white;
    font-size: 8px;
    text-transform: uppercase;
    border-radius: 3px;
    pointer-events: none;
}

.nav .moduleName {
    width: 220px;
}

.nav .moduleName span {
    display: block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: white;
    margin: -10px 10px -10px -20px;
    background: #0d987c;
    border: 1px solid #0d987c;
}

.queryList td {
    padding: 5px 20px 5px 0;
}

.queryList td:first-child {
    white-space: nowrap;
}

.inline-messages {
    position: fixed;
    top: 66px;
    right: 10px;
    z-index: 3002;
}

.systemDbResult {
    position: relative;
    display: block;
    padding: 15px 20px;
    background: #00b1d2;
    margin: 0 0 10px 0;
    color: white;
}

.systemDbResult .timer {
    display: block;
    height: 3px;
    background: rgba(255, 255, 255, 0.2);
    margin: 5px 0 0 0;
}

.systemDbResult .timer span {
    display: block;
    width: 100%;
    height: 100%;
    background: white;
    opacity: 0.4;
}

.systemDbResult.failure {
    background: #e84646;
}

.check-label {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
    background: #f7f7f7;
}

.eshop-select .check-label {padding: 0px 5px;}

.check-label:hover,
.check-label.checked {
    background: #00b1d2;
    color: white;
}

.check-label input {
    display: none;
}

.valt {
    vertical-align: top !important;
}

.valm {
    vertical-align: middle !important;
}

.sRow {
    display: block;
    clear: both;
}

.sRow:after {
    display: block;
    content: "";
    clear: both;
}

.sRow.nom {
    margin: 0 0 0 0;
}

.sRow.clr:after {
    content: "";
    display: block;
    clear: both;
}

.sRow .sBlock {
    position: relative;
    display: block;
    float: left;
    width: 100%;
}

.sRow .sBlock hr {
    border: none;
    border-bottom: 1px solid #f3f3f4;
    margin: 0 0 20px 0;
}

.sRow .sBlock .wrap {
    position: relative;
    min-height: 250px;
    background: white;
    display: block;
    padding: 20px;
    border-top: 2px solid #e7eaec;
}

.sRow .sBlock.nopadd .wrap {
    padding: 20px 0 0 0;
}

.sRow .sBlock.noborder .wrap,
.sRow .sBlock.noborder {
    border: none;
}

.sRow .sBlock .wrap p {
    margin: 0 0 10px 0;
}

.sRow .sBlock.small .wrap {
    min-height: 100px;
}

.sRow .sBlock.colored .wrap {
    background: #00b1d2;
    border-color: #079276;
    color: white;
}

.sRow .sBlock img {
    max-width: 100%;
}

.sRow .sBlock .hfull {
    height: 250px;
}

.sRow .sBlock .header {
    display: block;
    font-size: 16px;
    font-weight: normal;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    margin: -20px -20px 20px -20px;
    border-bottom: 1px solid #f3f3f4;
}

.sRow .sBlock .header .filter {
    display: inline-block;
    float: right;
    font-size: 14px;
}

.sRow .sBlock .header .filter .icon {
    margin: 0 0 0 5px;
}

.sRow .sBlock .header .filter .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 10px;
}

.sRow .sBlock .sub-header {
    display: block;
    font-weight: 600;
    font-size: 14px;
    margin: 0 0 15px 0;
}

.sRow .sBlock .no-data {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sRow .sBlock .no-data span {
    display: block;
    text-align: center;
    color: gray;
}

.sRow .sBlock .no-data .icon {
    font-size: 40px;
    margin: 0 0 20px 0;
}

.sRow .sBlock .no-data .text {
    margin-bottom: -30px;
}

.sRow .sBlock .center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    height: auto;
    width: auto;
    -ms-interpolation-mode: bicubic;
}

.sRow .sBlock table {
    border-collapse: collapse;
}

.sRow .sBlock table td {
    padding: 10px 15px 10px 0;
    vertical-align: middle;
}

.sRow .sBlock p {
    display: block;
    margin: 0 0 15px 0;
}

.sRow .sBlock.hauto .wrap {
    min-height: 0;
}

.sRow .sBlock.header-over {
    margin-top: 30px;
}

.sRow .sBlock.header-over .header {
    margin-top: -50px;
    margin-bottom: 20px;
    border: none;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}

.sRow .sBlock .list {
    width: 100%;
    border-collapse: collapse;
    border: none;
}

.sRow .sBlock .list td,
.sRow .sBlock .list th {
    padding: 10px 15px;
    border: none;
    text-align: left;
    vertical-align: middle;
}

.sRow .sBlock .list *.no-padd-left {
    padding-left: 0;
}

.sRow .sBlock .list tr:first-child {
}

.sRow .sBlock .list tr.even {
    background: #f9f9f9;
}

.sRow .sBlock .list tr:last-child {
    border-bottom: none;
}

.sRow .sBlock .list tr {
    border-bottom: 1px solid #dddddd;
}

.sRow .sBlock .list tr .id {
    width: 20px;
    padding-left: 4px;
    padding-right: 4px;
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
}

.sRow .sBlock .list tr .icon {
    text-align: center
}

.sRow .sBlock .list tr .icon.tal {
    text-align: left;
}

.sRow .sBlock .list tr .icon span {
    font-size: 22px;
    display: inline-block;
    vertical-align: middle;
}

.sRow .sBlock .list tr .icon span.fileName {
    font-size: 12px;
    margin: 0 0 0 5px;
}

.sRow .sBlock .list tr .icon.wrong,
.sRow .sBlock .list tr .icon span.wrong,
.sRow .sBlock .list tr .icon .wrong span {
    color: red;
}

.sRow .sBlock .list .smaller {
    font-size: 12px;
    font-weight: normal;
}

.sRow .sBlock .list tr.lowMargin,
.sRow .sBlock .list tr.highPrice,
.sRow .sBlock .list tr.failure {
    background: #ffbbbb;
    border-color: #dc9494;
}

.sRow .sBlock .list tr.noPrice {
    background: #ffebc7;
    border-color: #e8d0a5;
}

.sRow .sBlock .list tr.noMargin {
    background: black;
    border-color: black;
}

.sRow .sBlock .list input {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

.sRow .sBlock .list input.wide,
.sRow .sBlock .list input.full {
    width: 100%;
}

.sRow .sBlock .list input.number {
    width: 40px;
    text-align: center;
    padding: 0 5px 0 5px;
}

.sRow .sBlock .list input.price {
    width: 80px;
    text-align: right;
}

.sRow .sBlock .list input.code {
    width: 150px;
}

.sRow .sBlock .list input.name {
    width: 100%;
}

.sRow .sBlock .list tr.disabled {
    pointer-events: none;
}

.sRow .sBlock .list tr.isPacked {
    background: #e6f9d3;
}

.sRow .sBlock .list .rise {
    color: green;
}

.sRow .sBlock .list .fall {
    color: red;
}


.sRow .sBlock table.rejestr tr:nth-child(even) {
    background: #e6e6e6;
}

.sort-list,
.sort-list tr {
    width: 100%;
}

.sort-list tr,
.sort-list td {
    height: 50px;
}

.list .label {
    width: 100%;
}

.sort-list .handle,
.sort-list .input,
.sort-list .checkbox,
.sort-list td:nth-child(1),
.sort-list td:nth-child(3),
.sort-list td:nth-child(4) {
    width: 20px !important;
    text-align: center !important;
    padding: 0 4px !important;
}

.sort-list,
.sort-list * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sort-list .input,
.sort-list td:nth-child(4) {
    display: none !important;
}

.sort-list .ui-sortable-helper {
    background: #ebfffb;
}

.sBlock .flot-chart {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.sBlock .flot-chart.h300 {
    height: 300px;
    position: relative;
    margin: 0 -20px;
    width: auto;
}

.sBlock .flot {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    display: block;
    height: 100%;
    padding: 20px 0 0 0;
}

.sBlock .flot-chart.padding {
    padding: 10px 10px 10px 10px;
}

.sBlock .flot-chart.padding .flot {
    position: relative;
    bottom: 0;
}

.sRow .sBlock.colored .title:not(.big) {
    opacity: 0.6;
}

.sRow .sBlock.colored .title,
.sRow .sBlock.colored .num {
    display: block;
    font-size: 16px;
}

.sRow .sBlock.colored table {
    width: 100%;
}

.sRow .sBlock.colored .num.big {
    font-size: 40px;
}

.sRow .sBlock.colored .num.superBig {
    font-size: 70px;
}

.sRow .col-2 {
    width: 16.6666%;
}

.sRow .col-3 {
    width: 24.9999%;
}

.sRow .col-4 {
    width: 33.333%;
}

.sRow .col-5 {
    width: 41.6666%;
}

.sRow .col-6 {
    width: 50%;
}

.sRow .col-7 {
    width: 58.3333%;
}

.sRow .col-8 {
    width: 66.6666%;
}

.sRow .col-9 {
    width: 75%;
}

.sRow .col-10 {
    width: 75.3333%;
}

.sRow .col-12 {
    width: 100%;
}

/* 8,3333 */

.form-table {
    border-collapse: collapse;
    width: 100%;
}

.form-table td {
    padding: 10px 15px 10px 0;
}

.form-table td.bold,
.form-table td.label {
    font-weight: bold;
    min-width: 100px;
    max-width: 200px;
}

.form-table td.wide {
    width: 100%;
}

.form-table input:not([type="checkbox"]):not([type="radio"]):not(.formified),
.form-table textarea {
    display: block;
    min-width: 200px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    width: 100%;
}

.form-table textarea {
    height: 150px;
    padding: 5px 15px;
    line-height: 20px !important;
    resize: none;
}

.form-table textarea.likeInput {
    height: 30px;
    line-height: 15px;
}

.form-table .smaller {
    display: block;
    margin: 5px 0 0 0;
    font-size: 12px;
    color: gray;
    font-weight: normal;
}

label.hasInput {
    margin: 0 10px 0 0;
}

label.hasInput > * {
    display: inline-block;
    vertical-align: middle;
}

label.hasInput input {
    margin: 0 5px 0 0;
}


.inline-order-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.inline-order-modal .wrap {
    display: block;
    padding: 20px;
    background: white;
    border-radius: 3px;
}

.shipping-modal .wrap {
    padding: 0;
    border: 1px solid #dcdbdb;
}

.shipping-modal label {
    cursor: pointer;
    display: table;
    width: 100%;
    max-width: 400px;
    border-bottom: 1px solid #efefef;
}

.shipping-modal label:hover {
    background: #dcdbdb;
    border-color: #dcdbdb;
}

.shipping-modal label.active {
    background: #00b1d2;
    color: white;
    border-color: #00b1d2;
}

.shipping-modal label:last-child {
    border-bottom: none;
}

.shipping-modal label > span {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px 5px 0px;
}

.shipping-modal label span.image {
    width: 20px;
    padding: 5px 10px 5px 10px;
}

.shipping-modal label img {
    max-width: 20px;
    max-height: 20px;
}

td .selection {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inline-search-button,
.inline-search-button .drop-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.inline-search-button .drop-button span {
    position: relative;
    margin-top: 10px;
    height: 15px;
    width: 15px;
    line-height: 15px;
    text-align: center;
    background: #e0e0e0;
    color: black;
    border-radius: 3px;
    font-size: 6px;
    display: inline-block;
}

.inline-search-button .drop-button:hover span,
.inline-search-button .drop-button.toggled span,
.inline-search-button .drop-button.selected span,
.isActive .inline-search-button .drop-button span {
    background: #00b1d2;
    color: white;
}

.inline-dropdown {
    position: absolute;
    top: 34px;
    right: 0;
    background: white;
    display: none;
    border: 1px solid #ececec
}

.inline-dropdown .inline-search {
    padding: 5px;
    display: none;
}

.inline-dropdown input[type="text"] {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    width: 100%;
}

.inline-dropdown label {
    display: block;
    white-space: nowrap;
    padding: 3px 5px;
}

.inline-dropdown .inline-list {
}

.inline-dropdown .inline-list .cell:first-child {
    width: 15px;
    padding: 0 3px 0 0;
}

.inline-input-search {
    position: relative;
    display: inline-block;
}

.inline-input-search .column-name {
    display: inline-block;
}

.inline-input-search .column-input {
}

.inline-input-search input {
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
}

#ui-datepicker-div {
    z-index: 20 !important;
}

.error-throw {
    display: block;
    padding: 10px 15px;
    background: #f94848;
    color: white;
    margin: 0 0 5px 0;
}


.sms-gate {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3000;
}

.sms-gate .close {
    position: absolute;
    font-size: 20px;
    top: -30px;
    right: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
}

.sms-gate * {
    position: relative;
}

.sms-gate table td {
    padding-right: 0 !important;
}

.sms-gate input {
    height: 50px;
    line-height: 50px;
}

.sms-gate .sms-form {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    padding: 20px;
    border-radius: 3px;
    background: white;
    width: 300px;
    height: auto;
    margin: -300px 0 0 -150px;
}

.sms-gate .header {
    background: #00b1d2;
    font-size: 20px;
    color: white;
    border-color: #00b1d2;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin: -20px -20px 20px -20px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px 3px 0 0;
}

.sms-gate .sms-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.sms-gate .inputHolder textarea {
    height: 130px;
}

.sms-gate .button img {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    max-height: 20px;
}

.modal-close {
    cursor: pointer;
}

.disabled-click {
    pointer-events: none;
}

#supplierInvoiceFormTable [readonly] {
    background: none;
    border: none;
    padding: 0;
}

.select,
.select-wrap,
.select-chosen,
.select-options,
.select-value-wrap {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
}

.select {
    min-width: 100px;
}

.select.disabled {
    pointer-events: none;
}

.select-wrap {
    position: relative;
}

.select-value-wrap {
    position: relative;
    z-index: 2;
    border: 1px solid #b9b9b9;
    border-radius: 3px;
    background: white;
    overflow: hidden;
    cursor: pointer;
}

.select:focus .select-value-wrap,
.select.focus .select-value-wrap,
.select:focus .select-options,
.select.focus .select-options {
    border-color: #00b1d2;
}

.select-chosen {
    display: table;
    width: 100%;
}

.select-chosen > span {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 5px;
    padding-top: 5px;
}

.select-chosen .arrow {
    width: 30px;
    border-left: 1px solid #b9b9b9;
    text-align: center;
    color: #b3b3b3;
}

.select-chosen .value {
    padding-left: 10px;
    padding-right: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-chosen:hover .arrow {
    color: black;
}

.select-options {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    border: 1px solid #b9b9b9;
    background: white;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    min-width: 100%;
    margin: -1px 0 0 0;
}

.select-options .select-option {
    white-space: nowrap;
    padding: 5px 10px;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
}

.select-options .select-option:last-child {
    border-bottom: none;
}

.select-options .select-option.selected,
.select-options .select-option:hover {
    background: #00b1d2;
    color: white;
    border-color: #00b1d2;
}

.select-options .select-option.disabled {
    opacity: 0.3;
    background: #b9b9b9;
    color: inherit;
    border-color: #b9b9b9;
}

.select .original {
    height: 0;
    overflow: hidden;
}

.supplier-icon {
    display: inline-block !important;
    width: 25px;
    height: 25px;
}

.supplier-icon.atc-icon {
    background: url("/images/suppliers/atc.png") center center / 22px auto no-repeat;
}

.supplier-icon.berge-icon {
    background: url("/images/suppliers/berge.png") center center / 30px auto no-repeat;
}

.supplier-icon.herba-icon {
    background: url("/images/suppliers/herbamedicus.png") center center / 20px auto no-repeat;
}

.supplier-icon.elfetex-icon {
    background: url("/images/suppliers/elfetex.png") center center / 30px auto no-repeat;
}

.supplier-icon.meanwell-icon {
    background: url("/images/suppliers/meanwell.png") center center / 30px auto no-repeat;
}

.supplier-icon.jeans-icon {
    background: url("/images/suppliers/jeans.png") center center / 30px auto no-repeat;
}

.supplier-icon.dvere-icon {
    background: url("/images/suppliers/dverehrdinka.png") center center / 30px auto no-repeat;
}

.supplier-icon.dverehrdinka-icon {
    background: url("/images/suppliers/dverehrdinka.png") center center / 30px auto no-repeat;
}

.supplier-icon.prilby-icon {
    background: url("/images/suppliers/prilby.png") center center / 23px auto no-repeat;
}

.supplier-icon.schneider-icon {
    background: url("/images/suppliers/schneider.png") center center / 23px auto no-repeat;
}

.supplier-icon.colorwin-icon {
    background: url("/images/suppliers/colorwin.png") center center / 23px auto no-repeat;
}

.supplier-icon.halomeble-icon {
    background: url("/images/suppliers/halomeble.png") center center / 23px auto no-repeat;
}

.supplier-icon.ed-icon {
    background: url("/images/suppliers/ed.png") center center / 23px auto no-repeat;
}

.supplier-icon.loxone-icon {
    background: url("/images/suppliers/loxone.png") center center / 23px auto no-repeat;
}

.supplier-icon.madmonq-icon {
    background: url("/images/suppliers/madmonq.png") center center / 23px auto no-repeat;
}

.supplier-icon.agem-icon {
    background: url("/images/suppliers/agem.png") center center / 23px auto no-repeat;
}

.supplier-icon.penta-icon {
    background: url("/images/suppliers/penta.png") center center / 23px auto no-repeat;
}

.supplier-icon.gently-icon {
    background: url("/images/suppliers/gently.png") center center / 23px auto no-repeat;
}
.supplier-icon.kera-icon {
    background: url("/images/suppliers/kera.png") center center / 23px auto no-repeat;
}
.supplier-icon.canis-icon {
    background: url("/images/suppliers/canis.jpg") center center / 23px auto no-repeat;
}
.supplier-icon.lipoelastic-icon {
    background: url("/images/suppliers/lipoelastic.png") center center / 23px auto no-repeat;
}
.supplier-icon.sapro-icon {
    background: url("/images/suppliers/sapro.jpg") center center / 23px auto no-repeat;
}
.supplier-icon.canis-icon {
    background: url("/images/suppliers/canis.jpg") center center / 23px auto no-repeat;
}
.supplier-icon.sws-icon {
    background: url("/images/suppliers/sws.png") center center / 23px auto no-repeat;
}
.supplier-icon.domacipotreby-icon,
.supplier-icon.idomacipotreby-icon {
    background: url("/images/suppliers/idomacipotreby.png") center center / 23px auto no-repeat;
}
.supplier-icon.kb-icon {
    background: url("/images/suppliers/kb.png") center center / 23px auto no-repeat;
}
.supplier-icon.adart-icon {
    background: url("/images/suppliers/adart.jpg") center center / 23px auto no-repeat;
}
.supplier-icon.kancelzidle-icon {
    background: url("/images/suppliers/kancelzidle.png") center center / 23px auto no-repeat;
}
.supplier-icon.dvedeti-icon {
    background: url("/images/suppliers/dvedeti.png") center center / 30px auto no-repeat;
}
.supplier-icon.smarty-icon {
    background: url("/images/suppliers/smarty.jpg") center center / 30px auto no-repeat;
}
.supplier-icon.severskesvetlo-icon {
    background: url("/images/suppliers/svt.jpg") center center / 30px auto no-repeat;
}
.supplier-icon.istores-icon {
    background: url("/images/suppliers/istores.png") center center / 30px auto no-repeat;
}
.supplier-icon.solight-icon {
    background: url("/images/suppliers/solight.png") center center / 20px auto no-repeat;
}
.supplier-icon.rae-icon {
    background: url("/images/suppliers/rae.png") center center / 10px auto no-repeat;
}
.supplier-icon.argos-icon {
    background: url("/images/suppliers/argos.png") center center / 25px auto no-repeat;
}
.supplier-icon.vitakraft-icon {
    background: url("/images/suppliers/vitakraft.jpg") center center / 20px auto no-repeat;
}
.supplier-icon.none-icon {
    background: url("/images/suppliers/none.png") center center / 23px auto no-repeat;
}



.supplier-icon.icon-shipping,
.o-i-img .icon-image {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #c5c5c5;
}

/*
.supplier-icon.icon-shipping {background: url("/images/suppliers/ed.png") center center no-repeat;background-size: 20px;}
.icon-shipping::before {display: none !important;}
*/
.smsEmailStates {
    table-layout: fixed;
    margin: 0 0 20px 0;
}

.smsEmailStates td {
    padding: 0 !important;
}

.smsEmailStates label:not([for="updateStateText"]) {
    padding: 5px 10px;
}

.smsEmailStates label:not([for="updateStateText"]):hover,
.smsEmailStates label:not([for="updateStateText"]).active {
    background: #f5f5f5;
}

.smsEmailStates label:not([for="updateStateText"]) > * {
    display: block;
    text-align: center;
    margin: 0 auto;
}

.smsEmailStates .eshop {
    border-right: 1px solid #dddddd !important;
}

.smsEmailStates .eshopName {
    padding: 5px 2px !important;
}

.smsEmailStates label:not([for="updateStateText"]).disabled {
    background: #ffe7e7;
}

.smsEmailStates label:not([for="updateStateText"]).disabled input {
    opacity: 0.5;
}

.smsEmailStates label[for="updateStateText"] {
    text-align: center;
}

.variableButtons {
}

.variableButtons .button {
    padding: 10px;
    white-space: nowrap;
    height: auto;
    line-height: 16px;
    text-align: center;
}

.variableButtons .button > * {
    display: block;
}

.variableButtons .button.disabled {
    opacity: 0.3;
    pointer-events: none;
}

.variableButtons .example {
    font-size: 12px;
    color: #929292;
}

.variableButtons .button:hover .example,
.variableButtons .button.active .example {
    color: white;
    opacity: 0.6;
}

.variableButtons .syntaxInput {
    height: 0 !important;
    border: none;
    overflow: hidden;
}

fieldset {
    padding: 20px;
    border: 1px solid #ddd;
    margin: 0 0 20px 0;
}

fieldset legend {
    padding: 0 20px;
    font-size: 20px;
    color: #00b1d2;
}

.special-shipping-options,
.special-shipping-options select {
    font-size: 12px;
    max-width: 80px;
}.puntik.nechyba

 .logged-error.table * {
     text-align: left;
 }

.logged-error.table .time,
.logged-error.table .method {
    opacity: 0.6;
}

.cisloDodaku {padding: 3px; width: 105px; font-size: 12px;}

.puntik {width: 6px; height: 6px; border-radius: 15px;}
.puntik.nechyba {background: #5BB75B;}
.puntik.chyba {background: red;}

.greenBorderAnimate {
    -webkit-animation-name: colorizeBorder;
    -webkit-animation-duration: 500ms;
    animation-name: colorizeBorder;
    animation-duration: 500ms;
}

.redBorderAnimate {
    -webkit-animation-name: colorizeBorderRed;
    -webkit-animation-duration: 500ms;
    animation-name: colorizeBorderRed;
    animation-duration: 500ms;
}

.notification a {
    color: #ff5f5f !important;
}

.order-sum-dialog {
    z-index: 9;

    display: flex;
    position: absolute;
    /*position: fixed;*/

    flex-direction: column;
    justify-content: center;
    align-items: center;

    background: #00b1d2;
    color: #fff;

    padding: 20px 20px;
    bottom: 20px;
    right: 20px;
    height: 40px;
    width: max-content;
    min-width: 140px;
    white-space: nowrap;
    row-gap: 5px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);

    font-size: 1.25rem;

    transition: opacity 150ms;
}

.order-sum-dialog .title {
    padding-bottom: 1rem;
}

.bar select:active {
    background: #00b1d2;
    color: white;
}

@keyframes colorizeBorder {
    from {border-color: #dcdcdc;}
    to {border-color: #6fb12d;background: #6fb12d;}
}

@keyframes colorizeBorderRed {
    from {border-color: #dcdcdc;}
    to {border-color: red;background: red;}
}

.orders-wrapper {
    display: flex;
}

.orders-wrapper .invoice-view {
    flex: 0 30%;
    padding: 10px;
    max-width: max-content;
}

.orders-wrapper .orders-view {
    flex: 1 1;
}

.filter-invoice h2 {
    padding: 0;
    height: unset;
    line-height: unset;
    margin: 0;
}

.invoice-form {
    display: flex;
    justify-content: space-between;
}

.orders-wrapper .filter {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orders-wrapper .filter .filter-buttons {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}

.orders-wrapper .filter-invoice {
    display: flex;
    justify-content: space-between;
}

.orders-wrapper .filter-invoice .title {
    display: flex;
    align-items: center;
}

.orders-wrapper .control {
    display: flex;
    flex-direction: column;
}

.orders-wrapper .input {
    background: none;
    padding: 5px;
    border-radius: 3px;
    min-height: 30px;
}

.orders-wrapper .input:disabled {
    background: #eee;
}

.orders-wrapper .countryName {
    margin: 0;
    padding: 0;
}

.orders-wrapper .button {
    background: none;
    color: #000;
    border: solid 1px #000;
    vertical-align: middle;
    line-height: 20px;
}

.orders-wrapper .button.is-small {
    font-size: 12px;
    padding: 8px;
    line-height: 8px;
}

.orders-wrapper .button.is-success {
    background: #00d1b2;
    color: #fff;
    border-color: #00a88f;
}

.orders-wrapper .button.is-danger {
    background: #ff3860;
    color: #fff;
    border-color: #ff3860;
}

.orders-wrapper #shippingPrices {
    display: none;
    margin-top: 10px;
}

.orders-wrapper .table thead th {
    background: #f8f8f8;
    padding: 8px;
    border-radius: 10px;
    border: solid 1px #ccc;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
}

.orders-wrapper .table tbody td {
    padding: 2px 5px;
    white-space: nowrap;
    text-wrap: none;
}

.orders-wrapper .table tbody tr.center {
    text-align: center;
}

.orders-wrapper .table tbody tr.orange {
    background: #ffbe58;
    color: #fff;
}

.orders-wrapper .table tbody tr.green {
    background: #00d1b2;
    color: #fff;
}

.sRow .sBlock .header.is-flex {
    display: flex;
}

.sRow .sBlock .header.is-flex.jc-sb {
    justify-content: space-between;
}

.sRow .sBlock .header.is-flex.ai-center {
    align-items: center;
}

.bg-orange {
    background-color: orange;
}

.email-template-buttons button {background: #00b1d2;border:none;border-radius: 3px;color: white;cursor: pointer;padding: 10px 15px;font-size: 16px;margin-right: 60px; text-wrap: nowrap;}
.email-template-buttons button:hover {background: green;}

/* JIRNO application family: Touchlogis retains Atoll Blue. */
:root{--tl-accent:#00b1d2;--tl-wash:#e5f7fd}body{background:#f7fafc}header #logo{background:#fff;border-bottom-color:#e0edf2!important;padding:0 12px}header #logo .touchlogis-wordmark{font:750 22px/1.2 Arial,sans-serif;letter-spacing:-1px;color:#242c34;white-space:nowrap}header #logo .touchlogis-wordmark span{color:#00b1d2}header #logo .touchlogis-wordmark .touchlogis-dot{font-size:12px;margin-left:2px}header #top{border-top:3px solid transparent;border-image:linear-gradient(65deg,#007f9b,#00b1d2 65%,#73dcf8) 1}header #main-menu>.menu-list>.item{--nav-wash:#e5f7fd;--nav-ink:#006f94}header #main-menu>.menu-list>.item:nth-child(4n+2){--nav-wash:#fcebf3;--nav-ink:#9b245d}header #main-menu>.menu-list>.item:nth-child(4n+3){--nav-wash:#f1edf9;--nav-ink:#543892}header #main-menu>.menu-list>.item:nth-child(4n+4){--nav-wash:#e7f6ed;--nav-ink:#216940}header #main-menu>.menu-list>.item>a{border-radius:8px;transition:background .22s,color .22s,transform .22s,box-shadow .22s}header #main-menu>.menu-list>.item:hover>a,header #main-menu>.menu-list>.item>a:focus-visible{background:var(--nav-wash);color:var(--nav-ink);transform:translateY(-2px);box-shadow:0 6px 16px #00ace51c}header #main-menu .menu-list .menu-list{border:1px solid #d9eff7;border-radius:10px;box-shadow:0 10px 24px #163c4d18;overflow:hidden}header #main-menu .menu-list .menu-list a:hover{background:#edf9fd;color:#006f94}input:focus,select:focus,textarea:focus{border-color:#00b1d2;box-shadow:0 0 0 2px #00b1d218} @media(prefers-reduced-motion:reduce){header #main-menu>.menu-list>.item>a{transition:none;transform:none!important}}

/* Touchlogis logo and stripe share the exact Atoll Blue. */
header #top{border-image:none;border-top:3px solid #00b1d2}header #logo{padding:0 10px}header #logo img.touchlogis-brand-logo{display:block;width:174px;height:38px;max-height:none;max-width:none}

/* Hide unused top-level navigation entries, keep their pages intact. */
#main-menu>.menu-list>.item:has(>a[href$="/fakturace"]),#main-menu>.menu-list>.item:has(>a[href$="/dodavatele"]){display:none!important}

/* Shared Touch application wordmark: typography and dot match TouchDesk. */
header #logo{padding:0 14px}header #logo .touchlogis-wordmark{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:24px;font-weight:750;line-height:1.2;letter-spacing:-1px;color:#242033}header #logo .touchlogis-wordmark span{color:#00b1d2}header #logo .touchlogis-wordmark .touchlogis-dot{font-size:12px;margin-left:0}

/* Legacy mobile/stripped styles must not hide wordmark suffixes. */
header #top #logo{width:160px!important;min-width:160px!important;overflow:visible}header #top #logo a{white-space:nowrap;overflow:visible}header #top #logo .touchlogis-wordmark,header #top #logo .touchlogis-wordmark span{display:inline!important;visibility:visible!important}
/* SMS group is nested under Orders, with room for its own flyout. */
header #main-menu>.menu-list>.item-1>.menu-list{overflow:visible}header #main-menu .item-1 .item-16>a{border:0;border-radius:0;height:auto;line-height:normal;color:inherit}

/* Shared Touch application shell: 210px brand column, 48px navigation. */
:root{--touch-font:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--touch-line:#dde7ef;--touch-accent:#00b1d2}header{font-family:var(--touch-font)}header #top #logo{width:210px!important;min-width:210px!important;padding:0 14px;text-align:left;box-sizing:border-box}header #top #logo a{display:block;height:48px!important;line-height:48px!important;overflow:visible}header #top #logo .touchlogis-wordmark{font-family:var(--touch-font)!important;font-size:24px!important;font-weight:750!important;line-height:48px!important;letter-spacing:-1px}header #top>.table>.cell{height:48px;box-sizing:border-box}header #main-menu>.menu-list>.item>a{font-family:var(--touch-font);font-size:13px;font-weight:600;height:34px;line-height:34px;padding-left:11px;padding-right:11px;border-radius:8px}header #main-menu .menu-list .menu-list a{font-family:var(--touch-font);font-size:13px}header #filterSearchForm input:not([type=checkbox]){font-family:var(--touch-font);font-size:13px;border:1px solid var(--touch-line);border-radius:8px;background:#f8fafc}header #filterSearchForm .button{border-radius:8px}header #top{border-bottom:1px solid var(--touch-line)}

/* Keep the shared top row exactly 48px plus the 3px application stripe. */
header #top{border-bottom:0}header #top>.table>.cell{border-bottom:0!important}

/* Compact Touch navigation and shop chips: same controls as TouchDesk. */
header #top #logo{width:158px!important;min-width:158px!important}header #main-menu>.menu-list>.item{vertical-align:middle}header #main-menu>.menu-list>.item>a{display:flex!important;align-items:center;justify-content:center;gap:5px;height:34px;line-height:1.2;box-sizing:border-box;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s;transform:none!important;box-shadow:none!important}header #main-menu>.menu-list>.item>a>.name{line-height:1.2}header #main-menu>.menu-list>.item:hover>a,header #main-menu>.menu-list>.item>a:focus-visible{background:var(--nav-wash);color:var(--nav-ink);border-color:var(--nav-ink);transform:none!important;box-shadow:none!important}header #main-menu>.menu-list>.item.active>a{background:var(--nav-wash);color:var(--nav-ink);border-color:var(--nav-ink)}
header .eshop-select{display:flex!important;align-items:center;gap:6px!important;column-gap:6px!important;padding:3px 0;overflow:visible!important}header .eshop-select>div{display:block;flex-shrink:0}header .eshop-select .check-label{--chip-wash:#e5f7fd;--chip-ink:#006f94;display:flex!important;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;height:34px!important;padding:4px 10px!important;border:1px solid #e2e5ed;border-radius:8px;background:#fff;color:#6b7385;font:600 13px/1.2 var(--touch-font);white-space:nowrap;transition:background .18s,color .18s,border-color .18s;box-shadow:none;transform:none}header .eshop-select .check-label>.image{display:inline-grid;place-items:center;box-sizing:border-box;width:24px;height:24px;padding:3px;background:#fff;border:1px solid #e1e5eb;border-radius:7px;flex-shrink:0;margin:0}header .eshop-select .check-label>.image img{display:block;object-fit:contain;width:100%;height:100%;max-width:none;max-height:none;margin:0}header .eshop-select .check-label>.name{font:inherit;margin:0;color:inherit;line-height:1.2}header .eshop-select .check-label>.input{display:none}header .eshop-select .check-label .amount{font:inherit;color:inherit;margin-left:4px!important}header .eshop-select .check-label[data-eshop-code="LEDvěci.cz"]{--chip-wash:#fff8d9;--chip-ink:#79600d}header .eshop-select .check-label[data-eshop-code="Jirno"]{--chip-wash:#fcebf3;--chip-ink:#9b245d}header .eshop-select .check-label[data-eshop-code="Herbamedicus.com"]{--chip-wash:#fff1e9;--chip-ink:#a33911}header .eshop-select .check-label[data-eshop-code="colorwin.cz"]{--chip-wash:#f1edf9;--chip-ink:#543892}header .eshop-select .check-label[data-eshop-code="PremioPocitace.cz"]{--chip-wash:#eaf2fc;--chip-ink:#245f99}header .eshop-select .check-label[data-eshop-code="Marketplace"]{--chip-wash:#e7f6ed;--chip-ink:#216940}header .eshop-select .check-label:hover{background:var(--chip-wash);color:var(--chip-ink);border-color:var(--chip-ink)}header .eshop-select .check-label.checked,header .eshop-select .check-label:has(input:checked){background:#e5f7fd;color:#006f94;border-color:#00b1d2;box-shadow:none}header .eshop-select .check-label:focus-within{outline:2px solid #00b1d2;outline-offset:2px}header .eshop-select>div>span{width:16px!important;height:16px!important;top:-7px!important;right:-4px!important;font-size:9px!important}@media(prefers-reduced-motion:reduce){header .eshop-select .check-label{transition:none}}

/* Clean Touch navigation: fill-only interaction, no framing or movement. */
header #main-menu .hasChildren>a::after{display:none!important}header #main-menu>.menu-list>.item>a,header #main-menu>.menu-list>.item:hover>a,header #main-menu>.menu-list>.item.active>a{border:0!important;transform:none!important;box-shadow:none!important}header #top #logo{width:150px!important;min-width:150px!important}header .bar .basic-filter{width:150px!important;min-width:150px!important;box-sizing:border-box;padding:0 10px}header .basic-filter>.wrap{padding:0}header .eshops .wrapFilter{padding-left:0}header .datesHeader .presets{margin-top:6px}header .datesHeader .presets select{width:100%!important;height:28px;border-radius:7px;font-size:11px}header .eshop-select .check-label,header .eshop-select .check-label:hover,header .eshop-select .check-label.checked,header .eshop-select .check-label:has(input:checked){border:0!important;box-shadow:none!important}header .eshop-select .check-label>.image{border:0;background:transparent}header .eshop-select .check-label.checked:hover,header .eshop-select .check-label:has(input:checked):hover{background:var(--chip-wash);color:var(--chip-ink)}
header .check-label[for^="shipping-type-"]{--chip-wash:#e5f7fd;--chip-ink:#006f94;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:4px 8px;border:0;border-radius:8px;font:600 12px/1.2 var(--touch-font);background:transparent;color:#637185;transition:background .18s,color .18s}header .check-label[for^="shipping-type-"] .input{display:none}header .check-label[for^="shipping-type-"] .image{display:inline-flex;align-items:center;gap:5px;line-height:1.2!important}header .check-label[for^="shipping-type-"] img{width:20px!important;height:20px!important;object-fit:contain}header .check-label[for^="shipping-type-"] .name{line-height:1.2!important;margin:0!important}header .check-label[for="shipping-type-4"]{--chip-wash:#fff1e9;--chip-ink:#a33911}header .check-label[for="shipping-type-3"]{--chip-wash:#fff8d9;--chip-ink:#79600d}header .check-label[for="shipping-type-7"]{--chip-wash:#fcebf3;--chip-ink:#9b245d}header .check-label[for="shipping-type-6"]{--chip-wash:#f1edf9;--chip-ink:#543892}header .check-label[for="shipping-type-10"]{--chip-wash:#e7f6ed;--chip-ink:#216940}header .check-label[for^="shipping-type-"].checked,header .check-label[for^="shipping-type-"]:has(input:checked){background:#e5f7fd;color:#006f94}header .check-label[for^="shipping-type-"]:hover{background:var(--chip-wash);color:var(--chip-ink)}
button,.button,.check-label{border-color:transparent!important;box-shadow:none!important}.button:hover,.check-label:hover{transform:none!important}header .eshop-select .check-label .image{width:24px;height:24px}header .eshop-select .check-label:hover{transform:none!important}

/* One-line shipping filters and explicit touch actions. */
header #block-row_export,header .operations.filters .block-row.export{display:none!important}
header .buttons-group{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:6px;min-width:0}
header .buttons-group>.buttons{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:2px;margin:0!important;white-space:nowrap;flex-shrink:0}
header .buttons-group>.kusyButtons:empty{display:none!important}
header .buttons-group .check-label[for^="shipping-type-"]{padding:4px 5px!important;gap:4px;font-size:11px;white-space:nowrap}
header #selectSpecificSupplier{gap:5px!important}
header #selectSpecificSupplier select{height:34px!important;box-sizing:border-box;font-size:11px;border-radius:7px}
header #selectSpecificSupplier select[name="specificSupplier"]{width:110px!important}
header #selectSpecificSupplier select[name="dodanoDodavatelem"],header #selectSpecificSupplier select[name="vybranyStat"]{width:80px!important}
header .operations.filters{width:202px!important;min-width:202px;padding:0 8px!important;vertical-align:middle}
header .operations.filters .wrap,header .operations.filters .block-row.buttons{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:0!important}
header #filtrovat,header #resetovat{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px!important;min-width:88px;box-sizing:border-box;padding:8px 12px!important;border:1.5px solid #00a0bf!important;border-radius:8px!important;background:#e5f7fd;color:#006b83;font:600 13px/1.2 var(--touch-font);cursor:pointer;touch-action:manipulation;margin:0!important}
header #resetovat{border-color:#d76a78!important;background:#fff1f3;color:#a32d40}
header #filtrovat:hover{background:#c9f0f9}header #resetovat:hover{background:#ffe0e6}
header #filtrovat:focus-visible,header #resetovat:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Separate the application navigation from the shop row. */
header #top{border-bottom:1px solid #efefef!important}

/* Align both filter rows around the same horizontal centres. */
header .bar{padding-top:0!important}
header .bar .basic-filter,header .bar .eshops{padding-top:0!important;padding-bottom:0!important;vertical-align:top}
header .datesHeader [data-touch-date-range]{height:54px;display:flex;align-items:center}
header .datesHeader .touch-date-trigger{width:100%}
header .eshops .eshop-select{height:54px!important;box-sizing:border-box;padding-top:0!important;padding-bottom:0!important;align-items:center!important}
header .eshops hr{margin-top:0!important;margin-bottom:5px!important}
header .datesHeader .presets{margin-top:10px!important;padding:0!important}
header .datesHeader .presets label{display:block;margin:0!important}
header .datesHeader .presets select{height:34px!important;box-sizing:border-box;font-size:11px;border-radius:7px;margin:0!important}

header .eshop-select .check-label{margin-bottom:0!important}

/* Product detail list does not need a column heading row. */
#mainOrderList.detailRows>tbody>tr.headLine{display:none!important}

/* Match content inset to the application wordmark. */
header .bar,body>section#body{padding-left:14px!important;box-sizing:border-box}

/* Soft JIRNO-family summary card, without changing its values or dragging. */
#order-sum-dialog.order-sum-dialog{height:auto;min-width:170px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:16px 22px;border:0;border-radius:18px;background:linear-gradient(115deg,#dff6fb,#eee6fa,#fdeaf1,#e4f6ed);background-size:300% 300%;color:#293847;box-shadow:0 8px 28px #2237461f,0 2px 6px #2237460b;font:500 14px/1.5 var(--touch-font);row-gap:5px;align-items:flex-start;animation:touch-summary-wash 24s ease-in-out infinite;overflow:hidden}
#order-sum-dialog>div:first-child{font-weight:700;font-size:15px}
#order-sum-dialog [data-column]{font-weight:750;color:#006f85}
#order-sum-dialog>div:last-child{font-size:11px;color:#657684}
@keyframes touch-summary-wash{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(prefers-reduced-motion:reduce){#order-sum-dialog.order-sum-dialog{animation:none}}

/* Shipping controls share the exact 34px filter geometry. */
header .buttons-group{padding-left:8px!important;box-sizing:border-box}
header .buttons-group .check-label[for^="shipping-type-"]{box-sizing:border-box!important;height:34px!important;min-height:34px!important;margin:0!important;padding:4px 6px!important;align-items:center!important}
header .buttons-group>.buttons{align-items:center!important}

header .buttons-group{height:42px!important;min-height:42px!important}

/* Anchor to the visual viewport; legacy inline coordinates cannot move it. */
#order-sum-dialog.order-sum-dialog{position:fixed!important;left:var(--summary-x,calc(100vw - 16px))!important;top:var(--summary-y,calc(100vh - 16px))!important;right:auto!important;bottom:auto!important;transform:translate(-100%,-100%)!important;max-width:var(--summary-max-width,calc(100vw - 32px));min-width:0;white-space:normal;cursor:default;z-index:90}

/* Orders use the same soft shop colours as navigation controls. */
#mainOrderList .row{--order-wash:#e5f7fd;transition:background-color .18s ease}
#mainOrderList .row[data-eshopcode-ref="LEDvěci.cz"]{--order-wash:#fff8d9}
#mainOrderList .row[data-eshopcode-ref="Jirno"]{--order-wash:#fcebf3}
#mainOrderList .row[data-eshopcode-ref="colorwin.cz"]{--order-wash:#f1edf9}
#mainOrderList .row[data-eshopcode-ref="Herbamedicus.com"]{--order-wash:#fff1e9}
#mainOrderList .row[data-eshopcode-ref="Marketplace"]{--order-wash:#e7f6ed}
#mainOrderList .row.hovered,#mainOrderList .row:hover{background-color:var(--order-wash)!important}
#mainOrderList .row.hovered>td,#mainOrderList .row:hover>td{border-color:#efefef!important}
@media(prefers-reduced-motion:reduce){#mainOrderList .row{transition:none}}

#mainOrderList .row[data-eshopcode-ref="Marketplace"]+.row.comment{--order-wash:#e7f6ed}
#mainOrderList .row[data-eshopcode-ref="Jirno"]+.row.comment{--order-wash:#fcebf3}
#mainOrderList .row[data-eshopcode-ref="LEDvěci.cz"]+.row.comment{--order-wash:#fff8d9}
#mainOrderList .row[data-eshopcode-ref="colorwin.cz"]+.row.comment{--order-wash:#f1edf9}
#mainOrderList .row[data-eshopcode-ref="Herbamedicus.com"]+.row.comment{--order-wash:#fff1e9}

/* Fluid order table: readable wrapping instead of horizontal overflow. */
body:has(#mainOrderList) #body{min-width:0!important}
.orders-wrapper .orders-view{min-width:0;max-width:100%}
#mainOrderList{table-layout:fixed;width:100%!important;max-width:100%;font-family:var(--touch-font);font-size:12px;border-collapse:collapse}
#mainOrderList .row>td{box-sizing:border-box;padding:7px 3px;overflow-wrap:anywhere;white-space:normal;vertical-align:middle;border-color:#edf0f4}
#mainOrderList .row .title{font-size:12px;line-height:1.4;white-space:normal!important;overflow-wrap:anywhere}
#mainOrderList .row .sub{font-size:10px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
#mainOrderList .row .o-id .title{font-size:12px;font-weight:650;color:#23728d}
#mainOrderList .row .o-id .sub{font-size:10px}
#mainOrderList .row .o-i-name .title{font-size:12px;line-height:1.45}
#mainOrderList .row .o-i-img img{max-width:100%!important;height:auto;max-height:48px;object-fit:contain;border-radius:6px}
#mainOrderList .row .o-shipping select{width:100%;max-width:100%!important;font-size:10px}
#mainOrderList .row .o-orderstate .select-chosen{white-space:normal;padding-left:3px;padding-right:3px;font-size:11px}
#mainOrderList .row .o-payment .switchButton{font-size:10px;padding:3px 2px;border-radius:6px;white-space:normal}
#mainOrderList .row .o-i-code [data-action="stockInfo"]{display:block;font-size:10px;white-space:normal}
#mainOrderList .row .product-suppliers{flex-wrap:wrap}
#mainOrderList .o-country{width:18px!important;min-width:0!important}
#mainOrderList .o-shipping{width:40px!important;min-width:0!important}
#mainOrderList .o-id{width:88px!important;min-width:0!important}
#mainOrderList .o-date{width:60px!important;min-width:0!important}
#mainOrderList .o-clientname{width:115px!important;min-width:0!important}
#mainOrderList .o-note{width:20px!important;min-width:0!important}
#mainOrderList .o-i-simg{width:22px!important;min-width:0!important}
#mainOrderList .o-i-code{width:84px!important;min-width:0!important}
#mainOrderList .o-i-quantity{width:34px!important;min-width:0!important}
#mainOrderList .o-i-img{width:42px!important;min-width:0!important}
#mainOrderList .o-i-itemstate{width:20px!important;min-width:0!important}
#mainOrderList .o-package{width:22px!important;min-width:0!important}
#mainOrderList .o-weight{width:48px!important;min-width:0!important}
#mainOrderList .o-orderstate{width:68px!important;min-width:0!important}
#mainOrderList .o-total{width:68px!important;min-width:0!important}
#mainOrderList .o-payment{width:72px!important;min-width:0!important}
#mainOrderList .o-tat{width:24px!important;min-width:0!important}
#mainOrderList .o-sms{width:24px!important;min-width:0!important}
#mainOrderList .o-i-name{width:auto!important;min-width:0!important}
@media(max-width:1400px){
body:has(#mainOrderList) header.minWidthHeader{min-width:0!important}
header .eshop-select{gap:2px!important}header .eshop-select .check-label{padding-left:6px!important;padding-right:6px!important;font-size:11px}
header .eshop-select .check-label>.image{width:20px;height:20px}
header .buttons-group .check-label[for^="shipping-type-"]{padding-left:3px!important;padding-right:3px!important;font-size:10px}
header .check-label[for^="shipping-type-"] img{width:16px!important;height:16px!important}
header #selectSpecificSupplier select[name="specificSupplier"]{width:92px!important}
header #selectSpecificSupplier select[name="dodanoDodavatelem"],header #selectSpecificSupplier select[name="vybranyStat"]{width:64px!important}
header .operations.filters{width:184px!important;min-width:184px!important;padding:0 4px!important}
header #filtrovat,header #resetovat{min-width:80px!important;width:80px!important;padding:8px!important;font-size:12px}
}

#mainOrderList .o-date>.title{font-size:10px!important;white-space:nowrap!important;letter-spacing:-.25px}
#mainOrderList .o-date input[type=date]{max-width:100%!important;width:100%;font-size:8px!important}
#mainOrderList .o-orderstate .select{min-width:0!important;width:100%!important}
#mainOrderList .o-orderstate .select-wrap,#mainOrderList .o-orderstate .select-value-wrap{width:100%;min-width:0;box-sizing:border-box}
#mainOrderList .o-orderstate .select-chosen{display:flex;align-items:center;font-size:10px;box-sizing:border-box;width:100%}
#mainOrderList .o-orderstate .select-chosen .value{flex:1;min-width:0;width:auto;line-height:1.3}
#mainOrderList .o-orderstate .select-chosen .arrow{width:14px;flex:0 0 14px;font-size:9px}
#mainOrderList .o-orderstate .select-options{min-width:140px}
#mainOrderList .o-payment .switchButton{min-width:0!important;max-width:100%;box-sizing:border-box}
#mainOrderList .o-i-simg .supplier-icon{max-width:100%;background-size:contain}
#order-sum-dialog .summary-metric{display:flex;align-items:center;gap:10px}
#order-sum-dialog .summary-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#d9f1f8;color:#08768d;flex-shrink:0}
#order-sum-dialog .summary-icon-profit{background:#f0e3f8;color:#8851a4}
#order-sum-dialog .summary-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#order-sum-dialog .summary-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

#mainOrderList .order-reservation-debug{display:none!important}

#mainOrderList .o-orderstate .select-chosen .value{padding:4px 0!important;font-size:10px}
#mainOrderList .o-orderstate .select-chosen .arrow{width:10px!important;flex-basis:10px!important;padding:4px 0!important}
@media(max-width:1400px){header #selectSpecificSupplier select[name="specificSupplier"]{width:104px!important}header #selectSpecificSupplier select[name="dodanoDodavatelem"],header #selectSpecificSupplier select[name="vybranyStat"]{width:72px!important}}

#order-sum-dialog>div:last-child{align-self:flex-end;text-align:right;font-size:10px;line-height:1.2;margin-top:2px;opacity:.75}

/* Restore breathing room and prominent customer/company names. */
#mainOrderList .row>td{padding-top:11px;padding-bottom:11px;padding-left:5px;padding-right:5px;line-height:1.45}
#mainOrderList .o-country{width:32px!important;text-align:center}
#mainOrderList .row .o-country{padding-left:7px;padding-right:7px}
#mainOrderList .row .o-country img{display:block;width:18px;max-width:100%;height:auto;margin:auto}
#mainOrderList .o-shipping{width:46px!important}
#mainOrderList .o-id{width:94px!important}
#mainOrderList .o-clientname{width:140px!important}
#mainOrderList .row .o-clientname>.title{font-size:14px;font-weight:650;line-height:1.45;color:#293847}
#mainOrderList .row .o-clientname>.sub{font-size:11px;line-height:1.5;color:#677482}
#mainOrderList .o-i-simg{width:26px!important}
#mainOrderList .o-i-img{width:54px!important}
#mainOrderList .row .o-i-img img{max-height:56px;cursor:zoom-in}
#mainOrderList .row .o-i-img:hover img{position:fixed!important;top:50vh!important;left:50vw!important;transform:translate(-50%,-50%)!important;width:min(520px,75vw)!important;height:min(440px,70vh)!important;max-width:75vw!important;max-height:70vh!important;object-fit:contain!important;box-sizing:border-box;padding:20px;background:#fff;border-radius:18px;box-shadow:0 16px 65px #26324738;z-index:1000;pointer-events:none}
@media(hover:none){#mainOrderList .row .o-i-img:hover img{position:static!important;transform:none!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:56px!important;padding:0;box-shadow:none}}

/* Clear carrier picker, intact payment badge and 30% larger thumbnails. */
#mainOrderList .o-shipping span:has(>select){font-size:0!important;line-height:0;display:block}
#mainOrderList .o-shipping span:has(>select)>br{display:none}
#mainOrderList .o-shipping select{font-size:10px!important;line-height:normal}
#mainOrderList .o-payment{width:84px!important}
#mainOrderList .row .o-payment .switchButton{display:inline-flex!important;align-items:center;justify-content:center;width:100%;height:auto!important;min-height:26px;line-height:1.3!important;padding:5px 3px!important;white-space:nowrap!important;font-size:10px!important;box-sizing:border-box;border-radius:7px;vertical-align:middle}
#mainOrderList .row .o-payment .switchButton.on{background:#e2f2e3;color:#286b36}
#mainOrderList .row .o-payment .switchButton:not(.on){background:#fff0f1;color:#b23b49}
#mainOrderList .o-i-img{width:68px!important}
#mainOrderList .row .o-i-img img{max-width:57.2px!important;max-height:72.8px}

/* Pastel rows, complete product codes and clear action palette. */
#mainOrderList .row:nth-child(5n+1){--row-wash:#fffdf2;--order-wash:#fff3c9}
#mainOrderList .row:nth-child(5n+2){--row-wash:#fdf5f9;--order-wash:#fce5f0}
#mainOrderList .row:nth-child(5n+3){--row-wash:#f6f3fc;--order-wash:#ece3fa}
#mainOrderList .row:nth-child(5n+4){--row-wash:#f0f9f4;--order-wash:#daf0e3}
#mainOrderList .row:nth-child(5n+5){--row-wash:#f1f9fc;--order-wash:#dceff9}
#mainOrderList .row{background-color:var(--row-wash)!important}
#mainOrderList .row.hovered,#mainOrderList .row:hover{background-color:var(--order-wash)!important}
#mainOrderList .o-i-code{width:142px!important}
#mainOrderList .row .o-i-code>.title{overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important;font-size:11px}
header .eshop-select .check-label{font-size:13px!important}
header .eshop-select .check-label>.image{width:22px;height:22px}
#mainOrderList .orderActions{border:0!important;border-radius:16px!important;box-shadow:0 12px 35px #28374d24;padding:8px!important;gap:4px;box-sizing:border-box;background:#fff}
#mainOrderList .orderAction{--action-wash:#e5f7fd;--action-ink:#08758d;border-radius:10px;padding:10px 8px;min-width:70px;color:#617281;transition:background .18s,color .18s;box-sizing:border-box}
#mainOrderList .orderAction:nth-child(4n+2){--action-wash:#fce8f2;--action-ink:#a03870}
#mainOrderList .orderAction:nth-child(4n+3){--action-wash:#eee6fa;--action-ink:#7750a0}
#mainOrderList .orderAction.green,#mainOrderList .orderAction.complete{--action-wash:#e1f3e8;--action-ink:#287548}
#mainOrderList .orderAction.red{--action-wash:#fde7ea;--action-ink:#bb4055}
#mainOrderList .orderAction.orange{--action-wash:#fff0dc;--action-ink:#a86b1b}
#mainOrderList .orderAction:hover,#mainOrderList .orderAction:focus-visible{background:var(--action-wash);color:var(--action-ink);outline:0}
#mainOrderList .orderAction>.text{font:600 11px/1.35 var(--touch-font);white-space:normal}
#mainOrderList .orderAction>.icon{display:block;margin:0 auto 6px;width:24px;height:24px;color:inherit;background:currentColor;mask:var(--action-icon) center/contain no-repeat;-webkit-mask:var(--action-icon) center/contain no-repeat}
#mainOrderList .orderAction>.icon::before{content:none!important}
#mainOrderList .customer-signals{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
#mainOrderList .customer-signals .rating{display:inline-flex;align-items:center;gap:5px;margin:0}
#mainOrderList .customer-signals .circle{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:auto;min-width:28px;height:24px;padding:0 6px;border:0!important;border-radius:8px;font:650 11px/1 var(--touch-font)}
#mainOrderList .customer-signals .circle.green{background:#e1f3e8;color:#287548}
#mainOrderList .customer-signals .circle.red{background:#fde7ea;color:#b63e53}
#mainOrderList .customer-signals .circle::before{font-size:12px;content:'\2713'}
#mainOrderList .customer-signals .circle.red::before{content:'\00d7'}
#mainOrderList .address-validation-icon{display:inline-flex!important;align-items:center;justify-content:center;width:26px;height:24px;padding:0!important;border-radius:8px;background:#fff0e0;color:#ab6a1c!important}
#mainOrderList .address-validation-icon[data-validation-state="ok"]{background:#e1f3e8;color:#287548!important}
#mainOrderList .address-validation-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){#mainOrderList .orderAction{transition:none}}
#mainOrderList .orderAction{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h8l4%204v14H6Z%20M14%203v5h4%20M9%2012h6%20M9%2016h6%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .complete{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[href*="ZPL"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%208V3h14v5%20M5%2016H3V9h18v7h-2%20M5%2013h14v8H5Z%20M7%2017h10%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="InvoiceOrder"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202h12v20l-3-2-3%202-3-2-3%202Z%20M9%207h6%20M9%2011h6%20M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[data-direct-zpl]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%206h12v11H2Z%20M14%2010h4l4%204v3h-8%20M6%2019a2%202%200%201%200%200-4%202%202%200%200%200%200%204%20M18%2019a2%202%200%201%200%200-4%202%202%200%200%200%200%204%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[data-expedition-zpl],#mainOrderList .orderAction[data-expedition-pdf]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%207%209-5%209%205v10l-9%205-9-5Z%20M3%207l9%205%209-5%20M12%2012v10%20M8%204l9%205%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .sendSMS{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%204h18v13H9l-6%204Z%20M7%208h10%20M7%2012h7%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="ShowOrderDetail"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h14v18H5Z%20M9%207h6%20M9%2011h6%20M9%2015h3%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="ShowOrderShelfSystem"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2010c0%206-8%2012-8%2012S4%2016%204%2010a8%208%200%200%201%2016%200Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="SetOrderError"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%202%2010%2019H2Z%20M12%208v6%20M12%2017h.01%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="GetOrderExpeditionCreateForm"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M7%2017%2017%207%20M11%207h6v6%20M3%2012v9h9%20M5%204h15v15%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="SetOrderAsDelivered"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m7%2012%203%203%207-7%22%2F%3E%3C%2Fsvg%3E")}
#mainOrderList .orderAction[onclick*="OrderOrderItems"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%203h3l3%2012h11l3-8H6%20M9%2020h.01%20M18%2020h.01%22%2F%3E%3C%2Fsvg%3E")}

/* Action symbols use their semantic text colour at rest as well as hover. */
#mainOrderList .orderAction{color:var(--action-ink)!important}
#mainOrderList .orderAction>.icon,#mainOrderList .orderAction>.text{color:inherit!important}

/* Daily working list: dense rows with a stable carrier column. */
#mainOrderList .row>td{padding-top:8px;padding-bottom:8px}
#mainOrderList .o-country{width:30px!important}
#mainOrderList .o-shipping{width:60px!important}
#mainOrderList .row .o-shipping>span{display:block;float:none;max-width:100%}
#mainOrderList .row .o-shipping>span:first-child>.title,#mainOrderList .row .o-shipping>span:first-child>.sub{display:block;float:none;text-align:center;margin:0 auto;line-height:1.3}
#mainOrderList .row .o-shipping .special-shipping-options{display:inline-block;vertical-align:middle;width:calc(50% - 2px);box-sizing:border-box}
#mainOrderList .row .o-shipping .special-shipping-options input,#mainOrderList .row .o-shipping .special-shipping-options select{box-sizing:border-box;width:100%!important;min-width:0!important;max-width:100%!important;height:24px;margin:2px 0 0;padding:0;font-size:10px!important}
#mainOrderList .o-i-code{width:128px!important}
#mainOrderList .row .o-i-code>.title{font-size:11px;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
#mainOrderList .o-i-quantity{width:48px!important}
#mainOrderList .row .o-i-quantity>.title{white-space:nowrap!important;font-size:13px!important}
#mainOrderList .row .o-clientname>.title{font-size:14px}
#mainOrderList .row .o-clientname>.sub{font-size:11px}
#mainOrderList .row .o-i-name>.title{font-size:13px;line-height:1.4}

/* Carrier details need normal line height, especially pickup branch data. */
#mainOrderList .row .o-shipping span:has(>select){font-size:10px!important;line-height:1.35!important;display:block}
#mainOrderList .row .o-shipping span:has(>select)>br{display:block}
#mainOrderList .row .o-shipping span:has(>select)>span{display:block;line-height:1.35!important;margin-top:2px}
#mainOrderList .row .o-shipping select{display:block;height:26px;line-height:normal;width:100%;max-width:100%!important;box-sizing:border-box;padding:0;font-size:10px!important}
#mainOrderList .row .o-shipping b{line-height:1.35}
#mainOrderList .o-id{width:88px!important}
#mainOrderList .o-date{width:58px!important}
#mainOrderList .o-note{width:18px!important}
#mainOrderList .o-i-simg{width:24px!important}
#mainOrderList .o-i-quantity{width:44px!important}
#mainOrderList .o-i-itemstate{width:18px!important}
#mainOrderList .o-package{width:20px!important}
#mainOrderList .o-orderstate{width:64px!important}
#mainOrderList .o-payment{width:80px!important}
#mainOrderList .o-tat,#mainOrderList .o-sms{width:22px!important}
#mainOrderList .row .o-i-code>.title{font-size:10px}

#mainOrderList .o-id{width:94px!important}
#mainOrderList .row .o-id>.title{white-space:nowrap!important;font-size:12px}
#mainOrderList .o-total{width:82px!important}
#mainOrderList .row .o-total>.title{white-space:nowrap!important;font-size:12px}
#mainOrderList .row .o-i-code>.title{white-space:normal!important;font-size:11px}
#mainOrderList .order-code-token{white-space:nowrap!important;font:inherit!important;display:inline!important}

/* Compact action panel: actual icon size includes no legacy padding. */
#mainOrderList .orderActions{padding:6px!important;gap:3px;border-radius:12px!important}
#mainOrderList .orderActions .orderAction{min-width:66px;padding:6px 7px;min-height:48px;border-radius:8px}
#mainOrderList .orderActions .orderAction:not(.hidden){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
#mainOrderList .orderActions .orderAction>.icon{box-sizing:border-box!important;width:20px!important;height:20px!important;min-width:20px;padding:0!important;margin:0!important;font-size:0;flex-shrink:0}
#mainOrderList .orderActions .orderAction>.text{padding:0!important;margin:0!important;font-size:11px;line-height:1.25;white-space:nowrap}

/* The fixed header height is measured, never assumed from another browser. */
body:has(#mainOrderList)>#body{padding-top:calc(var(--touch-order-header-height,156px) + 8px)!important}
html:has(#mainOrderList){scroll-padding-top:calc(var(--touch-order-header-height,156px) + 8px)}

/* Keep the small image in the flow; render the large preview separately. */
#mainOrderList .row .o-i-img:hover img{position:static!important;top:auto!important;left:auto!important;transform:none!important;width:auto!important;height:auto!important;max-width:57.2px!important;max-height:72.8px!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:6px;pointer-events:none}
#mainOrderList .row .o-i-img:hover{z-index:auto!important}
.order-photo-preview{position:fixed;box-sizing:border-box;padding:18px;background:#fff;border-radius:16px;box-shadow:0 14px 55px #26324738;pointer-events:none;z-index:1000000000}
.order-photo-preview[hidden]{display:none!important}
.order-photo-preview img{display:block;width:100%;height:100%;object-fit:contain}

/* Long external order identifiers must stay inside their own column. */
#mainOrderList .row .o-id>.title{display:block;width:100%;max-width:100%;box-sizing:border-box;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal}
/* Hover is the visibility source of truth even when browser focus changes. */
body:has(#mainOrderList .o-i-img:hover) .order-photo-preview:has(img[src]){display:block!important}

#mainOrderList .orderAction[onclick*="cancelOrder"]{--action-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22m8%208%208%208M16%208l-8%208%22%2F%3E%3C%2Fsvg%3E");--action-ink:#bd3347;--action-wash:#fde3e8}

/* PCV Computers: original supplier logo, preserve its aspect ratio. */
.supplier-icon.pcv-icon {background: url("https://www.pcvcomp.cz/img/logo.png") center center / contain no-repeat;}

/* Align loading time with amount values. */
#order-sum-dialog .summary-metric{width:100%;box-sizing:border-box}#order-sum-dialog .summary-metric>span:last-child{margin-left:auto;text-align:right;font-variant-numeric:tabular-nums}#order-sum-dialog .summary-time{align-self:stretch;width:100%;text-align:right;box-sizing:border-box;font-variant-numeric:tabular-nums}

/* Unlimited order view paging. */
.order-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;color:#6a7a89;font:12px/1.5 var(--touch-font)}.order-pages>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.order-pages a{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border-radius:10px;background:#e9f6fa;color:#138ba4;text-decoration:none;transition:background .15s,color .15s}.order-pages a:hover{background:#dcedf8;color:#4172a8}.order-pages strong{padding:0 9px;font-weight:600;color:#526673}

/* Compact order pager: approximately half the original height. */
.order-pages{gap:6px;padding:4px 0;line-height:1.4}.order-pages>div{gap:4px}.order-pages a{min-height:22px;padding:2px 8px;border-radius:8px}.order-pages strong{padding:0 6px}

/* Keep the explicit supplier-resolution action compact inside the status-dot column. */
#mainOrderList .o-i-itemstate .supplier-order-resolution{display:inline-grid;place-items:center;box-sizing:border-box;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;padding:0;margin:3px 0 0;border:1px solid #edcf87;border-radius:6px;background:#fff3d5;color:#8a5b08;font-size:0;line-height:0;white-space:nowrap;overflow:hidden;vertical-align:middle;cursor:pointer}
#mainOrderList .o-i-itemstate .supplier-order-resolution::before{content:'!';display:block;font:750 13px/1 system-ui,sans-serif;color:inherit}
#mainOrderList .o-i-itemstate .supplier-order-resolution:hover{background:#ffe4a1;border-color:#c49529;color:#714900}
#mainOrderList .o-i-itemstate .supplier-order-resolution:focus-visible{outline:2px solid #00a6c8;outline-offset:2px}

/* Keep the complete order status on a single readable line. */
#mainOrderList .o-orderstate{width:84px!important;min-width:84px!important}
#mainOrderList .o-orderstate .select-chosen,
#mainOrderList .o-orderstate .select-chosen .value{white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}
#mainOrderList .o-orderstate .select-chosen .value{flex:1 0 auto;min-width:max-content;line-height:1.3}

/* Continuous pointer path between parent and submenu, including nested menus. */
header #main-menu .menu-list .menu-list{overflow:visible;z-index:1000}
header #main-menu>.menu-list>.item>.menu-list{top:100%;margin-top:0}
header #main-menu>.menu-list>.item:hover>a,header #main-menu>.menu-list>.item>a:focus-visible{transform:none}
header #main-menu .menu-list .item:focus-within>.menu-list{display:block}
header #main-menu .menu-list .menu-list .menu-list{top:0;left:100%;margin-left:0}
header #main-menu .menu-list .menu-list>.item:first-child>a{border-radius:9px 9px 0 0}
header #main-menu .menu-list .menu-list>.item:last-child>a{border-radius:0 0 9px 9px}

/* TouchCare overdue navigation counter. */
#main-menu .care-navigation>a{display:flex;align-items:center;gap:8px}#main-menu .care-overdue-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:#e33d45;color:#fff;font:700 12px/1 system-ui;box-sizing:border-box}#main-menu .care-overdue-badge.is-zero{background:#e5f2f3;color:#28757a}
/* Consistent compact notification badges across the primary navigation. */
#main-menu>.menu-list>.item:has(>.menu-notification-badge),#main-menu>.menu-list>.care-navigation{position:relative;padding-right:15px!important}
#main-menu .menu-notification-badge{position:absolute!important;top:-3px!important;right:1px!important;display:flex!important;align-items:center;justify-content:center;min-width:19px!important;width:auto!important;height:19px!important;padding:0 4px!important;box-sizing:border-box;background:#ff3b30!important;color:#fff!important;border:2px solid #fff;border-radius:99px;font:700 11px/15px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.2px;box-shadow:0 1px 3px #a3212526;z-index:101;pointer-events:none}
#main-menu .menu-notification-badge.is-zero{background:#e2eef0!important;color:#497478!important;box-shadow:none}

/* Shared internal application logo slot. */
header #top #logo a .touchlogis-wordmark{display:inline-block!important;width:174px;max-width:100%;height:48px;font-family:var(--touch-font)!important;font-size:24px!important;font-weight:750!important;line-height:48px!important;letter-spacing:-1px;box-sizing:border-box}

header #top #logo a .touchlogis-wordmark{display:block!important;vertical-align:top!important}

/* Unified neutral supplier/status/country filters 20261106. */
header #selectSpecificSupplier select,header #selectSpecificSupplier select.active,header #selectSpecificSupplier select:active{background-color:#f2f4f6!important;color:#52616b!important;border-color:#dcdcdc!important}

/* Same 44px aligned mode control in the ordering view. */
body.menu-item-1 header.minWidthHeader .bar .cell.mobile.big-single{vertical-align:middle;padding-top:0!important;padding-bottom:0!important}
body.menu-item-1 header.minWidthHeader .bar .mobile label.switchDisplayMode{display:inline-flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;margin:0!important;padding:0!important;box-sizing:border-box;border:1px solid #c8e2eb;border-radius:10px;background:#edf8fc;color:#00718c;line-height:1!important}
body.menu-item-1 header.minWidthHeader .bar .mobile label.switchDisplayMode>span{display:block;margin:0!important;padding:0!important;line-height:1!important;font-size:20px}

/* Ordering view: header occupies its own space from the first paint. */
body.menu-item-1>header.minWidthHeader{position:sticky!important;top:0;left:auto;right:auto;width:100%;box-sizing:border-box}
body.menu-item-1:has(>header.minWidthHeader)>#body{padding-top:8px!important}
body.menu-item-1:has(>header.minWidthHeader){height:auto!important;min-height:100vh}
body.menu-item-1:has(#mainOrderList):has(>header.minWidthHeader)>#body{padding-top:8px!important}

/* Stable image slots and text wrapping before lazy image/data hydration. */
body.menu-item-1:has(>header.minWidthHeader) #mainOrderList .row .o-i-img img{width:57.2px!important;height:72.8px!important;object-fit:contain}
body.menu-item-1 #mainOrderList .row .o-i-code>.title{overflow-wrap:normal!important;word-break:normal!important}