@font-face {
    font-family: SciFly-Sans;
    src: url("/fonts/SciFly-Sans.ttf");
}

body,
body * {
    margin: 0px;
}

body {
    min-width: 980px;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
}

input,
select,
textarea,
button {
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-size: 12px;
}

a {
    text-decoration: none;
}

a:focus,
a:visited {
    outline: none;
}

input:focus,
select:focus,
textarea:focus {
    outline: #57dcd5;
}

textarea {
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    padding: 5px 0;
}

ul {
    padding-left: 0;
}

li {
    list-style-type: none;
}

table {
    border-collapse: collapse;
}

thead,
tfoot {
    background-color: #568fc8;
    color: #fff;
    font-family: 'PT Sans Caption', sans-serif;
    /*border: 1px solid #e2e2e2;*/
}

.tfootDocumentItems {
    color: #000;
}

thead th {
    padding: 5px;
}

#content {
    /*font-size:12px;*/
}

body.DTTT_Print #body {
    padding-top: 0px;
}

#body {
    font-size: 12px;
    padding-top: 120px;
}

button:focus {
    outline: none;
}

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

.dataTable-align-left {
    text-align: left;
}

.dataTable-align-center {
    text-align: center;
}

.dt-col-ContragentName {
    min-width: 140px;
}

th.dt-col-edit {
    min-width: 95px;
}

.dt-col-edit {
    text-align: center;
}

.dt-col-editRight {
    text-align: right;
}

table.dataTable thead > tr > th.sorting {
    /*padding-right: 0px !important; */
}

#operationsTable_wrapper th.dt-col-edit {
    /*min-width: 170px;*/
}

#datatable-table-wrapper1 table {
    width:100% !important;
}

.message {
    text-align: center;
    color: #568fc8 !important;
    font-weight: bold;
    font-size: 14px;
    /*background: #fffbe7;*/
    padding: 15px 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.message-popup {
    width: 350px;
    padding: 30px 15px;
    margin: auto;
    font-size: 13px;
    color: #000;
}

.message-popup .info {
    color: #568fc8;
    margin-top: 15px;
    margin-bottom: 5px;
}

table.dataTable.margin-dataTable {
    margin-top: 75px;page
    transition: all 0.6s;
}

.errors,
ul.errors li {
    color: #d03d32;
    font-size: 12px;
}

[readonly],
[disabled="1"] {
    background-color: #f7f7f7;
    border: 1px solid #E1E1E1;
}

#page-wrap {
    /* min-width: 980px; */
    width: 100%;
    margin: 0px auto;
}

.pattern {
    background-image: url('/css/clients/img/pattern.png');
}

#page-wrap #inside {
    /*margin: 0px;
    padding-bottom: 10px;*/
}

.popup-overlay {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.9);
    opacity: .60;
    width: 100%;
    height: 1200px;
    position: fixed;
    top: 0;
    left: 0;
}


/*******************************************/

#header {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 6;
    background-color: #fff;
}


/************menu**************************/

#skladnav {
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: normal;
    text-align: right;
    font-size: 10px;
    color: #000;
    /*background: #565656;*/
    padding: 10px;
    font-family: 'PT Sans Caption', sans-serif;
}

#skladnav select {
    width: 185px;
}

#skladnav button {
    margin-right: 20px;
}

#skladnav button.pressed {
    background-color: #FCF6A1;
    color: #568fc8;
}

#logo {
    position: absolute;
    left: 2px;
    top: 2px;
}

#logo h6 {
    font: 45px SciFly-Sans;
    font-weight: normal;
    color: #194c84;
}

#logo p {
    font: 11px SciFly-Sans;
    text-transform: uppercase;
}

#top_menu {
    height: inherit;
    width: 100%;
    margin: auto;
    position: relative;
    z-index: 1000;
    text-align: center;
}

.navigation {
    position: relative;
    /*background:#000;*/
}

.navigation>li ul li.def a {
    color: #FCF6A1;
    /*border-bottom:3px solid #568fc8;*/
}

#top_menu>ul>li.top_def.def.active>ul>li.def>ul>li>a {}


/*#top_menu > ul > li.top_def.def.active > ul > li.def > ul > li.def > a {*/


/*color:#d03d32;*/


/*border-left: 3px solid #568fc8;*/


/*}*/

#top_menu>ul>li.top_def.def.active>ul>li.def>ul>li.def>ul>li>a {
    color: #FCF6A1;
    background-color: #5289BF;
}

#top_menu>ul>li.top_def.def>ul>li.def>ul>li.def>ul>li.def>a {
    border-left: 3px solid #568fc8;
    color: #fff;
}

#top_menu>ul>li.top_def.def>ul>li.def>ul>li>ul>li>a {
    //    color:#000;
}

#top_menu>ul>li.top_def.def.active>ul>li>ul {
    margin-top: 3px;
}

.navigation>li {
    display: inline-block;
    padding: 0px 12px;
    font-size: 16px;
    /*text-transform: uppercase;*/
    border-bottom: 3px solid transparent;
}

.navigation>li.active>ul.sub1 {
    display: block;
}


/*ul.active_list {
	display: block;
}*/

.navigation>li>a {
    color: #000;
    display: block;
    padding: 25px 6px;
    font-size: 13px;
    font-family: 'PT Sans Caption', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

.navigation>li ul a {
    color: inherit;
    display: block;
    padding: 13px 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    /* font-family: 'PT Mono', monospace; */
}

.navigation>li.active {
    background-color: #568FC8;
    color: #fff;
}

.navigation>li.active a {
    color: #fff;
}

.navigation>li ul {
    font-size: 12px;
}

.navigation>li:last-child {
    position: absolute;
    right: 0px;
    top: 10px;
    padding-right: 32px;
    text-align: right;
    padding: 25px 15px 10px;
    background: transparent !important;
}

.navigation>li:last-child a {
    font-weight: normal;
    font-size: 12px;
}

.navigation>li:last-child>a {
    font-size: 10px;
    padding: 10px 0px 10px 0px;
    font-family: 'PT Sans Caption', sans-serif;
}

.navigation>li:last-child:hover a {
    background: transparent !important;
    color: #000 !important;
}


/*.navigation>li:last-child:hover{*/


/*background-color: transparent !important;*/


/*}*/


/*.navigation>li:last-child:hover a{*/


/*color:#fff;*/


/*background-color: #568FC8;*/


/*}*/

.navigation>li:hover {
    /*background-color: #568FC8;*/
}

.navigation>li:hover:not(.active) {
    background-color: #194c84;
    transition: all 0.2s;
}

.navigation>li:hover:not(.active) a {
    color: #fff;
}


/*.navigation>li:hover:not(.active) a{*/


/*color: #fff;*/


/*}*/


/* .navigation>li:hover:not(.active) .sub1{ */


/* 	display: block; */


/* 	z-index: 2; */


/* 	background-color: #194c84; */


/* } */


/* .navigation>li:hover:not(.active) .sub1 .active_list li{ */


/* 	background-color: #194c84; */


/* } */


/*.navigation>li:hover>a{*/


/*color: #568FC8;*/


/*}*/


/*.navigation>li.active:hover>a{*/


/*color: #fff;*/


/*}*/

.navigation ul li {
    font-weight: normal;
}

ul.sub1 {
    display: none;
    background-color: #568FC8;
    position: absolute;
    left: 0px;
    right: 0%;
    color: #FFFFFF;
    /*padding-left: 0px;*/
    text-align: center;
    /*box-shadow: 0px 4px 10px -5px #999,0px 6px 10px -5px #fff;*/
    margin-top: 3px;
}

ul.sub1>li {
    display: inline-block;
    padding-right: 11px;
    /*padding-top: 13px;
    padding-bottom: 92px;*/
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}

ul.sub1 ul li {
    position: relative;
}

a.sub_more {
    text-align: center;
}

a.sub_more+ul {
    width: 240px;
}

ul.navigation li ul.sub1 ul li ul {
    position: absolute;
    top: 1px;
    left: 238px;
    display: none;
    width: 240px;
    background-color: rgba(86, 143, 200, 0.8);
    padding: 0;
}

#sub-wrapper {
    height: 41px;
    background-color: #568fc8;
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    /* box-shadow: 0px 4px 10px -5px #999, 0px 6px 10px -5px #fff; */
}

ul.navigation li ul.sub1 ul {
    color: #FFFFFF;
    display: none;
    position: absolute;
    top: 38px;
    left: -28%;
}

ul.navigation li ul.sub1 ul {
    text-align: left;
    margin-top: -1px;
    left: 0;
}

ul.navigation li ul.sub1 ul li {
    list-style-type: none;
    padding: 0px;
    /*background-color: #fff;*/
    color: #fff;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

ul.navigation li ul.sub1 ul li {
    border-bottom: 1px solid #e0e0e0;
}

ul.navigation li ul.sub1 ul li:last-child {
    border-bottom: 1px solid #568fc8;
}

ul.navigation li ul.sub1 ul li:last-of-type {
    /*border:none;*/
}

ul.navigation li ul.sub1 ul li ul li {
    /*border-left: 1px solid #e0e0e0;*/
    /*border-bottom: 0px solid #e0e0e0;*/
}

ul.navigation li ul.sub1 ul li ul li:first-child {
    /*border-left: 0px solid #e0e0e0;*/
}

ul.navigation li ul.sub1 ul li ul li:last-child {
    /*border-bottom: 1px solid #e0e0e0;*/
}


/*ul.navigation li ul.sub1 ul li:hover>a,.navigation>li>ul>li:hover>a{*/


/*color: #568fc8;*/


/*border-bottom:3px solid #568fc8;*/


/*transition: all 0.2s;*/


/*}*/

ul.navigation>li>ul.sub1 ul li:hover {
    color: #FCF6A1;
    background-color: #5289BF;
}

ul.sub1 li a span.arrow-down {
    background: url(img/arrow_fff.png) no-repeat center;
    height: 7px;
    width: 7px;
    padding: 0px 5px;
    margin-left: 5px;
}

ul.navigation li ul.sub1 ul li a span.arrow_right {
    background: url(img/arrow_right_fff.png) no-repeat center;
    position: absolute;
    top: 10px;
    right: 10px;
}

ul.navigation li ul.sub1 ul.active_list {
    display: block;
    z-index: 2000;
    /*box-shadow: 0px 9px 36px -13px #999;*/
    /*padding: 10px 0px;*/
    background: #568fc8;
}

ul.navigation li ul.sub1 ul.active_list li {
    border-bottom: none;
    margin: 0px;
}

ul.navigation li ul.sub1 ul.active_list li:hover {
    color: #FCF6A1;
    background-color: #5289BF;
    transition: all 0.2s;
}

ul.navigation li ul.sub1 ul.active_list li a {
    display: block;
    padding: 7px 10px 7px 20px;
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    /*font-family: 'PT Mono', monospace;*/
    border-bottom: none;
    color: #fff;
    border-bottom: 1px solid #e0e0e0;
}

ul.navigation li ul.sub1 ul.active_list li a:hover {
    color: #FCF6A1;
    background-color: #5289BF;
}


/*****************************************************/

.breadcrumb {
    float: left;
    margin: 0px 15px 20px 0px;
    padding: 10px 6px 11px 0px;
    font-size: 12px;
    /*font-family: 'Didact Gothic', sans-serif;*/
    /*border-bottom: 1px solid #eee;*/
}

.helpDiv {
    padding: 5px 20px 0px 20px;
    float: right;
}

.breadcrumb a {
    /*font-family: 'Didact Gothic', sans-serif;*/
    color: #568fc8;
}

.breadcrumb a:hover {
    color: #568fc8;
}

.breadcrumb li {
    color: rgb(128, 128, 128);
    line-height: 18px;
    display: inline;
}


/***************ТРИ КОЛОННИ СТРАНИЦИ******************/

.column {
    display: inline-block;
    margin: 0 1%;
    vertical-align: top;
    min-height: 100px;
    /*padding-bottom: 40px;*/
    width: 48%;
    /*min-width: 465px;*/
}

.column .portlet {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: none;
    margin-bottom: 27px;
    background-color: #fff;
}

.portlet .portlet-header {
    border-bottom: 1px solid #eee;
    color: #000;
    padding: 10px 10px 10px 10px;
    text-align: center;
    font-size: 17px;
    line-height: 24px;
    /* font-family: 'Didact Gothic', sans-serif; */
}

.portlet-header .ui-icon {
    background-color: #b9b9b9;
    /* padding: 7px; */
    width: 27px;
    height: 27px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    float: right;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.portlet-header .ui-icon:hover {
    background-color: #cccccc;
    transition: all 0.2s;
}

.ui-icon-minusthick {
    background-image: url(/images/minusthick.png) !important;
}

.ui-icon-plusthick {
    background-image: url(/images/plusthick.png);
}

.portlet-content {
    margin: 0px;
}

#last_operations .portlet-content {
    padding: 15px;
    border-bottom: 1px solid #eee;
}

.portlet-content th {
    background-color: #568FC8;
    color: #fff;
    word-break: break-word;
    font-family: 'PT Sans Caption', sans-serif;
}

.portlet-content .align-right {
    text-align: right;
}

.portlet-content .out-of-day {
    color: #fd496a;
    font-weight: bold;
}

.portlet-content .w100 {
    width: 100px;
}

.iCashPopup .w100 {
    width: 100%;
}


/*******.widget_table********/

.portlet-content .widget_table {
    width: 100%;
}

.portlet-content .widget_table tr th {
    border-right: 1px solid #e2e2e2;
}

.portlet-content .widget_table tr th:last-child {
    border-right: none;
}

.portlet-content .table-divide {
    width: 100%;
    margin: 10px 0px;
    display: block;
    border-top: 1px solid #eee;
}

.portlet-content .widget_table tr:hover,
.portlet-content .widget_table tr:nth-of-type(2n):hover {
    background: #f9f9f9;
    transition: all 0.2s;
}

.portlet-content .widget_table th {
    padding: 11px 5px 11px 5px;
    border-bottom: 1px solid #eee;
}

.portlet-content .widget_table td {
    padding: 9px 10px 9px 0;
    text-indent: 10px;
    color: #000;
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-size: 13px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.portlet-content .widget_table td:nth-of-type(n+2) {
    text-align: right;
}

.portlet-content .widget_table tr:nth-of-type(2n) {
    background-color: #fbfbfb
}


/*******.form_table********/

.portlet-content .form_table {
    width: 100%;
}

.portlet-content .form_table th {
    padding: 5px 30px 5px 15px;
}

.portlet-content .form_table td {
    padding: 5px 10px 5px 0;
    text-indent: 10px;
    border: 2px solid #fff;
}

.portlet-content .form_table input,
textarea {
    width: 100%;
    border: 1px solid #e1e1e1;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
    min-height: 80px;
}

.portlet-content .form_table input:focus,
textarea:focus {
    border: 1px solid #568fc8;
}

.portlet-content .form_table button {
    background-color: #568fc8;
    color: #fff;
    border: none;
    padding: 0px 10px;
    min-width: 105px;
    height: 35px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
    transition: all 0.2s;
}

.portlet-content .form_table td:nth-of-type(n+1) {
    text-align: right;
    vertical-align: top;
    width: 10%;
}

.portlet-content .form_table td:nth-of-type(n+2) {
    padding: 5px 0px 5px 0;
    text-indent: 0px;
    text-align: center;
    width: 90%;
}

.portlet-content .form_table tr:nth-of-type(2n) {
    background-color: #efefef;
}


/********widget-listing*********/

.portlet-content .widget-listing {
    width: 100%;
    /*margin-top: 10px;*/
}

.portlet-content .widget-listing th {
    padding: 7px 10px;
    border-right: 1px solid #3879bb;
    font-size: 11px;
    text-align: center;
}

.portlet-content .widget-listing td {
    padding: 9px 10px 9px 0;
    text-indent: 10px;
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-size: 13px;
    color: #000;
}

.portlet-content .widget-listing tr:nth-of-type(2n) {
    background-color: #fbfbfb;
}

.portlet-content .widget-listing#sale-item-quantities tr:nth-of-type(2n) {
    background-color: #fff;
}

.widget-listing+.widget-listing {
    margin-top: 0;
}

.portlet-content .widget-listing tr {
    border-bottom: 1px solid #eee;
}

.portlet-content .widget-listing tr:last-child {
    border-bottom: none;
}

.portlet-content .widget-listing tr:hover {
    background: #f9f9f9;
    transition: all 0.2s;
}


/********widget_report*********/

.portlet-content .widget_report {
    width: 100%;
}


/***********/

.portlet-content>label {
    display: block;
    padding: 10px 30px 10px 5px;
    text-transform: uppercase;
    text-align: center;
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-size: 16px;
    /*background: #fffcd3;*/
    border-bottom: 1px solid #eee;
}

.portlet-content ul>li {
    padding: 9px 10px 9px 0;
    text-indent: 10px;
    /*font-family: 'Didact Gothic', sans-serif;*/
    color: #000;
    font-size: 13px;
}

.portlet-content ul>li a {
    color: #568fc8;
}

.portlet-content ul>li {
    padding: 9px 10px 9px 0;
    text-indent: 10px;
    /*border: 3px solid #fff;*/
    border-bottom: 1px solid #eee;
}


/*.portlet-content ul>li:last-child{*/


/*border-bottom:none;*/


/*}*/

.portlet-content ul>li a b {
    font-weight: normal;
    color: #d03d32;
}

.portlet-content ul>li span {
    color: #c11103;
    font-family: 'Didact Gothic', sans-serif;
}

.portlet-content ul.out-of-day {
    background: #fffafa;
}

.portlet-content ul.out-of-day>li {
    border-bottom: 1px solid #ffd4d4;
}


/*.portlet-content ul.out-of-day>li:last-child{*/


/*border-bottom:none;*/


/*}*/

.portlet-content ul.out-of-day>li:nth-of-type(2n) {
    background: #ffefef;
}

.portlet-content ul.out-of-day>li:hover {
    background: #fff5f5;
    transition: all 0.2s;
}

.portlet-content ul>li:nth-of-type(2n) {
    background-color: #fbfbfb;
}

.portlet-content ul>li:hover {
    background: #f9f9f9;
    transition: all 0.2s;
}

#content .column .portlet a:hover {
    text-decoration: none;
}

.column.ui-sortable-disabled .portlet {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    min-width: 480px;
}

.portlet-content a {
    color: #000;
}

#search_from_barcode,
#search_from_uuid {
    width: 297px;
    height: 35px;
    text-indent: 15px;
    font-size: 14px;
    border: 1px solid #d8d8d8;
}

#search_from_barcode:focus,
#search_from_uuid:focus {
    border: 1px solid #000;
    transition: all 0.2s;
}

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}

.ui-widget-content {
    /*margin-top:10px;*/
    /*outline: solid 1px #e1e0e0;
    background: #ffffff;*/
}

.ui-widget-content a:not(.home-view-more) {
    color: inherit;
}

