/*----------------------------------------------------------------------------------------------------------------------
Project:    {XADO ADMIN}
Version:    1.0
----------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------
[NORMALIZE.CSS v1.1.2]
----------------------------------------------------------------------------------------------------------------------*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

body {
    margin: 0;
}
a {
    color: #333;
    outline: none;
}
a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
    text-decoration: none;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

p,
pre {
    margin: 1em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*----------------------------------------------------------------------------------------------------------------------
[BASE STYLES]
----------------------------------------------------------------------------------------------------------------------*/

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    color: #333;
    font: 12px/14px Verdana, Arial, sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
/*----------------------------------------------------------------------------------------------------------------------
[SITE STYLES]
----------------------------------------------------------------------------------------------------------------------*/
body{padding: 40px 0 0;}
body.no-padding{padding: 0;}
#header-admin {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    height: 40px;
    background:#474747 url("../img/bg-nav.png") no-repeat 15px 11px;
    -webkit-box-shadow: 0px 0px 2px 0px #000;
    box-shadow: 0px 0px 2px 0px #000;

}
#header-admin ul {
    list-style: none;
    margin: 0;
    padding: 14px 0 0 45px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
#header-admin ul li {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 5px;
}
#header-admin ul a {
    float: left;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    text-decoration: none;
    color: #fff;
    padding: 0 0 3px;
    border-bottom: 3px solid transparent;
}
#header-admin ul a:hover {border-bottom: 3px solid #f26c4f;}
#header-admin ul a.active {border-bottom: 3px solid #dc0000;}
#header-admin .menu-control{
    position: absolute;
    top: 10px;
    left: 13px;
    width: 20px;
    height: 25px;
    cursor: pointer;
}
#header-admin.button {
    width: 50px;
}
#header-admin.button ul{
    display: none;
}
.hidden{
    display: none;
    visibility: hidden;
}