.portlet-content .home-view-more {
    display: block;
    background-color: #568fc8;
    color: #fff;
    text-align: center;
    margin: 0px -1px -1px -1px;
    font-size: 13px;
    /*font-weight: 700;*/
    /*font-family: 'PT Mono', monospace;*/
    padding: 8px;
    border: 1px solid #3478bb;
    /*height: 25px;*/
    /*background-image: url(/images/view-more.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    /*background-size: auto 20px;*/
}

.portlet-content .home-view-more:hover {
    background-color: #194c84;
    transition: all 0.2s;
}


/***********footer*************************/

#footer {
    text-align: center;
    width: 100%;
    /* min-width: 980px; */
    background-color: #568fc8;
    color: #fff;
    font-size: 14px;
    padding: 40px 0 0px 0px;
    border-top: 1px solid #eee;
}

#footer .title {
    width: 100%;
    display: block;
    font-size: 26px;
    /* font-family: 'PT Mono', monospace; */
    color: #fff;
    padding: 21px 0px 35px 0px;
}

#footer ul {
    width: auto;
    display: table;
    margin: auto;
}

#footer ul li {
    width: auto;
    float: left;
    padding: 28px 71px;
    background: #fff;
    margin: 0px 15px;
    color: #000;
    border: 1px solid #eee;
}

#footer ul li a:hover {
    color: #000;
}

#footer ul li i {
    display: block;
    font-size: 45px;
}

#footer ul li span {
    display: block;
    margin: 15px 0px 0px 0px;
}

#footer .copyright {
    padding: 15px 0px;
    display: block;
    margin-top: 20px;
    font-size: 12px;
    background: #f1f1f1;
    color: #b1b1b1;
}

#footer a {
    color: inherit;
}

#footer a:hover {
    color: #7de4de;
}

#logo-footer {
    font: 42px SciFly-Sans;
    font-weight: normal;
}


/********************** login *************************************/

#welcome {
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
}

#welcome>div:first-child {
    background-color: #568fc8;
    padding: 25px 0;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    width: inherit;
}

#welcome h1 {
    font-size: 34px;
    margin: auto;
    font-weight: normal;
    text-align: center;
}

#welcome h1 span {
    font: 56px SciFly-Sans;
    margin: auto 10px;
}

#welcome+#footer {
    padding: 60px 0;
}

#icash-lang {
    position: absolute;
    top: 20px;
    right: 20px;
}

#icash-lang a {
    font-size: 12px;
    color: inherit;
    padding: 5px 5px 5px 0px;
    border-right: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    color: #bdbdbd;
}

#icash-lang a:last-child {
    border-right: none;
}

#icash-lang a:hover {
    color: #2f2f2f;
}

#icash-lang a.lang-active {
    color: #e63433;
}

#more-information {
    margin: auto;
    width: 460px;
    padding-top: 50px;
    color: #194c84;
}

#more-information h3 {
    font: 20px Open Sans, Arial, Liberation Sans, sans-serif;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
}

#more-information dt {
    margin-top: 25px;
}

#warehouse,
#username,
#password,
#Email,
#Phone {
    /*input*/
    width: 100%;
    font: 18px/26px Open Sans, Arial, Liberation Sans, sans-serif;
    height: 35px;
    background-color: #efefef;
    border: 1px solid #afafaf;
    text-indent: 10px;
    display: block;
}

[for='warehouse'],
[for='username'],
[for='password'] {
    display: block;
}

[for='wheretologin-admin'] {
    margin-left: 30px;
}

#more-information label {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
}

#wheretologin-label {
    margin-bottom: 10px;
}

#more-information [type='radio'] {
    margin-right: 5px;
}

.wrapper-loginBtn {
    text-align: right;
    margin: 20px 0 60px;
}

.wrapper-change_passBtn {
    text-align: center;
    margin: 20px 0 20px;
}

.loginBtn {
    background-color: #568fc8;
    color: #fff;
    width: 135px;
    height: 50px;
    font: 16px Open Sans, Arial, Liberation Sans, sans-serif;
    font-weight: bold;
    border: 1px solid #3478bb;
    border-radius: 3px;
}

.operation-buttons #SaveBtn,
.SaveBtn,
.operation-buttons .closeBtn,
.operation-buttons #GenerateInvoice,
.operation-buttons #SaveWithoutPayBtn,
.operation-buttons .blue-button {
    margin-left: 50px;
    margin-right: 50px;
}

.operation-buttons {
    /*padding: 0 3%;*/
    text-align: center;
    padding: 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 20px;
    background: #fbfbfb;
    border-top: 1px solid #eee;
}

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

.closeBtn,
#SaveBtn,
.SaveBtn,
#GenerateInvoice,
#SaveAsNew,
#SaveWithoutPayBtn,
.red-button,
#BackupAllDemos,
#ResetAllDemos,
#CleanBtn,
.blue-button {
    color: #fff;
    border: none;
    padding: 0px 10px;
    min-width: 105px;
    height: 45px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
    transition: all 0.2s;
}

.closeBtn,
#ResetAllDemos,
#CleanBtn {
    background-color: #989898 !important;
    cursor: pointer;
    border: 1px solid #717171 !important;
}

.closeBtn:hover,
#ResetAllDemos:hover,
#CleanBtn:hover {
    background-color: #6b6b6b !important;
    box-shadow: 2px 2px 15px 0px #999;
}

a.closeBtn.goBtn,
a.closeBtn,
a.SaveBtn,
a#SaveBtn {
    line-height: 45px;
}

.closeBtn:hover {
    /*box-shadow: 2px 2px 15px 0px #999;*/
}

#SaveBtn,
#BackupAllDemos,
.SaveBtn,
.red-button,
.blue-button {
    background-color: #568fc8;
    cursor: pointer;
    border: 1px solid #3478bb;	
}

.green-button {
	
    background-color: #2eaf2eab;
    cursor: pointer;
    border: 1px solid #3478bb;	
}

.blue-button-small {
	color: #fff;
    background-color: #568fc8;
    cursor: pointer;
    border: 1px solid #3478bb;
	min-width: 85px;
    height: 35px;
}

.green-button-small {
	color: #fff;
    background-color: #2eaf2eab;
    cursor: pointer;
    border: 1px solid #3478bb;
	min-width: 85px;
    height: 35px;
}

#SaveBtn:hover,
.SaveBtn:hover,
.red-button:hover,
#BackupAllDemos:hover {
    box-shadow: 2px 2px 15px 0px #999;
}

.SaveBtn,
.closeBtn,
#SaveBtn {
    display: inline-block;
}

.red-button {
    border: 1px solid #3478bb !important;
    width: 100% !important;
}

#BackupAllDemos {
    border: 1px solid #3478bb !important;
}

.the-three-buttons-wrapper {
    text-align: right;
}

#GenerateInvoice,
#SaveWithoutPayBtn {
    background-color: #e8731f;
    border: 1px solid #a74b0a;
}

#GenerateInvoice:hover {
    background-color: #ce5b08;
    border: 1px solid #843600;
}

#SaveWithoutPayBtn:hover {
    box-shadow: 2px 2px 15px 0px #999;
}

.iCashPopup {
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-width: 800px !important;
    /* min-height: 80%; */
    /* top: 50% !important; */
    /* position: fixed !important;*/
}

.iCashPopup br {
    display: none;
}

#tabs>div {
    height: 300px !important;
    padding: 15px 15px 15px 15px;
}


/*CHECK*/


/*#tabs > div input{*/


/*width:calc(100% - 15px)!important;*/


/*}*/

#tabs>div #PriceRuleName,
#tabs>div #PriceRuleModificatorValue,
#tabs>div #PriceRuleTurnoverValue,
#tabs>div #PriceRuleOrder {
    width: 100% !important;
}

#tabs>div .acomplete {
    margin: 7px 17px 0px 0px;
}

#tabs>div table {
    width: 100%;
}

.iCashPopup .iCash-fieldset {
    padding: 0 !important;
    margin: 0 !important;
}

.iCashPopup .iCash-fieldset p {
    text-align: left;
}

table.iCashPopup #browse_button,
table.iCashPopup #delete_button {
    color: #fff;
    border: none;
    padding: 10px;
    font: 14px/50px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
}

table.iCashPopup #browse_button {
    background-color: #568fc8;
}

table.iCashPopup #delete_button {
    background-color: #989898;
    margin-left: 11px !important;
}

table.iCashPopup #browse_button:hover {
    /*background-color: #b3291f;*/
}

table.iCashPopup #delete_button:hover {
    background-color: #6b6b6b;
}


/**********POP UP************/

#filemanager_error_dialog,
[id^='popup'] {
    position: fixed !important;
}

table.iCashPopup {
    z-index: 1001;
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.5);
    border-spacing: 0;
    background-color: #fff;
    min-width: 400px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    max-width: 80%;
    /*     position:absolute !important; */
}

.iCashPopup textarea {
    display: inline-block;
    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: vertical;
    min-height: 70px;
}

.iCashPopup textarea:focus {
    border: 1px solid #568fc8;
}

.iCashPopup #date_intervals,
#time_intervals {
    margin-top: 10px;
}

.iCashPopup #date_intervals tr.generated_row:nth-of-type(odd),
#time_intervals tr.generated_row:nth-of-type(odd) {
    background-color: #fbfbfb;
}

.iCashPopup #date_intervals tr.generated_row:hover,
#time_intervals tr.generated_row:hover {
    background: #f9f9f9;
    transition: all 0.2s;
    color: #000;
}

.iCashPopup #date_intervals td,
#time_intervals td {
    padding: 7px 10px !important;
    border: 1px solid #eee !important;
    text-align: center !important;
}

.iCashPopup #date_intervals td .deleteImage,
#time_intervals td .deleteImage {
    display: table;
    margin: auto;
}

table.iCashPopup table th {
    background-color: #568FC8;
    font-size: 12px;
    padding: 6px;
    font-weight: 100;
    border: 1px solid #3472b1;
    font-weight: bold;
    color: #fff;
}

table.iCashPopup td.popup-wrapper {
    padding: 0px;
}

table.iCashPopup .popup-title {
    cursor: move;
    position: relative;
    z-index: 1;
    background-color: #568fc8;
    padding: 15px 50px 15px 18px;
    color: #fff;
    /* font-family: 'PT Mono', monospace; */
    font-size: 13px;
}

table.iCashPopup .popup-content {
    padding: 0;
}

table.iCashPopup .popup-content #form_edit_contragent>table {
    width: 100%;
}

table.iCashPopup .popup-content #form_edit_contragent>table td {
    padding: 15px;
}

table.iCashPopup .popup-content #form_edit_contragent>table>tbody>tr:nth-child(1) {
    background: #f1f1f1;
}

table.iCashPopup .popup-content #form_edit_contragent>table>tbody>tr:nth-child(2) td {
    padding: 0px 15px 0px 15px;
}

table.iCashPopup .popup-content #form_edit_contragent>table>tbody>tr:nth-child(2) td input {
    margin-bottom: 0px;
}

table.iCashPopup .SaveBtn,
table.iCashPopup #SaveBtn {
    float: right;
}

table.iCashPopup .closeBtn {
    float: left;
}

table.iCashPopup .alignCenter {
    text-align: center;
    padding: 10px;
    display: block;
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f1f1f1;
}

#content .alignCenter {
    text-align: center;
    margin: 30px auto;
}

table.iCashPopup dt {
    margin-top: 10px;
    /*margin-bottom: 11px;*/
}

table.iCashPopup dt label {
    /*color: #696969;*/
    margin-bottom: 5px;
    /*font-size: 12px;*/
}

table.iCashPopup input[type='text'],
table.iCashPopup input[type='password'] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 32px 10px 10px;
    font-family: inherit;
    font-size: inherit;
    text-indent: 5px;
    border: 1px solid #e1e1e1;
    min-height: 39px;
    margin-bottom: 11px;
    font-size: 12px;
}

table.iCashPopup input[type='text']:focus,
table.iCashPopup input[type='password']:focus {
    border: 1px solid #568fc8;
}

table.iCashPopup select:not([name='sale-itemtable_length']) {
    display: block;
    width: 100%;
    padding: 10px;
    text-indent: 5px;
    border: 1px solid #e1e1e1;
    margin-bottom: 11px;
}

table.iCashPopup select:not([name='sale-itemtable_length']):focus {
    border: 1px solid #568fc8;
}

table.iCashPopup label {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin-right: 10px;
    /*color: #696969;*/
}

table.iCashPopup label+label {
    /*margin-left: 10px;*/
}

table.iCashPopup #form_edit_user label {
    display: block;
    /*margin-bottom: 5px;*/
}

table.iCashPopup #form_edit_user .iCash-fieldset {
    padding: 0 15px 10px;
}

table.iCashPopup input[type='checkbox'] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #d4d4d4;
    float: left;
}

.dt-col-edit input[type='checkbox'] {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 5px;
    background: #fff;
    border: 1px solid #d4d4d4;
    float: left;
}

.add-btn-popup {
    background-color: #568fc8;
    color: #fff;
    border: none;
    padding: 9px 19px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
    margin-top: 16px;
    border: 1px solid #3478bb;
    /* margin-left: 20px; */
}

.add-btn-popup:hover {
    /*background-color: #a91c11;*/
    cursor: pointer;
}

table.iCashPopup table td {
    font-size: 12px;
    /*padding:10px 5px;*/
    /*text-align:center;*/
}

table.iCashPopup table td input {
    margin-bottom: 0px !important;
}

table.iCashPopup #recipe_table td .cost_price_SaleItemLastBuyPrice {
    width: calc(100% - 40px) !important;
    display: inline;
    margin-right: 10px;
}

table.iCashPopup #recipe_table td .cost_price_SaleItemAverageBuyPrice {
    width: calc(100% - 40px) !important;
    display: inline;
    margin-right: 10px;
}

table.iCashPopup #recipe_table tr td {
    border: 1px solid #eee;
    vertical-align: middle;
    padding: 5px;
}

table.iCashPopup #recipe_table tr:nth-of-type(odd) td {
    background-color: #fbfbfb;
}

table.iCashPopup #recipe_table tr:hover td {
    background: #f9f9f9;
}

table.iCashPopup #recipe_table tr.recipe_table_total td {
    border: none !important;
    background-color: #fff;
}


/************** td ********/

table.iCashPopup td.th-fixed-width-1 {
    min-width: 280px;
    padding: 5px 25px 5px 5px;
}

table.iCashPopup td.th-fixed-width-2 {
    min-width: 90px;
    padding: 5px 25px;
    text-align: center;
}

table.iCashPopup td.th-align-right {
    text-align: right;
    padding: 5px 25px;
    width: 105px;
    word-break: break-word;
}

table.iCashPopup td.th-align-center {
    text-align: center;
    padding: 5px 25px;
    min-width: 15px;
}

table.iCashPopup td.th-default {
    padding: 5px 25px;
    min-width: 90px;
}

table.iCashPopup td.th-none {
    display: none;
}

table.iCashPopup td.th-number {
    width: 70px;
}


/************** th ********/

table.iCashPopup th.th-fixed-width-1 {
    min-width: 280px;
    padding: 5px 25px 5px 5px;
}

table.iCashPopup th.th-fixed-width-2 {
    min-width: 90px;
    padding: 5px 25px;
}

table.iCashPopup th.th-align-right {
    padding: 5px 25px;
    width: 105px;
    word-break: break-word;
}

table.iCashPopup th.th-align-center {
    padding: 5px 25px;
    min-width: 15px;
    text-align: center;
}

table.iCashPopup th.th-default {
    padding: 5px 25px;
    min-width: 90px;
}

table.iCashPopup th.th-none {
    display: none;
}

table.iCashPopup th.th-number {
    width: 70px;
}

table.iCashPopup .iCash-form {
    width: 100%;
}

table.iCashPopup .iCash-form tbody tr {
    border-bottom: 1px solid #eee;
}

table.iCashPopup .iCash-form tbody tr:nth-child(even) {
    background-color: #fbfbfb;
}

table.iCashPopup .iCash-form tbody tr:hover {
    background: #f9f9f9;
    transition: all 0.2s;
}

.iCashPopup .searchboxes {
    vertical-align: bottom;
}

table.iCashPopup #addSaleItemForm .iCash-form td,
table.iCashPopup #complete_operation_container .iCash-form td {
    padding: 5px;
    vertical-align: middle;
}

table.iCashPopup #complete_operation_container .iCash-form tr>td.labels {
    padding-left: 15px;
}

table.iCashPopup #addSaleItemForm .iCash-form label {
    margin-bottom: 5px;
}

table.iCashPopup #complete_operation_container .iCash-form dt {
    margin-top: 0 !important;
}


/**********************************/

table.iCashPopup table#price_list,
table.iCashPopup table#group_list,
table.iCashPopup table#contragent_list_head,
table.iCashPopup table#store_list,
table.iCashPopup table.statistic_list_head {
    margin-top: 15px;
}

table.iCashPopup table#price_list tr:hover,
table.iCashPopup table#group_list tr:hover,
table.iCashPopup table#contragent_list tr:hover,
table.iCashPopup table#store_list tr:hover,
table.iCashPopup table#statistic_price_list tr:hover {
    background-color: #F4F4F4;
}

table.iCashPopup #statistic_details td:first-child {
    text-align: right;
    font-weight: 600;
}

table.iCashPopup #statistic_details td {
    padding: 5px;
}

table.iCashPopup .popupAutocomplete-fieldbox table {
    margin: 25px 0 10px;
    width: 100%;
}

table.iCashPopup .popupAutocomplete-fieldbox table select {
    padding: 3px 0px;
}

table.iCashPopup .barcodes-items {
    width: 840px;
}

table.iCashPopup .data {
    width: 840px;
    table-layout: fixed;
    margin-bottom: 10px;
}

table.iCashPopup .barcodes-items th {
    background-color: #f1f1f1;
    font-size: 12px;
    padding: 6px;
    font-weight: 100;
    border: 1px solid #ebebeb;
    font-weight: bold;
    color: #000;
}

table.iCashPopup .barcodes-items th label {
    /*color: #fff !important;*/
    /*font-size: inherit;*/
}

table.iCashPopup .barcodes-items th dt {
    margin-top: 0;
}

table.iCashPopup .barcodes-items td {
    padding: 5px 5px 0px 0px;
    vertical-align: top;
}

table.iCashPopup .barcodes-items td:nth-of-type(2) {
    width: 70%;
    padding-left: 10px;
}

table.iCashPopup .barcodes-items tr:nth-of-type(2) td {
    /*border: 1px solid #e3e3e3;*/
}

table.iCashPopup .barcodes-items tr:nth-of-type(2) label {
    /*display: inline-block !important;*/
    width: 24%;
    margin-top: 7px;
}

table.iCashPopup .box-with-info {
    width: 100%;
    float: left;
    margin-bottom: 14px;
}

table.iCashPopup .box-with-poshy {
    width: 90%;
    float: left;
}

table.iCashPopup .button-align-tip {
    padding: 6px 0px 0px 10px;
    float: left;
}

table.iCashPopup .box-with-autocomplete {
    width: 277px;
    margin-right: 5px;
}

table.iCashPopup #recipe_table td {
    vertical-align: top;
}

table.iCashPopup #recipe_table {
    width: 100%;
}

table.iCashPopup input.input-currency,
table.iCashPopup .select-after-currency {
    width: 90%;
    margin-right: 5px;
    display: inline-block;
}

input.input-currency,
.select-after-currency {
    width: 90%;
    margin-right: 5px;
    display: inline-block;
}


/*table.iCashPopup .recipe_table_total td div{*/


/*text-align: right;*/


/*margin: 5px 0;*/


/*}*/


/*table.iCashPopup .recipe_table_total td div:first-child{*/


/*margin-top: 30px;*/


/*}*/

table.iCashPopup #request_saleitems_datatable_length select {
    display: inline-block;
    width: 60px;
    padding: 0px 0px;
}

table.iCashPopup .popup-title .close {
    cursor: pointer;
    width: 22px;
    height: 22px;
    background: url(/images/popup-close.png);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    position: absolute;
    z-index: 1;
    top: 11px;
    right: 10px;
}


/*tables in popup but not all / very wrong, but no other option*/

table.iCashPopup #contragent_list tr td,
#notes_table tr td,
#group_list tr td,
#price_list tr td,
#store_list tr td,
#statistic_price_list tr td {
    padding: 7px 10px !important;
    border: 1px solid #eee !important;
    text-align: center !important;
}

table.iCashPopup #contragent_list tr:nth-of-type(odd) td,
#notes_table tr:nth-of-type(odd) td,
#price_list tr:nth-of-type(odd) td,
#group_list tr:nth-of-type(odd) td,
#store_list tr:nth-of-type(odd) td,
#statistic_price_list tr:nth-of-type(odd) td {
    background-color: #fbfbfb;
}


/*tables in popup but not all*/

table.iCashPopup #statistic_details tr td {
    width: 50% !important;
    padding: 10px;
    border: 1px solid #f7ecb1;
}

table.iCashPopup #statistic_details tr td {
    background: #fffbe7;
}

table.iCashPopup #statistic_details tr:nth-of-type(odd) td {
    background: #fff8d2;
}

.ui-tabs {
    width: 100% !important;
    position: relative;
    margin-bottom: 0px;
    padding: 0 !important;
    border:none !important;
}

table.iCashPopup .ui-tabs-nav {
    margin: 0;
    box-shadow: 0px 4px 10px -5px #999, 0px 6px 10px -5px #fff;
    position: relative;
    z-index: 2;
}

.ui-tabs-nav li {
    color: #568fc8;
    display: inline-block;
}

table.iCashPopup .ui-tabs-nav li a {
    padding: 12px 10px;
    display: inline-block;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    font-family: 'PT Sans Caption', sans-serif;
}

table.iCashPopup .ui-tabs-nav li.ui-tabs-active {
    border: 0px;
    border-bottom: 3px solid #568fc8;
    background: #ffffff;
}

table.iCashPopup .ui-tabs-nav li.ui-tabs-active a {
    color: #2864A7;
}

table.iCashPopup .ui-tabs-nav li.ui-state-disabled a {
    color: #C2D0DD;
    cursor: default;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}


/************************************/

.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}

.ui-sortable-placeholder * {
    visibility: hidden;
}


/********************************/

#operationsTable_wrapper {}

table.dataTable {
    margin: 15px auto 0;
    min-width: 70%;
    max-width: 100%;
    transition: margin-top 0.6s;
    border: 1px solid #367bbf;
}

table.dataTable thead th {
    position: relative;
    cursor: pointer;
    text-align: left;
    border-right: 1px solid #367bbf;
    border-bottom: 1px solid #367bbf;
    font-weight: 100;
    line-height: 13px;
    /*word-break: break-word*/;
    font-size: 12px;
    font-weight: bold;
}

table.dataTable thead th:first-child {
    border-left: 1px solid #e2e2e2;
}

table.dataTable thead th:last-child {
    border-right: none;
}

table.dataTable tbody {
    font-size: 10px;
}

table.iCashPopup .dataTable td {
    padding: 7px 10px !important;
    border: 1px solid #eee;
    text-align: center !important;
}

table.iCashPopup .dataTable tr:hover td {
    background: #f9f9f9;
    transition: all 0.2s;
    color: #000;
}

table.iCashPopup .dataTable tr:nth-of-type(odd) td {
    background-color: #fbfbfb;
}

table.dataTable {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}
table.dataTable td {
    padding: 9px 4px;
    border: 1px solid #ebebeb;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-size: 12px !important;
}

table.dataTable a {
    color: #568fc8;
}

table.dataTable td:last-child a {
    margin: 3px;
}

table.dataTable input {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

table.dataTable input:focus {
    border: 1px solid #000;
}

table.dataTable textarea {
    background-color: inherit;
    border: 1px solid #E2E2E2;
    padding: 5px;
}

.popup-wrapper table.dataTable tfoot {
    background: #fff;
}

table.dataTable.dataTable-center tr td {
    text-align: center;
}


/*****************dataTable admin status***********************/

.dataTable tr.status-confirmed td.dt-col-PaymentStatus {
    font-weight: 700;
    color: #66c520;
    text-transform: uppercase;
    text-align: center;
}

.dataTable tr.status-new td.dt-col-PaymentStatus {
    font-weight: 700;
    color: #ffa906;
    text-transform: uppercase;
    text-align: center;
}

.dataTable tr.status-canceled td.dt-col-PaymentStatus {
    font-weight: 700;
    color: #ff7878;
    text-transform: uppercase;
    text-align: center;
}

.dataTable tr.status-error td.dt-col-PaymentStatus {
    font-weight: 700;
    color: #ff5050;
    text-transform: uppercase;
    text-align: center;
}

.dataTable tr.status-edited td.dt-col-PaymentStatus {
    font-weight: 700;
    color: #ababab;
    text-transform: uppercase;
    text-align: center;
}

.dataTable tr.status-confirmed td.dt-col-PaymentsDistributorStatus {
    font-weight: 700;
    color: #36bd35;
    text-transform: uppercase;
    text-align: center;
}

.dataTable tr.status-error td.dt-col-PaymentsDistributorStatus {
    font-weight: 700;
    color: #ff5050;
    text-transform: uppercase;
    text-align: center;
}


/************totalsTable-wrapper**************/

.totalsTable-wrapper {
    padding: 0 20px;
}

.totalsTable {
    max-width: 960px;
    width: 500px;
    border-collapse: separate;
    border-spacing: 5px;
    float: right;
}

.totalsTable td:first-child {
    text-align: left;
    border: none;
    background-color: #fff;
}

.totalsTable td {
    padding: 10px 12px;
    text-align: right;
    background-color: #f1f1f1;
    font-weight: bold;
}

.totalsTable th {
    color: #000;
    font-weight: normal;
    text-align: right;
}

.totalsTable td:first-child,
.totalsTable th {
    color: #000000;
    font-weight: normal;
    font-size: 13px;
    text-align: right;
}


/*********colors************/


/*

tr.yellow -> ЗА СЕГА НЕ Е ИЗВЕСТНО
tr.red -> АНУЛИРАНО
tr.green -> РЕДАКТИРАНО

tr.odd
tr.even

tr.dataTable-align-right

td.sorting_1
td.sorting_2
td.sorting_3

*/

table.dataTable tr.odd {
    //background-color: #fff/*#E7E7E7;*/
}

table.dataTable tr.row_selected {
    background: #eee;
}

table.dataTable tr.row_selected td {
    border: 1px solid #dadada;
}

table.dataTable tr.even.row_selected {
    background: #e0e0e0 !important;
}

table.dataTable tr.even.row_selected td {
    border: 1px solid #c3c3c3;
}

table.dataTable tr.even {
    background-color: #fbfbfb;
    /*#d2d3d5;*/
}

table.dataTable tr.odd td.sorting_1 {
    background-color: #fbfbfb;
}

table.dataTable tr td.sorting_1:hover {
    background: #568fc8 !important;
    border: 1px solid #eee;
    color: #000;
}

table.dataTable tr.even td.sorting_1 {
    background-color: #f3f3f3;
    /*#BBC3CD;*/
    /*border: 1px solid #dedede;*/
}

table.dataTable tr.odd td.sorting_2 {
    background-color: #E2E4EA;
    /*#CED3DD;*/
}

table.dataTable tr.even td.sorting_2 {
    background-color: #CBD1DA;
    /*#B8BECA;*/
}

table.dataTable tr.odd td.sorting_3 {
    background-color: #D8DCE6;
    /*#C4CDD9;*/
}

table.dataTable tr.even td.sorting_3 {
    background-color: #BFC5D0;
    /*#A9B1C0;*/
}

table.dataTable tr.odd.expired {
    background-color: #f9acb4;
}

table.dataTable tr.odd.expired td {
    border: 1px solid #cc7b83;
}

table.dataTable tr.even.expired {
    background-color: #f58f9a;
}

table.dataTable tr.even.expired td {
    border: 1px solid #da6a76;
}

table.dataTable tr.even.expired td.sorting_1 {
    background: #ec8691;
}

table.dataTable tr.odd.expired td.sorting_1 {
    background: #ffa4ae;
}

table.dataTable tr.odd.for_delete {
    background-color: #f1e995;
}

table.dataTable tr.odd.for_delete td {
    border: 1px solid #dacd43;
}

table.dataTable tr.odd.for_delete td.sorting_1 {
    background: #e6de8c;
}

table.dataTable tr.even.for_delete {
    background-color: #fff8b1;
}

table.dataTable tr.even.for_delete td {
    border: 1px solid #ded57b;
}

table.dataTable tr.even.for_delete td.sorting_1 {
    background: #fffac5;
}

table.dataTable tr.odd.deleted {
    background-color: #848484;
    color: #ffffff;
}

table.dataTable tr.odd.deleted td {
    border: 1px solid #636363;
}

table.dataTable tr.odd.deleted td.sorting_1 {
    background: #a0a0a0;
}

table.dataTable tr.even.deleted {
    background-color: #5f5c5c;
    color: #ffffff;
}

table.dataTable tr.even.deleted td {
    border: 1px solid #000;
}

table.dataTable tr.even.deleted td.sorting_1 {
    background: #888888;
}

table.dataTable tr.odd.legend {
    background-color: #B6D3F1;
}

table.dataTable tr.odd.legend td {
    border: 1px solid #90b1d4;
}

table.dataTable tr.odd.legend td.sorting_1 {
    background-color: #ADC9E6;
}

table.dataTable tr.odd.legend td.sorting_2 {
    background-color: #A3C1E0;
}

table.dataTable tr.odd.legend td.sorting_3 {
    background-color: #98BBE0;
}

table.dataTable tr.even.legend {
    background-color: #D6E5F5;
}

table.dataTable tr.even.legend td {
    border: 1px solid #b8d0ea;
}

table.dataTable tr.even.legend td.sorting_1 {
    background-color: #C8DDF3;
}

table.dataTable tr.even.legend td.sorting_2 {
    background-color: #B9D2EC;
}

table.dataTable tr.even.legend td.sorting_3 {
    background-color: #A9C7E8;
}


/*table.dataTable tr.yellow td,
table.dataTable tr td.yellow {
	background:#ffec39;
}
table.dataTable tr.red td,
table.dataTable tr td.red {
	background-color: #57dcd5;
}

table.dataTable tr.green td,
table.dataTable tr td.green {
	background-color: #e9e9e9;
}
*/

tr.green td.dt-col-OperationStatusTranslated {
    color: #578FC8;
    text-transform: uppercase;
}

tr.red td.dt-col-OperationStatusTranslated {
    text-transform: uppercase;
    color: #EF84B0;
}

.dt-col-OperationStatusTranslated {
    color: #568fc8;
}

table.dataTable tr.odd:hover td,
table.dataTable tr.even:hover td {
    background-color: #568fc8 !important;
    color: #fff !important;
    border: 1px solid #3478bb !important;
}

table.dataTable tr.odd:hover td .dt-col-OperationType span,
table.dataTable tr.even:hover td .dt-col-OperationType span {
    color: #fff !important;
}

table.dataTable tr.odd:hover td span {
    color: #fff !important;
}

table.dataTable tr.even:hover td span {
    color: #fff !important;
}

table.dataTable tr.odd:hover td input,
table.dataTable tr.even:hover td input {
    border: 1px solid #b5281e !important;
}

table.dataTable tr.odd:hover td a,
table.dataTable tr.even:hover td a {
    color: #fff;
}

table.dataTable tr.odd:hover td *,
table.dataTable tr.even:hover td * not(.selectState) {
    color: #fff !important;
}


/*
table.dataTable tr.odd.row_selected td,table.dataTable tr.even.row_selected td{
	background-color: #C4CDD9;
}
*/


/********* end colors************/

table.dataTable thead th div.DataTables_sort_wrapper {
    padding: 11px 15px 11px 3px;
    text-align: center;
}

table.dataTable thead th div.DataTables_sort_wrapper span {
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
}

.css_right.ui-icon {
    width: 22px;
    /*height: 22px;*/
}

.ui-state-default .ui-icon {
    background-position: right center;
    background-size: 14px;
    background-repeat: no-repeat;
}

.dataTables_wrapper table thead .ui-state-default {
    background-color: #568fc8;
    color: #fff;
}

.ui-icon-carat-2-n-s {
    background-image: url(/images/sort-no_1.png);
}

.ui-icon-triangle-1-n {
    background-image: url(/images/sort1_1.png);
}

.ui-icon-triangle-1-s {
    background-image: url(/images/sort2_1.png);
}

td .editImage,
td .preview-icon,
td .deleteImage,
td .goods-attach-icon,
td .print-icon,
td .add-payment-icon,
td .filemanager-attach-icon,
td .pdf-icon,
td .mail-icon,
td .order-for-expedition-icon,
td .commersial-document-icon,
td .invoice-icon,
td .chart-button,
td .stop-icon,
td .tick-icon,
td .tick-icon-green,
td .tick-icon-blue,
td .tick-icon-red,
td .login-as-admin-icon,
td .delete-only-data,
td .restore-only-data,
td .additional-actions,
td .look_go-icon,
td .add-payment2-icon,
td .excel-icon,
td .monitor-icon,
td .screenshot-icon,
td .db-download-icon,
td .db-upload-icon,
td .db-delete-icon,
td .application-form,
td .view-recipe-icon,
td .filemanager-delete-icon,
td .filemanager-donwload-icon,
td .undo-icon,
td .advance-icon,
td .nestedТable,
td .add-to-optimal-icon,
td .activate-icon,
td .add-icon,
td .notification-icon,
td .fiscal-notification-icon,
td .fiscal-icon,
td .receipt-icon,
td .xls-import-icon,
td .complete-icon {
    margin: 0 1px;
    padding: 2px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: 24px auto;
    background-repeat: no-repeat;
    vertical-align: middle;
    /*bottom*/
}

.information-icon {
    display: inline-block;
    width: 22px;
    height: 14px;
    background-image: url(/images/info-icon.png);
    vertical-align: -2px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
    /*    margin-left: 10px;*/
}

.information-icon[tipset] {
    margin-left: 0px;
}

.info {
    margin-top: 5px;
}

td .chart-button {
    width: 100%;
    height: 16px;
}

.order-for-expedition-icon {
    background-image: url(/images/expedition.png);
}

table.dataTable tr:hover .order-for-expedition-icon {
    background-image: url(/images/expedition_white.png);
}

.commersial-document-icon {
    background-image: url(/images/commercial-document-icon.png);
}

table.dataTable tr:hover .commersial-document-icon {
    background-image: url(/images/commercial-document-icon_white.png);
}

.editImage {
    background-image: url(/images/edit.png);
}

table.dataTable tr:hover .editImage {
    background-image: url(/images/edit_white.png);
}

.print-icon {
    background-image: url(/images/print.png);
}

table.dataTable tr:hover .print-icon {
    background-image: url(/images/print_white.png);
}

.pdf-icon {
    background-image: url(/images/pdf_b.png);
}

.excel-icon {
    background-image: url(/images/page_excel.png);
}

table.dataTable tr:hover .pdf-icon {
    background-image: url(/images/pdf_w.png);
}

.mail-icon {
    background-image: url(/images/mail_b.png);
}

table.dataTable tr:hover .mail-icon {
    background-image: url(/images/mail_w.png);
}

.preview-icon {
    background-image: url(/images/preview.png);
}

.add-to-optimal-icon {
    background: url(/images/page_go.png);
    float: left;
}

table.dataTable tr:hover .preview-icon {
    background-image: url(/images/preview_white.png);
}

.add-payment-icon {
    background-image: url(/images/money_add.png);
}

table.dataTable tr:hover .add-payment-icon {
    background-image: url(/images/money_add_white.png);
}

.add-payment2-icon {
    background-image: url(/images/money_add2.png);
}

table.dataTable tr:hover .add-payment2-icon {
    background-image: url(/images/money_add2_white.png);
}

.look_go-icon {
    background-image: url(/images/pass-icon.png);
}

table.dataTable tr:hover .look_go-icon {
    background-image: url(/images/pass-icon_white.png);
}

.delete-only-data {
    background-image: url(/images/db-delete.png);
}

.restore-only-data {
    background-image: url(/images/db-restore.png);
}

.additional-actions {
    background-image: url(/images/additional-actions.png);
}

.activate-icon {
    background-image: url(/images/activate.png);
}

.add-icon {
    background-image: url(/images/add.png);
}

.application-form {
    background-image: url(/images/application_form.png);
}

.monitor-icon {
    background-image: url(/images/monitor.png);
}

.screenshot-icon {
    background-image: url(/images/screenshot_icon.png);
}

.db-download-icon {
    background-image: url(/images/db-download.png);
}

.db-upload-icon {
    background-image: url(/images/db-upload.png);
}

.db-delete-icon {
    background-image: url(/images/db-delete.png);
}

.login-as-admin-icon {
    background-image: url(/images/as-admin.png);
}

table.dataTable tr:hover .login-as-admin-icon {
    background-image: url(/images/as-admin_white.png);
}

.filemanager-attach-icon {
    background-image: url(/images/clip.png);
}

table.dataTable tr:hover .filemanager-attach-icon {
    background-image: url(/images/clip_white.png);
}

.deleteImage,
.filemanager-delete-icon {
    background-image: url(/images/del.png);
}

.notification-icon {
    background-image: url(/images/notification-icon.png);
}

.fiscal-notification-icon {
    background-image: url(/images/fiscal-notification-icon.png);
}

.fiscal-icon {
    background-image: url(/images/fiscal-icon.png);
}

.filemanager-donwload-icon {
    background-image: url(/images/cloud-download-icon.png);
}


/*table.dataTable tr:hover .deleteImage {*/


/*background-image: url(/images/del_white.png);*/


/*}*/

.invoice-icon {
    background-image: url(/images/invoice.png);
}

.invoice-icon-not {
    display: inline-block;
    width: 18px;
    height: 1px;
}

table.dataTable tr:hover .invoice-icon {
    background-image: url(/images/invoice_white.png);
}

.chart-add:not(.chart-del) {
    background-image: url(/images/tochart.png);
    background-position: center center;
    background-size: 30%;
}

.chart-del {
    background-image: url(/images/inchart.png);
    background-position: center center;
    background-size: 30%;
}

.stop-icon {
    background-image: url(/images/stop-icon.png);
}

table.dataTable tr:hover .stop-icon {
    background-image: url(/images/stop-icon-white.png);
}

.tick-icon {
    background-image: url(/images/tick-icon.png);
}

.tick-icon-green {
    background-image: url(/images/tick-icon-green.png);
}

.tick-icon-blue {
    background-image: url(/images/tick-icon-blue.png);
}

.tick-icon-red {
    background-image: url(/images/tick-icon-red.png);
}

table.dataTable tr:hover .tick-icon {
    background-image: url(/images/tick-icon-white.png);
}

.view-recipe-icon {
    background-image: url(/images/package.png);
}

table.dataTable tr:hover .view-recipe-icon {
    background-image: url(/images/package-white.png);
}

.undo-icon {
    background-image: url(/images/undo-icon.png);
}
.xls-import-icon {
    background-image: url(/images/xls-import-icon.png);
}

.advance-icon {
    background-image: url(/images/advance-icon.png);
}

.receipt-icon {
    background-image: url(/images/receipt-icon.png);
}

.complete-icon {
    background-image: url(/images/complete-icon.png);
}

table.dataTable tr:hover .undo-icon {
    background-image: url(/images/undo-icon-hover.png);
}

.table_default {
    width: 100%;
}

.table_default tr td {
    padding: 8px 5px;
    border: 1px solid #eee;
}

.table_default tr {
    border-bottom: 1px solid #eee;
}

.table_default tr:hover {
    background: #f9f9f9;
    transition: all 0.2s;
}

.table_default tr:nth-of-type(even) {
    background-color: #fbfbfb;
}

.table_default tr:last-child {
    border-bottom: none;
}

.table_default tr th {
    background: #f1f1f1;
}


/***********************fieldset*********************/

.iCash-fieldset {
    margin: 0 auto 10px auto;
    padding: 5px 0px 10px 0px;
    box-sizing: border-box;
}

#body .iCash-fieldset form,
#body form .iCash-fieldset {
    max-width: 1150px;
    display: table;
    margin: auto;
}