.application-label{
    display: inline;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
.application-row{
    vertical-align: middle;
}
.application-row input{
    vertical-align: middle;
}


.jtable-tr-icon{
    cursor: pointer;
    max-width: 25px;
    max-height: 25px;
}

.add-plus{
    cursor: pointer;
    font-size: 32px;
    font-weight: bold;
    color: blue;
}


.user-sort:hover{
    cursor: move;
}

.nav-button.active{
    color: darkgreen;
}

/* LOGIN PAGE */

#login-page {
    width: 938px;
    margin: 0 auto;
    padding: 52px 0 0;
}
#login-page .logo {
    background: url("../img/logo.png") no-repeat;
    width: 367px;
    height: 107px;
    margin:0 auto 124px;
}
#login-page .logo a {
    display: block;
    width: 367px;
    height: 107px;
    text-indent: -99999px;
    overflow: hidden;
    outline: none;
}
.descr-title {
    margin: 0 0 71px;
    color: #000;
    font:18px/20px Verdana, Arial, sans-serif;
    text-align: center;
}
.login-form-holder {
    float: right;
    width: 596px;
}
#login_form {padding: 0;}
#login_form .row {margin: 0 0 10px;}
#login_form .row-holder {
    float: left;
    margin: 0 14px 0 0;
}
#login_form label {
    display: block;
    margin: 0 0 5px 6px;
    font:12px/14px Verdana, Arial, sans-serif;
    color: #9a9a9a;
}
#login_form .row input {
    border: 2px solid #c5c5c5;
    width: 233px;
    padding: 5px;
    margin: 0;
    background: none;
    outline: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #9a9a9a;
    font:12px/14px Verdana, Arial, sans-serif;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

}
#login_form .row input:focus {
    border-color: #dc0000;
    color: #333;
}
#login_form .error_msg {
    float: left;
    padding: 26px 0 0;
    color: #dc0000;
    font:12px/14px Verdana, Arial, sans-serif;
}
.forgot-pass {
    float: left;
    margin: 7px 32px 0 0;
    font:12px/14px Verdana, Arial, sans-serif;
    color: #939393;
}
.forgot-pass:hover {text-decoration: none;}
.submit-holder {padding: 17px 0 30px 19px;}
.submit-holder .button-login-submit {
    float: left;
    margin: 0 0 0 154px;
    padding: 0;
    background: #c5c5c5;
    color: #fff;
    font:14px/18px Verdana, Arial, sans-serif;
    text-transform: uppercase;
    border: 2px solid #c5c5c5;
    padding: 1px 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    outline: none;
    height: 30px;
    text-shadow: 1px 1px 3px #333;

}
.submit-holder .button-login-submit:hover,
.submit-holder .button-login-submit:focus {
    border-color: #dc0000;
    color: #fff;
    background: #dc0000;
}
.error-info {
    border: 2px solid #dc0000;
    padding: 19px 8px;
    width: 225px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font:12px/16px Verdana, Arial, sans-serif;
    color: #333;
}
.error-info .warning {
    font:14px/16px Verdana, Arial, sans-serif;
    text-transform: uppercase;
    color: #dc0000;
    display: block;
    margin: 0 0 3px;
    text-align: center;
}
.error-info span {
    display: block;
    margin: 0 0 5px;
}
.error-info ul {
    list-style: none;
    margin: 0;
    padding: 0 0 0 38px;
}
.error-info ul a {color: #333;}
.error-info ul a:hover {text-decoration: none;}
.loading-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999;
}
.bg-loading-box {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    opacity: 0.8;
    /*-ms-filter: filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);*/
    -khtml-opacity: 0.80;
    -moz-opacity: 0.80;
    top: 0px;
    left: 0px;
}
.loading-box-holder {
    position: relative;
    top: 50%;
    margin: -100px auto 0;
    width: 300px;
    height: 100px;
    line-height: 100px;
    background-color: #fff;
    vertical-align: middle;
    text-align: center;
    border-radius: 6px;
}
.loading-message-box {
    position: relative;
    margin-top: -80px;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -webkit-touch-callout: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
/* TABLE PAGE */
.table-wrapper {
    width: 1180px;
    margin: 0 auto;
}
.header-box {
    background: #dc0000;
    padding: 5px 15px 12px 12px;
    margin: 0 0 22px;
}
.header-box .logo-small {
    float: left;
    background: url("../img/logo-small.png") no-repeat;
    width: 128px;
    height: 37px;
    margin: 10px 161px 0 0;
}
.header-box .logo-small a {
    display: block;
    width: 128px;
    height: 37px;
    text-indent: -99999px;
    overflow: hidden;
}
.header-box .account-list {
    float: right;
    margin: 0 0 0 20px;
    padding: 0;
    list-style: none;
    color: #fff;
    text-align: right;
}
.header-box .account-list li:first-child {padding: 0 0 20px;}
.header-box .account-list li span {color: #fff;}
.header-box .account-list a {color: #fff;}
.header-box .slogan {
    float: left;
    margin: 18px 0 0;
    font:18px/20px Verdana, Arial, sans-serif;
    color: #fff;
}
/* FILTERS */
.filter-holder {margin: 0 0 12px;}
.row-filter {
    float: left;
    margin: 0 2px 0 0;
    font:12px/14px Verdana, Arial, sans-serif;
    color: #9a9a9a;
}
.row-filter label {
    display: block;
    text-align: center;
    margin: 0 0 3px;
}
.row-filter #site-select-filter {
    height: 26px;
    width: 91px;
}
.row-filter #date_added {width: 70px;}
.row-filter #date_added_from, .row-filter #date_added_to {
    width: 30px;
    text-indent: -33px;
}
.row-filter #order_id {width: 72px;}
.row-filter #lastname {width: 109px;}
.row-telephone {margin: 0 15px 0 0;}
.row-filter #telephone {width: 100px;}
.row-filter #transport {width: 100px;}
.row-pay {margin: 0 15px 0 0;}
.row-transport {margin: 0 50px 0 0;}
.row-filter .filter-dots {
    display: block;
    background: url("../img/bg-filter-dots.png") no-repeat 50% 15px;
    width: 24px;
    height: 6px;
    padding: 15px 8px 0;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
}

.row-payment-method{

}

textarea.shadow,
input.shadow,
select.shadow{
    display: inline-block;
    height: 20px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    color: #939393;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    width: 200px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #fff;
    border: 1px solid #ccc;
    outline: 0;
}
input.shadow.min {
    width: 40px;
}
input.shadow.middle {
    width: 80px;
}
input.shadow.long {
    width: 450px;
}
textarea.shadow.long {
    width: 450px;
}
textarea.shadow {
    height: 70px;
}

textarea.shadow:focus,
input.shadow:focus,
select.shadow:focus{
    color: #dc0000;
    border-color: rgba(220,0,0,0.6);
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
input.filter-button {
    float: left;
    margin: 15px 20px 0 0;
    padding: 6px 15px;
    color: #de0f0f;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
    border: 1px solid #e12525;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
input.filter-button:hover {
    background-color: #dc0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    color: #fff;
}
input.filter-button:last-child {
    margin-right: 0;
}
/* TABLE BODY */
table.jtable {
    background: none;
    font-size: 12px;
    line-height: 14px;
    margin: 0 0 40px;
}
table.jtable thead th {
    padding: 0 0 2px;
    color: #324c69;
    font-weight: normal;
}

/* TABLE COLUMN WIDTH */
table.jtable thead .column-custom-site {width: 94px;}
table.jtable thead .column-custom-date {width: 87px;}
table.jtable thead .column-custom-order {width: 37px;}
table.jtable thead .column-custom-order-number {width: 83px;}
table.jtable thead .column-custom-client {width: 121px;}
table.jtable thead .column-custom-contact {width: 116px;}
table.jtable thead .column-custom-total {width: 79px;}
table.jtable thead .column-custom-payment {width: 37px;}
table.jtable thead .column-custom-address {width: 185px;}
table.jtable thead .column-custom-comments {width: 305px;}
table.jtable thead .column-custom-controls {width: 29px;}
table.jtable td {
    padding: 10px 4px 10px 4px;
    color: #1a1a1a;
    border: 1px solid #abbccf;
    background: #e0e8f2;
    vertical-align: top;
}
table.jtable td.column-custom-order,
table.jtable td.column-custom-contact,
table.jtable td.column-custom-total,
table.jtable td.column-custom-payment,
table.jtable td.jtable-custom-controls,
table.jtable td.column-custom-site {word-break: break-all;}
table.jtable .custom-expand td:first-child {width: 816px;}
table.jtable .custom-expand td:nth-child(2) {width: 301px;}
/* order statuses */
.o-statuses-1 span {
    background: url("../img/status-sprite.png") no-repeat 0 6px;
    text-indent: -99999px;
    overflow: hidden;
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
}
/* expand statuses */
.custom-expand .o-pstatuses,
.custom-expand .o-statuses,
.select-status-block .o-pstatuses,
.select-status-block .o-statuses,
.select-status-block .o-pstatuses,
.select-status-block .o-statuses,
.cell-block-1-1 .o-pstatuses,
.cell-block-1-1 .o-statuses {
    overflow: hidden;
    margin: 0;
    display: block;
}
.select-status-block .o-pstatuses,
.select-status-block .o-statuses,
.select-status-block .p-statuses,
.filter-status-block .o-statuses {
    cursor: pointer;
    display: block;
}
.select-status-block .o-pstatuses:hover,
.select-status-block .o-statuses:hover,
.select-status-block .p-statuses:hover,
.filter-status-block .o-statuses:hover {background: #fff;}
.select-status-popunder .select-status-popunder-close,
.filter-payment-popunder-close,
.invoice-history-popunder .invoice-history-popunder-close,
.order-history-popunder-close,
.filter-status-popunder-close,
.sms-history-popunder-close,
.print-invoice-history-popunder-close {
    position: absolute;
    top: 5px;
    right: 5px;
    background: url("../img/bg-close.png") no-repeat;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.select-status-popunder .select-status-popunder-close:hover,
.order-history-popunder-close:hover,
.filter-status-popunder-close:hover,
.sms-history-popunder-close:hover,
.invoice-history-popunder-close:hover,
.print-invoice-history-popunder-close:hover {
    background: url("../img/bg-close.png") no-repeat;
    opacity: 0.6;
}
.custom-expand .o-pstatuses span,
.custom-expand .o-statuses span,
.select-status-block .o-pstatuses span,
.select-status-block .o-statuses span,
.select-status-block .p-statuses span,
.cell-block-1-1 .o-pstatuses span,
.cell-block-1-1 .o-statuses span,
.filter-status-block .o-statuses span {
    text-indent: 0;
    padding: 6px 0 6px 28px;
    float: left;
    margin: 0;
    width: 126px;
    height: auto;
}
.custom-expand .o-pstatuses span,
.custom-expand .o-statuses span {
    width: 70px;
    word-break: break-all;
}
.cell-block-1-1 .o-pstatuses span,
.cell-block-1-1 .o-statuses span {
    width: 72px;
    word-break: normal;
}
.select-status-block .o-pstatuses span,
.select-status-block .o-statuses span,
.select-status-block .p-statuses span,
.filter-status-block .o-statuses span {
    float: none;
    display: block;
}
.o-status-control,
.p-status-control {
    overflow: hidden;
    margin: -15px 0 15px;
}
.cell-block-1-1 .o-status-control,
.cell-block-1-1 .p-status-control {margin: 0;}
.o-status-control span,
.p-status-control span {
    float: left;
    margin: 0 5px 0 0;
    color: #000;
    font:9px/12px Verdana, Arial, sans-serif;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    padding: 0;
}
.o-status-control span:hover,
.p-status-control span:hover {
    border: 0;
    padding: 0 0 1px;

}
.order-history-title .txt {
    display: block;
    text-align:center;
    margin: 0 0 13px;
}
/* payment statuses (Pending by def) */
.o-pstatuses--1 span,
.o-pstatuses--2 span,
.o-pstatuses--3 span,
.o-pstatuses--4 span,
.o-pstatuses--5 span,
.o-pstatuses--6 span,
.o-pstatuses-999999999 span,
.p-statuses-999999999 span,
.p-statuses-1000000000 span,
.o-statuses-1000000000 span,
.o-pstatuses-1000000000 span,
.p-statuses-1000000001 span,
.o-statuses-1000000001 span,
.o-pstatuses-1000000001 span,
.o-pstatuses-1000000006 span,
.p-statuses-1000000002 span,
.o-statuses-1000000002 span,
.o-pstatuses-1000000002 span,
.p-statuses-1000000003 span,
.o-statuses-1000000003 span,
.o-pstatuses-1000000003 span,
.o-pstatuses-1000000004 span,
.o-pstatuses-19_15 span,
.o-pstatuses-1000000005 span,
.o-pstatuses-1000000010 span,
.o-pstatuses-1000000011 span,
.o-pstatuses-32_15 span,
.o-pstatuses-1000000014 span,
.o-pstatuses-1000000015 span,
.o-pstatuses-36_15 span,
.o-pstatuses-1000000009 span,
.o-pstatuses-30_15 span,
.o-pstatuses-1000000008 span,
.p-pstatuses-1000000004 span,
.p-pstatuses-1000000005 span,
.p-statuses-1000000004 span,
.p-statuses-1000000005 span,
.p-statuses-1000000010 span,
.p-statuses-1000000011 span,
.p-pstatuses-32_15 span,
.p-statuses-1000000009 span,
.p-statuses-30_15 span,
.p-statuses-1000000008 span,
.o-statuses-3 span,
.o-statuses-2 span,
.o-statuses-4 span,
.o-statuses-5 span,
.o-statuses-6 span,
.o-statuses-7 span,
.o-statuses-8 span,
.o-statuses-9 span,
.o-statuses-10 span,
.o-pstatuses-1_14 span,
.o-pstatuses-1_15 span,
.o-pstatuses-1_16 span,
.o-pstatuses-1_17 span,
.o-pstatuses-1_18 span,
.o-pstatuses-1_19 span,
.o-pstatuses-1_20 span,
.o-pstatuses-1_21 span,
.o-pstatuses-1_22 span,
.o-pstatuses-1_23 span,
.o-pstatuses-1_24 span,
.o-pstatuses-1_25 span,
.o-pstatuses-1_26 span,
.o-pstatuses-1_27 span,
.o-pstatuses-1_28 span,
.o-pstatuses-1_29 span,
.o-pstatuses-1_30 span,
.o-pstatuses-1_31 span,
.o-pstatuses-2_14 span,
.o-pstatuses-2_15 span,
.o-pstatuses-2_16 span,
.o-pstatuses-2_17 span,
.o-pstatuses-2_18 span,
.o-pstatuses-2_19 span,
.o-pstatuses-2_20 span,
.o-pstatuses-2_21 span,
.o-pstatuses-2_22 span,
.o-pstatuses-2_23 span,
.o-pstatuses-2_24 span,
.o-pstatuses-2_25 span,
.o-pstatuses-2_26 span,
.o-pstatuses-2_27 span,
.o-pstatuses-2_28 span,
.o-pstatuses-2_29 span,
.o-pstatuses-2_30 span,
.o-pstatuses-2_31 span,
.o-pstatuses-5_14 span,
.o-pstatuses-5_15 span,
.o-pstatuses-5_16 span,
.o-pstatuses-5_17 span,
.o-pstatuses-5_18 span,
.o-pstatuses-5_19 span,
.o-pstatuses-5_20 span,
.o-pstatuses-5_21 span,
.o-pstatuses-5_22 span,
.o-pstatuses-5_23 span,
.o-pstatuses-5_24 span,
.o-pstatuses-5_25 span,
.o-pstatuses-5_26 span,
.o-pstatuses-5_27 span,
.o-pstatuses-5_28 span,
.o-pstatuses-5_29 span,
.o-pstatuses-5_30 span,
.o-pstatuses-5_31 span,
.o-pstatuses-7_14 span,
.o-pstatuses-7_15 span,
.o-pstatuses-7_16 span,
.o-pstatuses-7_17 span,
.o-pstatuses-7_18 span,
.o-pstatuses-7_19 span,
.o-pstatuses-7_20 span,
.o-pstatuses-7_21 span,
.o-pstatuses-7_22 span,
.o-pstatuses-7_23 span,
.o-pstatuses-7_24 span,
.o-pstatuses-7_25 span,
.o-pstatuses-7_26 span,
.o-pstatuses-7_27 span,
.o-pstatuses-7_28 span,
.o-pstatuses-7_29 span,
.o-pstatuses-7_30 span,
.o-pstatuses-7_31 span,
.o-pstatuses-16_16 span,
.o-pstatuses-16_18 span,
.o-pstatuses-16_20 span,
.o-pstatuses-16_21 span,
.o-pstatuses-16_22 span,
.o-pstatuses-16_23 span,
.o-pstatuses-16_24 span,
.o-pstatuses-16_25 span,
.o-pstatuses-16_26 span,
.o-pstatuses-16_27 span,
.o-pstatuses-22_14 span,
.o-pstatuses-28_15 span,
.o-pstatuses-22_28 span,
.o-pstatuses-28_30 span,
.o-pstatuses-23_28 span,
.o-pstatuses-26_30 span,
.o-pstatuses-23_14 span,
.o-pstatuses-26_15 span,
.o-pstatuses-21_28 span,
.o-pstatuses-27_30 span,
.o-pstatuses-21_14 span,
.o-pstatuses-27_15 span,
.o-pstatuses-17_21 span,
.o-pstatuses-16_29 span,
.o-pstatuses-14_14 span,
.o-pstatuses-14_16 span,
.o-pstatuses-14_18 span,
.o-pstatuses-14_20 span,
.o-pstatuses-14_21 span,
.o-pstatuses-14_22 span,
.o-pstatuses-14_23 span,
.o-pstatuses-14_24 span,
.o-pstatuses-14_25 span,
.o-pstatuses-14_27 span,
.o-pstatuses-14_28 span,
.o-pstatuses-14_29 span,
.o-pstatuses-14_30 span,
.o-pstatuses-14_31 span,
.o-pstatuses-15_14 span,
.o-pstatuses-17_14 span,
.o-pstatuses-18_15 span,
.o-pstatuses-18_17 span,
.o-pstatuses-17_28 span,
.o-pstatuses-18_30 span,
.o-pstatuses-15_15 span,
.o-pstatuses-1000000007 span,
.p-statuses-1000000006 span,
.p-statuses-1000000007 span{
    background: url("../img/payment-sprite.png") no-repeat 0 4px;
    text-indent: -99999px;
    overflow: hidden;
    display: block;
    width: 20px;
    height: 29px;
    margin: 0 auto;
    position: relative;
}
.o-pstatuses--5 span {background-position: 0 8px;}
.filter-status-block .o-pstatuses span {
    text-indent:0;
    padding:10px 0 0 30px;
    width:auto;
}
/* Complete */
.o-statuses-5 span,
.o-pstatuses-5_14 span,
.o-pstatuses-5_15 span,
.o-pstatuses-5_16 span,
.o-pstatuses-5_17 span,
.o-pstatuses-5_18 span,
.o-pstatuses-5_19 span,
.o-pstatuses-5_20 span,
.o-pstatuses-5_21 span,
.o-pstatuses-5_22 span,
.o-pstatuses-5_23 span,
.o-pstatuses-5_24 span,
.o-pstatuses-5_25 span,
.o-pstatuses-5_26 span,
.o-pstatuses-5_27 span,
.o-pstatuses-5_28 span,
.o-pstatuses-5_29 span,
.o-pstatuses-5_30 span,
.o-pstatuses-5_31 span {background-position: 0 -1777px;}
/* Cancel */
.o-statuses-6 span,
.o-pstatuses-7_14 span,
.o-pstatuses-7_15 span,
.o-pstatuses-7_16 span,
.o-pstatuses-7_17 span,
.o-pstatuses-7_18 span,
.o-pstatuses-7_19 span,
.o-pstatuses-7_20 span,
.o-pstatuses-7_21 span,
.o-pstatuses-7_22 span,
.o-pstatuses-7_23 span,
.o-pstatuses-7_24 span,
.o-pstatuses-7_25 span,
.o-pstatuses-7_26 span,
.o-pstatuses-7_27 span,
.o-pstatuses-7_28 span,
.o-pstatuses-7_29 span,
.o-pstatuses-7_30 span,
.o-pstatuses-7_31 span {background-position: 0 -2077px;}
.o-pstatuses--6 span {background-position: 0 -2072px;}
/* Interkassa success */
.o-pstatuses-22_14 span,
.o-pstatuses-28_15 span,
.o-pstatuses-22_28 span,
.o-pstatuses-28_30 span {background-position: 0 -277px;}
.o-pstatuses--1 span {background-position: 0 -272px;}
/* Interkassa wait */
.o-pstatuses-23_28 span,
.o-pstatuses-26_30 span,
.o-pstatuses-23_14 span,
.o-pstatuses-26_15 span {background-position: 0 -576px;}
.o-pstatuses--2 span {background-position: 0 -570px;}
/* Interkassa fail */
.o-pstatuses-21_28 span,
.o-pstatuses-27_30 span,
.o-pstatuses-21_14 span,
.o-pstatuses-27_15 span {background-position: 0 -877px;}
.o-pstatuses--3 span {background-position: 0 -871px;}
/* Paid by PayPal */
.o-pstatuses-16_16 span,
.o-pstatuses-16_18 span,
.o-pstatuses-16_20 span,
.o-pstatuses-16_21 span,
.o-pstatuses-16_22 span,
.o-pstatuses-16_23 span,
.o-pstatuses-16_24 span,
.o-pstatuses-16_25 span,
.o-pstatuses-16_26 span,
.o-pstatuses-16_27 span,
.o-pstatuses-16_31 span {background-position: 0 -1183px;}
.o-pstatuses--4 span {background-position: 0 -1174px;}
/* Processing */
.o-pstatuses-2_14 span,
.o-pstatuses-2_15 span,
.o-pstatuses-2_16 span,
.o-pstatuses-2_17 span,
.o-pstatuses-2_18 span,
.o-pstatuses-2_19 span,
.o-pstatuses-2_20 span,
.o-pstatuses-2_21 span,
.o-pstatuses-2_22 span,
.o-pstatuses-2_23 span,
.o-pstatuses-2_24 span,
.o-pstatuses-2_25 span,
.o-pstatuses-2_26 span,
.o-pstatuses-2_27 span,
.o-pstatuses-2_28 span,
.o-pstatuses-2_29 span,
.o-pstatuses-2_30 span,
.o-pstatuses-2_31 span {background-position: 0 -1479px;}
/* Montrada */
.o-pstatuses-17_21 span {background-position: 0 -2385px;}
/* WebToPay */
.o-pstatuses-16_29 span {background-position: 0 -2687px;}
/* PrivatBank */
.o-pstatuses-14_14 span,
.o-pstatuses-14_16 span,
.o-pstatuses-14_18 span,
.o-pstatuses-14_20 span,
.o-pstatuses-14_21 span,
.o-pstatuses-14_22 span,
.o-pstatuses-14_23 span,
.o-pstatuses-14_24 span,
.o-pstatuses-14_25 span,
.o-pstatuses-14_27 span,
.o-pstatuses-14_28 span,
.o-pstatuses-14_29 span,
.o-pstatuses-14_30 span,
.o-pstatuses-14_31 span,
.o-pstatuses-1000000004 span,
.o-pstatuses-19_15 span,
.o-pstatuses-1000000005 span,
.o-pstatuses-1000000011 span,
.o-pstatuses-32_15 span,
.o-pstatuses-1000000010 span,
.o-pstatuses-1000000009 span,
.o-pstatuses-30_15 span,
.p-pstatuses-1000000004 span,
.p-pstatuses-1000000005 span {background-position: 0 -2980px;}

/* Счёт оплачен */
.o-pstatuses-17_14 span,
.o-pstatuses-18_15 span,
.o-pstatuses-18_17 span,
.o-pstatuses-17_28 span,
.o-pstatuses-18_30 span,
.o-pstatuses-999999999 span,
.p-statuses-999999999 span {background-position: 0 -3278px;}
/* Возврат */
.o-statuses-7 span {background-position: 0 -3576px;}
/* В работе */
.o-statuses-2 span {background-position: 0 -3879px;}
/* Отправлен */
.o-statuses-3 span {background-position: 0 -4178px;}
/* Декларация */
.o-statuses-4 span {background-position: 0 -4476px;}
/* Отправлен на представительство */
.o-pstatuses-15_14 span,
.o-statuses-8 span {background-position: 0 -5979px;}
/* Возврат денежных средств */
.p-statuses-1000000000 span,
.o-statuses-1000000000 span,
.o-pstatuses-1000000000 span {background-position: 0 -4772px;}
/* Клиенту выставлен счёт */
.p-statuses-1000000001 span,
.o-statuses-1000000001 span,
.o-pstatuses-1000000001 span,
.o-pstatuses-1000000006 span,
.o-pstatuses-15_15 span {background-position: 0 -5071px;}
/* Не оплачен */
.p-statuses-1000000002 span,
.o-statuses-1000000002 span,
.o-pstatuses-1000000002 span {background-position: 0 -5378px;}
/* Отказался от покупки */
.p-statuses-1000000003 span,
.o-statuses-1000000003 span,
.o-pstatuses-1000000003 span {background-position: 0 -5671px;}
/* Ошибочный заказ */
.o-statuses-9 span {background-position: 0 -6277px;}
/* Не дозвонились */
.o-statuses-10 span {background-position: 0 -6577px;}
/* liqpay success */
.p-statuses-1000000004 span,
.o-statuses-1000000004 span,
.o-pstatuses-1000000004 span,
.o-pstatuses-19_15 span {background-position: 0 -2974px;}
/* Automatic Invoice */
.o-pstatuses-1000000006 span,
.p-statuses-1000000006 span{
    background-position: 0 -6791px;
}
/* Счет для организации */
.o-pstatuses-1000000007 span,
.p-statuses-1000000007 span {
    background-position: 0 -7012px;
}
/* Monobank */
.o-pstatuses-1000000014 span,
.o-pstatuses-1000000015 span,
.o-pstatuses-36_15 span {
    background-position: 0 -7252px;
}
/* liqpay wait */
.p-statuses-1000000005 span,
.o-statuses-1000000005 span,
.o-pstatuses-1000000005 span {
    background: url("../img/icon-privat-wait.png") no-repeat 0 7px;
}
/* Monobank: Уточнить */
.p-statuses-1000000014 span,
.o-statuses-1000000014 span,
.o-pstatuses-1000000014 span,
.o-pstatuses-36_15 span {
    background: url("../img/icon-monobank.png") no-repeat 0 7px;
}
/* Privat: Уточнить */
.p-statuses-1000000011 span,
.o-statuses-1000000011 span,
.o-pstatuses-1000000011 span,
.o-pstatuses-32_15 span {
    background: url("../img/icon-privat-bw.png") no-repeat 0 7px;
}
/* Privat: Оплачен */
.p-statuses-1000000010 span,
.o-statuses-1000000010 span,
.o-pstatuses-1000000010 span {
    background-position: 0 -2974px;
}
/* Visa: Уточнить */
.p-statuses-1000000009 span,
.o-statuses-1000000009 span,
.o-pstatuses-1000000009 span,
.o-pstatuses-30_15 span {
    background: url("../img/icon-visa-bw.png") no-repeat 0 7px;
}

/* VM: Счет оплачен */
.p-statuses-1000000008 span,
.o-statuses-1000000008 span,
.o-pstatuses-1000000008 span {
    background: url("../img/icon-visa.png") no-repeat 0 7px;
}

/* Client comment */
.column-custom-comments .comment-title,
.custom-expand .comm-client-title {
    display: block;
    color: #dc0000;
    margin: 0;
}
.custom-expand .comments-block-body,
.cell-block-2 .comments-row-holder {
    max-height: 295px;
    overflow-y: auto;
    margin: 0 0 10px;
}
.cell-block-2 .comments-row-holder {
    max-height: 177px;
    margin: 0;
}
.column-custom-comments  p {
    margin: 0;
    color: #000;
    width: 295px;
    word-break: break-all;
}
/* custom controls */
.custom-c {
    position: relative;
    margin: 0;
}
.custom-edit,
.custom-expand-row,
.custom-constrict-row {
    background: url("../img/bg-custom-edit.png") no-repeat 50% 50%;
    text-indent: -99999px;
    overflow: hidden;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.custom-expand-row {background: url("../img/bg-expand.png") no-repeat 50% 3px;}
.custom-constrict-row {background: url("../img/bg-expand.png") no-repeat 50% -27px;}
.custom-edit:hover,
.custom-expand-row:hover,
.custom-constrict-row:hover {opacity: 0.6;}
/* expand row */
table.jtable .custom-expand td {background: #fff;}
.custom-expand .section-1 {
    overflow: hidden;
    margin: 0;
}
.custom-expand .section-2 {
    color: #324c69;
    font-size: 12px;
}
.custom-expand .section-2 .product-row {margin: 0 0 10px;}
.custom-expand .block {
    float: left;
    margin: 0 15px 0 0;
}
.custom-expand .block-1 {width: 79px;}
.custom-expand .block-2 {width: 188px;}
.custom-expand .block-3 {width: 101px;}
.custom-expand .block-4 {width: 170px;}
.custom-expand .block-5 {width: 208px;}
.custom-expand .block .b-title {
    color: #dc0000;
    margin: 0;
}
.custom-expand .block-2 .b-title {
    float: left;
    margin: 3px 0 0;
    clear: both;
    width: 47px;
}
.custom-expand .block .b-val {margin: 0 0 13px;}
.custom-expand .block-2 .b-val {
    float: left;
    margin: 0 0 4px;
}
.custom-expand .addr-i {
    float: right;
    background: url("../img/bg-info.png") no-repeat;
    width: 20px;
    height: 20px;
    margin: 0;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.custom-expand .block input.order-input-small {
    width: 115px;
    padding: 0 2px;
    border: 1px solid #324c69;
    color: #1a1a1a;
    font-size: 12px;
    float: left;
}
.custom-expand .block input.order-input-small:focus {border-color: #dc0000;}
.custom-expand .block-5 table {
    width: 240px;
}
table.jtable .custom-expand .block-5 table td {
    border: 0;
    padding: 0 0 7px;
    width: 140px;
}
table.jtable .custom-expand .block-5 table td:first-child {width: 100px;}
.custom-expand .comm-client-body {margin: 0 0 20px;}
.custom-expand .progress-comment-input textarea {
    border-color: #324c69;
    color: #010101;
    width: 299px;
    margin: 0 0 3px;
}
.custom-expand .progress-comment-input textarea:focus {border-color: #dc0000;}
.custom-expand .bottom-controls {
    overflow: hidden;
    text-align: right;
}
.custom-expand .bottom-controls span {
    color: #010101;
    font-size: 9px;
    line-height: 20px;
    margin: 0;
    display: none;
}
.custom-expand .bottom-controls .submit-order-progress,
.r-n-control-ok {
    float: right;
    color: #fff;
    font-size: 12px;
    background: #dc0000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 7px;
    margin: 0 0 0 7px;
    border: 1px solid #dc0000;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.custom-expand .bottom-controls .submit-order-progress:hover {opacity: 0.6;}
.comments-block .progress-title {
    margin: 0;
    font-size: 9px;
    color: #0511ad;
}
.comments-block .progress-title .author {font-size: 12px;}
.comments-block .progress-comment {margin: 0 0 15px;}
/* FAST EDIT ORDER */
.addr-i-popunder,
.select-status-block,
.order-history-popunder,
.filter-status-block,
.print-invoice-history-block {
    width: 538px;
    padding: 10px 10px 26px;
    border: 3px solid #324c69;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #eef6ff;
    font-size: 12px;
    color: #324c69;
}
.order-history-popunder .row,
.select-status-block .row,
.print-invoice-history-block .row {
    margin: 0 0 10px;
    overflow: hidden;
}
.order-history-popunder .row .date,
.select-status-block .row .created,
.print-invoice-history-block .created {
    float: left;
    margin: 0 35px 0 0;
    font-size: 10px;
}
.print-invoice-history-block .created,
.print-invoice-history-block .created-title {width: 140px;}
.order-history-popunder .row .status,
.select-status-block .row .message_id {
    float: left;
    margin: 0 15px 0 0;
}
.print-invoice-history-block .created-title,
.print-invoice-history-block .email-title {
    font-weight: bold;
    float: left;
    margin: 0 35px 0 0;
}
.print-invoice-history-block .email-title,
.print-invoice-history-block .email {
    float: left;
    margin: 0 35px 0 0;
}
.order-history-popunder .row .comment,
.select-status-block .row .status {
    float: right;
    margin: 0;
    color: #0511ad;
    font-style: italic;
}
.select-status-block .row-title .status {
    font-style: normal;
    color: #324C69;
}
.select-status-block .row-title .created {
    font-size: 12px;
    margin: 0 106px 0 0;
}
.addr-i-popunder form {overflow: hidden;}
.addr-payment {
    float: left;
    width: 255px;
    margin: 0 28px 0 0;
}
.addr-shipping {
    float: left;
    width: 255px;
    margin: 0;
}
.pop-u-title {
    margin:0 0 11px 18px;
}
.pop-u-row {
    overflow: hidden;
    margin: 0 0 4px;
    min-height: 19px;
}
.pop-u-name {
    width: 75px;
    color: #324c69;
    margin: 0;
    float: left;
}
.pop-u-break {height: 18px;}
.pop-u-val {
    color: #000;
    float: left;
    width: 170px;
}
.pop-u-val-edit input {
    border:1px solid #324c69;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #1a1a1a;
    font-size: 12px;
    outline: none;
    padding: 1px 3px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
.pop-u-val-edit input:focus {
    border-color: #dc0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.addr-i-popunder .c-edit,
.addr-i-popunder .c-close,
.addr-i-popunder .c-save {
    position: absolute;
    top: 8px;
    right: 33px;
    background: url("../img/bg-edit.png") no-repeat;
    width: 16px;
    height: 16px;
    margin: 0;
    text-indent: -99999px;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.addr-i-popunder .c-close {
    background: url("../img/bg-close.png") no-repeat;
    position: absolute;
    top: 8px;
    right: 8px;
}
.addr-i-popunder .c-save {background: url("../img/bg-save.png") no-repeat;}
.addr-i-popunder .c-edit:hover,
.addr-i-popunder .c-close:hover,
.addr-i-popunder .c-save:hover,
.custom-expand .addr-i:hover {opacity: 0.6;}
.select-status-block,
.filter-status-block,
.print-invoice-history-block {
    width: auto;
    padding: 19px 15px 16px 15px;
}
.select-status-block .row,
.filter-status-block .row {
    cursor: pointer;
    margin: 0 -15px 3px -15px;
    padding: 0 15px 0 15px;
}
.select-status-block .row:hover,
.filter-status-block .row:hover {background: #fff;}
.sms-history-popunder .select-status-block .row:hover {
    background: none;
    cursor: default;
}
.select-status-block .row-title {
    margin: 0 0 10px;
    font-weight: bold;
}
/* EDIT ORDER */
.uibody-refresh .ui-dialog-titlebar{display: none;}
.uibody-refresh,
.ui-dialog-buttonpane {background: #eef6ff}
.uibody-refresh {
    padding: 0;
    border-width: 0 1px 1px;
    border-color: #324C69;
}
.uibody-refresh .ui-dialog-content {padding: 0;}
.uibody-refresh .ui-dialog-content {overflow: hidden;}
.uibody-refresh .jtable-input-field-container .jtable-input-label {display: none;}
.red-line {
    background: #dc1b1c;
    padding: 14px 35px 12px;
    color: #fff;
    overflow: hidden;
    margin: 0 0 5px;
    font: 14px/16px Verdana, Arial, sans-serif;
}
.red-line span {
    float: left;
    margin: 0 38px 0 0;
}
.cell-1 {
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0 0 31px 33px;
    font: 12px/14px Verdana, Arial, sans-serif;
    border-bottom: 1px solid #324c69;
}
.data-block {
    float: left;
    margin: 0 18px 0 0;
    width: 270px;
    font-size: 12px;
}
.data-block .b-title {
    color: #dd0806;
    margin: 4px 0 5px 6px;
}
.data-block input {
    border:1px solid #324c69;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #1a1a1a;
    font-size: 12px;
    outline: none;
    padding: 1px 3px;
    margin: 0 0 2px;
    font: 12px/14px Verdana, Arial, sans-serif;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.data-block input:focus {
    border-color: #dc0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
}
.order-edit-products {font-size: 12px;}
.order-edit-products td {color: #324c69;}
.order-edit-products .prod-quantity {
    color: #dc0000;
    border:1px solid #324c69;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    font-size: 12px;
    outline: none;
    padding: 1px 3px;
    margin: 0 0 2px;
}
.cell .block-search {
    padding: 0 36px;
    overflow: hidden;
}
.cell .block-search .search-title {
    float: left;
    margin: 4px 10px 0 153px;
    color: #dc0000;
    font: 12px/14px Verdana, Arial, sans-serif;
}
.cell .block-search #findproducts {
    float: left;
    width: 439px;
    margin: 0 0 4px;
}
.cell .select-option-container {
    clear: both;
    padding: 0 0 0 198px;
    overflow: hidden;
}
.cell .block-search .option-row {
    overflow: hidden;
    margin: 0 0 2px;
    font: 12px/16px Verdana, Arial, sans-serif;
}
.cell .block-search .option-row .name,
.cell .block-search .option-row .price {
    margin: 0;
    color: #dc1b1c;
}
.cell .add-plus {
    float: left;
    margin: 0 8px 0 0;
    background: url("../img/bg-add.png") no-repeat;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -99999px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}
.cell .add-plus:hover {opacity: 0.6;}
.cell .order-edit-products {
    font: 12px/16px Verdana, Arial, sans-serif;
    margin: 0 0 13px;
    padding: 0;
}
.cell .order-edit-products .table-title td {
    color: #dc0000;
    margin: 0;
    padding: 0 15px 3px;
}
.cell .order-edit-products td {
    padding: 0 15px 3px;
    color: #324c69;
}
.cell .order-edit-products td:first-child {width: 22px;}
.cell .overall {
    overflow: hidden;
    padding: 0 18px 12px;
    border-bottom: 1px solid #324c69;
    font: 12px/16px Verdana, Arial, sans-serif;
    text-align: right;
}
.cell .p-totals {
    display: inline;
    color: #dc1b1c;
    margin: 0;
}
.cell .club-discount {
    display: inline;
    color: #dc1b1c;
    margin: 0 17px 0 0;
}
.cell .club-discount .club-discount-val {
    color: #212121;
}
.order-edit-products .in-stock,
.product-row.in-stock{ background-color: #D3E9E3;}

.order-edit-products .in-timer,
.product-row.in-timer{ background-color: #F3EA0D;}

.cell .p-totals span {color: #324c69;}
.cell-2 {
    overflow: hidden;
    padding: 0;
    margin: 0;
    position: relative;
}
.cell-block-1 {
    float: left;
    padding: 0 0 20px 33px;
    width: 388px;
}
.cell-block-1-1 {
    overflow: hidden;
    margin: 0 0 16px;
    color: #000;
    font: 12px/14px Verdana, Arial, sans-serif;

}
.cell-block-1-2 {
    overflow: hidden;
}
.cell-block-1-1 .s-payment,
.cell-block-1-1 .s-order,
.cell-block-1-1 .s-d,
.cell-block-1-1 .s-print-invoice,
.cell-block-1-1 .s-tk {
    float: left;
    margin: 0 13px 0 0;
    padding: 0 17px 0 0;
    background: url("../img/separator.gif") no-repeat 100% 8px;
}
.cell-block-1-1 .s-print-invoice,
.cell-block-1-1 .s-tk,
.cell-block-1-1 .s-d {background: none;}
.cell-block-1-1 .s-print-invoice {margin: 0 129px 0 0;}
.cell-block-1-1 .s-d {
    margin: 0;
    padding: 0;
    float: right;
}
.cell-block-1-1 .s-print-invoice select {
    width: 128px;
    border-color: #324c69;
    height: 20px;
    color: #000;
}
.cell-block-1-1 .s-print-invoice select:focus,
.cell-block-1-1 .s-tk input:focus,
.cell-block-1-1 .s-d .select-tk:focus {
    color: #dc0000;
    border-color: rgba(220,0,0,0.6);
    background-color: #fff;
}
.cell-block-1-1 .s-d .select-tk {
    width: 128px;
    height: 22px;
    padding: 3px 4px 2px;
    margin: 0;
    border: 1px solid #324C69;
    color: #1a1a1a;
}
.cell-block-1-1 .s-title {
    color: #dc0000;
    display: block;
    margin: 0 0 5px;
}
.cell-block-1-1 .s-d .s-d-control input,
.cell-block-1-1 .s-tk input {
    border:1px solid #324c69;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #1a1a1a;
    font-size: 12px;
    outline: none;
    padding: 0 3px;
    margin: 0 0 2px;
    font: 12px/14px Verdana, Arial, sans-serif;
    width: 117px;
}
.cell-block-1-1 .s-tk input {margin: 0 0 8px;}
.cell-block-1-1 .s-d .s-d-control input:focus,
.cell-block-1-2 .total-row-holder .row input:focus,
.cell-block-1-1 .s-tk input:focus {
    border-color: #dc0000;
    color: #dc0000;
}
.cell-block-1-2 .total-title-1 {
    margin: 0 0 6px 4px;
    color: #dc0000;
}

.cell-block-1-2 .order-edit-totals {
    background: #fff;
    border: 1px solid #b4c4d5;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 14px 12px;
}
.cell-block-1-2 .total-title-2 {
    margin: 0 0 12px;
    color: #dc0000;
}
.cell-block-1-2 .total-row-holder {
    overflow: hidden;
    margin: 0 0 13px;
    font: 12px/14px Verdana, Arial, sans-serif;
}
.cell-block-1-2 .total-row-holder .row {
    float: left;
    margin: 0 20px 0 0;
}
.cell-block-1-2 .total-row-holder .row span {
    display: block;
    margin: 0 0 2px 10px;
    color: #324c69;
}
.cell-block-1-2 .total-row-holder .row input,
.drag-container .row input {
    border:1px solid #324c69;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #324c69;
    font-size: 12px;
    outline: none;
    padding: 0 6px;
    margin: 0 0 2px;
    font: 12px/14px Verdana, Arial, sans-serif;
    width: 177px;
}
.cell-block-1-2 .total-row-holder .row .tvalue {width: 57px;}
.drag-container .row input {
    width: 57px;
    margin: 0;
    float: left;
}
.cell-block-1-2 .total-row-holder .row .add-plus {margin: 19px 0 0 -12px;}

.comments-block .order-progress-comments {
    margin: 0 0 20px;
}
.cell-block-2 {
    float: right;
    width: 439px;
    padding: 0 17px 0 0;
    font: 12px/14px Verdana, Arial, sans-serif;
}
.cell-block-2 .comments-title {
    color: #dc0000;
    margin: 0 0 15px;
}
.cell-block-2 .comm-client-title {
    color: #dc0000;
    margin: 0 0 1px;
}
.cell-block-2 .comm-client-body {margin: 0 0 15px;}
.cell-block-2 .progress-comment-input {
    position: absolute;
    right: 15px;
    bottom:18px;
}
.cell-block-2 .progress-comment-input textarea {
    border-color: #324c69;
    color: #010101;
    width: 429px;
    margin: 0 0 3px;
}
.cell-block-2 .progress-comment-input textarea:focus,
.drag-container .row input:focus {border-color: #dc0000;}
.cell-block-2 .bottom-controls {
    overflow: hidden;
    text-align: right;
}
.cell-block-2 .bottom-controls {display: none;}
.cell-block-2 .bottom-controls span {
    color: #010101;
    font-size: 9px;
    line-height: 20px;
    margin: 0;
}
.cell-block-2 .bottom-controls .submit-order-progress {
    float: right;
    color: #fff;
    font-size: 12px;
    background: #dc0000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 7px;
    margin: 0 0 0 7px;
    border: 1px solid #dc0000;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.cell-block-2 .bottom-controls .submit-order-progress:hover {opacity: 0.6;}
.drag-container .user-reload {background: url("../img/bg-reload.png") no-repeat;}
.drag-container{
    margin: 0;
    padding: 0;
    list-style: none;
}
.drag-container .row {
    padding: 0 0 10px;
    overflow: hidden;
}
.drag-container .row span {
    float: left;
    margin: 0 5px 0 0;
}
.drag-container .row .ttl {
    float: left;
    width: 182px;
    padding: 2px 0 0;
}
.drag-container .row .t-icon {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.drag-container .row .t-icon img {
    float: left;
    margin: 0;
}
.drag-container .row .user-sort,
.drag-container .row .user-reload {
    background: url("../img/bg-sort.png") no-repeat;
    display: block;
    width: 17px;
    height: 17px;
    text-indent: -99999px;
    overflow: hidden;
    margin: 3px 0 0 4px;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.drag-container .row .user-sort:hover,
.drag-container .row .user-reload:hover,
.drag-container .row .t-icon:hover {opacity: 0.6;}
.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid #324C69;
    padding: 15px;
}
/* PAGINATION */
/* bottom panel */
.jtable-bottom-panel {
    padding: 20px 0;
    border-top: 5px solid #dc0000;
    overflow: hidden;
}
.jtable-bottom-panel .jtable-left-area {
    float: left;
    margin: 0;
}
.jtable-page-list {
    float: left;
    padding: 0;
    margin: 0;
}
.jtable-page-list span {
    float: left;
    margin: 0;
    text-align: center;
    margin: 0 5px;
    padding: 7px 10px;
    color: #dc0000;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    cursor: pointer;
    -webkot-border-radius: 4px;
    border-radius: 4px;
}
.jtable-page-list span:hover,
.jtable-page-list span.jtable-page-number-active {
    color: #fff;
    background: #dc0000;
}
.jtable-page-list span.jtable-page-number-disabled:hover,
.jtable-page-list span.jtable-page-number-space:hover {
    background: none;
    color: #dc0000;
    cursor: default;
}
.jtable-page-list span.jtable-page-number-active:hover {
    cursor: default;
    color: #fff;
    background: #dc0000;
}
.jtable-goto-page,
.jtable-page-size-change {
    float: left;
    margin: 3px 16px 0 0;
    color: #9A9A9A;
    font:12px/14px Verdana, Arial, sans-serifl
}
.jtable-right-area {
    float: left;
    margin: 8px 16px 0 0;
    color: #9A9A9A;
    font:12px/14px Verdana, Arial, sans-serifl
}
.jtable-right-area select,
.jtable-left-area select {
    display: inline-block;
    height: 26px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 14px;
    color: #939393;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    width: 65px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #fff;
    border: 1px solid #ccc;
    outline: 0;
}
.jtable-right-area select:focus,
.jtable-left-area select:focus {
    color: #dc0000;
    border-color: rgba(220,0,0,0.6);
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
}
/* STATS PAGE */
.stat-submenu {
    margin: 0 0 22px;
    padding: 22px 0;
    text-align: center;
    border-bottom: 1px solid #C0C0C0;
}
.stat-submenu .row select {
    height: 26px;
    width: 91px;
    margin: 0;
    display: inline-block;
}
.stat-submenu .row {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
    font:12px/14px Verdana, Arial, sans-serif;
    color: #9a9a9a;
}
.stat-submenu .row label {
    float: left;
    margin: 5px 5px 0 0;
}
.stat-submenu .row input {
    display: inline-block;
    margin: 0;
    width: 70px;
}
.stat-submenu .row .filter-button {
    margin: -2px 0 0;
    width: auto;
    display: inline-block;
    float: none;
}
.stat-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #999;
    border:1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image:    -moz-linear-gradient(top, #fff, #eee);
    background-image:      -o-linear-gradient(top, #fff, #eee);
    background-image:         linear-gradient(to bottom, #fff, #eee);


}
.stat-menu li {
    float: left;
    margin: 0 10px 0 0;
}
.stat-menu a {
    float: left;
    padding: 10px 8px;
    color: #999;
    -webkit-transition: all linear .2s,box-shadow linear .4s;
    -moz-transition: all linear .2s,box-shadow linear .4s;
    -o-transition: all linear .2s,box-shadow linear .4s;
    transition: all linear .2s,box-shadow linear .4s;
    text-decoration: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.stat-menu a:hover,
.stat-menu .active {
    color: #000;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    background-color: #fff;
}
.stat-menu .active {font-weight: bold;}
/* sms-box */
.sms-row {
    overflow: hidden;
    margin: 4px 0 8px;
}
.sms-control,
.sms-history {
    float: left;
    margin: 0 5px 0 0;
    color: #000;
    font:9px/12px Verdana, Arial, sans-serif;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    padding: 0;
}
.sms-history {
    float: right;
    margin: 0;
    display: none;
}
.sms-history-refresh {
    background: url("../img/bg-refresh-sms.png") no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    margin: 1px 5px 0 0;
    cursor: pointer;
    display: none;
}
.sms-control:hover,
.sms-history:hover {
    border: 0;
    padding: 0 0 1px;
}
.sms-history-refresh.send,
.sms-history.send {display: block;}
.sms-control.send {opacity: 0.3;}
/* средний чек */
.stat-page {position: relative;}
.stat-page #metrics {margin: 0 0 45px;}
.stat-page .graph-info {
    float: right;
    font:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    z-index: 5;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    color: #274B6D;
    border:1px solid #ccc;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 0 rgba(255, 255, 255, 0.8) inset;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image:    -moz-linear-gradient(top, #fff, #eee);
    background-image:      -o-linear-gradient(top, #fff, #eee);
    background-image:         linear-gradient(to bottom, #fff, #eee);
    padding: 15px;
}
.stat-page .graph-info span {
    font-size: 12px;
    padding: 0;
    font-weight: bold;
    color: #4D759E;
}
.additional-control-merge {
    position: absolute;
    top: 108px;
    left: 232px;
    background: url("../img/bg-copy.png") no-repeat;
    text-indent: -99999px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.additional-control-merge:hover {opacity: 0.6;}
/* счёт фактура */
#Edit-totals .cell-block-0 {
    overflow: hidden;
    background: #f0efef;
    padding: 16px 36px 0;
    margin: 0 0 14px;
    border-bottom: 1px solid #324c69;
}
.s-print-invoice .invoive-select-block{margin-bottom: 3px;}
.s-print-invoice .print-invoice-show-invoice {
    cursor: pointer;
    text-decoration: underline;
}
.s-print-invoice .print-invoice-show-invoice:hover {text-decoration: none;}
.cell-block-1-1 .s-print-invoice .s-title {margin: 0 0 10px;}
.s-print-invoice .print-invoice-show-history {
    margin: 0 5px 0 0;
    color: #000;
    font:9px/12px Verdana, Arial, sans-serif;
    border-bottom: 1px dashed #000;
    cursor: pointer;
    padding: 0;
}
.s-print-invoice .print-invoice-show-history:hover {
    border: 0;
    padding: 0 0 1px;
}
/* print-invoice */
.invoice-history-popunder {
    height: 100%;
    width: 100%;
}
.invoice-history-popunder .frame-container {
    height: 100%;
    margin: 0 auto;
    width: 1024px;
    background: #fff;
    position: relative;
    border: 1px solid #ccc;


}
.invoice-history-popunder .frame-container iframe {
    width: 100%;
    height: 900px;
    overflow: auto;
    background: #fff;
    border:0;
    border-bottom: 1px solid #ccc;
}
.invoice-history-title {
    padding: 14px 23px;
    font-size: 12px;
    background: #eef6ff;
    border-bottom: 1px solid #324C69;
    margin: 0 0 7px;
}
.invoice-history-title .txt {
    display: block;
    font: 20px/24px Arial, Verdana, sans-serif;
    color: #324c69;
}
.button-send-invoice-email,
.button-print-invoice-email-new-window {
    display: inline-block;
    margin: 5px 33px 5px 22px;
    padding: 6px 15px;
    color: #de0f0f;
    font-size: 12px;
    line-height: 14px;
    background: #fff;
    border: 1px solid #e12525;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    cursor: pointer;
}
.button-print-invoice-email-new-window {
    margin: 5px 33px 5px 0;
}
.button-send-invoice-email:hover,
.button-print-invoice-email-new-window:hover {
    background-color: #dc0000;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(220,0,0,0.2);
    color: #fff;
    border-color: #e12525;
}
.invoice-history-popunder .invoice-history-popunder-close {
    position: absolute;
    top: 18px;
    right: 12px;
}

/* client call buttons */
.client-call-box {
    padding-top: 10px;
}

.client-call {
    float: left;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 0;
    background: url("../img/icon-sprite.png") no-repeat;
    text-indent: -9999px;
    overflow: hidden;
}
.client-call:hover {
    background-position: 0 -27px;
}
.client-copy {
    float: right;
    width: 27px;
    height: 27px;
    padding: 0;
    border: 0;
    background: url("../img/icon-sprite.png") no-repeat -29px 0;
    text-indent: -9999px;
    overflow: hidden;
}
.client-copy:hover {
    background-position: -29px -27px;
}