.columns_wrapper_custom{
    width: 960px;
    display: table;
    margin: 15px auto 0px auto;
}

.column_data {
    position: relative;
    float:left;
    width:30%;
}

.column_data .add-new-row {
    width: auto;
}

#content .columns_wrapper_custom .iCash-fieldset {
    display: table;
    margin: 0;
}

#body .iCash-fieldset p {
    max-width: 1150px !important;
    display: table !important;
    margin-left: auto;
    margin-right: auto;
}

#body .iCash-fieldset {
    margin: 0;
}

#body .iCash-fieldset-new-operation {
    width: 1150px;
    display: table;
    margin: 0 auto 15px auto;
}

#body .iCash-fieldset>* {
    text-align: left;
}

#body .iCash-fieldset td {
    text-align: right;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    /*font-weight: bold;*/
}

.iCash-fieldset p {
    text-transform: uppercase;
    text-align: center;
    color: #000;
    width: 100%;
    margin: 15px 0px 20px 0px;
    font-size: 16px;
    font-weight: 700;
}

.iCash-fieldset-new-operation p {
    /*text-transform: uppercase;*/
    /*text-align: center;*/
    /*color: #133A64;*/
    /*width: 100%;*/
    /*font-size: 12px;*/
    /*margin-bottom: 10px;*/
    /*font-weight: 600;*/
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 0px 20px 0px;
    margin: 0px 0px 20px 0px;
}

#body .iCash-fieldset p,
#body .iCash-fieldset-new-operation p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

.col,
.col-comment,
.col-three {
    padding: 5px;
    margin-bottom: 5px;
}

.col-comment .searchboxes {
    width: 100%;
    max-width: 248px;
}

.searchboxes.expanded-max {
    width: 100%;
    max-width: 380px;
}

.searchboxes.fix-width {
    width: 184px !important;
    min-width: 0 !important;
}


/***/

.searchboxes.table {}

.iCash-fieldset+.iCash-fieldset:not(.border-none) {
    margin-top: 0px;
}

.iCash-fieldset.border-none {
    border: none;
}

table.iCashPopup #search_form {}

.iCash-fieldset #search_form {
    /*text-align: center !important;*/
}


/***/

.iCash-fieldset .searchboxes {
    min-width: 210px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.searchboxes .custom-checkbox [type='checkbox'] {
    width: auto !important;
    float: left;
    margin: 2px 10px 0px 0px;
}

.searchboxes .custom-checkbox label {
    margin-top: 0px !important;
}

.searchboxes.popup-checkbox-abs label {
    position: absolute !important;
    padding-left: 19px !important;
}

.searchboxes.popup-checkbox-abs input[type="checkbox"] {
    vertical-align: middle;
    vertical-align: middle;
    margin-top: 3px;
}

#GroupSelect2 {
    width: 300px;
}

#CashRegisterReportReportingUserID {
    width: 250px;
}

.iCash-fieldset-new-operation .col .searchboxes {
    width: 100%;
    max-width: 290px;
    padding-right: 15px;
}

.col-three .searchboxes {
    width: 100%;
    max-width: 248px;
    padding-right: 15px;
}

.iCash-fieldset-new-operation .col-comment .searchboxes.comment {
    width: 70%;
    max-width: 500px;
}

.iCash-fieldset-new-operation .col-comment .searchboxes.files {
    width: 28%;
    max-width: 200px;
}

.iCash-fieldset-add-sale-item,
.iCash-fieldset-sale-item {
    /*background-color: #568FC8;
    color: #fff;*/
    padding: 10px 130px;
}

.iCash-fieldset-sale-item .searchboxes.term {
    width: 100%;
    max-width: 340px;
}

.iCash-fieldset-sale-item .searchboxes.value {
    width: 100%;
    max-width: 135px;
}

.iCash-fieldset-sale-item div.left {
    position: relative;
    width: 48%;
    height: 100%;
    float: left;
    margin: 5px;
}

.iCash-fieldset-add-sale-item #add_saleitem.searchboxes {
    width: 100%;
    max-width: 340px;
}

.iCash-fieldset-add-sale-item .searchboxes.auto {
    padding-top: 30px;
}

.searchboxes:not(.table) {
    display: inline-block;
}

.searchboxes {
    text-align: left;
    /*margin: 0 5px 13px;*/
    font-weight: 400;
    vertical-align: top;
    position: relative;
}

.searchboxes label.required,
.searchboxes.contragent-name {
    color: #578FC8;
}

.searchboxes-table {
    width: 100%;
    position: relative;
}

.searchboxes.valign {
    min-width: 150px;
    font-weight: 600;
}

.searchboxes select,
.searchboxes input[type="text"],
.searchboxes a.operation-files {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 12px;
    text-indent: 5px;
    padding: 10px;
}


/*няма как, да е мислено преди ;)*/

.hasDatepicker,
.ui-autocomplete-input,
#OperationDocNum,
#OperationPersonTake,
#OperationPersonGive,
#OperationNum,
#FilterPriceRuleModificatorValue,
#SaleItemGroupName,
#SaleItemGroupComment,
#FilterPriceRuleName,
{
    width: calc(100% - 23px) !important;
}

.searchboxes input {
    width: calc(100% - 23px) !important;
}

.production_container .hasDatepicker,
.production_container .ui-autocomplete-input,
.production_container #OperationDocNum,
.production_container #OperationPersonTake,
.production_container #OperationPersonGive,
.production_container #OperationNum,
.production_container #FilterPriceRuleModificatorValue,
.production_container #SaleItemGroupName,
.production_container #SaleItemGroupComment,
.production_container #FilterPriceRuleName,
.production_container .searchboxes input {
    width: 100% !important;
}

.dataTable input[type="text"],
.dataTable input[type="select"] {
    width: 100% !important;
}

.searchboxes select,
.searchboxes input {
    border: 1px solid #e1e1e1;
}

.searchboxes select:focus,
.searchboxes input:focus {
    border: 1px solid #367bbf;
}

.searchboxes input[type="text"] {
    /*height: 21px;*/
}

.searchboxes a.operation-files {
    height: 49px;
}

.searchboxes select {
    height: 39px;
    /*max-width:210px;*/
    -moz-appearance: inherit;
    -webkit-appearance: inherit;
    appearance: inherit;
    padding-right: 30px;
}

#body .iCash-fieldset .searchboxes select {
    max-width: 210px;
}

.searchboxes select:not([disabled]) {
    background-image: url("/images/arrow_green.png");
    background-repeat: no-repeat;
    background-position: 100% center;
    background-color: #fff;
}

.searchboxes label.optional,
.searchboxes label.required {
    display: inline-block;
    color: #000;
    margin-bottom: 7px;
}

.searchboxes label {
    font: inherit;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 7px;
    margin-top: 3px;
}

.searchboxes select option {
    font-family: inherit;
    font-size: inherit;
}

.searchboxes .filemanager-attach-icon {
    height: 30px;
    background-image: url(/images/clip.png);
    background-repeat: no-repeat;
}

fieldset label.optionalFields {
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 15px;
}

.operation-files {
    background-image: url(/images/clip.png);
    background-repeat: no-repeat;
    background-position: 10px 25px;
    color: #000;
}

#operation-files label {
    cursor: pointer;
}

.searchboxes textarea {
    max-width: 100%;
    width: 100%;
    display: block;
    border: 1px solid #E1E1E1;
    padding: 10px;
    min-height: 80px;
    resize: vertical;
}

.searchboxes textarea:focus {
    border: 1px solid #000;
}

.extended_search {
    color: #000000;
    display: inline-block;
    width: 175px;
    padding: 10px 13px;
    text-transform: uppercase;
    background-image: url(/images/arrow_green.png);
    background-repeat: no-repeat;
    background-position: 100% center;
    margin-top: 26px;
    border: 1px solid #000;
}

.extended_search:hover {
    border: 1px solid #000;
    background-image: url("/images/arrow_green_dark.png");
}

.searchboxes [type='checkbox'][disabled]+label {
    color: #D2D2D2;
}

.searchboxes [type='checkbox']+label {
    margin-top: 4px;
}

.searchboxes [type='checkbox'] {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 20px;
}

#StatisticsType-label {
    min-width: 340px;
}

#StatisticsType-label div {
    margin-bottom: 11px;
    font-size: 14px;
}

#StatisticsType-label label {
    font-size: 12px;
}

#StatisticsType-label label,
#StatisticsType-label input {
    vertical-align: middle;
}

.searchboxes input[type="radio"]:first-of-type {
    margin-right: 10px;
}

.searchboxes.table input[type="radio"] {
    margin: 3px 10px 3px 0;
}

#hiddensearchbox {
    padding-top: 10px;
    display: none;
}

#hiddensearchbox:before {
    content: "";
    display: block;
    clear: both;
}

#operationAddSaleItemForm {
    /*margin-top: 20px;*/
}

input#automatic-add-item {
    position: absolute;
    top: 31px;
    right: -30px;
    margin-top: 0;
}

#operationAddSaleItemForm .iCash-fieldset span.autocomplete-wrapper {
    margin: auto;
}

.multiselect-labels {}

.multiselect-labels a {
    display: inline-block;
    margin-right: 5px;
    background-image: url(/images/labels-delete.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: right;
    padding: 5px 20px 5px 5px;
    background-color: #57dcd5;
    color: #fff;
    font-weight: 600;
    margin-top: 5px;
}

span.autocomplete-wrapper .acomplete,
.editDatepicker .editDatepickerOLD {
    position: absolute;
    /* z-index: 1; */
    top: 0px;
    right: 0px;
}

span.autocomplete-wrapper {
    display: block;
    position: relative;
    /*z-index:1;*/
    /*width: 300px;*/
}

span.autocomplete-wrapper input {
    /*padding-right:20px;*/
}

.acomplete {
    background: url(/images/autocomplete.png) no-repeat 10px center scroll #fff;
    height: 22px;
    width: 22px;
    display: inline-block;
    cursor: pointer;
    margin: 2px 10px 0px 0px;
    padding-left: 7px;
}

.ui-datepicker-current,
.ui-datepicker-close {
    background-color: #568fc8;
    border: 1px solid #3478bb;
}

input.datepicker {
    background: #fff url(/images/inputs-date-picker.png) 100% center no-repeat;
}

input.timepicker {
    background: #fff url(/images/inputs-time-picker.png) 100% center no-repeat;
}

input.hasDatepicker {
    background: #fff url(/images/inputs-date-picker.png) 100% center no-repeat;
    padding: 1px;
    cursor: pointer;
}

.editDatepicker {
    background: #fff url(/images/edit.png) 100% center no-repeat;
    position: absolute;
    top: 0px;
    right: 12px;
    height: 27px;
    width: 36px;
    display: inline-block;
    cursor: pointer;
    background-color: #efefef;
}

.editDatepickerOLD {
    background: #fff url(/images/edit.png) 100% center no-repeat;
    position: absolute;
    top: 0px;
    right: 4px;
    height: 21px;
    width: 25px;
    display: inline-block;
    cursor: pointer;
    background-color: #e1e1e1;
}

.ui-datepicker {
    min-width: 197px;
    padding: 0;
    display: none;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    /* min-height: 220px; */
    margin-top: 10px;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    /*z-index: 1010 !important;*/
}

.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 7px 0px;
    min-width: 20px;
    text-align: center;
    text-decoration: none;
    border: 1px solid transparent !important;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}

.ui-timepicker-div .ui-datepicker-title {
    margin: 0;
    background-color: #f1f1f1;
    color: #000;
    padding: 10px;
}

.ui-datepicker-calendar,
.ui-datepicker-title {
    font-size: 12px;
    cursor: default;
}

.ui-datepicker .ui-datepicker-header {
    background-color: #fbfbfb;
    color: #000000;
    position: relative;
    padding: 11px 0px;
    font-family: 'Didact Gothic', sans-serif;
}

.ui-datepicker .ui-datepicker-header .ui-icon {
    text-indent: -9999px;
}

.ui-datepicker table {
    width: 100%;
    margin: 0 0 1px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 12px;
    width: 1.8em !important;
    height: 25px !important;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
    padding: 4px;
    border: 1px solid #dadada;
}

.ui-datepicker .ui-datepicker-title select:focus {
    border: 1px solid #000;
}

.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}

.ui-datepicker th {
    padding: 10px;
    font-weight: normal;
}

.ui-datepicker td {
    border: 0;
    padding: 1px;
}

.ui-datepicker td {
    color: #000000;
}

.ui-datepicker td span,
.ui-datepicker td a {
    color: inherit;
}

.ui-datepicker td.ui-datepicker-week-end {
    color: #e01000;
}

.ui-datepicker td.ui-datepicker-week-end.ui-datepicker-unselectable {
    color: #D2AEB4;
}

.ui-datepicker td.ui-datepicker-unselectable {
    color: #ccc;
}

.ui-datepicker td.ui-state-disabled {}

.ui-datepicker-prev.ui-state-disabled .ui-icon,
.ui-datepicker-next.ui-state-disabled .ui-icon {
    background: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: 10px 15px;
    width: auto;
    overflow: visible;
    color: #fff;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

.ui-icon-circle-triangle-w {
    background: url(/images/arrow_left_blue.png) no-repeat center !important;
    width: 20px;
    /*background-position: +6px +6px !important;*/
}

.ui-icon-circle-triangle-e {
    background: url(/images/arrow_right_blue.png) no-repeat center !important;
    width: 20px;
    /*background-position: +6px +6px !important;*/
}

.ui-widget-content a.ui-state-hover {
    /*background-color: #BFC5D0;*/
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}

.ui-datepicker .ui-datepicker-next {
    right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover span {
    background: url(/images/arrow_left_green.png) no-repeat center;
}

.ui-datepicker .ui-datepicker-next-hover span {
    background: url(/images/arrow_right_green.png) no-repeat center;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 0;
}

.ui-widget-content a.ui-state-highlight {
    color: #568fc8;
    border: 1px solid #568fc8;
    font-weight: 700;
}

.ui-widget-content a.ui-state-active {
    color: #ffffff;
    background-color: #568fc8;
}

.ui-widget-content .ui-state-active {
    color: #ffffff;
    background-color: #568fc8;
}

.ui-widget-content td a.ui-state-hover {
    background-color: #568fc8;
    color: #fff;
}

.ui-menu-item .ui-state-hover,
#ui-active-menuitem {
    background-color: #568fc8;
    color: #fff;
    cursor: pointer;
}

.ui-menu-item .ui-state-focus {
    background-color: #568fc8;
    color: #fff;
    cursor: pointer;
}


/*********************************************/

.document-table {
    width: 93.2%;
    margin: 30px auto;
    line-height: 13px;
    word-break: break-word;
    font-size: 12px;
    font-weight: 100;
}

.document-item-table {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    table-layout: fixed;
}

.document-item-table th,
.document-item th {
    padding: 5px;
    border: 1px solid #e2e2e2;
    font-size: 12px;
    font-weight: bold;
    word-break: break-word;
}

.document-item-table tr td {
    padding: 9px 4px;
    border: 1px solid #ebebeb;
    font-size: 12px;
    /* font-family: 'Didact Gothic', sans-serif; */
}

.document-item-table td {
    border: 1px solid #e0e0e0;
    padding: 5px;
}

.document-item-table tfoot td {
    /*border-left: none;*/
    /*border-right: none;*/
}

.document-item-table tfoot {
    border: 1px solid #e0e0e0;
    background: #fbfbfb;
}

.document-item-table td input[type='text'],
.document-item-table td select {
    display: block;
    width: 90%;
    margin: auto;
    border: 1px solid #E0E0E0;
    padding: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.document-item-table td input[type='text']:focus,
.document-item-table td select:focus {
    border: 1px solid #000;
}

.document-item-table td select {
    padding: 5px;
    /*min-width: 100px;*/
}

.document-item-table #add_rows_cell {
    color: #23C7BF;
    font-weight: 600;
    text-align: center;
}

.document-item-table #add_rows_cell input {
    display: inline-block;
    border: 1px solid #57DCD5;
    text-align: center;
    margin: auto 5px;
}

.document-item-table #add_rows_cell a {
    display: block;
    margin: 5px auto;
    width: 30px;
    /*  background-color: #57DCD5;
        padding: 10px 0;
        color: #fff;
        border: 2px solid #fff;*/
}

table .oldvat {
    width: 90%;
    margin: auto;
}

table .oldvat .CleanBtn {
    background-color: #FD496A;
    color: #fff;
    height: 34px;
    width: 100%;
}


/***********************************************/

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.dropdown-menu [type='checkbox'] {
    width: auto;
    margin-top: 0;
}

.multiselect-container>li>a>label.checkbox {
    display: block;
}

.dropdown-menu li a {
    padding: 9px 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background-color: #568fc8 !important;
}

.dropdown-menu li {
    margin: 0px;
    text-indent: 5px;
}

.btn-group {
    width: 100%;
}

button.multiselect {
    display: block;
    width: 100%;
    padding: 11px 0px;
    font-family: inherit;
    font-size: inherit;
    text-align: center;
    background-color: #568fc8;
    color: #fff;
    border: none;
}

button.multiselect:hover {
    background-color: #568fc8 !important;
}

.open>.dropdown-menu {
    display: block;
}

.multiselect-container {
    position: absolute;
    margin: 0;
    padding: 0;
}

.multiselect-container input[type="checkbox"] {
    width: auto !important;
    float: left;
    margin: 2px 5px 0px 10px;
}

.dropdown-menu {
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.btn-group.open button {
    background-color: #568fc8;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(255, 255, 255, .5);
    box-shadow: inset 0 3px 5px rgba(255, 255, 255, .5);
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: #efefef;
}

.btn-group:hover .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(255, 255, 255, .5);
    box-shadow: inset 0 3px 5px rgba(255, 255, 255, .5);
    background-color: #568fc8;
}

.multiselect-container>li>a>label {
    padding-right: 20px;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover,
.btn-group>.btn:focus,
.btn-group-vertical>.btn:focus,
.btn-group>.btn:active,
.btn-group-vertical>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn.active {
    z-index: 2;
}


/***************************role="listbox"***********/

.ui-autocomplete {
    position: absolute;
    /*ВАЖНО*/
    cursor: default;
    max-height: 920px;
    overflow: auto;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    display: block;
    background-color: #fff;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
    width: auto !important;
}

.pop-up.ui-autocomplete {
    position: fixed;
    /*ВАЖНО*/
    z-index: 9999 !important;
    width: auto !important;
}

.ui-autocomplete li {
    display: table-row-group;
    font-size: 12px;
}

.ui-autocomplete li:nth-of-type(odd) {
    background-color: #fbfbfb;
}

.ui-autocomplete li:first-child {
    display: table-row;
}

.ui-autocomplete a {
    display: table-row;
}

.ui-autocomplete li div,
.ui-autocomplete a span {
    display: table-cell;
    padding: 9px 10px 9px 5px;
}

.ui-autocomplete li div:first-child,
.ui-autocomplete a span:first-child {
    min-width: 205px;
}


/*.ui-autocomplete li:first-child{
	background-color: #568fc8;
	color: #fff;
}*/

.ui-menu-item .autocomplete-cell-head {
    color: #568fc8;
    font-weight: bold;
    border-bottom: 1px solid #568fc8;
    padding: 10px;
    pointer-events: none;
}


/*******************************************************/

.TableTools>.ColVis_Button {
    /*eye*/
    background-color: #194c84;
    border: 1px solid #568fc8;
    color: #fff;
    padding: 10px 12px;
    margin: 3px 3px 0px 0px;
    cursor: pointer;
    font-size: 15px;
    font-family: 'Didact Gothic', sans-serif;
}

.ColVis {
    /*eye*/
    float: right;
    margin-right: 9px;
}

.ColVis.TableTools {
    /*eye wrapper*/
    /*width: 45px;*/
}

.ColVis_collectionBackground {
    z-index: 1;
}

.ColVis_collection {
    background-color: #fff;
    text-align: center;
    margin-top: -12px;
    /*border-bottom: 2px solid #568fc8;*/
    /*
    border-bottom: 1px solid #F5F3F3;
    box-shadow: 0 0px 25px -6px #999;
    */
}

.iCashPopup .ColVis_collection {
    margin-left: 30px;
    margin-right: 30px;
}

.ColVis_collection .ColVis_Button {
    border: none;
    background-color: transparent;
    padding: 10px 5px 5px 5px;
    display: inline-block;
    vertical-align: middle;
    max-width: 85px;
    position: relative;
    color: #000
}

.ColVis_collection .ColVis_Button:hover {
    /*background: #568fc8;*/
    width: 86px;
    /*color: #fff;*/
    cursor: pointer;
}

.ColVis_collection span {
    display: block;
    cursor: default;
    margin-bottom: 10px;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 11px;
}

.ColVis_title {
    height: 30px;
    font-size: 10px;
    font-family: inherit;
}

.ColVis_collection .ColVis_radio {
    background-image: url("/images/unchecked_input.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 16px;
    margin-bottom: 8px;
}

.ColVis_collection input[type="checkbox"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ColVis_collection .ColVis_radio.checked-colVis {
    background-image: url("/images/checked_input.png");
    margin-bottom: 8px;
}


/**********************************************/


/*.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}*/

.dataTables_wrapper {
    /*margin-top: 15px;*/
    position: relative;
}

div.DTTT_container {
    position: relative;
    float: right;
    margin-right: 15px;
    z-index: 1;
}

#content #tabs-1 div.DTTT_container {
    margin-top: 5px;
}

#content #tabs {
    margin-top: 20px;
}


/*.DTTT_container*/

.DTTT_button,
div.ui-corner-tl .addNewBtn {
    position: relative;
    float: left;
    margin: 3px 3px 0px 0px;
    padding: 10px 12px;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: 'Didact Gothic', sans-serif;
    font: inherit;
    color: #fff;
}

div.ui-corner-tl .addNewBtn,
#ExportBtn,
#AnalyseBtn,
.defaultButton {
    background-color: #194c84;
    border: 1px solid #568fc8;
    color: #fff;
    /* padding: 15px; */
    font: inherit;
    /* font-weight: 600; */
    /* text-transform: uppercase; */
    /* margin-top: 9px; */
    font-size: 15px;
    font-family: 'Didact Gothic', sans-serif;
}

div.ui-corner-tl .addNewBtn:hover,
.defaultButton:hover {
    cursor: pointer;
    /*background-color: #b3291f;*/
}

#ExportBtn,
#AnalyseBtn,
.defaultButton {
    padding: 10px 12px;
}

#ExportBtn:hover,
#AnalyseBtn:hover {
    cursor: pointer;
    /*background-color: #b3291f;*/
}

div.ui-corner-tl {
    font: inherit;
    background-color: #194c84;
    margin: 9px 0px 5px 0px;
    padding: 10px 0px;
}

div.ui-corner-tl .addNewBtn {
    margin-left: 10px;
}

button.DTTT_button:hover,
div.DTTT_button:hover,
a.DTTT_button:hover,
.addNewBtn:hover {
    border: 1px solid #aaa;
    /*background-color: #ffffff;*/
    /*border-radius:2px;*/
}

a.DTTT_button span+div {
    opacity: 0;
}

.DTTT_print_info {
    position: fixed;
    top: 350px;
    left: 0;
    right: 0;
}

.DTTT_print_info>* {
    width: 400px;
    margin: auto;
    background-color: #4674A2;
    color: #fff;
    text-align: center;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 3px 3px 15px -5px rgba(0, 0, 0, 0.6);
}

.DTTT_print_info>h6 {
    font-weight: normal;
}

.DTTT_print_info>p {
    font-size: 22px;
    padding-bottom: 30px;
    line-height: 30px;
}


/******************************/

.dataTables_processing-wrapper {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    height: 50px;
    text-align: center;
    z-index: 1005;
    visibility: hidden;
}

.dataTables_processing-wrapper>div {
    display: table;
    height: 100%;
    width: 100%;
    visibility: hidden;
}

.dataTables_processing {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
    padding-top: 15px;
}


/**********************************/

.dataTables_paginate {
    overflow: hidden;
    /*float: right;*/
}

div.ui-corner-br {
    padding: 0px 0px 15px 0px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.ui-corner-br .dataTables_length {
    text-align: left;
}

.dataTables_length label {
    padding-left:10px;
}

.dataTables_wrapper .dataTables_length label select {
    padding: 10px;
}

.dataTables_wrapper .dt-footer{
    background: none;
}

div.ui-corner-br>div:nth-of-type(n+2) {
    display: inline-block !important;
    vertical-align: middle;
    width: 50%;
    background-color: #194C84;
    padding: 15px 0px;
    min-height: 39px;
    color: #fff;
}

.fg-toolbar.ui-toolbar.ui-widget-header {
    min-height: 45px;
}

.dataTables_wrapper .ui-widget-header a {
    color: #fff;
}

.dataTables_wrapper .fg-toolbar .dataTables_info {
    color: #000;
    padding: 25px 0px;
    float: unset;
}

#firmtable_info {
    /*.dataTables_info*/
    font-size: 10px;
}

.dataTables_length {
    color: #fff;
    font-family: 'Didact Gothic', sans-serif;
}

.delete-marked-items,
.mark-all-items,
.unmark-all-items {
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    margin: 0 5px;
    width: 28px;
    height: 21px;
    background-size: 100% auto;
    vertical-align: middle;
}

.delete-marked-items {
    background-image: url(/images/delete-selected-items-icon.png);
}

.mark-all-items {
    background-image: url(/images/check-all-icon.png);
}

.unmark-all-items {
    background-image: url(/images/uncheck-all-icon.png);
}

.first,
.previous,
.next,
.last {
    display: inline-block;
    color: rgba(255, 255, 255, 0);
    width: 22px;
    height: 37px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    margin: auto 5px;
    cursor: default;
    vertical-align: middle;
}

.dataTables_paginate.fg-buttonset>.first {
    background-image: url("/images/first.png");
    cursor: pointer;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.dataTables_paginate.fg-buttonset>.previous {
    background-image: url("/images/prev.png");
    cursor: pointer;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.dataTables_paginate.fg-buttonset>.next {
    background-image: url("/images/next.png");
    cursor: pointer;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.dataTables_paginate.fg-buttonset>.last {
    background-image: url("/images/last.png");
    cursor: pointer;
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

.dataTables_paginate>span>a {
    display: inline-block;
    min-width: 22px;
    /* padding: 0 2px; */
    /*height: 18px;*/
    margin: auto 5px;
    padding: 10px;
    background-color: #fff;
    color: #000000;
    text-align: center;
    /* line-height: 18px; */
    /* border: 1px solid #000000; */
    cursor: pointer;
}

.dataTables_paginate>span>a.ui-state-default {
    color: #000;
    cursor: default;
}
.dataTables_paginate>span>a.ui-state-disabled {
    background: #568fc8;
    color: #fff;
    cursor: default;
    opacity:1;
}

table.dataTable tfoot th {
    padding: 10px;
    font-weight: 600;
    background: transparent;
    color: #fff;
}

.dataTables_length select {
    -moz-appearance: inherit;
    -webkit-appearance: inherit;
    appearance: inherit;
    min-width: 70px;
    padding: 10px !important;
    /* height: 22px; */
    border: 1px solid #000000;
    color: #000000;
    background-image: url(/images/arrow_green.png);
    background-repeat: no-repeat;
    background-position: 105% center;
    background-color: #fff !important;
    margin: auto 10px;
    cursor: pointer;
}


/*****************in .totalsTable-wrapper********************/

#content #tabs .ui-tabs-nav {
    /*margin-bottom: -87px;
    margin-top: 40px;
    width: 500px;
    height: 50px;*/
}

#content #tabs-2 {
    margin-top: 15px;
}

#content #tabs .ui-tabs-nav li {
    cursor: pointer;
    background-color: #b9352b;
    text-transform: uppercase;
    font-weight: 700;
}

#content #tabs .ui-tabs-nav li a {
    color: #fff;
    padding: 20px 24px;
    display: inline-block;
}

#content #tabs .ui-tabs-nav.graphic-showed {
    /* position: absolute; */
    padding: 0;
    z-index: 1;
    width: 100%;
    background-color: #568fc8;
}

#statistics_wrapper>div.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix {
    /*position: absolute;*/
    z-index: 1;
    right: 20px;
    /*margin-top: -60px;*/
    /*margin-top: -86px;*/
    min-height: 35px;
    margin-top: 15px;
}

#content #tabs .ui-tabs-nav.graphic-showed li a {}

#content #tabs .ui-tabs-nav li:not(.ui-state-disabled) a:hover {
    /*color:#57dcd5;*/
}

#content #tabs .ui-tabs-nav .ui-state-disabled {
    /*background-color: #e1e1e1;*/
}

#content #tabs .ui-tabs-nav li.ui-state-disabled a {
    color: #e2e2e2;
    background: #568fc8;
}

#content #tabs .ui-tabs-nav li.ui-state-disabled a:hover {
    color: #ffffff;
    background: #d84c41;
}

.ui-state-disabled {
    background-color: #aaa;
    font-weight: bold;
}

#choose-submenu {
    padding: 200px 100px;
    text-align: center;
    font-size: 22px;
    color: #568fc8;
    background-image: url(/images/pattern.png);
    /*margin: -35px auto;*/
    position: relative;
    /*font-family: 'Didact Gothic', sans-serif;*/
}


/******************total-price*******************/

.total-price {
    /*margin: 10px 20px 0;*/
    /*padding-bottom: 10px;*/
    /*padding-top: 10px;*/
}

.total-price .wrapper {
    margin-bottom: 40px;
}

.total-price .new_operation_form {
    width: 80%;
    /*margin-top: 40px;*/
}

.wrapper-completeOperationForm,
.wrapper-PayedSum_view {
    width: 50%;
}

.wrapper-completeOperationForm {
    float: left;
    margin-bottom: 25px;
}

#operation_payment_info #completeOperationForm table {
    float: right;
    margin-right: 25px;
}

.wrapper-PayedSum_view {
    float: right;
}

.wrapper-PayedSum_view div {
    height: 25px;
    margin: 5px 0 10px;
    margin-left: 25px;
}

.total-price #PayedSum_view {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 20px;
    display: inline-block;
}

.total-price select,
.total-price input[type='text'] {
    width: 130px;
    padding: 10px;
    text-indent: 5px;
}

.total-price td {
    text-align: right;
    padding: 5px;
}

.total-price .searchbox {
    margin: 10px auto;
    max-width: 580px;
}

.total-price .new_operation_form label {
    /*display: inline-block;*/
    /*margin-right: 10px;*/
    display: inline-block;
    margin-right: 10px;
    text-align: right;
    width: calc(100% - 230px);
    padding: 10px;
}

#operation_payment_info input {
    border: 1px solid #E1E1E1;
    margin-right: 10px;
}

#operation_payment_info input:focus {
    border: 1px solid #000;
}

.total-price .new_operation_form input {
    float: right;
}

div#delivery_vat_fields_wrapper {
    padding-right: 0;
    padding-left: 0;
}

.payment-info table {
    margin: auto;
    min-width: 70%;
    margin-top: 10px;
}

.payment-info table:first-child {
    /*margin-top: 30px;*/
}

.payment-info table th {
    padding: 5px;
    background-color: #f1f1f1;
    color: #000;
    font-weight: bold !important;
    border: 1px solid #e2e2e2 !important;
}

.payment-info table td {
    padding: 5px;
    color: #000;
    /* border: 1px solid #e2e2e2; */
}

.payment-info table td {
    border: 1px solid #E1E1E1;
}

.payment-info table th {
    padding: 5px;
    border: 1px solid #fff;
    font-weight: 100;
}


/*****************************table iCash-form horizontal-form**************************/

.iCash-form.horizontal-form {
    /*width: 95%;*/
    /*margin: 40px auto 0;*/
}

.iCash-form.horizontal-form td {
    vertical-align: top;
}

.iCash-form.horizontal-form textarea {
    max-width: 100%;
    width: 80%;
}

.iCash-form.horizontal-form input[type='text'],
.iCash-form.horizontal-form select {
    /*width: 90%;*/
    /*padding: 5px;*/
    /*border: 1px solid #e1e1e1;*/
    /*margin: 5px 0 25px;*/
}

.iCash-form.horizontal-form dt label {
    color: #000;
}

.iCash-form.horizontal-form input[type='checkbox'] {
    margin: 0px 10px 0px 0;
    width: 17px;
    /* height: 31px; */
    height: 16px;
    vertical-align: middle;
}

.iCash-form.horizontal-form img {
    margin-top: 30px;
    max-height: 105px;
}


/******************************/

.datatable_legend {
    margin-top: 22px;
    font-size: 12px;
}

.datatable_legend .table-legend {
    float: left;
    margin-right: 3.4%;
}

.datatable_legend .table-legend td {
    padding: 0 2px;
}

.datatable_legend .table-legend tr:first-child td {
    font-weight: 600;
    padding-bottom: 10px;
    text-align: left !important;
}

.datatable_legend .table-legend tr:nth-child(n+2) td:nth-child(odd) {
    border-right: 1px solid #999;
}

.datatable_legend .table-legend div {
    width: 10px;
    height: 10px;
    display: inline-block;
}

.datatable_legend .table-legend div.bgr_dark_red {
    background-color: #B6D3F1;
    margin-right: 5px;
}

.datatable_legend .table-legend div.bgr_bright_red {
    background-color: #D6E5F5;
}

.operation-total-table .dataTable_total {
    padding: 30px;
    font-size: 12px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
    margin-top: -20px;
    /*background: #fdfdfd;*/
}

.operation-total-table .dataTable_total caption {
    background-color: #568fc8;
    color: #fff;
    padding: 22px;
    font-size: 14px;
    /* font-weight: 600; */
    /* margin: 0 5px; */
}

.operation-total-table .dataTable_total td {
    padding: 13px 10px;
    width: 50%;
    border-right: 1px solid #eee;
}

.operation-total-table .dataTable_total td:last-child {
    border-right: none;
}

.dataTable_total tr:nth-of-type(odd) {
    background-color: #fbfbfb;
}

.operation-total-table .dataTable_total td:nth-of-type(1) {
    text-align: right;
}

.operation-total-table .dataTable_total td:nth-of-type(2) {
    text-align: left;
}

.ui-timepicker-div {
    font: 12px Open Sans, Arial, Liberation Sans, sans-serif;
}

.ui_tpicker_hour,
.ui_tpicker_minute {
    height: 1em;
}

.ui_tpicker_hour div,
.ui_tpicker_minute div {
    /**/
    position: relative;
    height: 4px;
    background-color: #568fc8;
}

.ui_tpicker_hour .ui-slider-handle,
.ui_tpicker_minute .ui-slider-handle {
    position: absolute;
    top: -5px;
    z-index: 2;
    width: 0.9em;
    height: 0.9em;
    cursor: default;
    background-color: #fff;
    border: 1px solid #194c84;
    border-radius: 3px;
}

.ui-timepicker-div dl dt {
    float: left;
    clear: left;
    padding: 0 0 0 5px;
}

.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.searchboxes .SaveBtn,
.searchboxes #SaveBtn {
    background-color: #568fc8;
    cursor: pointer;
    border: 1px solid #3478bb;
    color: #fff;
    padding: 10px 12px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
    transition: all 0.2s;
    display: inline;
}

.searchboxes .SaveBtn:hover,
.searchboxes #SaveBtn:hover {
    background-color: #3478bb;
}

.alignCenter #SaveBtn.border {
    border: 1px solid #000;
}

.searchboxes #SaveBtn.blue {
    background-color: #93cde0;
    margin-top: 17px;
}

.up-text-img {
    background-image: url(../../images/font-up.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    width: 12px;
}

.down-text-img {
    background-image: url(../../images/font-down.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 16px;
    width: 12px;
}

.autocomplete-text-match {
    color: #568fc8;
}

.dataTables_wrapper>div.fg-toolbar.ui-toolbar.ui-widget-header.ui-corner-tl.ui-corner-tr.ui-helper-clearfix>p {
    font-weight: 600;
    text-transform: uppercase;
    /*color: #fff;*/
    text-align: center;
    padding-top: 13px;
    font-size: 13px;
}

#firmtable>tbody>tr.green {
    background-color: #C0FFC0;
}

#firmtable>tbody>tr.gray {
    background-color: #DCDCDC;
}

#woocommercetable tbody tr.even.blue,
#woocommercegrouptable tbody tr.even.blue {
    background-color: #add8e6;
}

#woocommercetable tbody tr.odd.blue,
#woocommercegrouptable tbody tr.odd.blue {
    background-color: #93cde0;
}

#woocommercetable tbody tr.even.green,
#woocommercegrouptable tbody tr.even.green {
    background-color: #C0FFC0;
}

#woocommercetable tbody tr.odd.green,
#woocommercegrouptable tbody tr.odd.green {
    background-color: #afeeaf;
}

#woocommercetable tbody tr.even.red,
#woocommercegrouptable tbody tr.even.red {
    background-color: #FD496A;
}

#woocommercetable tbody tr.odd.red,
#woocommercegrouptable tbody tr.odd.red {
    background-color: #FF0000;
}

#addProduction {
    max-height: 200px;
    margin: 0 auto;
}

td .center {
    text-align: center;
}

#addProduction>tbody>tr>td.redCell {
    color: #FF0000;
}

#addProduction>tbody>tr>td.red {
    background-color: #FF0000;
}

#addProduction>tbody>tr>td.green {
    background-color: #C0FFC0;
}

#addProduction>tbody>tr>td.yellow {
    background-color: #ffba00;
}

.dataTables_scroll table.dataTable thead th {
    text-align: center;
}

.dataTables_scroll table.dataTable {
    margin: 0 auto;
}

table.iCashPopup .dataTable td .center {
    text-align: center;
}

.details .dataTables_wrapper {
    width: 40%;
    float: left;
    margin: 0px 10px 5px;
    position: relative;
}

.details table.dataTable {
    min-width: 50%;
    margin-left: 0px;
    margin-top: 0;
}

.production_container {
    width: 100%;
    height: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    background: #fbfbfb;
    border-bottom: 1px solid #eee;
}

.production_container input {
    /*background:#fff;*/
}

.production_container input [readonly],
[disabled="1"] {
    background-color: #f7f7f7;
    border: 1px solid #E1E1E1;
}

.production_container div.left {
    position: relative;
    width: 33.33%;
    float: left;
    padding: 0px 15px 0px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.saleitem_container {
    width: 100%;
    height: 100%;
}

.saleitem_container div.left {
    position: relative;
    width: 78%;
    height: 100%;
    float: left;
    margin: 5px;
}

.nestedТable {
    background-image: url(/images/commercial-document-icon.png);
}

.datatable-scroll {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: disable;
    overflow-y: visible;
}

.datepicker {
    background: #fff url(/images/inputs-date-picker.png) 100% center no-repeat;
    cursor: pointer;
}

#addButton0 {
    float: right;
}

.wellcome {
    width: 100%;
    text-align: center;
    font-size: 50px;
    height: 300px;
}

.centerborder {
    text-align: center;
    /*display: block;*/
    /*padding: 2px 0px;*/
    /*margin-top:1px;*/
    /*border: 1px solid #e1e1e1;*/
    /*background: #fff1f0 !important;*/
}

.centerborder:hover {
    /*background: #568fc8 !important;*/
    cursor: pointer;
}

#reg-information {
    margin: auto;
    width: 600px;
    padding-top: 50px;
    color: #194c84;
}

#reg-information div.left {
    position: relative;
    width: 45%;
    height: 100%;
    float: left;
    margin: 20px;
}

#reg-information h3 {
    font: 20px Open Sans, Arial, Liberation Sans, sans-serif;
    font-weight: normal;
    text-align: center;
    margin-bottom: 30px;
}

#reg-information dt {
    margin-top: 25px;
}

#registrationForm {
    width: 100%;
}

.registration {
    /*input*/
    width: 100%;
    font: 18px/26px Open Sans, Arial, Liberation Sans, sans-serif;
    height: 35px;
    background-color: #efefef;
    border: 1px solid #afafaf;
    text-indent: 10px;
    display: block;
}

.registrationCheckBox {
    float: left;
    width: 35px;
    height: 35px;
    margin-top: 30px !important;
    margin-left: 0 !important;
}

.labelCheckBox {
    display: block;
    float: left;
    padding: 7px 30px 0px !important;
    font-weight: 700!important;
    margin: 30px 0 10px !important;
}

.labelCheckBox2 {
    display: block;
    float: left;
    font-weight: 700!important;
    margin: 30px 0 10px !important;
}

#confirmAccount {
    background-color: #568fc8;
    color: #fff;
    border-radius: 3px;
    padding: 0px 10px;
    min-width: 105px;
    height: 45px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
}

.changepassword {
    width: 50%;
    font: 18px/26px Open Sans, Arial, Liberation Sans, sans-serif;
    height: 35px;
    background-color: #efefef;
    border: 1px solid #afafaf;
    text-indent: 10px;
    display: block;
}

table.iCashPopup .box-with-info .green {
    color: #008000;
}

table.iCashPopup .box-with-info .red {
    color: #FD496A;
}

table.iCashPopup .box-with-info .yellow {
    color: #ffa500;
}

table#operationsTable tbody tr.brown {
    color: #ff388e;
}

.bg-error {
    background-color: #ffeeee;
}

.container {
    width: 99%;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.sub-notifications {
    padding: 10px 0 10px 0;
    position: relative;
    z-index: 5;
}

.sub-notifications.alert-n {
    margin: 0 2.1% 0 1.1%;
    background-color: #e3e9f0;
    border: 1px solid #194c84;
}

.sub-notifications .sub-notificatin-inner {
    padding-left: 50px;
    position: relative;
}

.sub-notifications .n-title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: #194c84;
}

.sub-notifications.alert-n .sub-notificatin-inner .fa-exclamation-triangle {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(/images/attention.png);
    vertical-align: -2px;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: contain;
}

.sub-notifications .n-txt {
    width: 90%;
}

.closemessage {
    -webkit-appearance: none;
    cursor: pointer;
    padding-right: 5px;
    position: relative;
    bottom: 50px;
    border: none;
    background: none;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .4;
}

#WarehouseMessageActiveSearch {
    float: left;
    width: 22px;
    height: 22px;
    margin-top: 2px;
}

.checkbox #Operations,
.checkbox #Contragents,
.checkbox #PriceRule,
.checkbox #SaleItems,
.checkbox #SaleItemGroups {
    float: left;
    width: 22px;
    height: 22px;
    margin-top: 2px;
}

#SaleItemStoreID {
    border: 1px solid #e6b7b7;
    /*background: #ffe9e9;*/
}

.saleitems-by-stores {
    margin-top: 15px;
}

.saleitems-by-stores td {
    vertical-align: top;
    padding: 15px;
}

.saleitems-by-stores tr td:nth-of-type(odd) {
    background: #fbfbfb;
    border: 1px solid #eee;
}

.saleitems-by-stores tr td:nth-of-type(even) {
    background: #fff;
    border-bottom: 1px solid #eee;
}

tr.green td {
    background-color: #d1fbd1!important;
    border: 1px solid #93ea93 !important;
    color: #000 !important;
}

tr:nth-of-type(even).green td {
    background: #abf1ab!important;
    border: 1px solid #7bdc7b !important;
}

tr.green td input {
    border: 1px solid #7ddc7d !important;
}

tr.green:hover td {
    background-color: #a9ffa9!important;
    border: 1px solid #7ddc7d !important;
}

tr.green:hover td input {
    border: 1px solid #7ddc7d !important;
}

tr.red td {
    background-color: #e28077!important;
    color: #fff !important;
    border: 1px solid #d85f54;
}

tr.graylist td {
    background-color: #bfbfbf!important;
    color: #fff !important;
    border: 1px solid #d85f54;
}

tr:nth-of-type(even).red td {
    background-color: #992323!important;
    color: #fff;
    border: 1px solid #568fc8 !important;
}

tr.red:hover td {
    color: #fff;
    border: 1px solid #000 !important;
    background: #505050 !important;
}

tr.yellow td {
    background-color: #fffcd3 !important;
    border: 1px solid #ece79e !important;
}

tr.yellow:hover td {
    color: #fff !important;
    border: 1px solid #000 !important;
    background: #505050 !important;
}

tr.blueTemp td {
    background-color: #add8e6!important;
}

#help figure {
    position: relative;
    cursor: pointer;
}

figure {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

figure div {
    background-size: 30px auto;
    background-position: 20px 20px;
}

#help figure div {
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(/images/play-btn.png);
    background-position: 10px 10px;
    top: 0;
    left: 100px;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}

#BackupAllDemos {
    /*background-color: #FD496A;*/
    /*color: #fff;*/
    /*height: 26px;*/
    margin-left: 15px;
}

.searchboxes #ResetAllDemos {
    /*background-color: #8BDE4F;*/
    /*color: #000;*/
    /*height: 26px;*/
}

table.iCashPopup .distributorAdminModules {
    width: 100%;
    margin: 0px auto;
    border: 1px solid #e1e1e1;
    border-collapse: separate;
}

#banner {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    height: 240px;
    width: 480px;
    margin-top: -120px;
    /*set to a negative number 1/2 of your height*/
    margin-left: -240px;
    /*set to a negative number 1/2 of your width*/
    background: #FFF;
    border: 2px solid #568fc8;
}

.banner-border {
    height: 30px;
    margin: 5px;
    cursor: default;
    background: #568fc8;
    color: #fff;
    padding: 2px 0px;
    text-align: center;
    font-weight: 600;
}

.banner-body {
    padding: 10px 16px;
    height: 132px;
}

.banner-body h3 {
    margin: auto;
    font-weight: normal;
    text-align: center;
}

#shadowbox {
    position: fixed;
    z-index: 998;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.btn_add_new {
    color: #fff;
    background-color: #568fc8;
    cursor: pointer;
    border: 1px solid #3478bb;
    padding: 9px 15px;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
    margin: 25px 15px 0px 0px;
}

.btn_add_new:hover {
    /*background-color: #b3291f;*/
    /*transition: all 0.2s;*/
    /*box-shadow: 2px 2px 15px 0px #999;*/
}

.btn_add_contragent,
.add-button-sm,
.btn_add_saleitem {
    background: #568fc8;
    color: #fff;
    border: 1px solid #3478bb;
    padding: 5px 10px;
    display: table;
    margin: auto;
}

.btn_add_contragent:hover,
.btn_add_saleitem:hover {
    cursor: pointer;
    /*background-color: #b3291f;*/
}

.range_info input {
    margin: 5px !important;
}

.range_info td {
    vertical-align: middle !important;
}

@media (max-width: 979px) {
    .content-wrapper {
        min-width: 980px;
    }
}
@media (min-width: 980px) {
    .content-wrapper {
        max-width: 100%;
    }
}

@media (min-width: 1100px) {
    .content-wrapper {
        max-width: 95%;
    }
}

@media (min-width: 1300px) {
    .content-wrapper {
        max-width: 90%;
    }
}

@media (min-width: 1700px) {
    .content-wrapper {
        max-width: 70%;
    }
}

.content-wrapper {
    margin: 0 auto;
}

#body .iCash-fieldset-new-sell-operation {
    margin: 0 auto;
}

table.baseTable thead {
    background: #f1f1f1;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    color: #000;
    padding: 14px;
}

table.iCashPopup .baseTable thead th {
    font-size: 12px;
    font-weight: 600;
}

table.iCashPopup .baseTable #payments-info thead th {
    font-size: 10px;
}

table.baseTable {
    width: 100%;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    /* margin: 5px 0; */
    border-collapse: separate;
    border-spacing: 0px;
}

table.baseTable tr:nth-of-type(even) {
    background-color: #fbfbfb;
}

table.baseTable tr:hover {
    background: #f9f9f9;
    transition: all 0.1s;
}

table.baseTable td {
    border-bottom: 1px solid #d2d2d2;
    padding: 5px 10px;
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-size: 12px;
    height: 38px;
}

table.baseTable td div {
    /*padding: 3px;*/
}

#contragentTable>thead>tr>th {
    border-bottom: 1px solid #d2d2d2;
}

.searchboxes-box input,
.searchboxes-box select {
    padding: 5px 30px 5px 10px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
    background-color: #fff;
    border: 1px solid #d2d2d2;
}

.searchboxes-box input:focus,
.searchboxes-box select:focus {
    border: 1px solid #568fc8 !important;
}

.searchboxes-box .acomplete {
    margin: 2px 0px 0px 0px;
}

.searchboxes-box.comment {
    padding-top: 10px;
    padding-bottom: 10px;
}

.searchboxes-box label {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    width: 100%;
    color: #000;
}

.document-box>thead>tr>th {
    border-bottom: 1px solid #357abf;
}

#firmDataTable>thead>tr>th {
    border-bottom: 1px solid #d2d2d2;
}

#firmDataTable>tbody>tr:nth-child(2)>td:nth-child(3) {
    display: none;
}

table.document {
    width: 100%;
    border: none;
    /*margin:5px 0;*/
}

.document td input[type='text'],
.document td select {
    display: block;
    width: 100%;
    border: 1px solid #E0E0E0;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.document td select:focus {
    border: 1px solid #000;
}

.document td select {
    width: 100%;
}

#saleitems {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    table-layout: fixed;
}

.tdborder {
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 5px;
}

#saleitems td tr.rowtable>td>table>tbody>tr>td {
    border: none;
    padding: 0px;
}

#saleitems th {
    padding: 5px;
    border: 1px solid #357abf;
    font-size: 12px;
    font-weight: bold;
    word-break: break-word;
}

#saleitems td {
    padding: 9px 4px;
    border: 1px solid #ebebeb;
    font-size: 12px;
    /*font-family: 'Didact Gothic', sans-serif;*/
}

#saleitems tfoot {
    background-color: #fff;
    color: #133A64;
    border: 1px solid #E0E0E0;
    /*border-bottom: 2px solid #E0E0E0;*/
}

#saleitems tfoot td {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
}

#saleitems input[type="checkbox"] {
    float: right;
    width: 22px;
    height: 22px;
    margin: -2px 10px;
}

.saleitem-table-fix #saleitems>tfoot {
    background: #fbfbfb;
}

.saleitem-table-fix #saleitems tbody>tr>td {
    border: 1px solid #eee;
    paddng: 0px;
}

.saleitem-table-fix #saleitems tbody tr td {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.saleitem-table-fix #saleitems tbody tr td .delView {
    background: #f1f1f1;
}

.saleitem-table-fix #saleitems tbody tr td .delView a {
    cursor: pointer;
}

.paid-summ {
    color: #d03d32;
    font-weight: bold;
}

.paid-summ a {
    color: #d03d32 !important;
}

#priceWithVatCB,
#getLastPriceDelivery,
#customVat,
.bigbox {
    width: 18px;
    height: 18px;
    margin: 0px 8px 0px 0px;
    vertical-align: middle;
}

#add_new_saleitem:hover {
    cursor: pointer;
}

#saleitems input[type="text"],
#saleitems select {
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#saleitems input[type="text"]:focus,
#saleitems select:focus {
    border: 1px solid #568fc8;
}

#saleitems input[type="text"][readonly],
#saleitems input[type="text"][disabled="1"],
#saleitems select [readonly],
#saleitems select [disabled="1"] {
    background-color: #f7f7f7;
    border: 1px solid #E1E1E1;
}

#saleitems input[id*="SaleItemMeasureUnitName"][readonly] {
    background-color: #fff;
    border: none;
    color: gray;
}

#saleitems input[id*="SaleItemName"] {
    padding: 10px;
    width: 98% !important;
    margin-left: 1%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#saleitems .right,
#prices .right,
.document-item-table .right,
.flexContainer .right,
.flexContainerLeft .right,
.flexContainerEnd .right {
    text-align: right;
}

#saleitems .center {
    text-align: center;
}

#saleitems td.red {
    background: #fdeeee;
}

#saleitems td.red input,
#saleitems td.red select {
    border: 1px solid #e6b7b7 !important
}

#saleitems>tfoot>tr>td>label {
    font-size: 12px;
    color: #696969;
    margin-bottom: 7px;
}

#prices td input[type='text'],
#prices td select {
    display: block;
    width: 96%;
    margin: auto;
    border: 1px solid #E0E0E0;
    padding: 5px;
}

#payments tbody {
    /*border-bottom: 2px solid #E0E0E0;*/
}

#prices tbody {
    /*border-top: 20px solid #E0E0E0;*/
}

#payments tfoot,
#prices tfoot {
    background-color: #fff;
    color: #133A64;
}

#payments tbody tr td,
#prices tbody tr td {
    height: 22px;
    font-size: 12px;
}

#prices td input[type='text'] {
    width: 95%;
}

#prices tfoot td {
    height: 30px;
    font-size: 12px;
}

#prices tbody th,
#prices tfoot th {
    background-color: #568fc8;
    color: #fff;
    padding: 5px;
    margin: auto;
    font-weight: 400;
    word-break: break-word;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}

#prices tbody th:last-child,
#prices tfoot th:last-child {
    border-right: none;
}

#payments tfoot td {
    font-size: 12px;
}

.person td input[id='OperationDate'] {
    display: block;
    width: 90%;
    margin: auto;
    border: 1px solid #E0E0E0;
    padding: 5px;
}

.person tbody tr td {
    height: 30px;
    font-size: 12px;
}

#payments-info #payments-info table {
    width: 100%;
    /*margin: 5px auto;*/
    /*border: 2px solid #E3E3E3;*/
    /*border-collapse: separate;*/
}

#payments h3 {
    color: color: #133A64;
}

#payments #newpaymentstitle {
    background: #568fc8;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    height: 25px;
    vertical-align: middle;
    color: #ffffff;
}

#payments-info table thead {
    background: #dcdcdc;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    height: 20px;
    vertical-align: middle;
    color: #000;
}

#payments #errorpayments {
    width: 100%;
    color: #ffffff;
    padding: 10px;
    background: #568fc8;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#payments #errorpayments.error {
    background: #a52a2a;
}

#payments input[type="text"] {
    width: 96.5%;
    border: 1px solid #d2d2d2;
    padding: 5px;
}

#payments input[type="text"]:focus {
    border: 1px solid #000;
}

#payments select {
    width: 100%;
    border: 1px solid #d2d2d2;
    padding: 5px;
}

#payments select:focus {
    border: 1px solid #568fc8;
}

#payments tfoot input[type="text"] {
    width: 40%;
}

#fillRestPayment_1 {
    color: #d03d32 !important;
}

.content-wrapper_small #payments tfoot input[type="text"] {
    width: 70%;
}

.content-wrapper_small {
    min-width: 400px;
}

.effect {
    animation: pulse 0.5s infinite;
    -webkit-animation: pulse 0.5s infinite;
}

.iCash-fieldset-new-sell-operation p {
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    /* font-weight: 600; */
    /* padding-left: 6px; */
    padding: 10px 0px 20px 0px;
    /*background: #f1f1f1;*/
    margin: 0px 0px 20px 0px;
}

.document-box {
    border: 1px solid #d2d2d2 !important;
}

.document-box tr td {
    border-bottom: 1px solid #d2d2d2;
    padding: 6px 7px;
    /* font-family: 'Didact Gothic', sans-serif; */
    font-size: 12px;
    height: 38px;
}

.document-box tr:nth-of-type(even) td {
    background-color: #fbfbfb;
}

.document-box tr:hover td {
    background: #f9f9f9;
    transition: all 0.1s;
}


/*.iCash-fieldset-new-sell-operation.new_operation_form > div:nth-child(2) > div:nth-child(4){*/


/*float: left;*/


/*width: calc(30% - 32px) !important;*/


/*margin: 0px 16px !important;*/


/*!* margin: 0 1%; *!*/


/*-moz-box-sizing: border-box;*/


/*-webkit-box-sizing: border-box;*/


/*box-sizing: border-box;*/


/*}*/


/*.iCash-fieldset-new-sell-operation.new_operation_form > div:nth-child(2) > div:nth-child(4) label {*/


/*!*font-family: 'Didact Gothic', sans-serif;*!*/


/*font-size: 12px;*/


/*}*/

#contragentInvoiceTable input[type="text"] {
    width: 95%;
    padding: 3px;
}

#contragentTable [readonly],
#firmDataTable [readonly],
.person [readonly] {
    /*background-color: #fff;*/
    border: 1px solid #d2d2d2;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 10px;
}

input:disabled,
select:disabled,
input[readonly='readonly'],
select[readonly='readonly'] {
    background-color: #f7f7f7;
    border: 1px solid #E1E1E1;
}

.baseTable select {
    width: 95%;
    padding: 5px 8px;
}

.gray {
    /*border-bottom:2px solid #E0E0E0;*/
}

#saleitems input[id*="SaleItemInventoryID"],
#saleitems input[id*="SaleItemLastBuyPrice"],
#saleitems input[id*="SaleItemSellPrice"],
#saleitems input[id*="StoreQuantity"] {
    background-color: #fff;
    padding: 0px;
    border: none;
    width: 60%;
    text-align: right;
}

#saleitems input[id*="SaleItemInventoryID"] {
    text-align: center;
}

.partnumbersTable {
    width: calc(100% - 10px);
    color: #000;
    margin: 0px 5px;
}

.partnumbersTable input[id*="PartNumberPartNumber"],
.partnumbersTable input[id*="PartNumberBestBefore"] {
    width: 100%;
}

.blue {
    border-bottom: 3px solid #568fc8;
}

.bluetext {
    color: #133A64;
}

.content-wrapper_small #payments {
    width: 100%;
    /*margin: 5% auto;*/
}

.content-wrapper_small #payments tfoot {
    background-color: #fff;
    color: #000;
    border-top: 1px solid #e1e1e1;
}

.content-wrapper_small #payments tbody tr.paymenttable {
    border-top: 1px solid #e1e1e1;
}

.content-wrapper_small #payments tbody tr td {
    height: 22px;
    font-size: 12px;
}

.content-wrapper_small #payments tbody tr>td {
    padding: 5px;
}

.content-wrapper_small #payments tfoot td {
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-size: 12px;
    padding: 14px;
}

.content-wrapper_small #payments select,
.content-wrapper_small #payments input[type='text'] {
    display: block;
    width: 100%;
    font-family: inherit;
    font-size: 12px;
    text-indent: 5px;
    padding: 10px;
}

.content-wrapper_small .operation-buttons {
    width: 100%;
    /*padding: 0 2%;*/
}

.content-wrapper_small .operation-buttons #SaveBtn,
.content-wrapper_small .operation-buttons .closeBtn {
    margin-left: 40px;
    margin-right: 40px;
}

.paymenttable>td {
    padding: 0px !important;
}

.paymenttable>td tr:nth-of-type(even) {}

.scrollTable {
    overflow: scroll;
    height: 500px;
    overflow-x: disable;
    overflow-y: visible;
}

#csvLoading {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(46, 46, 46, 0.9);
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

.centerSpinner {
    z-index: 1000;
    margin: 300px auto;
    padding: 5px;
    width: 110px;
    height: 110px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}

#SaveAsNew {
    background-color: #395de2;
    border: 1px solid #0d32b7;
}

#SaveAsNew:hover {
    background-color: #2141b9;
    border: 1px solid #05238c;
    cursor: pointer;
}

.flexContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
}

.flexContainerLeft {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: center;
}

.flexSpace {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.flexSpace>* {
    margin: 2px 5px;
    align-self: center;
    font-size: 13px;
}

.flexContainerEnd {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: center;
}

.flexContainer>*,
.flexContainerEnd>* {
    /*padding: 5px;*/
    align-self: center;
    font-size: 12px;
}

.flexContainerLeft>*:not(.autocomplete-wrapper) {
    /*padding: 5px;*/
    align-self: center;
    font-size: 13px;
}

.flexContainerLeft>span.autocomplete-wrapper {
    padding: 0px 5px;
    margin-left: -10px;
    align-self: center;
    font-size: 13px;
}

.half {
    width: 120px !important;
}

.middle {
    width: 200px !important;
}

.small {
    width: 18% !important;
}

.large {
    width: 100% !important;
}

.searchboxes label.boldLabel {
    font-weight: bold;
    font-size: 15px;
}

.itemLabel {
    flex: 1;
    min-width: 85px;
    /*max-width:85px;  */
}

.itemLabelLong {
    flex: 1;
    min-width: 120px;
    max-width: 120px;
}

.itemLabelShort {
    flex: 1;
    min-width: 50px;
    /*max-width:50px; */
}

.itemLabelTitle {
    flex: 1;
    borde
}

.labelBold {
    display: block;
    font-weight: bold;
}

.itemN {
    min-width: 10px;
    max-width: 2%;
}

.itemOperation {
    min-width: 15%;
    max-width: 17%;
}

.itemNumber {
    min-width: 39%;
    max-width: 42%;
}

.itemDel {
    min-width: 10px;
    max-width: 2%;
}

.itemTotal {
    min-width: 10px;
    max-width: 17%;
}

.itemNum {
    flex: 1;
    min-width: 40%;
    max-width: 42%;
    margin-right: 10%;
}

.rightPadding {
    padding-right: 5px !important;
}

.blue-service-sum {
    background-color: #badae4!important;
}

table.dataTable .blue-service-sum td {
    border: 1px solid #96c5d4;
}

table.dataTable tr.odd.blue-service-sum td.sorting_1 {
    background: #d1e6ec;
}

table.dataTable tr.blue-service-sum td.sorting_1 {
    background: #e3f2f7;
}

.red-service-sum {
    background-color: #f5776d !important;
    color: #fff !important;
    border-bottom: 1px solid #d2584f !important;
}

table.dataTable .red-service-sum td {
    border: 1px solid #de5f55 !important
}

table.dataTable .red-service-sum td a {
    color: #fff;
}

table.dataTable tr.odd.red-service-sum td.sorting_1 {
    background: #f98980;
}

table.dataTable tr.red-service-sum td.sorting_1 {
    background: #ffa39b;
}

.green-service-sum {
    background-color: #9ad39a !important;
    ;
}

table.dataTable .green-service-sum td {
    border: 1px solid #62bb62;
}

table.dataTable tr.odd.green-service-sum td.sorting_1 {
    background: #9de09d;
}

table.dataTable tr.green-service-sum td.sorting_1 {
    background: #c2e8c2;
}

.flexSpaceAdminmodel {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 15px 14px;
}

.flexSpaceAdminmodel input,
.flexSpaceAdminmodel select,
.flexSpaceAdminmodel textarea {
    padding: 10px;
    border: 1px solid #e1e1e1;
}

.flexSpaceAdminmodel input:focus,
.flexSpaceAdminmodel select:focus,
.flexSpaceAdminmodel textarea:focus {
    border: 1px solid #000;
}

.flexSpaceAdminmodel>* {
    padding: 5px;
    align-self: center;
    font-size: 12px;
}

.smallbox {
    width: 145px;
}

.largebox {
    width: 415px;
}

.flexSpaceAdminmodel [type='checkbox'] {
    width: 20px;
    height: 20px;
}

.flexSpaceAdminmodel #SaveBtn:disabled {
    background-color: #dddddd;
    color: gray;
}

.partnumbersTable {
    width: 100%;
}

.cashTableDetails .dataTables_wrapper {
    width: 100%;
    float: left;
    margin: 0px;
    position: relative;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.cashTableDetails .dataTables_wrapper table thead tr th {
    background-color: #f1f1f1;
    color: #000;
    font-family: 'PT Sans Caption', sans-serif;
    /* border: 1px solid #e2e2e2; */
}

.cashTableDetails .dataTables_wrapper table tr:hover td {
    background: #f9f9f9 !important;
    transition: all 0.2s;
    color: #000 !important;
    border: 1px solid #eee !important;
}

#cashTable_1 thead {
    background: #eee !important;
}

#cashTable_1 thead td {
    color: #000 !important;
}

.changeInfo {
    background: #eee;
    font-size: 12px;
    padding: 0px;
}

.changeInfo .dataTables_info {
    padding: 0px;
    font-weight: bold !important;
    color: #000;
}

.changeInfo .dataTables_info td {
    font-size: 12px !important;
    font-family: 'PT Sans Caption', sans-serif !important;
    border: 1px solid transparent !important;
}

.changeInfo .dataTables_info tr:hover td {
    border: 1px solid transparent !important;
}

table.iCashPopup #load_orders_by_contragent_length select,
table.iCashPopup #list_advancereport_datatable_length select {
    display: inline-block;
    width: 60px;
    padding: 0px 0px;
}

.redtext {
    color: #FD496A;
}

.info_search {
    color: #194c84;
    width: 200px;
    padding: 3px 5px;
    background-image: url("/images/arrow_green.png");
    background-repeat: no-repeat;
    background-position: 100% center;
    border: 1px solid #fff;
    margin-left: 10px;
}

.check_vat {
    color: #568fc8;
    width: 110px;
    /* border: 1px solid #fff; */
    margin-left: 10px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}


/*.check_vat:hover,*/


/*.check_vatBlink*/


/*{*/


/*animation: blinker 1s linear infinite;*/


/*}*/

#hiddeninfo {
    padding-top: 10px;
    display: none;
}

#hiddeninfo:before {
    content: "";
    display: block;
    clear: both;
}

#edit-document-textares {
    /*margin: 0 5px 5px;*/
    /*padding: 5px 10px;*/
}

#OperationDocumentTemplateHTML {
    width: 100%;
}

.info_search:hover {
    animation: blinker 1s linear infinite;
}

.edit-document [type='checkbox'] {
    float: initial;
    margin-top: 0px;
}

.edit-document label {
    font: inherit;
    font-size: 12px;
    display: unset;
    height: 0px;
    margin-bottom: 1px;
}

#expiring_subscriptions>div.portlet-header.ui-widget-header.ui-corner-all {
    background: #e28077;
}

#partNumbersTable {
    text-align: center;
    margin: 0px auto;
    width: 540px;
    table-layout: fixed;
}

#partNumbersTable th {
    padding: 5px;
    border: 1px solid #357abf;
    font-size: 12px;
    font-weight: bold;
    word-break: break-word;
}

#partNumbersTable td {
    padding: 9px 4px;
    border: 1px solid #ebebeb;
    font-size: 12px;
    /*font-family: 'Didact Gothic', sans-serif;*/
}

#partNumbersTable tfoot {
    background-color: #fff;
    color: #133A64;
    border: 1px solid #E0E0E0;
}

#partNumbersTable tfoot td {
    height: auto;
    padding: 5px 10px;
    font-size: 12px;
}

#partNumbersTable input[type="checkbox"] {
    float: right;
    width: 22px;
    height: 22px;
    margin: -2px 10px;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.popup-overlayCSV {
    visibility: hidden;
    position: absolute;
    background: #ffffff;
    border: 3px solid #666666;
    width: 100%;
    height: 20%;
    left: 25%;   
}

.popup-contentCSV {
    visibility: hidden;
}

.popup-overlayCSV.active {
    visibility: visible;
    text-align: center;
}

.popup-contentCSV.active {
    visibility: visible;
}

.scrollStyle {
    max-height: 180px;
    overflow-y: scroll;
    padding: 10px 10px 0px 10px;
    border: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

.scrollStyle.red-service-sum {
    border: 1px solid #d2584f !important;
}

.addneworder {
    margin: 2px;
    cursor: pointer;
}

.addneworder:hover {
    color: #fff;
    background: #568fc8;
    border: 1px solid #000;
}

.cashbookth {
    height: 50px;
    font-size: 20px;
    background: #fffbe7;
    font-size: 22px !important;
    border-left: 1px solid #e2e2e2 !important;
}

.cashbookth:hover {
    background: #fff8d2;
    transition: all 0.2s;
}

table.dataTable td.cashTableDetails {
    padding: 0px;
    border: none;
}


/*.cashbooktd{ 	*/


/*font-size:14px;*/


/*}*/

.customLabel {
    display: block;
    color: #000;
    margin-bottom: 7px;
}

.customInput {
    float: left;
    width: 100%;
}

.customLabel2 {
    float: left;
    /* margin-left: 15px; */
    width: 100%;
    color: #000;
    margin-bottom: 7px;
    margin-top: 15px;
}

.add-new-row {
    height: auto;
    width: 30%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding: 30px 15px 30px 65px;
    color: #568fc8;
    font-size: 14px;
    background: url(/css/clients/img/addNewItem.png) 17px 23px no-repeat scroll #fff7cc;
    position: relative;
    float: left;
    border: 1px solid #ece3b5;
}

.add-new-einvoiceorder {
    height: auto;
    width: 30%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
    padding: 20px;
    color: #568fc8;
    font-size: 14px;
    background: url(/css/clients/img/addNewItem.png) 5px 5px no-repeat scroll #fbfbfb;
    position: relative;
    float: left;
    border: 1px solid #ece3b5;
}

.dropdown {
    display: inline-block;
    position: relative;
}

.returnButton {
    display: inline-block;
    border: 1px solid #357901;
    /* border-radius: 4px; */
    padding: 13px 30px 13px 20px;
    cursor: pointer;
    white-space: nowrap;
    font: 14px Open Sans, Arial, Liberation Sans, sans-serif;
    background-color: #4db300;
    color: #fff;
    margin-left: 50px;
    margin-right: 50px;
}

.returnButton:hover {
    background-color: #45a000;
    border: 1px solid #488621;
}


/*new style fixes*/

.columns_wrapper,
#columns_wrapper,
.subscription-table,
.error-wrap,
.error-wrap {
    width: 1150px;
    display: table;
    margin: 15px auto 0px auto;
}

.error-wrap .errorMsg {
    width: 60%;
    display: table;
    margin: 50px auto;
    text-align: center;
}

.error-wrap .errorMsg h1 {
    margin-bottom: 15px;
}

.breadcrumb-menu {
    width: 1150px;
    display: table;
    margin: auto;
}

table.dataTable td.dataTables_empty {
    text-align: center;
    padding: 30px;
    /*font-family: 'Didact Gothic', sans-serif;*/
    font-size: 16px !important;
}

table.dataTable td.dataTables_empty:hover {
    background: #fff !important;
    border: 1px solid #eee !important;
    color: #000 !important;
}

#UserValidIP {
    min-height
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

.login-wrap {
    width: 1200px;
    margin: auto;
}

.left-login {
    width: 50%;
    float: left;
    padding: 0px 150px 0px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 50px;
}

.login-border {
    border-right: 1px solid #eee;
}

.left-login h1 {
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-weight: normal;
    margin: 0px 0px 25px 0px;
    font-size: 35px;
}

.left-login input {
    padding: 21px 6px 9px 6px;
    height: auto !important;
    border: 1px solid #e1e1e1;
    background: #fff !important;
    font-size: 16px !important;
    font-family: 'PT Sans Caption', sans-serif !important;
    color: #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 6px;
    vertical-align: middle;
}

.left-login .input-wrap input:focus {
    border: 1px solid #000 !important;
}

.left-login .input-wrap {
    position: relative;
    margin: 0px 0px 15px 0px;
}

.left-login .input-wrap label {
    display: block;
    position: absolute;
    left: 15px;
    top: 7px;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-size: 11px;
    color: grey;
}

.left-login .input-options {
    position: relative;
    margin: 0px 0px 15px 0px;
}

.left-login .input-options #wheretologin-label {
    font-size: 12px;
    padding: 0px 0px 10px 0px;
}

.left-login .input-options label {
    font-size: 13px;
}

.login-logo {
    display: block;
    padding: 50px 0px;
}

.login-logo img {
    display: table;
    margin: auto;
}

.left-login .loginBtn {
    background-color: #568fc8 !important;
    border: none;
    border: 1px solid #3478bb;
    color: #fff;
    padding: 17px 39px;
    font-size: 18px !important;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.login-down {
    display: block;
    margin-top: 30px;
    border-top: 1px solid #eee;
    padding: 20px 0px 0px 0px;
    color: #505050;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-size: 13px;
}

.login-down a {
    color: #568fc8;
    text-decoration: underline;
    margin-left: 5px;
}

.error-login {
    display: block;
    padding: 9px 15px 12px 15px;
    font-size: 12px;
    margin-bottom: 20px;
    background: #568fc8;
    border: 1px solid #3478bb;
    color: #fff;
}

.right-login {
    width: 50%;
    float: right;
    padding: 0px 15px 0px 50px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.right-login img {
    width: 80%;
    display: table;
    margin: auto;
}

.padding-content {
    padding: 15px;
}

.padding-content a {
    color: #568fc8;
}

input[type='file'] {
    /*padding:5px;*/
    padding: 10px;
    width: 200px;
    border: 1px solid #e1e1e1;
}

input[type='file']:hover {
    border: 1px solid #568fc8;
}

.hint {
    padding: 15px;
    /*background: #fffbe7;*/
    font-size: 13px;
    font-weight: normal !important;
}

.upload-button {
    color: #fff !important;
    border: none;
    padding: 12px 10px 12px 10px;
    margin: 0px 0px 0px 8px;
    min-width: 105px;
    font: 13px Open Sans, Arial, Liberation Sans, sans-serif;
    text-align: center;
    transition: all 0.2s;
    background-color: #568fc8;
}

.upload-button:hover {
    /*background-color: #a91c11;*/
    cursor: pointer;
}

.empty-file-list {
    padding: 25px;
    text-align: center;
    font-size: 14px;
    background: url("/images/c_alt.png") left 0;
}

#image_box img {
    width: 100px;
    border: 1px solid #e1e1e1;
    padding: 4px;
}

#image_box img:hover {
    border: 1px solid #000;
}

.input_with_unit input {
    width: calc(100% - 40px)!important;
    margin-right: 5px;
    margin-bottom: 0px !important;
    padding: 10px !important;
}

.action-add,
.add-row {
    /*padding:15px;*/
    /*border: 1px solid #f7ecb1;*/
    background: #fffbe7;
}

.add-row {
    margin: 2px 0px;
}

.add-row .poshy-tips {
    margin: 20px 10px;
    vertical-align: middle;
}

.add-row .add-row-img {
    padding: 15px;
    cursor: pointer;
    vertical-align: middle;
}

.action-add img {
    padding: 15px;
    cursor: pointer;
    vertical-align: middle;
}

.action-add img:hover,
.add-row .add-row-img:hover {
    background-color: #fff8d2;
}

.image-wrap {
    width: 100%;
    float: left;
    margin: 0px 0px 15px 0px;
}

#image_box {
    float: left;
}

#image_box img {
    margin: 7px 15px 0px 0px;
}

.image-hint {
    width: 350px;
    float: left;
    font-size: 12px;
    padding-top: 7px;
    color: #808080;
}

.popup-textarea textarea,
#SaleItemGroupComment {
    width: 100% !important;
}

.centered {
    display: table;
    margin: auto;
}

#tabs>div .full-width,
.full-width,
.searchboxes .full-width {
    width: 100% !important;
    max-width: 100% !important;
}

.tab-subheading {
    font-size: 22px;
    padding: 0px 0px 10px 0px;
}

.popup-xl {
    width: 80% !important;
    display: table;
    margin: auto;
}

.iCashPopup .popup-head {
    /*background: #fbfbfb;*/
    padding: 15px 0px 15px 15px !important;
    /*border-bottom: 1px solid #eee;*/
}

.iCashPopup .popup-head-padding {
    background: #fbfbfb;
    padding: 5px 15px 15px 15px !important;
    border-bottom: 1px solid #eee;
}

.iCashPopup .popup-padding {
    padding: 15px;
}

.iCashPopup .popup-head p {
    margin-top: 0px !important;
}

.custom-checkbox {
    padding: 0px 15px;
}

.custom-checkbox .checkbox {
    position: relative !important;
    float: left !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 5px 5px 0px 0px !important;
    vertical-align: middle;
}

.custom-checkbox .radio {
    position: relative !important;
    float: left !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 3px 5px 0px 0px !important;
    vertical-align: middle;
}

.custom-checkbox input {
    vertical-align: middle;
}

.custom-checkbox label {
    width: calc(100% - 40px);
}

.custom-checkbox .checkbox-list {
    position: relative !important;
    float: left !important;
    top: auto !important;
    right: auto !important;
    width: auto !important;
    margin: 1px 8px 0px 0px !important;
    vertical-align: middle;
}

.search-checkbox [type='checkbox'] {
    width: auto !important;
    float: left !important;
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
    height: 21px;
}

.red-input {
    background: #fdeeee;
    padding: 15px;
    border-bottom: 1px solid #e6b7b7;
}

.red-input select {
    margin-bottom: 0px !important;
}

.nothing-found {
    padding: 15px;
    text-align: center;
    background: #fffbe7;
    font-size: 13px;
}

.textarea-focus {
    padding: 0px 15px 15px 15px;
    background: #fbfbfb;
    border-top: 1px solid #eee;
}

.c-radio {
    margin: 0px 5px 0px 10px;
    vertical-align: middle;
}

#tabs>div .full-input .acomplete {
    margin: 7px 3px 0px 0px !important;
}

.tab-checkbox {
    margin: 0px 0px 10px 0px;
    position: relative;
    border-bottom: dashed 1px black;
}

#recipe_table input {
    width: 100% !important;
}

#tabs>div #recipe_table .acomplete {
    margin: 7px 3px 0px 0px !important;
}

.recipe_table_total div {
    padding: 10px;
    background-color: #ffffff;
}

.recipe_table_total div:nth-of-type(even) {
    background-color: #fbfbfb;
}

.btn-popup-fix {
    margin-top: 28px;
}

#tabs div .input-full-width .acomplete {
    margin: 7px 3px 0px 0px;
}

.searchboxes-fix {
    margin-right: 15px;
}

.searchboxes.full {
    width: 100% !important;
    float: left;
}

.searchboxes.full label,
.searchboxes.half label,
.searchboxes.three label {
    text-align: left;
}

.searchboxes.half {
    width: 50% !important;
    float: left;
}

.searchboxes.three {
    width: 33.33% !important;
    float: left;
}

#tabs div .searchboxes-fix .acomplete {
    margin: 7px 3px 0px 0px;
}

#PriceRuleActive-label {
    width: auto;
    padding-left: 27px;
    position: absolute;
    margin-top: 0px;
}

.iCashPopup .table-more-padding tr td {
    padding: 10px !important;
}

.iCashPopup .no-table {
    width: 100%;
}

.iCashPopup .no-table tr td {
    padding: 0px !important;
    background: #fff !important;
    border: none !important;
}

.iCashPopup .table-padding-fix tr td {
    padding: 10px 5px;
}

.label-fix label {
    margin-bottom: 5px !important;
}

.jqte {
    margin: 0px 0;
    border: 1px solid #e4e4e4 !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -moz-border-radius: 5px !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    overflow: hidden;
}

.advancereport-title {
    text-align: center;
    border-bottom: 1px solid #f7f4e5;
}

#add_new_document:hover {
    cursor: pointer;
}

.table-add-button {
    background: #fffbe7;
}

.table-add-button a {
    display: table;
    margin: auto;
    cursor: pointer;
}

.hide-red-bg {
    background: transparent !important;
    color: #d03d32 !important;
}

.box-info label {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center;
    float: left;
    width: 100%;
    color: #000;
}

.box-info input,
.box-info select {
    border: 1px solid #e1e1e1 !important;
    padding: 5px 10px !important;
    font-size: 12px;
}

.box-info input:focus,
.box-info select:focus {
    border: 1px solid #000 !important;
}

.box-info-fix {
    text-align: right;
}

.box-info-fix .box-info-input {
    width: 85px !important;
    margin: 0px 5px;
}

.box-info-fix label {
    font-size: 12px;
    margin-bottom: 5px;
    text-align: center;
    width: auto;
    color: #000;
}

.infoSaleItem {
    width: calc(100% - 10px);
    color: #000;
    margin: 0px 5px;
}

.infoSaleItem tr td {
    text-align: center;
    vertical-align: middle;
}

.infoSaleItem td input,
.infoSaleItem td select {
    border: 1px solid #e1e1e1 !important;
    padding: 5px 10px !important;
    font-size: 12px;
}

#payment_sum_view {
    margin: 10px;
    border-top: none;
    text-align: center;
    color: #568fc8;
    font-weight: bold;
}

#payment_sum_view:read-only {
    background: transparent;
}

.on-new-line label {
    width: 100%;
    float: left;
    margin: 5px 0px;
}

.custom-fieldset {
    padding: 15px;
    min-height: 105px;
    margin-right: 15px;
    text-align: left;
}

.custom-fieldset .custom-checkbox {
    margin-top: 15px;
    float: left;
}

.custom-fieldset.settings-fieldset {
    min-height: 0;
    padding-bottom: 0px;
    background: #fbfbfb;
    margin-right: 0px;
}

.upl-file {
    border: 1px solid #e1e1e1;
    padding: 8px;
}

.upl-file:hover {
    border: 1px solid #000;
}


/*hackfix, TODO: fix later*/

#top_menu>ul>li.top_def.def.active>ul>li:nth-child(8)>ul>li:nth-child(9)>ul {
    left: -239px;
}

#statistics_wrapper {
    width: 100%;
    float: left;
}

.chart_div {
    width: 100%;
    float: left;
}

input[type='radio'] {
    margin-right: 5px;
}

fieldset {
    border: 1px solid #e1e1e1;
}

fieldset legend {
    font-size: 12px;
}

table.dataTable tr.no-hover:hover td {
    background: inherit;
}

.bulmarAlert,
.requestStatus {
    text-align: center;
    color: #568fc8 !important;
    font-weight: bold;
    font-size: 14px;
    /*background: #fffbe7;*/
    text-transform: uppercase;
    padding: 25px 15px;
}

.requestStatus {
    background: #fffbe7;
    /*margin:15px 0px;*/
}

.export-bg {
    padding: 15px;
    background: #f3f3f3;
    border: 1px solid #d8d8d8;
    line-height: 20px;
    margin-bottom: 10px;
}

.export-bg label {
    width: 100%;
    float: left;
    text-align: left;
    padding: 0px 0px 10px 0px;
}

.checkbox-abs label {
    position: absolute;
    padding-left: 20px !important;
    margin-top: 0 !important;
}

.img-logo {
    border: 1px solid #eee;
    float: left;
    padding: 5px;
}

.img-logo:hover {
    border: 1px solid #000;
}

.custom-td {
    background: #fbfbfb;
    padding: 15px;
    border: 1px solid #e1e1e1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.required-fields {
    width: 100%;
    float: left;
    padding: 15px;
    color: #d03d32;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.width30 {
    width: 30%;
}

table.iCashPopup .fix-labels label {
    margin-bottom: 5px;
}

.choose-register label {
    margin: 3px 0px 8px;
    color: #f13628 !important;
}

.remove-p-content .padding-content {
    padding-left: 0px;
    padding-right: 0px;
}

.remove-p-content .hint {
    margin-bottom: 15px;
}

.tab-title {
    text-transform: uppercase;
    color: #000;
    width: 100%;
    margin: 10px 0px 10px 0px;
    font-size: 15px;
    font-weight: 700;
}

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

.warehouse-table tr td {
    padding: 5px 10px;
    border: 1px solid #ebebeb;
    font-family: Open Sans, Arial, Liberation Sans, sans-serif;
    font-size: 12px !important;
    background-color: #fff;
}

.warehouse-table tr:nth-of-type(even) td {
    background-color: #fbfbfb;
}

.warehouse-table tr:hover td {
    background: #f9f9f9;
    transition: all 0.2s;
}

.warehouse-table tr td a {
    color: #d03d32;
}

.obligation-total {
    padding: 15px;
    background: #fffbe7;
    font-size: 13px;
    margin: 10px 0px 15px 0px;
}

.obligation-total .obl-total {
    color: #d03d32;
    font-weight: bold;
}

.user-rights-out {
    height: 300px;
    overflow: auto;
    border: 1px solid #e1e1e1;
    margin-top: 15px;
}

.user-rights-wrapper {
    width: 100%;
    float: left;
    padding: 0px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.operations-scroll {
    background: #fbfbfb;
    padding: 0px 0px 5px 0px;
    border: 1px solid #e1e1e1;
    margin-top: 15px;
    margin-bottom: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.operations-scroll .iCash-fieldset {
    padding: 0px 15px;
}

.operations-scroll p {
    background: #eee;
    padding: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.subscription-table input[type="text"],
.subscription-table select {
    padding: 10px;
    display: table;
    margin: auto;
}

.subscription-table input[type="text"]:focus,
.subscription-table select:focus {
    border: 1px solid #000;
}

.module-name input[type="checkbox"] {
    margin-right: 5px;
}

.portlet .portlet-content .no-data-portlet {
    border-bottom: 1px solid #eee;
    padding: 10px;
    text-align: center;
    background: #f5f5f5;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

#darkScreen {
    position: fixed;
    z-index: 999999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(46, 46, 46, 0.9);
    filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.8;
}

table#edit_settings_dialog {
    width: 300px;
}

#btnStartWoo {
    color: #fff;
    border: none;
    padding: 12px 10px 12px 10px;
    margin: 0px 0px 0px 8px;
    min-width: 105px;
    font: 13px Open Sans, Arial, Liberation Sans, sans-serif;
    margin-left: 5px;
    cursor: pointer;
}

#btnDeleteWoo {
    color: #000;
    background-color: red;
    border: none;
    padding: 12px 10px 12px 10px;
    margin: 0px 0px 0px 8px;
    min-width: 105px;
    font: 13px Open Sans, Arial, Liberation Sans, sans-serif;
    margin-left: 5px;
    cursor: pointer;
}

td .valueFromCurrency {
    width: 70% !important;
    display: inline-block;
}

.reset_search {
    color: #000000;
    display: inline-block;
    width: 175px;
    padding: 10px 13px;
    text-transform: uppercase;
    background-position: 100% center;
    margin-top: 26px;
    border: 1px solid #000;
}

.extended_search:hover {
    border: 1px solid #000;
    background-image: url("/images/arrow_green_dark.png");
}

.message-popupadmin {
    overflow-y: auto;
    max-height: 400px;
    padding: 10px 15px;
    margin: auto;
    font-size: 13px;
    color: #000;
}

.message-popupCashregister {
    overflow-y: auto;
    max-height: 70px;
    width: 700px;
    padding: 10px 15px;
    margin: auto;
    font-size: 13px;
    color: #000;
}

#saleitems #OperationManualRepayment {
    float: right;
    width: 22px;
    height: 22px;
    margin: -4px 2px;
}

.goods-attach-icon {
    background-image: url(/images/cargo.png);
}

.moreInfo,
.moreQty {
    background: url(/images/autocomplete.png) no-repeat 10px center scroll #fff;
    height: 22px;
    width: 40px;
    display: inline-block;
    cursor: pointer;
    margin: 2px 10px 0px 0px;
    padding-left: 7px;
}

.lessInfo {
    transform: rotate(180deg);
}

.scrool-manual {
    overflow-y: auto;
    max-height: 600px;
    padding: 10px 15px;
    margin: auto;
    font-size: 13px;
    color: #000;
}

.notifyjs-error-base {
    white-space: wrap;
    opacity: 0.85;
    width: 200px;
    height: 100px;
    padding: 5px;
    border-radius: 10px;
    color: white;
    background-color: #eb5a46;
    font-weight: 700;
}

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
    background-color: #B0BED9;
}

table.dataTable tbody tr.selected {
    background-color: #B0BED9;
}

table#edit_update_dialog {
    min-width: 400px !important;
    max-width: 50% !important;
    /*     position:absolute !important; */
}


/*helpers margin top*/

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.ml10 {
    margin-left: 10px !important;
}


/*helpers padding top*/

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt35 {
    padding-top: 35px !important;
}


/*helpers random*/

.p0 {
    padding: 0px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.p0t15 {
    padding: 10px 0px 0px 0px !important;
    s
}

.bb {
    border-bottom: 1px solid #d2d2d2;
}

.bb0 {
    border-bottom: none !important;
}

.br {
    border-right: 1px solid #d2d2d2;
}

.bt0 {
    border-top: none !important;
}


/*remove border-radius on safari*/

select {
    /*-webkit-appearance: none;*/
    border-radius: 0;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    background: #568fc8 !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    background-color: #568fc8 !important;
    border: 1px solid #3478bb !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button:hover {
    box-shadow: 2px 2px 15px 0px #999;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
    box-shadow: 2px 2px 15px 0px #999;
}

.deliverySupportTable{
	width:100%;
	height:100%;
	border: none;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
}
/* Responsive menu */

.slicknav_menu {
    display: none;
}

@media screen and (max-width: 1023px) {
    .navigation {
        display: none;
    }
    #sub-wrapper {
        display: none;
    }
    .slicknav_menu {
        display: block;
        background: transparent;
        position: absolute;
        right: 6%;
        font-size: 16px;
        width: 400px;
    }
    .slicknav_btn {
        background-color: #568FC8;
    }
    .slicknav_nav {
        text-align: left;
        margin-left:15px;
        background-color: #568FC8;
    }
    .slicknav_nav {
        font-size: 26px;
    }
    .slicknav_nav .slicknav_row:hover {
        background: #194c84;
        color: #fff;
    }
    .slicknav_nav a:hover {
        background: #194c84;
        color: #fff;
    }
    #skladnav {
        display: none;
    }
    .slicknav_menu .slicknav_menutxt {
        font-size: 26px;
    }
    .slicknav_menu .slicknav_icon {
        margin: 0.588em 0 0 0.438em;
    }
    #content {
        margin-left: 15px;
    }
    thead th {
        padding: 0 26 0 26px;
    }
    th.dt-col-edit {
        min-width: 60px;
    }
    .iCash-fieldset .searchboxes {
        min-width: 165px;
        width: 165px;
        margin-right: 10px;
        margin-bottom: 10px;
    }

    #icash-notifications {
        right: -15px !important;
    }

    #header {
        width: 100%;
        position: absolute;
        top: 0;
        z-index: 6;
        background-color: #fff;
    }

    .iCashPopup {
        min-width: 200px !important;
        width:100%;
    }

    .column {
        width: 95%;
    }
    #columns_wrapper {
        width: auto;
    }
}
/* End responsive menu */

/* Scroll table */
.message-popupDocument {
	overflow-y: auto;
    max-height: 400px;
    width: 400px;   
    margin: auto;
    font-size: 13px;
    color: #000;
	margin-bottom:10px;
}

.fixed_header {
  border-collapse: collapse;
  border-spacing: 0;  
  table-layout: fixed;
  width: 100%;
  display: flex; 
  max-height: 210px; 
  flex-direction: column;  
}

.forgotpassword-link {
    width:50%;
    font-size: small;
}
.forgotpassword-link a{
    position:relative; 
    float:left;
    margin-top:15px;
    width:100%;
    text-decoration-line: underline;
}

/*END Scroll table */
/* tick */
#tick-mark {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
}

#tick-mark::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 100%;
    background-color: #1ab394;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

#tick-mark::before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 50%;
    width: 3px;
    background-color: #1ab394;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;	
}

.tick-check {
	content: "\f00c";
	font-family: Arial Unicode MS, Lucida Grande
}
/* end tick */


#operation_index_limit{
	  width: 98%;
	  margin:0 1% 1%;
}