/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext);*/

@font-face {
    font-family: "Open Sans";
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
		 url('../fonts/OpenSans-Regular.woff') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;700&display=swap');

:not(input, textarea){
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}

*{
-webkit-user-select: none;
cursor: default;
/* font-family: 'Open Sans', Arial; */
}

input[type=text], input[type=password], textarea, .user-select{
-webkit-user-select: text;
cursor: text;
}

[class^="icon-"],
[class*=" icon-"] {
top: 1px;
}

a, a *, input[type=button], input[type=submit], button, button *{
cursor: pointer;
}

.alerts :not(input, textarea), #cboxLoadedContent :not(input, textarea) {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
}

.disabled:hover, .disabled:visited, .disabled:active {
    color: #666 !important;
    text-decoration: none;
    cursor: default;
}

rinput* {
outline: none;
}

.documents_statictics{
clear: both;
float: right;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 15px;
width: 100%;
}

.documents_statictics td{
padding-left: 10px;
}

body {
background: #f8fafd;
font-family: 'Open Sans', Arial;
}

.date-half-width-left{
    width:140px;
    float:left;
}
.date-half-width-right{
    width:140px;
    float:right;
}


.display_none{
display:none !important;
}

.display_block{
display:block;
}

.row-fluid > [class*="span"]:first-child {
margin: 0;
}

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

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

.row-fluid{
    padding-top: 10px;
}

.actions{
/*background:none;*/
}

.dock_left, .undock_left, .dock_right, .undock_right{
cursor: pointer;
}

.row{
margin:0;
}


::selection{
background-color: #08c;
color: #fff;
}

.navbar-fixed-top {
margin: 0;
left: 0;
position: static;
right: 0;
top: 0;
z-index: 1010;
}

.width_40{
width:40px;
}

.width_50{
width:50px;
}

.width_70{
width:70px;
}

.width_80{
width:80px;
}

.width_90{
width:90px;
}

.content_cont{
margin:20px 0 0 0;
}


body.loginBody {
background: #13203d;
}

.loginLogo {
background: url(../img/logo-wirtualizer.svg) center center no-repeat;
background-size: 300px;
height: 150px;
margin-top: 50px;
}

.loginBox {
background: #fff;
margin: 0 auto;
width: 530px;
border-radius: 4px;
}

.loginBoxHeader {
background: #007ce8;
color: #fff;
font: 16px/30px 'Open Sans';
padding: 5px 10px;
border-radius: 4px 4px 0px 0px;
}

.loginBoxContent {
padding: 20px 40px;
}

.loginBoxLeft {
float: left;
text-align: center;
width: 100px;
}

.loginBoxRight {
float: left;
width: 350px;
}

.loginBoxLeft img {
display: block;
width: 100%;
}

.loginBoxForm .control-label {
width: 80px !important;
}

.loginBoxForm .controls {
margin-left: 100px !important;
width: 216px !important;
}

.loginBoxForm input {
width: 100%;
}

.loginBoxForm select {
width: 100%;
}

.loginBoxFooter {
border-top: 1px solid #dddddd;
margin: 0 10px;
padding: 15px 50px;
text-align: right;
}


.grid-view-loading::before {
content:"\E366";
font-family: "Glyphicons Regular";
font-size: 100px;
/* text-align: center; */
position: absolute;
top: 50%;
left: 50%;
margin-top: -50px;
margin-left: -50px;
z-index: 100000000;

  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin    { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-359deg); } }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-359deg); } }
@-o-keyframes spin      { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-359deg); } }
@-ms-keyframes spin     { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(-359deg); } }
@keyframes spin         { 0% { transform: rotate(0deg); } 100% { transform: rotate(-359deg); } }

.grid-view-loading{
opacity: 0.5;
background: transparent;
}

.tree-loading {
    /* opacity: 0; */
    position: relative;
}
.tree-loading::before {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1000;
    content: '';
    display: block;
    position: absolute;
}
/* .tree-loading::after {
    content:"\E366";
    font-family: "Glyphicons Regular";
    font-size: 100px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    z-index: 100000000;

      -webkit-animation: spin 2s infinite linear;
      -moz-animation: spin 2s infinite linear;
      -o-animation: spin 2s infinite linear;
      animation: spin 2s infinite linear;
} */

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus{
outline:none;
}

.actions{
margin:10px 0 0 0;
float: left;
}

.actions a{
margin:0 10px 0 0px;
}

.files img{
width:80px;
height:60px;
}

.clear{
clear: both;
}

:focus{
outline: none;
}

.form_field_hor{
display:table;
float:left;
margin:0 0px 0px 0;
width: 115px;
height:54px;
}

.form_field_hor_check{
display:table;
float:left;
margin:22px 0px 0px 0;
width: 115px;
height:35px;
}

.tab-content{
overflow: inherit;
}

legend{
line-height: 25px;
font-size:12px;
margin-bottom: 2px;
font-weight:bold;
}

.controls{
width: 310px;
}

.ckeWideField .controls{
width: 810px;
}

input, textarea, .uneditable-input {
width: 296px;
box-sizing: content-box;
-moz-box-sizing: content-box;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
font-family: 'Open Sans', Arial, sans-serif;
margin-bottom:0;
/*font-size:12px;*/
/*line-height:15px;*/
}

.uneditable-input {
line-height: 20px;
}

.input-append input{
width: 242px;
}
.input-append input.append{
width: 269px;
}


.input-append input.image{
width: 215px;
}
.nospan-append .add-on{
    border:none;
    padding:0 0px 0 0px;
    height:20px;
    line-height:30px;
    font-size:13px;
    background-color: transparent !important;
    cursor:text !important;
}

.input-prepend select{
width:250px;
}

select{width: 296px;height: 20px;box-sizing: content-box;-moz-box-sizing:content-box; display: inline-block;}

.grid-view table tbody tr{
cursor: pointer;
}

.add_action {
display: inline-block;
margin-bottom: 10px;
margin-right: 5px;
}

.custom_action {
float: left;
}

.summary {
float: right;
clear: after;
padding-top: 3px;
text-align: right;
color: #808080;
font-size: 12px;
}

ul.breadcrumbs.breadcrumb {
margin-bottom: 10px;
font-size: 12px;
}


.main_submenu {
background: #f8fafd;
border-bottom: 0px solid #cbcbcb;
font-size: 14px;
height: 40px;
line-height: 40px;
overflow: hidden;
padding: 0 15px;
}

.main_breadcrumbs {
}

.main_breadcrumbs span {
}

.main_breadcrumbs i.glyphicons {
color: #ccc;
font-size: 0.8em;
}


.alert {
margin-bottom: 10px;
padding: 5px 35px 5px 10px;
font-size: 13px;
}

.alert .close {
top: 0;
}

.grid-view{
position: absolute;
top: 0;
bottom: 45px;
left: 0;
right: 0;
margin-top: 10px;
padding: 0;
}

.grid-view.static{
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
}

.well {
padding: 10px;
}

.left_well_title {
display: block;
padding: 5px 10px;
font-size: 13px;
font-weight: bold;
background-color: #999;
background-image: linear-gradient(to bottom, #aaa, #888);
}

#category_tree {
background: none;
}

.categoryContainer{
max-height: 300px;
overflow-y: scroll;
}

.table .table-body .table-row.selected > div{
background-color: #ddeeff;
}

.table .table-body .table-row.selected{
/* outline: #007ce8 1px solid;
outline-offset: -2px;
-webkit-outline-offset: -2px; */
}

.del_modal_grid,.mtop10 {
margin-top: 10px;
}

.plus,.minus{
cursor: pointer;
}

.fieldset {background-color: #FFFFFF;border: 1px solid #DDDDDD;border-radius: 4px 4px 4px 4px;margin: 0 0 15px 0;padding: 35px 20px 5px;position: relative;display: block;}

.fieldset.no_title {
padding: 14px 19px;
}

.fieldset_title {
background-color: #F5F5F5;
border: 1px solid #DDDDDD;
border-radius: 4px 0 4px 0;
color: #555555;
font-size: 12px;
left: -1px;
padding: 3px 7px;
position: absolute;
top: -1px;
}

.ul_sorts li {
cursor: pointer;
}

.dropzone {
border-radius: 5px;
opacity: 0.5;
}

.dropzone a {
color: #808080;
}

th.noelements {
opacity: 0.5;
}

#preview th {
cursor: pointer;
}

#preview th.sel {
background-color: #5BB75B;
background-image: linear-gradient(to bottom, #62C462, #51A351);
background-repeat: repeat-x;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

#preview th {
padding-left: 10px;
}

.editable_extra {
width: 100%;
height: 200px;
border: 1px dashed #808080;
position: relative;
}

.editable_extra .el_text {
position: absolute;
left: 20px;
top: 30px;
cursor: pointer;
border: 1px dotted #ce0000;
}

.editable_extra .el_image {
position: absolute;
left: 20px;
top: 30px;
cursor: pointer;
border: 1px dotted #ce0000;
}

.ee_slice_h {
border-left: 1px dashed #00ce00;
border-right: 1px dashed #00ce00;
opacity: 0.7;
position: absolute;
top: 0;
bottom: 0;
display: none;
}

.ee_slice_v {
border-top: 1px dashed #00ce00;
border-bottom: 1px dashed #00ce00;
opacity: 0.7;
position: absolute;
left: 0;
right: 0;
display: none;
}

.editable_extra .el_text.active, .editable_extra .el_image.active {
border: 1px solid #0000ce;
}

ul#ul_schemas li.sel a {
border: 0 none;
/*box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1) inset, -1px 0 0 rgba(0, 0, 0, 0.1) inset;*/
padding: 9px 15px;
position: relative;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
z-index: 2;
background-color: #0088CC;
color: #FFFFFF;
}

ul.opts li {
cursor: pointer;
}

ul#ul_schemas li i{
float:right;
}

.form-horizontal .control-group{
    margin-bottom:10px;
    border-collapse: collapse;
    border-spacing: 0;
}

.form-horizontal .controls {margin-left: 150px;}

.form-horizontal .control-label{
width:130px;
font-size: 13px;
}

.form-horizontal .control-textonly{
padding: 4px 6px;
border-radius: 3px;
border: 1px solid #CCCCCC;
background: #EEEEEE;
min-height: 20px;;
}

/*.form-horizontal .controls{
max-width:50%;
}

*/
.categoryList{
position: absolute;
z-index: 999;
top: 40px;
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
display: none;
min-width: 200px;
}

#all {
display: block;
margin: 3px 0px 0px;
padding: 2px;
cursor: pointer;
}

.radio.inline, .checkbox.inline{
margin-right: 10px;
}

.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline{
margin-left: 0px;
}

.sort-link .caret{
border: 0 none transparent;
margin: 7px 0 0 2px;
}

.sort-link.asc .caret{
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #000000;
}

.sort-link.desc .caret{


border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #000000;
}

.sort-link{
display: block;
position: relative;
/* padding: 0 16px 0 0; */
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

table [class*="span"], .row-fluid table [class*="span"]{
white-space: nowrap;
}

a{
outline: 0 none transparent !important;
}

.price_table table tr td input {
width: 60%;
}

.price_table{
padding: 10px 20px;
}

table.two-columns {
width: 100%;
border-collapse: separate;
}

table.two-columns > tr > td,
table.two-columns > tbody > tr > td {
width: 50%;
vertical-align: top;
}

table.two-columns > tr > td:first-child,
table.two-columns > tbody > tr > td:first-child {
padding-right: 10px;
}

table.two-columns > tr > td:last-child,
table.two-columns > tbody > tr > td:last-child {
padding-left: 10px;
}


/*** wynieraki ***/

.chzn-container{

}

.chzn-choices .search-field input{
height: 16px;
}

.chzn-container-single:not(.chzn-container-active) .chzn-single{
background: #fff;
}

.chzn-container-single .chzn-single{

-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
height: 28px;
}

.chzn-container-active .chzn-single{
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
border-color: rgba(82, 168, 236, 0.8);
}

.chzn-container-multi .chzn-choices .search-field input{
padding: 2px 5px;
}

.chzn-container-active .chzn-search input{
border-color: rgba(82, 168, 236, 0.8);
width: 273px;
}

.chzn-container-multi .chzn-choices{
border-color: #ccc;
border-radius: 3px;
background: #fff;
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
}

.chzn-container-active .chzn-choices{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
}

.chzn-container-single .chzn-drop .chzn-search select{
width: 273px !important;
}

.chzn-container-single .chzn-drop{
margin-top: 1px;
border-color: #ccc;
}

.form-horizontal .chzn-container-single .chzn-single{
width: 300px;
border-color: #ccc;
}

/*** wynieraki ***/

.datetimepicker.dropdown-menu{
top:auto;
z-index: 999999999;
}

/*** ui - resizable */

.grid-view table .ui-resizable{
position: relative;
}

.grid-view table .ui-resizable-e{
position: absolute;
right: -7px;
width: 3px;
top: -2px;
bottom: 0;
cursor: e-resize;
background: #ddd;
/* z-index: 1002; */
}

.grid-view table .ui-resizable-e:hover{
background: #0088CC;
}

.grid-view table .ui-resizable-e.hover{
background: transparent;
}

.grid-view table .ui-resizable-ghost {
background: red;
opacity: 1;
}

.red{
color: #a10028;
}

.green{
color: #007204;
}

.grid-view table .ui-resizable-helper{
background: blue;
border: 2px dotted #00F;
}

.grid-view table  thead tr th:nth-last-child(2) .ui-resizable-e{
display: none !important;
}

/*** ui - resizable */

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
width: 180px;
}

.input-append select{
width: 268px;
}

textarea{
*max-width: 296px; //ogranicza ckeditor po przelaczeniu w widok kodu html
resize:vertical;
}

.richtext{
max-width: auto;
}

.add-on{
position: relative;
}
.add-on [class^="icon-"], .add-on  [class*=" icon-"],
.add-on [class^="icon-"]::before, .add-on  [class*=" icon-"]::before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
line-height: 1.7;
}

.add-on a{
margin-top: 2px;
margin-right: 7px;
}

.add-on a:last-child{
margin-right: 0;
}

.filter-container{
overflow: hidden;
text-overflow: ellipsis;
}

.collumntitle{
color: #000;
font-weight: 700;
cursor: pointer;
}

.button-column, .button-column *{
white-space: nowrap;
}

.button-column a{
border: 1px solid #ddd;
border-left: 0;
padding: 1px 6px;
display: block;
margin: 3px 0 0 0;
float: left;
height: 15px;
background: #fff;
}

.button-column a:first-child{
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border: 1px solid #ddd;
}

.button-column a:last-child{
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}

.button-column a:hover{
background: transparent;
}

/*
.grid-view table{
table-layout:fixed;
}

.grid-view td, .grid-view th{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;

}
*/

.icon-clear{
background-position: -23px -168px;
width: 16px;
}

.icon-fillcolor{
background-position: 0px -168px;
width: 16px;
}

.color_item {
width: 15px;
height: 15px;
border: 1px solid #606060;
margin-left: 3px;
float: left;
}

.color_item.ci_selected {
width: 13px;
height: 13px;
border: 2px solid #202020;
}

.table-bordered {
border-collapse: collapse;
}

.table_home{
    margin-top: 20px;
    overflow: auto;
}

.nw{
white-space: nowrap;
}

.number, .number *{
text-align: right !important;
}

.dooverflowx .overflowx{
width: 100%;
overflow-x: scroll;
}

/* Animacja: mryganie */
@keyframes blinker{
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
}

@-webkit-keyframes blinker{
from { opacity: 1.0; }

to { opacity: 0.0; }

}

.blink {
-webkit-animation-name: blinker;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
-webkit-animation-duration: 1s;

animation-name: blinker;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 1s;
}

.label{
font-size:14px;
vertical-align:middle;
text-shadow: none;
}

.table-cell .label{
font-size: 11px;
}

.summary .label{
font-size: 11px;
margin: 2px 5px 0 0;
display: inline-block;
}

.tooltip.in{
opacity: 1;
}

.form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block{
margin: 0 0 5px 0;
font-size: 14px;
}

.form-horizontal .help-block .btn{
margin-top:5px;
}

.checkbox-column input{
width: auto;
max-width: 100%;
}

h1 {
font-size: 28px;
line-height: 28px;
}

.b2b_amount {
width: 44px;
}

.dropdown-menu .del_modal_grid {
margin-top: 0;
}

.dropdown-menu{
left: auto;
}

.input-append .add-on, .input-prepend .add-on, .input-append .add-on *, .input-prepend .add-on *,  .add-on *{
text-shadow: none;
cursor: pointer;
}

.whoiam{
float: right;
}

.navbar-inverse .nav > li > a{
color: rgba(255,255,255,0.8);
text-shadow: none;
}

.navbar{
margin-bottom: 0;
}

.navbar .brand {
font-size: 0;
}

.navbar .brand,
.navbar-inverse .brand {
cursor: pointer;
height: 20px;
line-height: 20px;
margin: 0;
padding: 10px;
width: 20px;
}

.navbar .brand:hover,
.navbar-inverse .brand:hover {
background: rgba(255,255,255,0.2);
}

/* .navbar .brand:after {
background: url('../img/navbar_home_ico.png') center bottom no-repeat;
content: "";
display: inline-block;
height: 20px;
width: 20px;
} */
.navbar .brand:after {
/* background: url('../img/navbar_home_ico.png') center bottom no-repeat; */
content: "";
display: inline-block;
height: 20px;
width: 20px;

    mask-image: url(../img/logo.svg);
    -webkit-mask-image: url(../img/logo.svg);
    -o-mask-image: url(../img/logo.svg);
    -ms-mask-image: url(../img/logo.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: 20px auto;
    -webkit-mask-size: 20px auto;
    -o-mask-size: 20px auto;
    -ms-mask-size: 20px auto;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;

    background-color: rgba(255, 255, 255, 0.8);
    content: '';
    position: absolute;
    /* width: 40px;
    height: 40px; */
}
.navbar .brand:hover:after {
    background-color: rgba(255, 255, 255, 1);
}
#warehouseSelectDiv {
/* background: transparent url('../img/navbar_select_ico.png') 12px -22px no-repeat; */
background: transparent url(../img/warehouse.svg) 10px center no-repeat;
background-size: 19px auto;
float: right;
}
#warehouseSelectDiv:hover {
background-color: rgba(255,255,255,0.2);
}
#warehouseSelectDiv.focus {
background-color: #fff;
background-image: url(../img/warehouse2.svg);
}
#warehouseSelect {
display: block;
padding: 5px 25px 5px 35px;
width: 100px;
}
#warehouseSelect:focus {
background-color: transparent;
}


/************ GRID **************/
.table {
clear: both;
overflow-y: hidden;
overflow-x: scroll;
border: 1px solid #dddddd;
position: relative;
margin-bottom: 0px;
background: #fff;
}

.table-body .table-row.bold * {
font-weight: 700;
}

.table-body .table-row.bold .glyphicons {
font-weight: 400;
}

.table-body .table-row.hover .table-cell,
.table-body .table-row.hover .link-column,
.table-body .table-row.hover .sortable-column,
.table-body .table-row.hover .checkbox-column{
background-color: #007ce8 !important;
color: #FFFFFF;
}

.table-body .table-row:not(.hover):hover{
background: #dde8f6 !important;
}

.table-header .data-header-row{
height: 22px;
}

.table-body .table-row {
line-height: 16px;
}

.table-header .data-header-row,
.table-body .table-row {
white-space: nowrap;
border-bottom: 1px solid #dddddd;
display: inline-block;
clear: both;
vertical-align: top;
}

.sortable-column,
.checkbox-column,
.button-column,
.link-column,
.table-cell,
.table-header-cell {
display: inline-block;
font-size: 13px;
width: 200px;
vertical-align: text-bottom;
border-right: 1px solid #dddddd;
}

.table-header .sortable-column,
.table-header .checkbox-column,
.table-header .button-column,
.table-header .link-column,
.table-header .table-header-cell {
padding: 1px 5px 0px;
height: 21px;
}

.table-header .table-header-cell {
background: #eeeeee;
height: 21px !important;
}

.table-scroll-content{
position: absolute;
top: 45px;
bottom: 0;
left: 0;
right: 0;
overflow: scroll;
}

.grid-view.static .table-scroll-content {
position: static;
top: auto;
bottom: auto;
left: auto;
right: auto;
overflow: auto;
}

.table-body .checkbox-column,
.table-body .button-column,
.table-body .link-column,
.table-body .table-cell {padding: 6px 5px;height: 13px;font: normal normal 400 13px/13px open sans;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.table input[type=checkbox]{
    margin: -3px 0px 0px;
}


.table-body .table-row.odd,
.table-body .table-row.odd .button-column,
.table-body .table-row.odd .link-column {
background-color: #F9F9F9;
}

.table-body .table-row.even .button-column,
.table-body .table-row.even .link-column {
background-color: #FFFFFF;
}

.table-body .table-row.hover .button-column,
.table-body .table-row.hover .link-column {
background-color: #F5F5F5;
}

.table-body .data-header-row .button-column,
.table-body .data-header-row .link-column {
background-color: #eeeeee;
}

.ui-resizable-handle {
display: block;
font-size: 0.1px;
position: absolute;
}

.ui-resizable {
position: relative;
}

.ui-resizable-handle.ui-resizable-e {
cursor: e-resize;
bottom: -1px;
right: -2px;
top: 0;
width: 3px;
/* background: #0088CC; */
background: #ccc;
padding: 0;
border-right: none;
z-index: 1;
}

.table-header-cell:nth-last-child(2) .ui-resizable-handle{
display:none !important;
}

.table-header .data-header-row .ui-resizable:last-child .ui-resizable-handle {
width: 0;
height: 0
}

.table-body .table-row .sortable-column,
.table-header .data-header-row .sortable-column{
padding: 0;
text-align: center;
width: 24px;
}
.table-body .table-row .sortable-column {
padding: 2px 0;
}
.table-body .table-row .sortable-column,
.table-body .table-row .sortable-column i {
cursor: move;
}

.table-body .table-row .checkbox-column,
.table-header .data-header-row .checkbox-column{
width: 13px;
}

.table-body .table-row .button-column{
display: none;
position: absolute;
right: 0;
z-index: 1;
width: 180px;
background-color: #F5F5F5;
border: 1px solid #ddd;
/* border-left: 1px solid #ddd; */
padding: 0 5px;
height: 25px;
margin-top: -1px;
}

.link-column { display: block; }
.button-column { display: none; }

.buttons-for-contextmenu {
    display: none;
}

.table-header .data-header-row .button-column{
width: 180px;
}

.table-inline{
width: 100%;
margin: 0 auto 20px;
border-collapse: collapse;
}

.table-inline th{
height: 22px;
background: #eeeeee;
padding: 1px 5px 0px;
}

.table-inline td{
padding: 4px 5px;
vertical-align: top;
}

.table-inline th, .table-inline td{
border: 1px solid #dddddd;
white-space: nowrap;
font-size: 13px;
font-weight: 500;
}

.table-inline input[type=text], .table-inline select, .table-inline textarea{
width: 100px !important;
}

.table-inline .controls{
width: auto;
clear: both;
margin-left: 0;
}

.table-inline .control-label{
width: auto;
}

.table-inline .help-inline{
display: block;
padding-left: 0;
}

.table-inline .border{
    border-right:2px solid #bbb !important;
}

select, .color-picker-showing{
transition: border 0.2s cubic-bezier(0, 0, 1, 1) 0, box-shadow 0.2s cubic-bezier(0, 0, 1, 1) 0;
}

select:focus, .color-picker-showing:focus{
outline:none;
border-color: rgba(82, 168, 236, 0.8);
/*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);*/
}

.table-scroll-phantom{
position: absolute;
top: 23px;
bottom: 0;
right: 0;
width: 18px;
z-index: 2;
padding: 0;
margin: 0;
overflow-x: hidden;
overflow-y: scroll;
}

.table-scroll{
}

#InfoDiv{
position: absolute;
background: #ffc;
border-radius: 6px;
padding: 5px;
border: 1px solid #eee;
font-size: 11px;
z-index: 100000000;
width: 150px;
right: 29px;
top: 134px;
line-height: 16px
}

.pagination{
text-align: center;
position: absolute;
bottom:-45px;
margin:0;
padding: 6px 15px 6px;
margin-bottom: 0px;
background-color: #F8FAFD;
border-top: 0px solid #DDD;
left: -10px;
right: -10px;
height: auto;
/* display: none; */
}

.pagination *{
font-size: 13px;
}

.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover{
background:#FFF;
}

.pagination ul > li > a, .pagination ul > li > span{
line-height: 24px;
}

.pagination .pageSize{
height: 16px;
}


.table-modify{
position: absolute;
right: 0;
display: block;
top: 1px;
}

.color-picker-showing{
/* height: 24px; */
width: 52px;
display: inline-block;
border: 1px solid #ddd;
cursor: pointer !important;
}

.transparent{
background: url('../img/transparent.png');
}

.standard-table{
width: 100%;
}

.standard-table th{
white-space: nowrap;
background: #EEEEEE;
}

body{
/* overflow: hidden; */
}

.selected-row-extra .table-cell{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2OsPfHfGAAGhwJ5qwBAOwAAAABJRU5ErkJggg==') !important;
}

.hover .selected-cell{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIW2OsP/r/PwAHUgNEfwWVFwAAAABJRU5ErkJggg==') !important;
color: #000;
}

.table-scroll-empty,
.table-scroll-empty *{
display: none;
}

#messages_left {
padding-top: 5px;
}

#messages_right {
}

#accountFilter {
width: 30%;
float: left;
margin-top: 10px;
}

#accountSelect {
/*padding: 2px 0 1px 0;
width: 100%;
margin: 15px 0;*/
/*padding: 5px;
margin: 15px 0px;
float: left;*/
margin: 0 3px 0 0;
width: 160px;
}

#messages_left .nav{
margin: 0;
}

.input-append.input-prepend .add-on + .plusminus{
width: 243px;
}

.input-append.input-prepend .add-on + .add-on + .plusminus{
width: 191px;
}

.button-column .icon-trash{
/* color: #c00;
font-weight: bold; */
}

.lineSplitter {
border-top: 1px solid #eeeeee;
margin-bottom: 10px;
}

filesList {

}

.fileDrag.item {
width: 120px;
height: 140px;
border: 1px solid #eeeeee;
float: left;
margin: 5px;
cursor: pointer;
position: relative;
overflow: hidden;
}

.fileDrag.item .thumb {
width: 110px;
margin: 5px;
height: 110px;
cursor: pointer;
background: transparent none no-repeat center center;
}

.fileDrag.item .thumb_ajax {
width: 110px;
margin: 5px;
height: 110px;
cursor: pointer;
background: url(../img/ajax-loader.gif) no-repeat center center;
text-align: center;
font-size: 11px;
color: #606060;
line-height: 12px;
}

.fileDrag.item .filename {
height: 20px;
line-height: 20px;
font-size: 12px;
padding: 0 3px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
}

.fileDrag.item:hover {
border: 1px solid #cccccc;
}

.fileDrag.item .glyph_thumb {
width: 110px;
margin: 5px;
height: 110px;
cursor: pointer;
}

.fileDrag.item .glyph_thumb i {
font-size: 70px;
line-height: 110px;
display: block;
text-align: center;
color: #808080;
cursor: pointer;
}

.fileDrag.item .fullname {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: #000000;
opacity: 0.7;
color: #ffffff;
font-size: 12px;
padding: 3px;
line-height: 14px;
display: none;
word-break: break-all;
cursor: pointer;
}

.fileDrag.ui-draggable-dragging {
opacity: 0.5;
z-index: 8100;
}

#directories {
width: 280px;
}

.fileDrag .filedate, .fileDrag .filesize{
display: none;
}

#filesList .filedate, #filesList .filesize, #filesList .documentListHeadres{
display: none;
}

#documentList .fullname{
display: none;
}

#documentList .documentListHeadres{
display: block;
font-weight: bold;
}

#documentList .fileDrag.item:last-child{
border-bottom: 1px solid #eee;
}

#documentList .fileDrag.item{
float: none;
height: auto;
width: 100%;
clear: both;
margin: 0;
border: none;
border-top: 1px solid #eee;
}
#documentList .fileDrag.item:last-child{
border-bottom: 1px solid #eee;
}

#documentList .fileDrag.item .glyph_thumb, #documentList, #documentList .fileDrag.item .glyph_thumb i{
height: auto;
font-size: 24px;
line-height: 1;
}

#documentList .thumb, #documentList .glyph_thumb{
width: 5%;
margin: 0;
}

#documentList .filename{
width: 60%;
}

#documentList .filedate{
width: 20%;
display: block;
}

#documentList .filesize{
width: 12%;
display: block;
}

#documentList .filecheckbox{
width: 3%;
display: block;
}

#documentList .thumb, #documentList .glyph_thumb, #documentList .filename, #documentList .filedate, #documentList .filesize, #documentList .filecheckbox{
float: left;
padding: 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: 40px;
line-height: 26px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.listStyleAjax {
width: 24px;
height: 24px;
background: url(../img/ajax-loader.gif) no-repeat center center;
}

.jstree-default.jstree-focused {
background: none;
}

#fileButtons {
width: 100%;
z-index: 2000;
}

#fileBrowser {
width: 500px;
min-height: 200px;
height: calc(100% - 120px);
overflow-y: scroll;
width: 100%;
position: relative;
}

#ajaxReload {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(255,255,255,0.7);
display: none;
}

#dirContainer {
overflow-y: scroll;
height: 100%;
}

.filesList .item.ui-selecting {
border-color: rgb(0,134,204) !important;
background: rgba(0,134,204,0.1) !important;
}

.filesList .item.ui-selected {
border-color: rgb(0,134,204) !important;
background: rgba(0,134,204,0.3) !important;
}

#documentList .item.ui-selected + .item{
border-top-color: rgb(0,134,204) !important;
}

.cke_toolbar a.cke_button{
padding: 4px;
}

.cke_combo_button .cke_combo_text {
padding-left: 4px;
}

.cke_inner .cke_top{
padding: 5px 5px 0 5px;
}

#contacts {
width: 250px;
overflow-y: scroll;
}

.ui-selectable-helper {
position: absolute;
z-index: 8000;
border: 1px dashed #aaaaaa;
}

#dirContainer a.ui-state-hover {
background: rgba(0, 134, 204, 0.3);
}

a.currentDir {
border: 1px solid rgb(0,134,204);
background: rgba(0,134,204,0.1);
}

form{
margin: 0;
}


/** kalendarz **/
#calendar, #calendar *{
font-size: 14px;
}

.calendarHeaders{
height: 34px;
margin: 10px 0 0 0;
background: #F5F5F5;
/*box-shadow: inset 0 1px 0 #ffffff;*/
border: 1px solid #DDDDDD;
}

.calendarHeaders .calendarDayHoursHeader{
width: 7.25%;
display: block;
height: 34px;
float: left;
}

.calendarHeaders .calendarDayHeader.calendarCurrent{
background: #fff;
color: #007ce8;
border-color: #007ce8;
}

.calendarHeaders .calendarDayHeader.calendarCurrent + .calendarDayHeader{
border-color: #007ce8;
}


.calendarHeaders .calendarDayHeader.calendarCurrent::before{
position: absolute;
display: block;
height: 1px;
left: 0;
right: 0;
top: 0;
background:#007ce8;
content: ' ';
}

.calendarHeaders .calendarDayHeader.calendarCurrent::after{
position: absolute;
display: block;
height: 1px;
left: 0;
right: 0;
bottom: -1px;
background:#007ce8;
content: ' ';
}

.calendarHeaders .calendarDayHeader{
width: 13.25%;
float: left;
box-sizing: border-box;
border-left: 1px solid #ddd;
text-align: center;
vertical-align: middle;
height: 34px;
line-height: 14px;
padding: 3px 0 0 0;
position: relative;
}


.calendarContent{
background: transparent url(../img/calcursor.png) 0 -1px repeat-x;
text-align: center;
border-left: 1px solid #DDDDDD;
border-right: 1px solid #DDDDDD;
}

.calendarContent .calendarDay{
width: 13.25%;
float: left;
box-sizing: border-box;
border-left: 1px solid #ddd;
background: transparent url(../img/calline.png) 0 0 repeat;
height: 720px;
position: relative;
}


.calendarContent .calendarDay.calendarCurrent{
background-color: rgba(0,134,204,0.3);
}

.calendarContent .calendarDay.calendarCurrent{
border-color: #007ce8;
}

.calendarContent .calendarDay.calendarCurrent + .calendarDay{
border-left-color: #007ce8;
}


.calendarContent .calendarDayHours{
width: 7.25%;
float: left;
box-sizing: border-box;
background: transparent url(../img/calline.png) 0 0 repeat;
height: 720px;
}

.calendarContent .calendarDayHourBlock{
height: 30px;
}

.calendarEvent{
display: block;
position: absolute;
left: 0;
right: 0;
margin: -1px 3px 0 3px;
z-index: 1;
width: auto !important;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
}


.calendarEvent .ui-resizable-s{
position: absolute;
right: 2px;
bottom: 0;
cursor: n-resize;
}
.calendarEvent .event-edit{
position: absolute;
left: 22px;
bottom: 0;
cursor: pointer;
}
.calendarEvent .event-delete{
position: absolute;
left: 2px;
bottom: 0;
cursor: pointer;
}

.calendarEvent .ui-resizable-s::before{
content: "\e119";
font-family: 'Glyphicons Halflings';
}

.calendarEvent .event-edit::before{
content: "\e065";
font-family: 'Glyphicons Halflings';
}

.calendarEvent .event-delete::before{
content: "\e020";
font-family: 'Glyphicons Halflings';
}

.calendarEvent:active{
cursor: move;
}

.calendarDayContent{
position: relative;
}

#composeLeft {
width: 49%;
/*padding-right: 10px;*/
float: left;
}

#composeRight {
width: 49%;
/*padding-left: 10px;*/
float: right;
}

.footer_docButtons {
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 15px;
}

.table_stats, .table_stats *{
font-size: 13px;
line-height: 16px;
font-weight: 700;
}

.table_stats{
/*position: absolute;*/
text-align: left;
width: auto;
}
.table_stats.release{
width:75%;
}

.table_stats.docs{
/*width:70%;*/
}

.table_stats.transportFooter{
margin: 0;
position: static;
width: 100%;
}

.table_stats.cart{
float: right;
margin-right: 20px;
position: static;
}

.table_stats.release td span, .table_stats.docs td span{
    margin:0 0 0 5px;
}

.table_stats td.border{
    border-right: 1px solid #ddd;
}

.table_stats .td_right{
padding-left: 35px;
}

.table_stats th, .table_stats td{
padding: 1px 5px;
}

.table_stats td.no-padding-left {
}

.table_stats td.no-padding-right {
}

.table_stats .big-font {
	font-size: 2em;
}

.footer-left{
float:left;
min-height: 34px;
}

.formFooterInput{
/*position: absolute;
left: 60%;*/
display: inline-block;
max-width: 220px;
}

#map-canvas{
height: 600px;
}


.tracePointsListItem{
width: 100%;
margin: 1px 0 0 0;
text-align: left;
cursor: move;
box-sizing: border-box;
}

.selectedRoute .tracePointsListItem, .selectedSupply .tracePointsListItem{
cursor: default;
}

.tracePointsListDocument{
margin: 0 1px 0 0;
}

.tracePointsListDocument .ajaxRequest{
cursor: pointer;
}

.controls.twocontrols select{
width: 139px;
}

.selectedRoute, .selectedSupply{
min-height: 602px;
}

.selectprev, .selectnext{
display: none;
}

.btn-file{
position: relative;
overflow: hidden;
}

.btn-file form{
position: absolute;
left: -5px;
top: -5px;
bottom: -5px;
right: -5px;
opacity: 0;
margin: 0;
}




#filesList .item:hover .filename{
display: none;
}

#filesList .item:hover .fullname{
display: block;
}
/* ').hide();
                $(this).children('.fullname').show();
            });

            $(document).on('mouseout', '#filesList .item', function() {
                $(this).children('.filename').show();
                $(this).children('.fullname').hide();
            }); */


.btn-file form [type=file]{
position: absolute;
left: 0;
top: -0;
font-size: 100px;
line-height: 100px;
opacity: 0;
margin: 0;
}

.btn-file [type=file]{
position: absolute;
left: -5px;
top: -5px;
font-size: 100px;
line-height: 100px;
opacity: 0;
margin: 0;
}

#vakata-contextmenu{
z-index: 10000000 !important;
}

#dirContainer .alert{
margin: 0 15px 10px 0;
}

#guiQuery .condition_item {
background: #eee;
padding: 10px;
margin-left: 20px;

}

#guiQuery .condition_item .condition_item {
background: #e7e7e7;
}

#guiQuery .condition_item .condition_item .condition_item {
background: #e0e0e0;
}

.condition_logic {
display: inline-block;
margin-top: 10px;
margin-bottom: 3px;
margin-left: 20px;
}

#guiQuery > .condition_logic {
margin-left: 0;
}


#guiQuery > .condition_item {
margin-left: 0;
}

#guiQuery > .select_logic {
margin-left: 0;
}

select.select_logic {
width: 80px;
margin-top: 10px;
margin-bottom: 3px;
margin-left: 20px;
}

select.select_logic_operator {
width: 50px;
}

.atributesList{
display: none;
}

#documentAttributesInfo{
display: none;
}

#documentsPositions, #productsPackages, #contactsOfContractors, #addressesOfContractors{
padding: 0 2px 0 0;
}

.popover{
z-index: 100000000;
}
.pageSizeCont{
  margin:0 5px 0 0;
  display: inline-block;
  float: left;
  position:relative;

}
.pageSize{
  width:30px;
  padding:4px 6px 4px 6px;
  text-align: center;
}
.multifield{
clear: right;
position: relative;
height: 29px;
}

.multifield .input{
display: inline-block;
line-height: 20px;
padding: 4px 6px;
width: 296px;
border-radius: 0;
border: 1px solid #CCCCCC;
*border-bottom: 0px solid #CCCCCC;
height: 20px;
overflow: hidden;
}

.multifield:nth-last-child(2) .input{
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}

.multifield:nth-last-child(2) .input{
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 5px;
}

.multifield .add-on{
position: absolute;
top: 1px;
right: 1px;
bottom: 0px;
width: 16px;
padding: 4px 5px;
background: #eee;
border-left: 1px solid #CCCCCC;
cursor: pointer;
}
.multifield .add-on + .add-on{
right: 28px;
}

.multifield:nth-last-child(2) .add-on{
*bottom: 6px;
}

.form-perms th{
  text-align: left !important;
}
.price-history {
  margin-top:20px !important;

}
.history-container{
overflow: scroll;
max-height:250px;
border: 1px solid #DDDDDD;
border-top: none;
}

.table-multifiled .glyphicons.remove_2{
color: #000;
}

.table-multifiled .glyphicons.remove_2:hover{
}

.table-multifiled .btn{
white-space: nowrap;
}

.table-multifiled th{
font-size: 13px;
font-weight: 500;
text-align: left;
}

.table-multifiled.pictures-json-input td{
    padding-bottom: 20px;
    padding-right: 15px;
    text-align: left;
    vertical-align: top;
}

.table-multifiled.pictures-json-input td input[type="checkbox"]{
    margin-top: 8px;
}

.table-multifiled.pictures-json-input td input[type="text"]{
	width: 200px;
}

.table-multifiled tfoot{
display: none;
}

/* [class^=progress]{
background-image: url('../img/progress.png');
background-position: 0% 100%;
background-repeat: no-repeat;
}
.progress0  {background-size: 0%   2px;}
.progress10 {background-size: 10%  2px;}
.progress20 {background-size: 20%  2px;}
.progress30 {background-size: 30%  2px;}
.progress40 {background-size: 40%  2px;}
.progress50 {background-size: 50%  2px;}
.progress60 {background-size: 60%  2px;}
.progress70 {background-size: 70%  2px;}
.progress80 {background-size: 80%  2px;}
.progress90 {background-size: 90%  2px;}
.progress100{background-size: 100% 2px;} */

.grid-view-loading:before {
    display: none !important;
}

.progress:not(.progressbar), .grid-view-loading:after, .tree-loading:after {
    content: '';
    display: block;
    position: fixed;
    z-index: 2000;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    width: 50px !important;
    height: 50px !important;
    border: solid 5px transparent;
    border-top-color: #007de9;
    border-left-color: #007de9;
    border-radius: 50px !important;
    -webkit-animation: pace-spinner 600ms linear infinite;
    -moz-animation: pace-spinner 600ms linear infinite;
    -ms-animation: pace-spinner 600ms linear infinite;
    -o-animation: pace-spinner 600ms linear infinite;
    animation: pace-spinner 600ms linear infinite;
    background: none;
}
.modal {
    border: none;
}
.tree-loading:after {
    position: absolute;
    opacity: 0.5;
}
.progress:not(.progressbar) * {
    display: none;
}
/* .tableWithProgressbar {
    table-layout: fixed;
}
.tableWithProgressbar td {
     width: auto;
} */
.progressbarTd {
    width: 0;
}
.tableWithProgressbar .progressbarTd:has(.progressbar-cont) {
    width: 300px;
    /* padding-left: 20px; */
}

.progressbar-cont {
    display: flex;
    justify-content: flex-end;
    padding-left: 20px;
}


@-webkit-keyframes pace-spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes pace-spinner {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes pace-spinner {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-ms-keyframes pace-spinner {
    0% {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes pace-spinner {
    0% {
        transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
        transform: rotate(360deg);
    }
}






.filetype.document::before {
content: "\E052";
font-family: 'Glyphicons Regular';
color: #0088CC;
}

.caretup{
border-bottom: 4px solid #000000;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid transparent !important;
margin-top: 4px !important;
}

.dropdown-menu.inline{
top: auto;
bottom: 28px;
}

.dropdown-menu.inline li{
text-align: left;
margin: 2px 30px 2px 10px;;
}

.dropdown-menu.inline li a{
position: absolute;
right: 5px;
padding: 0;
height: 20px;
display: inline-block;
}

.inline{
    display: inline-block;
}

.dropdown-menu.inline li a:hover{
background: transparent !important;
}
.dropdown-menu.inline li a:hover i{
color: #000 !important;
}

.dropdown-menu.inline li + .none{
display: none;
}

.cke_button__filemanager_icon{
font-family: "Glyphicons Regular";
}

.cke_button__filemanager_icon::before{
font-family: "Glyphicons Regular";
font-size: 15px;
color: #474747;
content: "\E139";
}

.table-with-aside{
width: 100%;
table-layout: fixed;
}

.table-with-aside td{
vertical-align: top;
padding: 0;
border: 0;
}


.table-with-aside td:first-child{
padding-right: 20px;
}

#directoriesContent, #filesContent{
padding-top: 10px;
}

.chatTitle{
background: #eee;
padding: 8px 12px;
color: #005580;
margin: 2px 0 0 0;
border-radius: 5px;
cursor: pointer;
}

.chatActive .chatTitle{
background: #007ce8;
color: #fff;
}

.chatHistory{
height: 200px;
overflow-y: scroll;
border: 1px solid #CCCCCC;
border-radius: 3px;
padding: 4px 0;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px 0px inset;
}

.chatContent{
padding: 5px;
display: none;
transition: width 1s linear;
}

.chatActive .chatContent{
display: block;
}

.chatInputs{
padding: 5px 100px 0 0;
position: relative;
}

.chatInputs .chatText{
width: 100%;
}

.chatInputs .chatSubmit{
position: absolute;
top: 5px;
right: 0;
width: 52px;
height: 20px;
}

.chatHistory *{
font-size: 12px;
}

.chatEntryHeader{
}

.chatEntry{
margin: 5px 0 0 0;
padding: 0 6px;
}

.chatMyEntry{
background: #eee;
}

#alertIcon{
margin: 0;
}

#alertIcon:hover{
background: #43576a
}

#alertIcon .alertAction{
margin: 0 26px 0 0;
padding: 3px 10px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

#alertIcon .dropdown-menu{
margin-top: -2px;
}

#alertIcon .dropdown-menu li{
position: relative;
}

#alertIcon .alertRemove{
position: absolute;
display: block;
height: 26px;
line-height: 26px;
width: 26px;
right: 0;
top: 0;
text-align: center;
}

#alertIcon .alertRemove:hover{
cursor: pointer;
}

#alertIcon > a {
background: transparent;
border: none;
border-radius: 0;
color: #D3D8DC;
font-size: 0;
height: 20px;
line-height: 20px;
margin: 0;
padding: 10px;
position: relative;
}

#alertIcon:hover > a {
color: #fff;
}

#alertIcon > a [class^="icon-"],
#alertIcon > a [class*=" icon-"] {
font-size: 14px;
/* line-height: 20px; */
padding: 0 5px;
}

#alertIcon .counter{
background: #007ce8;
color: #fff;
border-radius: 3px;
border-bottom-left-radius: 0;
padding: 3px;
position: absolute;
top: 5px;
right: 3px;
font-size: 10px;
line-height: 10px;
}

#alertIcon .counter:empty{
display: none;
}

#alertIcon a .caret{
display:none;
}

#pricesGroupsTable [type=text]{
width: 100% !important;
border: 0 solid transparent;
box-sizing: border-box;
height: 28px;
}

#pricesGroupsTable tr td:not(.pricesGroupsTableCheckbox) {
padding: 0px;
min-width: 70px;
}

#pricesGroupsTable [type=text][readonly]{
opacity: .5;
cursor: default;
}

.pricesPopover + .popover{
width: 400px;
}

.pricesPopover{
display: inline-block;
padding: 5px 10px;
box-sizing: border-box;
text-align: center;
height: 28px;
}
.pricesPopover.ajax .icon-info-sign:before {
    content: "\e065";
}
/* .pricesPopover.isRecords {
    background: #007ce8;
    border-radius: 4px;
}
.pricesPopover.isRecords:hover {
    background: #3276B1;
} */
.pricesPopover.isRecords.ajax .icon-info-sign {
    color: #007ce8;
}
form table .pricesPopover {
    margin-top: 2px;
    margin-bottom: 2px;
    vertical-align: middle;
}
.divider + .divider{
display: none;
}

.contextmenu .divider:first-child{
display: none;
}

.contextmenu .divider:last-child{
display: none;
}

.message-left {
width: 30%;
float: left;
overflow-y: scroll;
}

.message-right {
width: 70%;
float: left;
/* overflow-y: scroll; */
}

.jstree a {
position: relative;
}

.th_data {
position: absolute;
right: 0;
top: 0;
}


.message-left table td {
font-size: 12px;
padding: 3px 15px 3px 3px;
cursor :pointer;
}

.message-left table td:hover {

}


.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
	white-space: nowrap;
    background-color: #fff;
    border-color: #CCCCCC;
    color: #223a50;
    opacity: 1;
    font-family: open sans;

}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    color: #333333;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-group.open .btn.dropdown-toggle {
    background-color: #EBEBEB;
    border-color: #ADADAD;
    color: #333333;
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
}
.btn-default .badge {
    background-color: #333333;
    color: #FFFFFF;
}
.btn-primary {
    background-color: #007ce8;
    border-color: #357EBD;
    color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-group.open .btn-primary.dropdown-toggle {
    background-color: #3276B1;
    border-color: #285E8E;
    color: #FFFFFF;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #007ce8;
    border-color: #357EBD;
}
.btn-primary .badge {
    background-color: #FFFFFF;
    color: #428BCA;
}
.btn-success, .btn-green{
    background-color: #5CB85C;
    border-color: #4CAE4C;
    color: #FFFFFF;
}

.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-group.open .btn-success.dropdown-toggle {
    background-color: #47A447;
    border-color: #398439;
    color: #FFFFFF;
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
    background-color: #5CB85C;
    border-color: #4CAE4C;
}
.btn-success .badge {
    background-color: #FFFFFF;
    color: #5CB85C;
}
.btn-info {
    background-color: #5BC0DE;
    border-color: #46B8DA;
    color: #FFFFFF;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-group.open .btn-info.dropdown-toggle {
    background-color: #39B3D7;
    border-color: #269ABC;
    color: #FFFFFF;
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #5BC0DE;
    border-color: #46B8DA;
}
.btn-info .badge {
    background-color: #FFFFFF;
    color: #5BC0DE;
}
.btn-warning {
    background-color: #F0AD4E;
    border-color: #EEA236;
    color: #FFFFFF;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-group.open .btn-warning.dropdown-toggle {
    background-color: #ED9C28;
    border-color: #D58512;
    color: #FFFFFF;
}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
    background-color: #F0AD4E;
    border-color: #EEA236;
}
.btn-warning .badge {
    background-color: #FFFFFF;
    color: #F0AD4E;
}
.btn-danger {
    background-color: #D9534F;
    border-color: #D43F3A;
    color: #FFFFFF;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-group.open .btn-danger.dropdown-toggle {
    background-color: #D2322D;
    border-color: #AC2925;
    color: #FFFFFF;
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
    background-color: #D9534F;
    border-color: #D43F3A;
}
.btn-danger .badge {
    background-color: #FFFFFF;
    color: #D9534F;
}
.btn-link {
    border-radius: 0;
    color: #428BCA;
    cursor: pointer;
    font-weight: 400;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: rgba(0, 0, 0, 0);
}
.btn-link:hover, .btn-link:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #2A6496;
    text-decoration: underline;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
}
.btn-sm, .btn-group-sm > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.btn-xs, .btn-group-xs > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
input.btn-block[type="submit"], input.btn-block[type="reset"], input.btn-block[type="button"] {
    width: 100%;
}

.btn-left{
    float: left;
}

.label {
    border-radius: 0.25em;
    color: #FFFFFF;
    display: inline;
    font-size: 75%;
    font-weight: 700;
/*     line-height: 1; */
/*     padding: 0.2em 0.6em 0.3em; */
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.label[href]:hover, .label[href]:focus {
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.label:empty {
    display: none;
}
.btn .label {
    position: relative;
    top: -1px;
}
.label-default {
    background-color: #999999;
}
.label-default[href]:hover, .label-default[href]:focus {
    background-color: #808080;
}
.label-primary {
    background-color: #428BCA;
}
.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071A9;
}
.label-success {
    background-color: #5CB85C;
}
.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449D44;
}
.label-info {
    background-color: #5BC0DE;
}
.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31B0D5;
}
.label-warning {
    background-color: #F0AD4E;
}
.label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #EC971F;
}
.label-danger {
    background-color: #D9534F;
}
.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #C9302C;
}
.badge {
    background-color: #999999;
    border-radius: 10px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.badge:empty {
    display: none;
}




.navbar .nav > li > a {
padding: 10px;
}

.navbar .nav > li:hover {
background: #43576a;
}

.navbar .nav,
.navbar .pull-right.nav{
position: static !important;
}

.navbar .nav > li > ul > li,
.navbar .pull-right.nav > li > ul > li {
float: none;
display: inline-block;
padding: 5px 0px;
}

.navbar .nav > li > ul > li > ul,
.navbar .pull-right.nav > li > ul > li > ul{
/*top: 30px;*/
top: 40px;
left: 4px !important;
/*border-radius: 0px 6px 6px  !important;*/
margin: 0;
}

.navbar .pull-right.nav > li > ul > li > ul{
left: 0 !important;
}

.navbar .nav > li > ul > li > a {
border-radius: 0px;
color: #13203d;
margin: 0px 0px 0px 5px;
padding: 5px 10px;
}

.navbar .nav > li > ul > li:hover > a {
background: #007CE8 none !important;
color: #fff;
}

.navbar .pull-right.nav > li > a {
/* font-size: 0; */
}

.navbar .nav [class^="icon-"],
.navbar .nav [class*=" icon-"]{
font-size: 14px;
/* line-height: 20px; */
padding-left: 5px;
padding-right: 5px;
}

.navbar .pull-right.nav > li > ul > li > a {
margin: 0px 5px 0px 0px;
}

.navbar .nav > li > ul,
.navbar .pull-right.nav > li > ul {
border: 0;
/*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
border-radius: 0;
/*box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.1);*/
left: 0;
margin: 0;
/*padding: 5px 0;*/
padding: 0px;
right: 0;
text-align: left;
top: 40px;
}
.navbar .pull-right.nav > li > ul {
text-align: right;
}
.navbar .pull-right.nav > li > ul * {
text-align: left;
}

.navbar .nav > li > .dropdown-menu:after{
display: none;
}

.navbar .nav > li > .dropdown-menu:before{
display: none;
}

.navbar-inverse .navbar-inner {
background-color: #13203d;
border: none;
padding: 0;
}

.navbar .icon-home2 {
background: url('../img/navbar_home_ico.png') left bottom no-repeat;
height: 20px;
top: 0;
width: 10px;
}

.navbar .openMenu .icon-home2 {
background-position: left top;
}

.navbar-inverse .nav > .openMenu > a,
.navbar-inverse .nav > .open > a{
background: #fff !important;
color: #333 !important;
box-shadow: none !important;
}

.navbar-inverse .nav > .active > a {
background: #43576a !important;
color: #fff !important;
box-shadow: none !important;
}

.navbar-inverse .nav .caret{
border-top-color: #333;
border-bottom-color: #333;
display: none;
}

.navbar .open > .dropdown-menu{
/* display: none; */
}

.navbar .dropdown-menu{
min-width: 180px;
}

.openMenu > .dropdown-menu{
/* display: block; */
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
background: none;
background-color: #007ce8;
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover,
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a{
background: #007ce8 none !important;
}
.navbar-fixed-top .nav li.active a {
    font-weight: bold;
    background: none !important;
    color: #333;
}

.nav-header{
line-height: 32px;
font-weight: 400;
text-transform: none;
font-size: 13px;
color: #333;
}

.navbar-inverse .nav .divider {
width: 1px;
margin: 0;
margin-left: 3px;
background-color: #DDD;
height: 1em;
vertical-align: middle;
}

.navbar-inverse .nav .dropdown-submenu > a::after{
border-width: 5px 5px 0px 5px;
border-color: transparent;
border-top-color: #999;
display: inline-block;
/* margin-top: 8px; */
/* margin: 8px 3px 0 3px; */
margin: 0 0 0 6px;
float: none;
position: relative;
top: -2px;
}

.navbar-inverse .nav .dropdown-submenu:hover > a::after,
.navbar-inverse .nav .dropdown-submenu.active > a::after{
border-top-color: #fff;
}

.navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu{
right: auto;
}

.open > a > .icon-white, .navbar-inverse .nav li.dropdown:hover .dropdown-toggle .icon-white:before {
color: #000;
}
.navbar-inverse .nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
    background: #f8f8f8;
}
.multiRelationTable td {
    vertical-align: middle;
}
.multiRelationTable .multiRelationRemove [class^="icon-"]{color: #D9534F !important;margin: 25px 0 0 0;}

.container-fluid{
padding: 0;
}

.main_panel{
margin: 0 10px;
position: absolute;
top: 80px;
bottom: 0;
left: 0;
right: 0;
}

.help-block .label{
display: inline-block;
font-size: 13px;
font-weight: 500;
margin-top: 3px;
padding: 5px 10px;
}

.navbar .nav li a{
font-size: 14px;
height: 20px;
line-height: 20px;
/*margin-bottom: 1px;*/
white-space: nowrap;
}

.navbar .btn-group{
margin: 5px 10px;
}

.dropdown-menu .divider{
margin: 3px 1px;
}

.sub-query-remove{
    /* margin: 0 0 0 3px;
    font-weight: 700;
    cursor: pointer;
    opacity: 0.5;
    font-weight: 700; */
    width: 16px;
    height: 20px;
    font-size: 0;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    cursor: pointer;
}
.sub-query-remove:after {
    content: '×';
    width: 16px;
    height: 18px;
    color: rgba(255,255,255,0.8);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.sub-query-remove:hover{
    opacity: 1;
    color: rgba(255,255,255,1);
}
.sub-query-remove:hover:after {
    color: rgba(255,255,255,1);
}
.table-top .icon-remove, .table-top .icon-search {
    /* width: 100%;
    height: 100%;
    margin-bottom: 0 !important;
    display: flex;
    justify-content: center;
    align-items:stretch; */
    display: none;
}
.table-top .myfiltersclear, .table-top .myfiltersfeaturesclear, .table-top .myfilterssubmit, .table-top .myfiltersfeaturessubmit {
    /* vertical-align: top; */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 26px;
    width: 14px;
    position: relative;
}
/* .table-top .myfiltersclear, .table-top .myfiltersfeaturesclear {
    display: none;
} */
/* .table-top .myfiltersclear::before, .table-top .myfiltersfeaturesclear::before, .table-top .myfiltersfeaturessubmit:before, .table-top .myfilterssubmit:before {
    content: '×';
    width: 100%;
    font-size: 24px;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
} */
.table-top .myfiltersfeaturessubmit::before, .table-top .myfilterssubmit:before {
    content: '';
    background: url(../img/search-icon.svg) center center no-repeat;
    background-size: 18px;
    width: 100%;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
}
.sub-query{
    background: #007ce8;
    border-radius: 15px;
    margin: 0 2px 0 0;
    padding: 1px 10px;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    position: relative;
}

.myfilters .myfilterssubmit, .myfilters .myfiltersclear, .myfiltersfeatures .myfiltersfeaturessubmit, .myfiltersfeatures .myfiltersfeaturesclear{
    padding: 3px 9px;
}
/* .myfiltersclear, .myfiltersfeaturesclear {
    display: none;
} */
.table-top{
width: 100%;
margin-bottom: 10px;
}

.table-top .add_action{
margin-bottom: 0;
}

.table-top td:first-child,
.table-top td:last-child{
width: 1%;
}

.table-top > tbody > tr > td:last-child,
.table-top > tr > td:last-child{
/* width: 1%; */
display: none;
}

.table-top td:empty{
display: none;
}

.table-top td{
white-space: nowrap;
}

.table-top .input{
background: #fff;
border: 1px solid #ccc;
border-radius: 3px;
padding: 2px;
}

.table-top .myfilters, .table-top .myfiltersfeatures{
width: 100%;
border: 0;
border-collapse: collapse;
}

.table-top .myfilters td, .table-top .myfiltersfeatures td{
padding: 0;
border: 0;
}

.table-top .myfilters td:first-child,
.table-top .myfilters td:last-child,
.table-top .myfiltersfeatures td:first-child,
.table-top .myfiltersfeatures td:last-child{
width: 1%;
}

.table-top .myfilters input[type=text], .table-top .myfiltersfeatures input[type=text]{
border: 0;
padding: 0;
box-shadow: none !important;
width: 100%;
}
.table-row-empty [type=checkbox]{
display: none;
}
.table-body .table-row-empty.table-row, .table-body .table-row-empty.table-row *{
color: #fff;
}
.table-body .table-row-empty.table-row:hover, .table-body .table-row-empty.table-row:hover *{
color: #ddd;
}

.import-button {
width: 80px;
height: 60px;
position: relative;
overflow: hidden;
font-size: 20px;
font-weight: bold;
margin-right: 10px;
cursor: pointer;
line-height: 60px;
float: left;
display: block;
}

.import-button form {
position: absolute;
opacity: 0;
}

.import-button form input {
height: 200px;
width: 200px;
}

.loading-overlay {
background: rgba(255,255,255,0.6);
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
}

.loading-big {
    width: 124px;
    height: 124px;
    background: url('../img/loading-big.gif') no-repeat center;
}

.imageBox{
    width: 304px;
    height: 224px;
    float: right;
    position: relative;
    margin: 0 0 20px 20px;
}
.imageBoxItem{
    width: 304px;
    height: 224px;
    position: absolute;
    background: #fff;
    text-align: center;
    display: none;
}
.imageBoxItem:first-child{
    display: block;
}
.imageBoxItem img{
    border: 1px solid #08c;
    padding: 1px;
}
.imageBoxItem .imageBoxItemDesc{
    z-index: 1;
    display: block;
    line-height: 30px;
    white-space: nowrap;
    text-align: center;
    position: absolute;
    bottom: 2px;
    left: 2px;
    right: 2px;
    background: rgba(0,0,0,.7);
    color: #fff;
    overflow: hidden;
    height: 0;
    transition: height .2s linear;
}
.imageBox:hover .imageBoxItemDesc{
    height: 30px;
}
.pricesBoxBrutto{
    margin: 0 0 10px 0;
    font-size: 30px;
    font-weight: bold;
    color: #08c;
}
.pricesBoxNetto{
    margin: 0 0 30px 0;
    font-size: 20px;
    font-weight: bold;
    color: #08c;
}
.imageBox .icon-chevron-left, .imageBox .icon-chevron-right{
    z-index: 2;
    position: absolute;
    top: 50%;
    color: #000;
    font-size: 30px;
    line-height: 30px;
    margin-top: -15px;
    opacity: 0;
    transition: opacity,color .2s linear;
    cursor: pointer;
}
.imageBox:hover .icon-chevron-left, .imageBox:hover .icon-chevron-right{
    opacity: 1;
}
.imageBox .icon-chevron-left:hover, .imageBox .icon-chevron-right:hover{
    color: #fff;
}
.imageBox .icon-chevron-left{
    left: 15px;
}
.imageBox .icon-chevron-right{
    right: 15px;
}

.openMenu .goHome i.icon-home {
color: #007ce8;
}

.help-block{
font-size: 12px;
color: 999;
}
.alertError p + a + div{
display: none;
}

.notImportant{
opacity: 0.5;
}

*:not(svg) /*{border-radius: 0 !important;*/ {box-shadow: none !important;text-shadow: none !important;-moz-text-shadow: none !important;}

.formFooterInput select[name="closeDoc"] {
width: auto;
max-width: 100%;
}

.formFooterInput [name=saveProduct]{
width: auto;
}

.formFooterInput.deleteUnusedSlides {
max-width: none;
}

.b2b-partner .home_button_box  {
height: 360px;
}

.home_button_box .links .item_link {
    background-color: #303030;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ffffff;
    height: 35px;
    opacity: 0.8;
    width: 100%;
	margin-bottom: 4px;
	position: relative;
    overflow: hidden;
}

.db_headers {
    background-color: #303030;
    border-radius: 3px;
    box-sizing: border-box;
    color: #ffffff;
    height: 35px;
    opacity: 0.8;
    width: 100%;
	position: relative;
    padding-left: 10px;
    line-height: 35px;
    margin-top: 1px;
}

.documents_span{
    text-align: right;
    margin: 0px;

}

.blue {
    color: #007ce8;
}

.hr_black{
    border-bottom: 2px solid #B5B5B5 !important;
    width: 95% !important;
}

.width_30{
    width: 30%;
}

.width_60{
    width: 60%;
}

.width_20{
    width: 20%;
}

.width_20{
    width: 20%;
}

.width_35{
    width: 35%;
}

.gray_light{
    background-color: #eeeeee;
}

.center {
    text-align: center;
}

.big_font{
    font-size: 20px;
}

.line_height_40{
    line-height: 40px;
}

.padding_left_30{
    padding-left: 30px;
}

.documents_realized{
    padding-top: 20px;
}

.documents_hr{
    border-color: #eeeeee;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    margin: 0 10px 0 0;
    display: block;
    clear: both;
    float: right;
    width: 100%;
}

.db_row {
    border-radius: 3px;
    box-sizing: border-box;
    opacity: 0.8;
    width: 100%;
	margin-bottom: 4px;
	position: relative;
    padding-left: 10px;
    margin-top: 5px;
}

.home_button_box .links .item_link a {
    color: #ffffff;
    display: block;
    padding-right: 30px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home_button_box .links .item_link:hover {
background: #007ce8;
opacity: 0.9;
}

.home_button_box .links .item_link a.home_button_icon {
    bottom: 0;
    position: absolute;
    right: -30px;;
    top: 0;
}

.home_button_box .links .item_title, .db_title{
background: rgba(0,109,204,0.8);
font-weight: 600;
font-size: 14px;
color: #ffffff;
padding: 5px 10px;
margin-bottom: 5px;

}

.imagesList a {
border: 3px solid #606060;
float: left;
display: block;
margin: 0 3px;
position: relative;
}

.imagesList a .il-foto-info {
display: none;
color: #fff;
background: rgba(40,40,40,0.7);
padding: 5px 10px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 11px;
font-weight: 600;
}

.imagesList a:hover .il-foto-info {
display: block;
}

tr.row-top-split td, tr.row-top-split th {
border-top: 3px solid #b0b0b0;
}

.fixed-bottom {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}

.table-under-order {
margin-top: -20px;
border-top: 0;
}

.table-under-order td {
padding: 10px 10px 5px;
font-size: 12px;
background: #f0f0f0;
}

.table-under-order td:first-child {
width: 50%;
}
.table-under-order .input-append{
margin: 0;
}
.table-under-order .input-append input{
width: 100%;
}
.table-under-order td:last-child {
width: 50%;
text-align: left;
padding-right: 80px;
}

span.price-bold {
font-weight: bold;
font-size: 14px;
width: 100px;
float: right;

}

h3.order-title {
margin: 10px 0 0 0;
}

.footer-total {
line-height: 32px;
border: 1px solid #e0e0e0;
margin-right: 10px;
background: #fff;
padding: 0 15px;
}

textarea.annotation {
max-width: none;
width: 90%;
height: 100px;
}

.cke_contents {
/*height: 200px !important;*/
min-height: 180px;
}

.cke_top, .cke_bottom{
background: #F5F5F5;
}

.footer-price {
font-size: 16px;
float: left;
text-align: left;
margin-right: 25px;
}

.footer-price div {
display: inline-block;
}

.footer-price.one-row {
line-height: 40px;
height: 40px;
margin-right: 20px;
}

.footer-price span {
color: #0088cc;
margin-left: 10px;
}

.margin_top_30{
    margin-top: 30px;
}

.margin_top_10{
    margin-top: 10px;
}

.padding_top_15{
    padding-top: 15px;
}

.footer-price-amount {
float: left;
font-size: 13px;
text-align: left;
margin-right: 0;
text-transform: uppercase;
line-height: 15px;
padding-top: 4px;
width: 200px;
}

.footer-price-amount input[type=text] {
float: right;
width: 50px;
position: relative;
top: -14px;
}

.cke_reset{
width: 100% !important;
box-sizing: border-box !important;
}

textarea.error + .cke_reset{
border-color: #953B39;
}

.btn-group.formBasedOn{
display: inline-block;
}
.btn-group.formBasedOn a{
text-align: left;
}

.home_table{
width: 100%;
border-collapse: separate;
}

.home_table td{
padding-left: 10px;
}

.home_table th{
background: rgba(0,109,204,0.8);
text-align: left;
font-weight: 600;
font-size: 14px;
height: 30px;
line-height: 30px;
color: #ffffff;
padding: 5px 10px;
}

.home_table td.grey{
background-color: #303030;
border-radius: 3px;
box-sizing: border-box;
text-align: left;
font-weight: 400px;
font-size: 14px;
color: #ffffff;
height: 30px;
opacity: 0.8;
padding-left: 10px;
line-height: 30px;
margin-top: 1px;
padding: 5px 10px;
}

#threadsTree tr.active td {
background: #007ce8;
color: #fff;
}

.home_icon{
float:right;
font-size: 15px;
margin-top: 7px;
}

.cart_icon{
    position: relative;
    display: block;
}

.td_right{
    text-align: right;
}

.transports-and-payments{
    display: block;
    height: 300px;
}

.transport-payment-description{
    padding-top: 20px;
}

.transport-payment-label{
    padding-right: 20px;
}

.transport-description{
    display: none;
}

.shops-transports-newline{
    padding-top: 20px;
}

.transport-cost{
    display: none;
}

.logistics-surcharge{
    display: none;
}

.transport-summary{
    display: none;
}

.payment-description, .payment-list{
    display: none;
}

a.cke_button__filemanager{
*background: #E4E4E4;
}
a.cke_button__filemanager.cke_button_off:hover,
a.cke_button__filemanager.cke_button_off:focus,
a.cke_button__filemanager.cke_button_off:active,
a.cke_button__filemanager.cke_button_disabled:hover,
a.cke_button__filemanager.cke_button_disabled:focus,
a.cke_button__filemanager.cke_button_disabled:active{
*background: #E4E4E4;
border-color: #398439;
}
a.cke_button__filemanager .cke_button__filemanager_icon::before{
color: #000;
}
a.cke_button__filemanager .cke_button_label{
display: block;
color: #000;
}

.footerWhite{
    background-color: #ffffff;
    border-bottom: 1px solid #ddd;
    margin-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.footerText{
    padding: 5px 0 0 0;
    margin: 0;
}
.checkbox-column + .table-cell > i{
float: left;
}

.chart-filter-dropdown{
    width: 120px;
}

.icon19{
    font-size: 21px;
}
.icon15{
    font-size: 15.5px;
}

.chart-filter-label{
    display: inline-block;
    margin-right: 5px;
    margin-left: 20px;
}

.chart-filter-submit{
    display: inline-block;
    margin-left: 20px;
}

.chart_filters{
    margin-top: 10px;
    display: block;
    text-align: center;
}

.chart-filter-months-hide, .chart-filter-contractorstypes-hide {
    display: none;
}

.categoriesSelect, .productsCategoriesSelect, .structureSelect{
    width: 180px;
}

.categories-menu-header{
    padding: 10px 10px 10px 10px;
    width: 268px;
}

.categoriesDiv{
    margin: 0;
    padding: 0;
    border: 0;
}

.categoryUl{
    list-style-type: none;
    margin: 0;
    display: none;
}

.categoryUl li{
    list-style-type: none;
}

.categoriesDiv>.categoryUl{
    display: block;
}

.minus>.filterLink::after{
    content: "-";
    display: inline-block;
    padding-left: 2px;
    width: 13px;
}

.minus>ul{
    display: block;
}

.no_underline:hover{
    text-decoration: none;
}

.showAllProducts{
    color: #666;
    display: block;
}


.categoryFilter, .categoryToggle, .left-column-filters-structure-div[filtername=pagesCategories] .textsFilter, .productsFilter{
    color: #666 /*!important*/;
    display: block;
    padding-left: 15px;
    box-sizing: border-box;
}

.empty_link{
    position: absolute;
    padding-left: 15px;
}

.features_values_link, .products_groups_types_link, .documents-lvl2-link::after{
    color: #000;
    position: absolute;
    font-size:20px;
    font-weight:bold;
}

.features_values_link::after, .products_groups_types_link::after, .documents-lvl2-link::after{
    content: "+";
    display: inline-block;
    width: 15px;
}

.minus>.plus-minus-link::after, .minus>.features_values_link::after, .minus>.products_groups_types_link::after, .minus>.documents-lvl2-link::after{
    content: "-";
    display: inline-block;
    /*padding-left: 2px;*/
    /*width: 13px;*/
}

.features-values, .products-groups, .documents-level-2, .documents-level-3, .documents-level-4{
    display: none;
}

.minus>.features-values, .minus>.products-groups, .minus>.documents-level-2, .minus>.documents-level-3, .minus>.documents-level-4{
    display: block;
}

.filterLink{
    color: #000;
    position: absolute;
    font-size:20px;
    font-weight:bold;
}

.pcaCategoryUl > li {
    position: relative;
}
.filterLink::after{
    content: "+";
    display: inline-block;
    width: 15px;
}

.categoriesDiv ul li {
    padding: 3px 0 1px 19px;
}

.table-row{
    z-index: 99999999999;
}

.draggable-div{
    padding: 5px;
    border: 1px solid rgba(208, 208, 208, 0.8);
    background-color: #FFFFFF;
    position: absolute;
    z-index: 99999999999;
}

.languages-select-left{
    float: left;
}

.languages-select-left a{
    text-align: left;
}

.languages-select-left li a{
    padding-left: 11px;
}

.languages-select-left .caret{
    margin-left: 9px;
}

.btn_right{
    float: right;
}

.selectedCategory a{
    color: #007ce8 !important;
}

.selectedCategory, .selectedTransportsGroup{
    color: #007ce8 !important;
}

.save-product-button{
    float: right;
}

.btn-small [class^="icon-"] {
    margin-bottom: 5px;
}

.navbar .btn-small [class^="icon-"]{
    margin-bottom: 0;
}

.input-prepend .add-on:first-child{
    width: 35px;
    margin-bottom: -1px;
}

.input-prepend input{
    width: 250px;
}

.input-prepend textarea{
    width: 250px;
    height: 20px;
}
/* .input-prepend textarea.product-name-input {
    min-height: 45px;
} */
.input-prepend input.linkmanager {
    width: 198px;
}

input.linkmanager {
    width: 243px;
}

.controls .input-prepend + .input-prepend{
    margin-top: 1px;
}

.controls .hidden-language-field, .control-group .hidden-language-field{
    display: none;
}

div.hidden-language-field{
    display: none;
}

.pages-textarea{
    width:100%;
    height:300px;
}

.margin-bottom-20{
    margin-bottom: 20px !important;
}

.grid-with-aside{
    position: absolute;
    top: 45px;
    bottom: 0px;
    left: 300px;
    right: 0px;
}

.grid-with-aside .table-scroll-content{
    top: 0px;
}

.btn-group > .btn-small{
    font-size: 14px;
}

.btn-textInput {
    height: 20px;
    padding: 4px 12px;
}

.btn-textInput [class^="icon-"] {
    margin-bottom: 5px;
}

input.generate-url-button, input.edit-url-button{
    margin-left: 150px;
    margin-bottom: 10px;
}

.products-feature{
    /*display: inline-block;*/
    /*margin-bottom: 5px;*/
    position: relative;
    display: block;
}

.products-feature-line{
	border-bottom: 1px solid #eee;
	clear: both;
	display: block;
	min-height: 1.5em;
	padding: 5px 0 5px 250px;
}
.checkBoxListFeatures label{
    font-size: 13px;
    padding-left: 5px;
}

.products-feature-line input {
	margin-top: 0;
}

.products-feature input {
    position: absolute;
    left: -245px;
	top: 4px;
}
.products-feature label {
    font-size: 13px;
    position: absolute;
    left: -220px;
    text-align: left;
	top: 0px;
    width: 210px;
}

input.feature-input, label.feature-input{
    visibility: hidden;
}

.category-hover{
    /* border: 1px #007ce8 dashed; */
    background-color: #CCCCCC;
}

.shops-features-label{
    display: inline-block;
}


.autocompleteContent{
    position: absolute;
    background: #ffffff;
    top: 39px;
    width: 298px;
    border: 1px solid #dadada;
    color: #818181;
    line-height: 20px;
    padding: 0px 5px;
    font-family: Arial;
    margin-left: 204px;
    z-index: 1;
}

.autocompleteContent div{
    padding: 2px;
}

.autocompleteContent div.active{
    background: #666666;
    color: #ffffff;
}

.autocompleteItemActive{
    background: #007ce8;
    color: #ffffff;
}

.transports-groups-form{
    min-height: 300px;
}

.widgets-form{
    max-height: 200px;
    height: auto !important;
}

.transports-groups-color-picker{
    margin-left: 150px;
}

.transportsGroupFilter{
    padding: 3px 0 1px 19px;
}

.featureFilter, .transportsGroupsFilterLink, .productsAttributesFilter, .productsStatusFilter, .promotionsFilter, .productsPricesNettoFilter, .productsPricesBruttoFilter, .productsPromotionsPricesNettoFilter, .productsPromotionsPricesBruttoFilter {
    padding: 3px 0 1px 33px;
}

.contractors-filters-header>.categoryFilter,
.contractors-filters-header>.categoryToggle{
    padding: 3px 0 1px 33px;
    display: inline-block;
}

.structure-div{
    display: none;
    width: 268px;
}

.structure-div-documents{
    /* margin-bottom: 281px; */
    padding-bottom: 25px;
}

.categoryFilter, .transportGroupIcon{
    top: 5px;
}

.gridTransportGroupIcon{
    top: 5px;
}

.categories-tree{
    background-color: #fff;
    border: 1px solid #ddd;
    bottom: 0;
    overflow: auto;
    position: absolute;
    top: 12px;
    width: 288px;
    border-radius: 4px;
    /* transition: all .2s linear; */
}

.grid-with-structures>.grid-view{
    left: 300px;
    /* transition: left .2s linear; */
}

.table-top .dropdown [class^="icon-"], .table-top .dropdown [class*=" icon-"] {
    position: relative;
    margin: 0 10px 0 -10px;
}
/*
.btn-group + .btn-group{
    margin-left: 0;
}
*/

.record-details {
    background-color: #FFF;
    border: 1px solid #DDD;
    bottom: 0px;
    overflow: auto;
    position: absolute;
    top: 22px;
    right: 0;
    width: 288px;
}

.grid-with-details > .grid-view {
    right: 300px;
}

.record-bigfooter {
    background-color: #FFF;
    border: 1px solid #DDD;
    overflow: auto;
    position: absolute;
    left: 0;
    bottom: 10px;
    height: 200px;
    right: 0;
}

.record-bigfooter-financeDocs {
    height: 212px;
}

.grid-with-bigfooter > .grid-view {
    bottom: 265px;
}

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

.quickViewRecord{
    background: #eee;
    padding: 5px;
    margin: 0;
    font-size: 13px;
}

.quickViewRecord + table{
    margin-bottom: 10px;
    width: 100%;
}

.quickViewRecord + table tr td{
    font-size: 13px;
}

.quickViewDetail{
    padding: 5px;
    margin: 0;
    font-size: 13px;
}
.quickViewDetail:nth-child(2n){
    background: #eee;
}

.quickViewNumber{
    float: right;
    font-size: 13px;
    background: #007ce8;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    padding: 0px 5px;
}

#annotations .gridview .table-scroll-content{
    position: static;
    margin-bottom: 20px;
}

#quickFoot{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 1px;
    right: 0;
}

#quickFoot > div{
    /*padding: 10px;*/
    box-sizing: border-box;
}

#quickFoot > .contractorBox{
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 289px;
}

#quickFoot > .positionBox{
    position: absolute;
    top: 0;
    left: 289px;
    bottom: 0;
    right: 0;
    overflow: auto;
}

#quickFoot > .positionBox table{
    margin: 0;
}

.features-values-label{
    width: 110px;
    display: inline-block;
}

.features-values-textarea{
    margin-bottom: 5px;
}

.checkBoxListFeatures{
    display: block;
}

.checkBoxListFeatures label{
    display: inline-block;
}

.checkBoxListFeaturesOptions, .checkBoxIfGenerateVariantsFromFeature {
	float: right;
	margin: 10px;
	width: 170px;
    margin-top: 0;
}

.checkBoxListFeaturesOptions label {
	display: block;
	padding: 0;
	width: 150px;
}

.checkboxListFeaturesGroups{
    display: block;
    padding-left: 150px;
}

.checkboxListFeaturesGroupsLabel label{
    padding-left: 90px;
    font-size: 13px;
    width: 130px;
}

#featuresGroupsProducts{
    margin-right: 5px;
}

.show-all-features{
    margin-top: 20px;
}

.wide-controls{
    width: 600px !important;
}

.manage-features-button{
    padding: 4px;
    height: 20px;
    display: inline-block;
}
#quickFoot td, #quickFoot th{
    border: none;
}

#quickFoot th, #quickFoot .positionBox td{
    border-bottom: 1px solid #dddddd
}

#quickFoot .positionBox th:nth-child(n+2),
#quickFoot .positionBox td:nth-child(n+2){
    border-left: 1px solid #dddddd
}

#quickFoot .positionBox td:nth-child(2){
    position: relative !important;
}
#quickFoot .positionBox .documentRow td:nth-child(2) {
    font-size: 0;
}
#quickFoot .positionBox .documentRow td:nth-child(2) *:not(img):not(a) {
    font-size: 0;
    display: none;
}
/* #quickFoot .positionBox .documentRow td:nth-child(2) img, #quickFoot .positionBox .documentRow td:nth-child(2) svg, #quickFoot .positionBox .documentRow td:nth-child(2) a {
    display: block;
} */
.url-input:after{
    display: block;
    content: 'a';
    width: 10px;
    height: 10px;
}

.input-prepend input.url-input{
    width: 217px;
}

.input-prepend input.title-input-1{
    width: 217px;
}

.input-prepend input.title-input-2{
    width: 217px;
}

.add-on-edit{
    width: 20px !important;
}

.add-on-edit-title{
    width: 20px !important;
}

.add-on-edit-tagtitle{
    width: 20px !important;
}

.url-schema-info{
    margin-left: 150px;
    font-size: 13px;
    margin-bottom: 20px;
    position: relative;
}

.url-schema-info label{
    display: inline-block;
    font-size: 13px;
    position: absolute;
    left: -150px;
    text-align: right;
    width: 130px;
}

.language-field-json div.input-prepend{
    margin-top: 0px !important;
    margin-bottom: 1px !important;
}

#make-warehouses-products-connection{
    display: none;
}

.pictures-miniature{
    display: block;
    border: 1px solid #cccccc;
    width: 90px;
	width:44px;
    overflow: hidden;
    max-height: 60px;
    visibility: hidden;
	text-align: center;
}

.pictures-miniature img{
    cursor: move;
    max-width: 90px;
    max-height: 60px;
	height: 28px;
    width: 44px;
}

.categories-tree.wrapped-column, .documents-left-column-bottom-summary.wrapped-column, .document-summary.wrapped-column{
    width: 0;
    border: 0;
    padding: 0px;
}

.wrapped-column + div.grid-with-structures>div{
    left: 20px;
}

.categories-menu-header a{
    margin-left: 5px;
}

.toggle-arrow-container{
    position: relative;
}

.toggle-arrow{
    background-color: #ffffff;
    border: 1px solid #ddd;
    cursor: pointer;
    height: 23px;
    left: -32px;
    position: absolute;
    top: 85px;
    width: 20px;
    z-index: 999;
    border-radius: 4px;
}

.toggle-arrow i{
    cursor: pointer;
    margin-left: 4px;
    margin-top: 4px;
    display:block;
    width: 14px;
    height: 14px;
}
.toggle-arrow i:before {
    display: none;
}
.toggle-arrow i:after {
    content: "";
    display: block;
    height: 14px;
    width: 14px;

    mask-image: url(../img/filters.svg);
    -webkit-mask-image: url(../img/filters.svg);
    -o-mask-image: url(../img/filters.svg);
    -ms-mask-image: url(../img/filters.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: 15px auto;
    -webkit-mask-size: 15px auto;
    -o-mask-size: 15px auto;
    -ms-mask-size: 15px auto;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;

    background-color: #000;
    content: '';
    position: absolute;
}
.pageView{
width: 630px;
height: 891px;
-webkit-box-shadow:inset 0 0 0 1px #ddd;
box-shadow:inset 0 0 0 1px #eee !important;
margin: 10px auto;
background: #fff;
position: relative;
}
.pageView.defined{
width: 630px;
height: 1160px;
-webkit-box-shadow:inset 0 0 0 1px #ddd;
box-shadow:inset 0 0 0 1px #eee !important;
margin: 10px auto;
background: #fff;
position: relative;
}

.pageView .pageViewInput{
position: relative;
background: #eee;
}
.pageView .pageViewInputRelation{
position: relative;
background: #eee;
}

.pageView .pageViewInput textarea{
position: absolute;
right: 0;
left: 0;
bottom: 0;
top: 0;
border: 1px solid #eee;
display: block;
box-sizing: border-box;
width: inherit;
height: inherit;
background: transparent;
font-size: 11px;
resize: none;
overflow: hidden;
}

.pageView .pageViewInput textarea:hover{
background: #fff;
overflow: auto;
}

.pageView .pageViewInput .icon-plus,
.pageView .pageViewInput .icon-save,
.pageView .pageViewInput .icon-remove{
background: #eee;
position: absolute;
right: -25px;
padding: 4px 4px 6px 6px;
border: 1px solid #ddd;
display: none;
cursor: pointer;
z-index: 1;
}

.pageView .icon-plus{
top: 0px;
}

.pageView .icon-save{
top: 24px;
}

.pageView .pageViewInput .icon-remove{
top: 48px;
color: #d00;
}

.pageView .pageViewInput:hover .icon-plus,
.pageView .pageViewInput:hover .icon-save,
.pageView .pageViewInput:hover .icon-remove{
display: inline-block;
}

.pageView .pageViewHeadRight textarea,
.pageView .pageViewTopRight textarea,
.pageView .pageViewBottomRight textarea,
.pageView .pageViewFootRight textarea{
text-align: right;
}

.pageView .pageViewHeadCenter textarea,
.pageView .pageViewTopCenter textarea,
.pageView .pageViewBottomCenter textarea,
.pageView .pageViewFootCenter textarea{
text-align: center;
}


.pageView .pageViewHead{
position: absolute;
top: 0;
height: 75px;
left: 0;
right: 0;
}
.pageView.defined .pageViewHead{
position: absolute;
top: 0;
height: 110px;
left: 0;
right: 0;
}


.pageView .pageViewHead > .pageViewInput,.pageView .pageViewHead > .pageViewInputRelation{
height: 75px;
width: 210px;
float: left;
}
.pageView.defined .pageViewHead > .pageViewInput,.pageView.defined .pageViewHead > .pageViewInputRelation{
height: 160px;
width: 210px;
float: left;
}
.pageView .pageViewTop{
position: absolute;
top: 280px;
height: 100px;
left: 75px;
right: 75px;
}
.pageView.defined .pageViewTop{
position: absolute;
top: 350px;
height: 100px;
left: 75px;
right: 75px;
}

.pageView .pageViewTop > .pageViewInput,.pageView .pageViewTop > .pageViewInputRelation{
height: 100px;
width: 160px;
float: left;
}
.pageView.defined .pageViewTop > .pageViewInput,.pageView.defined .pageViewTop > .pageViewInputRelation{
height: 160px;
width: 160px;
float: left;
}


.pageView .pageViewFoot{
position: absolute;
bottom: 0;
height: 75px;
left: 0;
right: 0;
}
.pageView.defined .pageViewFoot{
position: absolute;
bottom: 0;
height: 160px;
left: 0;
right: 0;
}

.pageView.defined .pageViewFoot{
position: absolute;
bottom: 0;
height: 160px;
left: 0;
right: 0;
}


.pageView .pageViewFoot > .pageViewInput{
height: 75px;
width: 210px;
float: left;
}

.pageView.defined .pageViewFoot > .pageViewInputRelation{
height: 160px;
width: 210px;
float: left;
}

.pageView .pageViewBottom{
position: absolute;
bottom: 170px;
height: 100px;
left: 75px;
right: 75px;
}
.pageView.defined .pageViewBottom{
position: absolute;
top:750px;
height: 160px;
left: 75px;
right: 75px;
}

.pageView .pageViewBottom > .pageViewInput{
height: 100px;
width: 160px;
float: left;
}
.pageView .pageViewBottom > .pageViewInputRelation{
height: 160px;
width: 160px;
float: left;
}

.pageView .pageViewGhost{
position: absolute;
color: transparent;
text-shadow: 0 0 10px rgba(0,0,0,0.7) !important;
font-weight: 700;
}

.pageView .pageViewLogo{
top: 100px;
left: 75px;
}
.pageView.defined .pageViewLogo{
top: 180px;
left: 75px;
}

.pageView .pageViewDate{
top: 100px;
right: 75px;
}
.pageView.defined .pageViewDate{
top: 180px;
right: 75px;
}

.pageView .pageViewContractorLeft{
top: 180px;
left: 125px;
}

.pageView.defined .pageViewContractorLeft{
top: 230px;
left: 125px;
}

.pageView .pageViewContractorRight{
top: 210px;
right: 125px;
}
.pageView.defined .pageViewContractorRight{
top: 230px;
right: 125px;
}

.pageView .pageViewHeader{
top: 130px;
right: 75px;
left: 75px;
font-size: 24px;
text-align: center;
}
.pageView.defined .pageViewHeader{
top: 310px;
right: 75px;
left: 75px;
font-size: 24px;
text-align: center;
}

.pageView .pageViewList{
top: 400px;
left: 75px;
}
.pageView.defined .pageViewList{
top: 540px;
left: 75px;
}

.pageView .pageViewList + .pageViewList{
margin-top: 20px
}

.pageView .pageViewList + .pageViewList + .pageViewList{
margin-top: 40px
}

.pageView .pageViewList + .pageViewList + .pageViewList + .pageViewList{
margin-top: 60px
}

.pageView .pageViewList + .pageViewList + .pageViewList + .pageViewList + .pageViewList{
margin-top: 80px
}



.pageView .pageViewPayment{
top: 520px;
left: 75px;
}
.pageView.defined .pageViewPayment{
top: 670px;
left: 75px;
}

.pageView .pageViewSumary{
top: 520px;
right: 75px;
text-align: right;
}
.pageView.defined .pageViewSumary{
top: 660px;
right: 75px;
text-align: right;
}


.pageView .pageViewTotal{
top: 575px;
right: 75px;
font-size: 20px;
}
.pageView.defined .pageViewTotal{
top: 720px;
right: 75px;
font-size: 20px;
}

.pageView .pageViewSignLeft{
bottom: 120px;
left: 100px;
}
.pageView.defined .pageViewSignLeft{
bottom: 200px;
left: 100px;
}

.pageView .pageViewSignRight{
bottom: 120px;
right: 100px;
}

.pageView.defined .pageViewSignRight{
bottom: 200px;
right: 100px;
}

.quicktip{
display: inline-block;
padding: 2px 10px;
border: 1px solid #eee;
background: #fff;
position: absolute;
right: 1px;
}


.miniatures-crop-pane{
    text-align: center;
}

.croppable-content{
    display: block;
}

.popover{
    width: auto;
}

.table-condensed td, .table-condensed th{
    padding: 0;
}

.table-release td, .table-release th{
    padding: 4px 5px;
}
.table-release td{
    border: 0 none transparent;
    vertical-align: middle;
}

.table-release th{
    border: 0 none transparent;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.table-release{
    border: 1px solid #ddd;
}

td.big-operator, th.big-operator{
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    padding-top: 17px;
}

.input-prepend input + input{
    margin-left: -1px;
}

.table-condensed input[type=text]{
    width: 80px !important;
    text-align: right;
}

.input-append .popover-content, .input-prepend .popover-content{
    font-size: 14px;
}

.table-condensed .input-prepend + .input-prepend{
    display: block;
    margin-top: 3px;
}

.min-row{
    width: 1%;
}

.table-condensed .input-labels span{
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
}

.table-condensed .input-labels .input-label{
    width: 90px;
    margin-left: 47px;
    padding-left: 2px;
}
.table-release .input-labels .input-label{
    /* margin-left: 0px; */
}
.table-release input[type=text]{
    width:74px !important;
}

.table-condensed .input-label + .input-label{
    margin-left: 0;
}

.table-release.before-correction td{
background: #f5f5f5;
}

.table-release.before-correction h3{
font-weight: 400;
}

.table-release.after-correction h3{
font-weight: 400;
color: #08c;
}

#dcpPartOut{
font-size: inherit;
}

.historyDetail{
display: inline-block;
}
.historyDetail div{
padding: 3px 5px;
}
.table-release table td{
padding-left: 0;
padding-right: 0;
}

.feature-filter-checkbox, .productsAttributes-filter-checkbox, .productsStatus-filter-checkbox {
    /*margin: 0 10px 0 44px !important;*/
}

.productsAttributes-filter-checkbox, .feature-filter-checkbox, .promotion-filter-checkbox {
    margin-left: 40px !important;
}

.features-filters-row, .products-groups-row, .galleries-products-categories-row{
    display: block;
    position: relative;
}

.features-filters-row input {
    float: left;
    margin-top: 7px;
    margin-left: 10px;
}

.features-filters-row .categoryFilter {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 5px;
    width: calc(100% - 100px);
}

.products-groups-row input {
    float: left;
}

.featureValueFilter, .productsAttributesValueFilter, .productsStatusValueFilter, .productsPricesNettoFilter, .productsPricesBruttoFilter {
    /*padding: 3px 0 1px;*/
    margin-top: -5px;
    display: inline-block;
    /*width: 197px;*/
}

.pageViewInputRelation label{
    display:none;
}

.pageViewInputRelation.medium .controls{
    margin-left:5px;
}

.pageViewInputRelation.small .controls{
    margin-left:5px;
}

.pageViewInputRelation.medium input.relation{
    width:130px;
}

.pageViewInputRelation.small input.relation{
    width:80px;
}

.pageViewInputRelation.medium .controls .input-append{
    margin:5px 0 0 0;
}

.pageViewInputRelation.small .controls .input-append{
    margin:5px 0 0 0;
}

.pageViewInputRelation.medium textarea{
    width:184px;
    height:100px;
    margin: 0 0 0 5px;
    font-size:12px;
}

.pageViewInputRelation.small textarea{
    width:134px;
    height:100px;
    margin: 0 0 0 5px;
    font-size:12px;
}

.products-groups-types-select{
    display: block;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 20px;
    width: 180px;
}

.products-groups-type{
    display: none;
    margin-bottom: 0;
    margin-left: 20px;
    margin-top: 15px;
}

.filter-row{
	margin-bottom: 3px;
    margin-top: 3px;
    padding-left: 35px;
	display: block;
    position: relative;
}

.products-groups-row, .galleries-products-categories-row{
    margin-bottom: 3px;
    margin-top: 3px;
    padding-left: 35px;
    position: relative;
}

.documents-plus-minus-link{
    padding-left: 35px !important;
    padding-top: 0 !important;
}

.documents-level-3{
    padding-left: 21px;
}

.documents-level-4{
    padding-left: 25px;
}

.inline-filter .categoryFilter{
    display: inline-block;
}

.delete-documents-filters, .delete-contractors-filters{
    color: #a10028;
    display: none;
    right: -5px;
    top: 2px;
    cursor: pointer;
    margin-left: 3px;
}

.documents-filters-structure, .contractors-filters-structure{
    position: relative;
}

.products-show-hide-structure{
    color: #666;
    display: block;
    padding: 3px 0 1px 33px;
}

.products-show-hide-structure-link, .favFiltersLink{
    color: #666;
}

.plus-minus-link{
    padding: 3px 0 1px 19px;
    color: #000;
    position: absolute;
    font-size: 20px;
    font-weight: bold;

}
.plus-minus-link:after, .features_values_link::after, .products_groups_types_link::after, .documents-lvl2-link::after, .filterLink::after, .contextmenu .icon-plus:after,
.minus>.plus-minus-link::after, .minus>.features_values_link::after, .minus>.products_groups_types_link::after, .minus>.documents-lvl2-link::after {
    /* content: "+";
    display: inline-block;
	text-align: center;
    width: 10px; */

    content: "";
    display: block;
    height: 20px;
    width: 14px;

    mask-image: url(../img/plus.svg);
    -webkit-mask-image: url(../img/plus.svg);
    -o-mask-image: url(../img/plus.svg);
    -ms-mask-image: url(../img/plus.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: 14px auto;
    -webkit-mask-size: 14px auto;
    -o-mask-size: 14px auto;
    -ms-mask-size: 14px auto;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;

    background-color: #000;
    content: '';
    position: absolute;
}
.minus>.plus-minus-link::after, .minus>.features_values_link::after, .minus>.products_groups_types_link::after, .minus>.documents-lvl2-link::after, .minus>.filterLink::after {
    mask-image: url(../img/minus.svg);
    -webkit-mask-image: url(../img/minus.svg);
    -o-mask-image: url(../img/minus.svg);
    -ms-mask-image: url(../img/minus.svg);
}
.minus>.structure-div{
    display: block;
    margin-left: 25px;
}
.add-on .icon-plus, .add-on .icon-plus:after {
    width: 100%;
    height: 100%;
}
.add-on .icon-plus:after, .add-on .icon-remove:after {
    mask-position: center center !important;
    -webkit-mask-position: center center !important;
    -o-mask-position: center center !important;
    -ms-mask-position: center center !important;
}
.contextmenu .icon-plus, .contextmenu .icon-plus:after {
    width: 14px;
    height: 18px;

    mask-size: 18px auto;
    -webkit-mask-size: 18px auto;
    -o-mask-size: 18px auto;
    -ms-mask-size: 18px auto;

    mask-position: -2px center;
    -webkit-mask-position: -2px center;
    -o-mask-position: -2px center;
    -ms-mask-position: -2px center;
}
.contextmenu a:hover .icon-plus:after {
    background: #fff;
}
.contractors-structures{
    padding-top: 30px;
}

.products-structures{
    padding-top: 30px;
}

.galleries-structures{
    padding-top: 30px;
}

.documents-structures{
    margin-bottom: 210px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.documents-structures.without-bottom{
    margin-bottom: 0px;
}

.documents-structures.with-summary-info{
    margin-bottom: 266px;
}

.delete-products-filters{
    color: #a10028;
    text-align: center;
    width: 20px;
    margin-left: 5px;
    display: none;
}

.delete-products-from-category{
    color: #a10028;
    text-align: center;
    width: 20px;
    margin-left: 5px;
    display: none;
}

.categoryFilter a, .productsFilter a, .categories-menu-header a{
    color: #666;
}

.categoryFilter a:hover, .productFilter a:hover, .categories-menu-header a:hover{
    color: #007ce8;
}

.delete-products-filters i, .delete-products-from-category i{
    cursor: pointer;
    font-size: 11px;
    opacity: 0.7;
}

.delete-products-filters i:hover, .delete-products-from-category i:hover{
    opacity: 1;
}

.products-structure-div{
    position: relative;
}

.categoryFilter:hover, .productFilter:hover, .products-show-hide-structure-link:hover, .favFiltersLink:hover .showAllProducts:hover, .plus-minus-link:hover, filterLink:hover{
    color: #007ce8;
}

.features-filters-row i{
    cursor: pointer;
    display: none;
    font-size: 11px;
    height: 25px;
    opacity: 0.7;
    padding-right: 5px;
    position: absolute;
    left: 0px;
    text-align: right;
    top: 10px;
    width: 30px;
    z-index: 9999999;
}

.features-filters-row i:hover{
    opacity: 1;
}

.left-column-filters-header{
    display: block;
    padding: 3px 0 1px 33px;
}

.left-column-filters-header .categoryFilter{
    display: inline-block;
    padding: 0;
}

.left-column-filters-structure-div .left-column-filters-header .categoryFilter{
    padding: 0 0 0 16px;
}

.left-column-filters-header-text{
	color: #666;
}

.left-column-filters-header-text:hover{
	color: #666;
}

.documents-filters-header{
    display: block;
    padding: 3px 0 1px 33px;
}

.documents-filters-header .categoryFilter{
    display: inline-block;
    padding: 0;
}

.bigappend + .add-on{
    width: 44px;
}

.delete-documents-filters i.icon, .delete-contractors-filters i.icon{
    font-size: 11px;
    opacity: 0.7;
    cursor: pointer;
}

.delete-documents-filters i.icon:hover, .delete-contractors-filters i.icon:hover{
    opacity: 1;
}

.documents-left-column-bottom-summary{
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ddd;
    bottom: 211px;
    display: block;
    overflow: auto;
    position: absolute;
    width: 288px;
    height: 0;
}

.documents-left-column-bottom-summary.hidden{
    border: 0;
}

.summary-line-info{
    display: block;
    padding-left: 10px;
    padding-top: 4px;
}

.summary-line-info.header{
    font-weight: bold;
}

.summary-line-info.money span{
    font-weight: bold;
}


#quickFoot .nav-tabs {
    background: #eee;
}

#quickFoot .nav-tabs > li > a {
	color: #333;
}

#quickFoot .nav-tabs > li:hover > a,
#quickFoot .nav-tabs > li > a:hover {
	background: #ddd;
	color: #333;
}

#quickFoot .nav-tabs > li.active > a,
#quickFoot .nav-tabs > li.active > a:hover {
	background: #fff;
	color: #333;
}

#quickFoot .panes-td a:first-child{
    border-left: 0;
}

#quickFoot .panes-td a{
    border-top: 0;
    margin-right: 0;
    /* color: #555555; */
}

#quickFoot .panes-td{
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
}

#quickFoot .panes-td .tab-pane{
	padding: 3px 5px;
}

#quickFoot .panes-td .tab-pane > div{
	line-height: 18px;
}

#quickFoot .panes-td .tab-pane a{
    color: #007ce8;
}

#quickFoot .table{
    border: medium none;
}


.summary-line-info.totalDocumentsNumber, .summary-line-info.summaryTotalNetto{
    font-weight: bold;
}

.summary-line-info.filters{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 2px;
}

.summary-line-info.filters span{
    font-weight: bold;
}

.summary-line-info .beginning-of-line{
    display: inline-block;
    text-align: right;
    min-width: 96px;
    font-weight: normal;
}

.features-values-sortable-inputs .table-multifiled tr{
    height: 36px;
}

.features-values-sortable-inputs .table-multifiled td.language-field{
    cursor: move;
}

.sliders-sortable-inputs-placeholder, .sliders-sortable-inputs tbody tr {
    height: 71px;
}

.sliders-sortable-inputs-placeholder td:first-child {
    border-left: 3px dashed #DDDDDD;
}

.sliders-sortable-inputs-placeholder td:last-child {
    border-right: 3px dashed #DDDDDD;
}

.sliders-sortable-inputs-placeholder td {
    border-top: 3px dashed #DDDDDD;
    border-bottom: 3px dashed #DDDDDD;
    box-sizing: border-box;
}

.parent-category-label{
    font-size: 13px;
    padding-top: 5px;
}
.collapsed-field input, .collapsed-field select{
    margin-top: -1px;
}

.collapsed-field :active, .collapsed-field :focus{
    z-index: 1;
}

#quickFoot .quickFooterStatuses{
position: absolute;
bottom: -1px;
right: -1px;
left: -1px;
margin-bottom: 0;
table-layout: fixed;
}

#quickFoot .quickFooterStatuses td{
    background: #eee;
    border: 1px solid #ddd;
    width: 50%;
}

#quickFoot .quickFooterStatuses td div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

table.cart-table{
    width: 100%;
    border-collapse: collapse;
    border: 0 none fff;
}

table.cart-table > tr > td{
    vertical-align: top;
    width: 300px;
}

table.cart-table > tr > td + td{
    width: auto;
}

#cart-images{
width: 280px;
height: 310px;
box-sizing: border-box;
padding: 10px 50px 100px 50px;
position: relative;
margin: 0 20px 0 0;
}

.carousel-indicators{
position: absolute;
right:  0;
left: 0;
margin: 0;
top: 280px;
text-align: center;
list-style-type: none;
}
.carousel-indicators li{
display: inline-block;
width: 16px;
height: 16px;
background: #999;
border-radius: 8px !important;
opacity: .5;
}
.carousel-indicators li.active{
display: inline-block;
opacity: 1;
}
.carousel-control{
left: 0;
border: 0;
background:  transparent;
color: #999;
font-size: 120px;
line-height: 0;
font-weight: 100;
}
.carousel-control.right{
right: 0;
left: auto;
}
.carousel-control:hover{
color: #999;
}

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

.table-lines td{
border-top: 1px solid #ddd;
padding: 3px;
}

.table-lines tr:first-child td{
border-top: 0px solid #fff;
}

.cart-images-list{
text-align: center;
}

.cart-images-list a{
width: 180px;
height: 220px;
border: 1px solid #fff;
padding: 20px;
text-align: center;
display: inline-block;
text-decoration: none;
}

.positions-details-container .gridview>div{
position: static;
}

.positions-details-header{
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
}

.cart-documents-preview{
padding-right: 2px;
}

.cart-images-list a:hover{
border-color: #ddd;
}

.cart-images-list a span{
display: block;
margin-top: 10px;
color: #555;
}

.carousel .icon-ban-circle{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
opacity: .3;
font-size: 200px;
padding-bottom: 90px;
}

.singleDocumentsSummaryCart{
	margin-top: 20px;
	margin-left: 5px;
}

.singleDocumentsSummaryCart td{
	background: none repeat scroll 0 0 #f0f0f0;
	padding: 0 20px 0 0;
	border: 0;
	border-radius: 0;
	font-size: 14px;
}

.singleDocumentsSummaryCart td:first-child, .allDocumentsSummary td:first-child{
	vertical-align: middle;
}

.table-under-order .singleDocumentsSummaryCart td{
	width: auto;
}

.allDocumentsSummary{
	margin: 0;
	float: right;
}

.allDocumentsSummary td{
	padding: 0 20px 0 0;
	border: 0;
	border-radius: 0;
	font-size: 14px;
}

.table-condensed th{
	font-weight: 400;
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	background: #f9f9f9;
}
/*
.table-condensed tr:last-child th{
	border-bottom: 3px solid #999;
}
*/
.table-outline{
    margin-right: 5px;
    outline: 10px solid #f9f9f9;
}

.amount-glue{
    position: relative;
}

.amount-glue::after{
	content: "";
	position: absolute;
	right: -10px;
	left: -10px;
	background: #f9f9f9;
	bottom: 0;
	height: 100px;
	z-index: -1
}

.center-info{
width: 600px;
margin: 50px auto;
}

.center-bigicon{
text-align: center;
padding: 30px 0;
}

.center-bigicon i{
font-size: 250px;
}

.ui-helper-hidden-accessible {
    border: 0px none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}

.ui-widget-content {
    border: 1px solid #AAA;
    background: #FFF;
    color: #222;
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

.ui-menu {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
    display: block;
    outline: medium none;
}
.ui-autocomplete {
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: default;
    max-height: 210px;
    overflow-y: auto;
    overflow-x: hidden;

}
.ui-front {
    z-index: 10000;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0px;
    padding: 3px 1em 3px 0.4em;
    cursor: pointer;
    min-height: 0px;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
    margin: -1px;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #999;
    background: #DADADA;
    font-weight: normal;
    color: #212121;
}

.background-green{
    background: green;
}

.background-red{
    background: red;
}

.span6.transportsPaymentsContainer{
	padding-bottom: 30px;
}

.cartGrid{
	margin-right: 2px;
}

.formFooterInput [name=savingOptions]{
    width: auto;
}

#cboxPrevious {

}

#cboxNext {
    left: 84px;
}

#cboxCurrent {
    left: 184px;
}

.fileManagerLeft{
	display: block;
	float: left;
	width: 25%;
}

.fileManagerRight{
	display: block;
	float: right;
	width: 74%;
}

.toggle-arrow-footer {
    background-color: #FFF;
    border: 1px solid #DDD;
    cursor: pointer;
    height: 20px;
    position: absolute;
    top: 0px;
    width: 23px;
    z-index: 999;
    left: 50%;
    margin-left: -11px;
}

.toggle-arrow-footer i {
    cursor: pointer;
    margin-left: 4px;
    margin-top: 4px;
}

.delete-left-column-filters-header{
	color: #666;
    display: block;
    margin-left: 20px;
    text-align: left;
}

.delete-left-column-filters-header i {
    cursor: pointer;
    font-size: 11px;
    opacity: 0.7;
}

.delete-left-column-filters-header i:hover {
    opacity: 1;
}

.delete-elements-left-column-filters-header{
	color: #a10028;
    margin-left: 5px;
	display: none;
    text-align: center;
    width: 20px;
}

.delete-elements-left-column-filters-header i{
	cursor: pointer;
    font-size: 11px;
    opacity: 0.7;
}

.delete-elements-left-column-filters-header i:hover{
	opacity: 1;
}

.multi-select-container{
	display: block;
	width: 100%;
}

.multi-select-control-left{
	display: block;
	float: left;
	width: 50%;
}

.multi-select-control-right{
	display: block;
	float: left;
	width: 50%;
}

.multi-select-container-header{
	margin-bottom: 20px;
}

.multi-select-container-header i{
	padding-left: 5px;
	font-size: 11px;
	opacity: 0.7;
	display: none;
}

.multi-select-container-header i:hover{
	opacity: 1;
	cursor: pointer;
}

.multi-select-container-item.active{
	margin-bottom: 20px;
	color: #007ce8;
	margin-bottom: 0px;
}

.prd-groups-types-select, .concreteProductsGroupsSelectContainer .prd-groups-select{
	margin-right: 20px;
	margin-bottom: 10px !important;
}

.mr20{
margin-right:20px;
}

.pad4{
padding:4px
}

.concreteProductsGroupsSelectContainer{
	display: none;
}

.products-from-group-grid-container{
	position: relative;
}
.pages-grid{
    top:0px !important;
    height: 155px;
}

.pages-grid-row{

}

.pages-grid-pagination{
    bottom: none;
    top: 155px;
}

.google-translate-button{
    background: url('../img/google-translate-button.png') no-repeat;
    margin-left: 15px;
    display: inline-block;
    height: 28px;
    width: 150px;
}

.cke_button__linkmanager_icon{
    font-family: "Glyphicons Regular";
}

.cke_button__linkmanager_icon::before{
    font-family: "Glyphicons Regular";
    font-size: 15px;
    color: #000;
    content: "\E051";
}

a.cke_button__linkmanager{

}
a.cke_button__linkmanager.cke_button_off:hover,
a.cke_button__linkmanager.cke_button_off:focus,
a.cke_button__linkmanager.cke_button_off:active,
a.cke_button__linkmanager.cke_button_disabled:hover,
a.cke_button__linkmanager.cke_button_disabled:focus,
a.cke_button__linkmanager.cke_button_disabled:active{
    *background: #E4E4E4 ;
    border-color: #A6A6A6 #A6A6A6 #979797;
}
a.cke_button__linkmanager .cke_button__filemanager_icon::before{

}
a.cke_button__linkmanager .cke_button_label{
    display: block;
    color: #000;
}

#backUpPageFromHistories{
    position:relative;
}


.index-footer{
	background-color: #f5f5f5;
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ddd;
    box-shadow: 0 1px 0 #ffffff inset;
    margin-bottom: 0;
    padding: 14px 15px 15px;
    text-align: right;
}
.left-column-filters-structure-div.minus .categories-tree-div.structure-div{
	display: block;
}

.left-column-filters-structure-div.minus .categoriesDiv ul li, .left-column-filters-structure-div.minus .transportsGroupFilter{
	padding: 3px 0 1px 16px;
}

.tree_filter{
	padding: 0 0 0 16px;
	display: inline-block;
	color: #666;
}

.tree_filter:hover{
	color: #666;
}

.filter-row a {
	color: #666;
}

.table-row.hover a{
    color: #fff;
}

.galleriesCategories{
    color: #666;
    display: block;
    padding-left: 15px;
    box-sizing: border-box;

}

.table-row.selected div.table-cell{
    background: #008fee;
}

.link-manager-footer{
    height:80px;
    clear:both;
    border-top:1px solid #ddd;
}
/*
.productsPackagesFix{
    position: relative;
    min-height: 730px;
}
*/
.contractorBox .nav-tabs > li > a {
    font: 400 14px/29px "open sans";
    padding: 0px 10px;
}

.switch-select{
    height: 24px;
}
.undo{
    width: 300px;
    min-height: 50px;
    border: 1px solid #285E8E;
    background: #fff;
    position: fixed;
    left: -300px;
    bottom: 10px;
    box-shadow: 3px 3px 8px 1px #dddddd;
    -moz-box-shadow: 3px 3px 8px 1px #dddddd;
    -webkit-box-shadow: 3px 3px 8px 1px #dddddd;
    overflow:hidden;
    opacity: 0.1;
}

.body-height-min {
    height: auto !important;
}

.undo .modal-footer{
    background: #fff;
}
#quickFoot .quickFooterStatuses.quickFooterStatuses-overide{
    bottom: 28px;
}
.brak-danych{
    -moz-user-select: none;
    background-image: none;
    border: 1px solid #CCC;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #FFF;
    color: #CCC;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -75px;
    margin-top: -20px;
}

.select-short{
    width: 220px;
}
#preview-mob-image {
    display: none !important;
}
.preview-mob-image {
    max-height: 300px;
}
#preview-image {
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#999;
	z-index: 10000;
}
#preview-image img{
    max-width: 200px;
    max-height: 200px;

}
img.preview-image{
    cursor: pointer;
}

#preview-description{
	position: absolute;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px;
	display: none;
	z-index: 10000;
}
#preview-description div{
    max-width: 300px;

}
span.preview-description{
    cursor: pointer;
}

a.jsonform-button-edit, a.jsonform-button-duplicate {
  width: 96px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 1px 0px;
}

.width100{
  width: 96px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 1px 0px;
}

.input-80{
    width: 80px !important;
}

.input-88{
    width: 88px !important;
}


.table-release input.input-45{
    width: 45px !important;
}

.add_action_overwrite{
    width: 320px;
    text-align: left;
}
.inline-overwrite{
    bottom: -1px !important;
}
.inline-overwrite li {
    overflow: hidden;
    width: 138px;
}
.autocomplete_found{
    cursor: pointer;
    border: 1px solid #CCC;
    border-radius: 8px;
    background: #eee;
    margin: 4px 0px;
    padding: 2px;
}
.autocomplete_found:hover{
   background: #fff;
}
.autocomplete_founds{
    display: none;
    background-color: #FFF;
    border: 1px solid #CCC;
    width: 300px;
    box-sizing: content-box;
    min-height: 20px;
    padding: 4px 4px;
    line-height: 20px;
}

.clipboard-reload-close{
    color: #FFF;
    font: 400 30px/30px "open sans";
    margin: 0px;
    opacity: 1;
    float: right;
}
.table.blue {
    margin:0 0 30px 0;
}
.table.blue th{
    background:#007DE9;
    padding: 3px 5px 3px 5px;
    color:#fff;
}
.table.blue td{
    padding: 3px 5px 3px 5px;
    color:#000;
}
.contractor-grid-banned {
    color: #aaa;
}

input.contractorsAddressesInput {
	width: 500px;
}

#findLatLng {
    max-width: 310px;
    white-space: normal
}

#control-group-dbName {
	display: none;
}

select.prettySelect::-ms-expand { /* for IE 11 */
    display: none;
}
select.prettySelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent url('../img/arrow-down.svg') right center no-repeat;
    background-size: 22px auto;
	border: none;
	color: rgba(255,255,255,0.8);
	display: inline-block;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding: 5px 25px 5px 10px;
	position: relative;
	width: 100px;
}
select.prettySelect:hover {
	cursor: pointer;
}
select.prettySelect:focus {
	background-image: url('../img/arrow-down-active.svg');
}
select.prettySelect:focus,
select.prettySelect option {
	background-color: #fff;
	border: none;
	color: #223a50;
}

.products-from-group-grid-selects {
    height: 40px;
}

#tabProductsGroups > div[modelid="products_productsGroups"] {
    top: 40px;
}

.productsCategories_features-singleFeature {
    display: block;
    clear: both;
}

.productsCategories_features-singleFeature input {
    float: left;
    margin-right: 5px;
}

.multiRelationTable td{
    vertical-align:middle;
    border-top:none;
}
.features-filters-row i {
    width: 10px;
    left: -5px;
}

#paneshops8 {
    margin-top: 20px;
}

#paneshops8 .nav-tabs {
    margin-bottom: 20px;
}

.template-image {
    width: calc(25% - 4px);
    float: left;
    height: auto;
    overflow: hidden;
    margin: 0 2px 10px 2px;
}

.template-image-item {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background: #f5f5f5;
    visibility: visible;
    width: 100%;
    height: 231px;
    max-height: 231px;
    position: relative;
}

.template-image-item .overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 125, 233, 0.3);
    z-index: 1000;
    text-align: center;
    padding-top: 15%;
}

.template-image-item:hover .overlay {
    display: block;
}

.template-image.active .template-image-item .overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 125, 233, 0.7) url(../img/ok-sign.svg) center center no-repeat;
    background-size: 60px 60px;
    z-index: 1000;
    text-align: center;
    padding-top: 15%;
}

.template-image.active .template-image-item .overlay span.btn {
    display: none;
}

.grid-with-structures-left > .grid-with-structures > .grid-view {
    left: 0 !important;
    right: 300px !important;
}
.tooltip {
    width: auto;
    min-width: 200px;
    max-width: 700px;
    height: auto;
    overflow: hidden;
    color: #000;
    white-space: normal;
    display: block;
    padding: 0;
}

.tooltip .tooltip-inner {
    background: #fff;
    color: #000;
    max-width: 400px;
    height: auto;
    max-height: 1000px;
    padding: 15px;
}

.tooltip .tooltip-arrow {
    display: none;
}

#main_grid .tooltip {
    border: 1px solid #d7d7d7;
    z-index: 20000;
}

#main_grid .tooltip-inner {
    font-size: 15px;
    background: #f9f9f9;
}

#main_grid .tooltip-msg {
    max-height: 100%;
    display: block;
    overflow: hidden;
}

.tooltip-msg {
    white-space: normal;

}

.products-featureValue-line label {
    user-select: text;
}

.wide-pane .controls {
    width: calc(100% - 200px);
    height: 450px;
    padding-bottom: 30px;
}
.navbar-fixed-top ul.nav li.dropdown {
    position: relative;
}
.navbar-fixed-top ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    width: 250px;
    position: absolute;
    left: 0;
    top: 40px;
    padding-top: 10px;
    border-radius: 0 0 4px 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-top: 0;
}
.navbar-fixed-top ul.nav li.dropdown ul.dropdown-menu li {
    width: 100% !important;
    max-height: 30px;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
}
.navbar-fixed-top ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu {
    overflow: hidden;
}
.navbar-fixed-top ul.nav li.dropdown:hover > ul.dropdown-menu > li a {
    margin-left: 0;
}
.navbar-fixed-top ul.nav li.dropdown > ul.dropdown-menu > li.dropdown-submenu.openSubmenu {
    max-height: 2000px;
}
.navbar-fixed-top ul.nav li.dropdown > ul.dropdown-menu > li.dropdown-submenu.openSubmenu > a {
    color: #fff;
    background: #007ce8 !important;
}
.navbar-fixed-top ul.nav li.dropdown > ul.dropdown-menu > li.dropdown-submenu ul.dropdown-menu {
    position: relative !important;
    top: auto;
    left: auto !important;
    display: block;
    border: 0;
    width: 100%;
    float: none;
    border: none;
    box-shadow: none;
}
.navbar-fixed-top ul.nav li.dropdown > ul.dropdown-menu li.dropdown-submenu a:after {
    display: none !important;
}
.navbar-fixed-top ul.nav li.dropdown > ul.dropdown-menu li.dropdown-submenu a {
    width: auto;
}
.navbar-fixed-top ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:after {
    border-width: 5px 5px 0px 5px;
    border-color: transparent;
    border-top-color: #999;
    border-style: solid;
    display: block !important;
    top: 13px;
    position: absolute;
    right: 10px;
    width: 0;
    height: 0;
    content: ' ';
    z-index: 1000;
}
.navbar-fixed-top ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu:hover:after,
.navbar-fixed-top ul.nav li.dropdown ul.dropdown-menu li.dropdown-submenu.openSubmenu:after {
    border-top-color: #fff;
}
.navbar-fixed-top ul.nav li.dropdown:hover a.dropdown-toggle {
    background: #fff !important;
    color: #13203d;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:hover > ul.dropdown-menu {
    left: auto;
    right: 0;
}
/* .navbar-fixed-top ul.nav.pull-right li.dropdown:first-child:hover > ul.dropdown-menu { */
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child:not(:only-child):hover > ul.dropdown-menu {
    /* width: 1400px; */
    display: flex;
    /* flex-wrap: wrap; */
    padding-top: 0 !important;
    width: auto;
    /* background: #fff; */
    left: auto;
    right: 0;
    /* border: 1px solid #d7d7d7; */
    max-width: 100vw;
    flex-direction: row;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child:hover > a > .icon-white {
    color: #333;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child > ul.dropdown-menu li ul {
    background: none;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child > ul.dropdown-menu li:hover {
    background: #f8f8f8;
}
/* .navbar-fixed-top ul.nav.pull-right li.dropdown:first-child > ul.dropdown-menu > li {
    width: 16.666% !important;
    max-height: 2000px !important;
    padding-bottom: 10px;
    padding-top: 10px;
} */
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child:not(:only-child) > ul.dropdown-menu > li {
    width: 230px !important;
    max-height: 2000px !important;
    padding-bottom: 10px;
    padding-top: 10px;
    /* width: auto; */
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:only-child > ul.dropdown-menu {
    width: auto !important;
    flex-direction: column;
    min-width: 230px;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:only-child > ul.dropdown-menu > li {
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:only-child > ul.dropdown-menu > li:first-child {
    /* padding-top: 10px !important; */
}
.navbar-fixed-top ul.nav.pull-right li.dropdown > ul.dropdown-menu li.menuMarginTop:not(:first-child) {
    margin-top: 20px;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child ul.dropdown-menu li.dropdown-submenu:after {
    display: none !important;
}
/* .navbar-fixed-top ul.nav.pull-right li.dropdown:first-child ul.dropdown-menu li.dropdown-submenu a:hover {
    background: #007CE8 none !important;
    color: #fff;
} */
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child ul.dropdown-menu li.dropdown-submenu a {
    padding-left: 15px;

}
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child ul.dropdown-menu li.dropdown-submenu < a:hover {
    background: none !important;
}
.navbar-fixed-top ul.nav.pull-right li.dropdown:first-child ul.dropdown-menu li.dropdown-submenu ul a:hover {
    background: #007CE8 !important;
}
.navbar-fixed-top ul.nav li.dropdown.open:first-child > ul.dropdown-menu {
    display: none !important;
}
.navbar-fixed-top ul.nav li.dropdown:first-child > ul.dropdown-menu li.dropdown-submenu > a {
    background: none !important;
    color: #333 !important;
    font-size: 16px;
    font-weight: bold;
}
.btn-group.add_action .dropdown-menu.b2bFiltr {
    max-width: 300px;
    overflow-x: hidden;
    max-height: 300px !important;
}
.btn-group.add_action .dropdown-menu.b2bFiltr {
    scrollbar-color: transparent transparent;
}
.btn-group.add_action .dropdown-menu.b2bFiltr:hover {
    scrollbar-color: #333 #f8f8f8;
    transition: scrollbar-color 0.3s;
    scroll-behavior: smooth;
    scrollbar-width: thin;
}
.btn-group.add_action .dropdown-menu.b2bFiltr::-webkit-scrollbar {
    width: 3px;
}
.btn-group.add_action .dropdown-menu.b2bFiltr::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 3px;
    background: #333;
}
.btn-group.add_action .dropdown-menu.b2bFiltr::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: none;
    background: #f8f8f8;
}
.icon-plus:before, .icon-remove:before, .icon-ok:before, .icon-ban-circle:before,
.table-top .myfiltersclear::before, .table-top .myfiltersfeaturesclear::before,
.chevron-right:before, .icon-step-backward:before, .icon-fast-backward:before, .icon-step-forward:before, .icon-fast-forward:before {
    display: none;
}
.icon-plus, .icon-remove, .icon-ok, .icon-ban-circle, .modal-header .close, .chevron-right, .icon-step-backward, .icon-fast-backward, .icon-step-forward, .icon-fast-forward, #cboxClose {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-bottom: 0 !important;
    vertical-align: top;
}
.icon-step-backward, .icon-fast-backward, .icon-step-forward, .icon-fast-forward {
    vertical-align: middle;
    width: 16px;
    height: 21px;
}
.modal-header .close {
    font-size: 0 !important;
    /* display: block; */
    position: relative;
}
#cboxClose {
    font-size: 0 !important;
}
.icon-plus:after, .icon-remove:after, .icon-ban-circle:after, .chevron-right:after, .icon-step-backward:after, .icon-fast-backward:after, .icon-step-forward:after, .icon-fast-forward:after,
.table-top .myfiltersclear::after, .table-top .myfiltersfeaturesclear::after, .icon-ok:after, .modal-header .close:after, #cboxClose:after {
    content: "";
    display: block;
    height: 18px;
    width: 18px;

    mask-image: url(../img/plus.svg);
    -webkit-mask-image: url(../img/plus.svg);
    -o-mask-image: url(../img/plus.svg);
    -ms-mask-image: url(../img/plus.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: 18px auto;
    -webkit-mask-size: 18px auto;
    -o-mask-size: 18px auto;
    -ms-mask-size: 18px auto;

    mask-position: right center;
    -webkit-mask-position: right center;
    -o-mask-position: right center;
    -ms-mask-position: right center;

    background-color: #000;
    content: '';
    position: absolute;
}
.icon-ok:after {
    mask-image: url(../img/ok.svg);
    -webkit-mask-image: url(../img/ok.svg);
    -o-mask-image: url(../img/ok.svg);
    -ms-mask-image: url(../img/ok.svg);

    mask-size: 20px auto;
    -webkit-mask-size: 20px auto;
    -o-mask-size: 20px auto;
    -ms-mask-size: 20px auto;
}
.icon-remove:after, .table-top .myfiltersclear::after, .table-top .myfiltersfeaturesclear::after, .icon-ban-circle:after, .modal-header .close:after, #cboxClose:after {
    mask-image: url(../img/close.svg);
    -webkit-mask-image: url(../img/close.svg);
    -o-mask-image: url(../img/close.svg);
    -ms-mask-image: url(../img/close.svg);
}
#cboxClose:after {
    top: 0;
}
.icon-trash::after {
    mask-image: url(../img/trash.svg);
    -webkit-mask-image: url(../img/trash.svg);
    -o-mask-image: url(../img/trash.svg);
    -ms-mask-image: url(../img/trash.svg);
}
.delete-products-filters .icon-remove:after {
    mask-size: auto  16px;
    -webkit-mask-size: auto 16px;
    -o-mask-size: auto 16px;
    -ms-mask-size: auto 16px;
}
.delete-products-from-category .icon-trash:after, .delete-feature-from-elements.icon-trash:after, .categories-tree .icon-remove:after, .features-filters-row .icon-trash:after {
    mask-size: auto  16px;
    -webkit-mask-size: auto 16px;
    -o-mask-size: auto 16px;
    -ms-mask-size: auto 16px;
    width: 16px;
    height: 100%;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;
}
.delete-feature-from-elements.icon-trash:after, .features-filters-row .icon-trash:after {
    height: 16px;
}
.categories-tree .icon-remove {
    width: 18px;
    height: 18px;
}
.categories-tree .icon-remove:after {
    mask-size: auto  18px;
    -webkit-mask-size: auto 18px;
    -o-mask-size: auto 18px;
    -ms-mask-size: auto 18px;
    width: 18px;
    height: 100%;
}
.features-filters-row .icon-trash {
    top: 6px !important;
    left: -10px;
}
.delete-contractors-filters .icon-remove {
    margin-top: 3px;
}
.icon-step-backward:after, .icon-fast-backward:after, .icon-step-forward:after, .icon-fast-forward:after {
    mask-image: url(../img/arrow.svg);
    -webkit-mask-image: url(../img/arrow.svg);
    -o-mask-image: url(../img/arrow.svg);
    -ms-mask-image: url(../img/arrow.svg);

    mask-size: 16px auto;
    -webkit-mask-size: 16px auto;
    -o-mask-size: 16px auto;
    -ms-mask-size: 16px auto;

    width: 16px;
    height: 16px;
    transform: rotate(180deg);
}
.icon-fast-backward:after, .icon-fast-forward:after {
    mask-image: url(../img/double-arrow.svg);
    -webkit-mask-image: url(../img/double-arrow.svg);
    -o-mask-image: url(../img/double-arrow.svg);
    -ms-mask-image: url(../img/double-arrow.svg);
}
.icon-step-forward:after, .icon-fast-forward:after {
    transform: rotate(0);
}
.chevron-right {
    width: 12px;
    height: 24px;
    vertical-align: middle;
}
.chevron-right:after {
    mask-image: url(../img/arrow-right.svg);
    -webkit-mask-image: url(../img/arrow-right.svg);
    -o-mask-image: url(../img/arrow-right.svg);
    -ms-mask-image: url(../img/arrow-right.svg);

    mask-size: 10px auto;
    -webkit-mask-size: 10px auto;
    -o-mask-size: 10px auto;
    -ms-mask-size: 10px auto;

    width: 10px;
    height: 20px;
}
.modal-header h3 .glyphicons.chevron-right:after {
    background-color: #fff;
}
.table-top .myfiltersclear::after, .table-top .myfiltersfeaturesclear::after {
    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;
    width: 16px;
    height: 28px;
}
.add-on .icon-remove, .add-on .icon-remove:after, .modal-header .close:after, .modal-header .close {
    width: 26px;
    height: 28px;
}
.icon-white:after, .modal-header .close:after {
    background-color: #fff;
}
.modal-header .close:after {
    top: 0;
    mask-size: 20px auto;
    -webkit-mask-size: 20px auto;
    -o-mask-size: 20px auto;
    -ms-mask-size: 20px auto;
    mask-position: right center;
    -webkit-mask-position: right center;
    -o-mask-position: right center;
    -ms-mask-position: right center;
}
.table-cell.documents__documentsStatusesLogistics > span.label, .label-color-fix .label {
    position: relative;
    z-index: 0;
    display: inline-block;
}
.table-cell.documents__documentsStatusesLogistics > span.label:before, .table-cell.documents__documentsStatusesLogistics > span.label:after, .label-color-fix .label:before, .label-color-fix .label:after {
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    display: block;
    position: absolute;
    z-index:-1;
    border-radius: 3px;
}
.table-cell.documents__documentsStatusesLogistics > span.label:after, .label-color-fix .label:after {
    background: inherit;
}
.dashboardSettings-cont {
    display: flex;
    width: 100%;
    align-items: stretch;
    flex-wrap: wrap;
}
.dashboardSettings-el {
    width: calc(33.33% - 10px);
    margin: 5px;
}
.dashboardSettings-el .dashboardQuickBox, .dashboardSettings-input .dashboardWidgetBox {
    width: calc(100% - 4px);
    margin: 2px;
    height: calc(100% - 2px);
    padding: 0;
}
.dashboardSettings-widgets .dashboardWidgetBox {
    margin: 5px 2px !important;
    height: calc(100% - 10px) !important;
    width: calc(100% - 4px) !important;
}

.modal #dashboardWidget {
    padding-left: 5px !important;
}
.dashboardSettings-el  input[type=text] {
    /* margin-left: 10px; */
    margin-bottom: 5px;
}
.dashboardSettings-input {
    z-index: 2;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.dashboardSettings-input input[type=checkbox] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.dashboardSettings-input .dashboardQuickBoxIcon * {
    z-index: 1;
}
.dashboardSettings-input .dashboardSettings-cover {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid transparent;
    z-index: 10;
    cursor: pointer;
    border-radius: 8px;
}
.dashboardSettings-input .dashboardSettings-cover.checked {
    border-color: #5cb85c;
    background-color: rgba(92,184,92,0.1);
}
@media screen and (min-width: 1240px) {
    .dashboardSettings-input .dashboardSettings-cover:hover {
        border-color: #007de9;
    }
}
/* .dashboardSettings-input .dashboardSettings-cover:hover {
    border-color: #007CE8;
} */
.modal .dashboardWidgetBox {
    margin-top: 10px;
}
.modal #dashboardWidget {
    padding-left: 15px;
    padding-right: 3px;
}
.modal #dashboardQuick {
    padding-right: 10px;
}
#dashboard {
    position: relative;
}
#dashboard:before {
    z-index: 0;
    position: absolute;
    display: block;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/dashboard/wirtualizer-dashboard.svg) center center no-repeat;
    background-size: 300px auto;
    opacity: 0.2;
}
.contextmenuClose {
    display: none;
}
button.icon {
    background: none;
    width: 20px;
    height: 20px;
    border: 0;
    margin-top: 5px;
}
button.icon-download:after {
    content: "";
    display: block;
    height: 18px;
    width: 18px;
    top: 0;
    left: 0;

    mask-image: url(../img/dashboard/download-icon.svg);
    -webkit-mask-image: url(../img/dashboard/download-icon.svg);
    -o-mask-image: url(../img/dashboard/download-icon.svg);
    -ms-mask-image: url(../img/dashboard/download-icon.svg);

    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;

    mask-size: auto 18px;
    -webkit-mask-size: auto 18px;
    -o-mask-size: auto 18px;
    -ms-mask-size: auto 18px;

    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;

    background-color: #000;
    content: '';
    position: absolute;
}
.categories-menu-header .icon-trash {
    width: 20px;
    height: 20px;
    margin-top: 5px;
    cursor: pointer;
}
.categories-menu-header .icon-trash:after {
    mask-size: auto 18px;
    -webkit-mask-size: auto 18px;
    -o-mask-size: auto 18px;
    -ms-mask-size: auto 18px;
}
.sortable-column.ui-sortable-handle {
    height: 18px;
    padding-top: 5px !important;
}
.hover .sortable-column.ui-sortable-handle .icon-move {
    color: #fff;
}
.categories-tree, .grid-view:not(.static) .table-body {
    overflow: scroll;
    scrollbar-color: #999 #e6e6e6;
    scrollbar-width: thin;
}
#quickFoot > .positionBox {
    scrollbar-color: #999 #e6e6e6;
    scrollbar-width: thin;
}
.categories-tree::-webkit-scrollbar, .grid-view:not(.static) .table-body::-webkit-scrollbar, #quickFoot > .positionBox::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
.categories-tree::-webkit-scrollbar-track, .grid-view:not(.static) .table-body::-webkit-scrollbar-track, #quickFoot > .positionBox::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    border-radius: 3px;
    background: #e6e6e6;
}
.categories-tree::-webkit-scrollbar-thumb, .grid-view:not(.static) .table-body::-webkit-scrollbar-thumb, #quickFoot > .positionBox::-webkit-scrollbar-thumb {
    border-radius: 3px;
    -webkit-box-shadow: none;
    background: #999;
}
.contextmenu .selectedCategory {
    color: #333 !important;
}
.contextmenu .selectedCategory:hover {
    color: #fff !important;
}
.textareaProductsFiltersSet {
    display: none;
}
.icon-edit2::before {
    content: "\e065";
}
#main-grid-data .products_prdAlertState {
    text-align: center !important;
}
.alert-dot {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.alert-orange {
    background: #ed9907;
}
.alert-red {
    background: #d10d0d;
}
.modal-overflow.modal.fade.in {
    top: 23px !important;
    margin-top: 0 !important;
}
.features-values-pane .featuresQuerySearch-cont .input-prepend {
    width: 100%;
}
.features-values-pane .featuresQuerySearch-cont .input-prepend input {
    width: calc(100% - 80px);
}
.features-values-pane .featuresQuerySearch-cont .controls {
    width: calc(100% - 150px);
}
.products-structure-div .productsAmountFilter span {
    width: 115px;
    display: inline-block;
}
.progressbar {
    background: #e6e6e6;
}
.progressbar .bar {
    background: #007ce8;
}
.charts-header {
    width: 100%;
    display: flex;
    justify-content: center;
}
#interval-select, #year-select, #month-select, #documents-types-select, #contractorsgroup-select, #contractors-types-select {
    display: none;
}
 #interval-select-dropdown, #year-select-dropdown, #month-select-dropdown, #documents-types-select-dropdown, #contractorsgroup-types-select-dropdown {
    display: inline-block;
    width: 95px;
    text-align: left;
}
#interval-select-dropdown .btn, #year-select-dropdown .btn, #month-select-dropdown .btn, #documents-types-select-dropdown .btn, #contractorsgroup-types-select-dropdown .btn {
    width: 95px;
    text-align: left;
    display: flex;
    justify-content: space-between;
}
#documents-types-select-dropdown, #documents-types-select-dropdown .btn {
    width: 165px;
}
#month-select-dropdown, #month-select-dropdown .btn, #contractorsgroup-types-select-dropdown .btn {
    width: 110px;
}
.chart_filters {
    margin-top: 30px;
}
.chart-filter-contractorstypes {
    width: 220px;
    display: inline-block;
    text-align: left;
}
.chart-filter-contractorstypes.chart-filter-contractorstypes-hide {
    display: none;
}
#contractorsgroup-types-select-dropdown, #contractors-types-select-dropdown {
    display: inline-block;
    width: 110px;
    text-align: left;
}
.chartPie {
    max-width: 90%;
    height: 500px;
    margin: 30px auto;
}
.chart svg g text {
    font: 14px "Open Sans", Arial !important;
}
.modal-header .modal-fullsize, .modal-header .modal-normalsize {
    width: 20px;
    height: 28px;
    background: url(../img/wide-icon.svg) center center no-repeat;
    background-size: auto 20px;
    display: block;
    float: right;
}
/* .modal-header .modal-normalsize {
    width: 20px;
    height: 28px;
    background: url(../img/narrow-icon.svg) center center no-repeat;
    background-size: 14px 14px;
    display: block;
    float: right;
} */
.modal.fullsize {
    width: calc(100% - 100px) !important;
    margin-left: calc(-50% - -50px) !important;
}
/* #documents-types-select-dropdown .btn .caret {
    margin-left: 5px;
} */

.chart_filters.chart_filters_header, .chart_filters.chart_filters_header form, .chart_filters {
    display: flex;
    justify-content: center;
    align-items: center;
}
.chart_filters.chart_filters_header form {
    width: 100%;    
}
.chart-filters-column {
    display: flex;
    flex-wrap;
    justify-content: flex-start;
    align-items: center;
}
.chart-filters-column .chart-filter-label {
    margin-bottom: 0;
}
.form-horizontal .modal-body, .form-horizontal #horizontalForm {
  max-height: calc(100vh - 200px) !important;
  height: calc(100vh - 200px) !important;
}
.modal-overflow.modal.fade.in {
  max-height: calc(100vh - 60px) !important;
}
#cke_Pages_pagContentDraft .cke_contents {
  max-height: calc(100vh - 330px);
}
/* [model="pages"] #pane4 .controls {
  width: calc(100% - 150px);
} */
button.productsAmountFilterMinus, button.productsAmountFilterPlus, button.productsAmountRangeFilterMinus, button.productsAmountRangeFilterPlus {
  background: none;
  border: 0;
  padding: 5px;
}
.docNameContextHeader {
    display: none;
}
[modelid="discountCampaigns"] .table-top select.gridChange.switch-select {
    max-width: 140px;
}
[modelid="discountCampaigns"] .table-top .btn-group.add_action .dropdown-menu.b2bFiltr {
    max-width: 400px;
}
[modelid="discountCampaigns"] .table-top > tbody > tr > td .dropdown-toggle {
    max-width: 330px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block !important;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}
[modelid="discountCampaigns"] .table-top > tbody > tr > td .dropdown-toggle .caret {
    position: absolute;
    right: 5px;
}
[modelid="discountCampaigns"] .table-top > tbody, [modelid="discountCampaigns"] .table-top > tbody > tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}
[modelid="discountCampaigns"] .table-top > tbody > tr > td:first-child {
    display: flex;
    width: calc(100% - 400px);
    box-sizing: border-box;
}
@media screen and (min-width: 980px) {
    [modelid="discountCampaigns"] .table-top > tbody > tr > td:first-child .btn-group.add_action,
    [modelid="discountCampaigns"] .table-top > tbody > tr > td:nth-child(2) {
        flex: 1;
    }
}
[modelid="discountCampaigns"] .table-top > tbody > tr > td:nth-child(2) {
    display: flex;
    width: 400px !important;
    box-sizing: border-box;
}
[modelid="discountCampaigns"] .table-top > tbody > tr > td:nth-child(2) .input {
    width: 100%;
}
[modelid="discountCampaigns"] .table-top > tbody > tr > td:nth-child(2) {
    width: 100%;
}
[modelid="discountCampaigns"] .table-top tr td select.gridChange.switch-select {
    margin-right: 5px;
}
[modelid="discountCampaigns"] .table-top tr td .btn-group.add_action {
    margin-left: 0;
}
[modelid="autoMailingQueue"] .table-top > tbody, [modelid="autoMailingQueue"] .table-top > tbody > tr {
    display: flex;
    width: 100%;
    box-sizing: border-box;
}
[modelid="autoMailingQueue"] .table-top > tbody > tr > td:first-child {
    width: 855px;
    display: flex;
    box-sizing: border-box;
}
[modelid="autoMailingQueue"] .table-top > tbody > tr > td:nth-child(2) {
    width:calc(100% - 1105px);
    display: flex;
    box-sizing: border-box;
}
[modelid="autoMailingQueue"] .table-top > tbody > tr > td:nth-child(2) .input {
    width: 100%;
    box-sizing: border-box;
}
[modelid="autoMailingQueue"] .table-top > tbody > tr > td.progressbarTd {
    width: 250px !important;
    display: flex;
    box-sizing: border-box;
    align-items: center;
}
[modelid="autoMailingQueue"] .table-top > tbody > tr > td.progressbarTd .progressbar-cont {
    width: 100%;
    box-sizing: border-box;
}
[modelid="autoMailingQueue"] .table-top > tbody > tr > td select.gridChange.switch-select {
    width: 80px !important;
    margin-right: 5px;
}
#saveModal {
    width: 20px;
    height: 28px;
    display: block;
    float: right;
    margin-left: 10px;
    margin-right: 10px;
}
#saveModal:after {
    mask-image: url(../img/ok.svg);
    -webkit-mask-image: url(../img/ok.svg);
    -o-mask-image: url(../img/ok.svg);
    -ms-mask-image: url(../img/ok.svg);
    mask-size: 20px auto;
    -webkit-mask-size: 20px auto;
    -o-mask-size: 20px auto;
    -ms-mask-size: 20px auto;
    background-color: #fff;
    content: "";
    display: block;
    height: 28px;
    width: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;
    position: absolute;
}
.documentRow .galleryTable:nth-child(1n+2) {
    display: none;
} 
#cboxNext, #cboxPrevious {
    width: 22px;
    height: 22px;
    top: calc(50% - 12px);
    right: 10px;
    font-size: 0;
    left: auto;
}
#cboxPrevious {
    right: auto;
    left: 10px;
}
#cboxNext:after, #cboxPrevious:after {
    content: '';
    mask-image: url(../img/arrow-right.svg);
    -webkit-mask-image: url(../img/arrow-right.svg);
    -o-mask-image: url(../img/arrow-right.svg);
    -ms-mask-image: url(../img/arrow-right.svg);
    mask-size: 20px auto;
    -webkit-mask-size: 20px auto;
    -o-mask-size: 20px auto;
    -ms-mask-size: 20px auto;
    background-color: #000;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -o-mask-repeat: no-repeat;
    -ms-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    -o-mask-position: center center;
    -ms-mask-position: center center;
    position: absolute;
    left: 0;
    top: 0;
}
#cboxPrevious:after {
    transform: rotate(180deg);
}
#cboxCurrent {
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    bottom: -5px;
}
body.model_documents .record-bigfooter {
    overflow: visible;
}
body.model_documents .record-bigfooter > #quickFooter-buttons {
    position: absolute;
    left: 130px;
    z-index: 1030;
    top: -55px;
    display: inline-block;
    width: auto;
}
body.model_documents .record-bigfooter.filtersOpen > #quickFooter-buttons {
    position: absolute;
    left: 420px;
    z-index: 1030;
    top: -55px;
    display: inline-block;
    width: auto;
}

.pp-icon {
    width: 16px; 
    height: 16px;
    display: block;
    background: url(../img/pp.svg) center center no-repeat;
    background-size: 16px auto;
}
.select-append {
    display: flex;
}
.select-append .add-on {
    margin-left: -1px;
    vertical-align: top;
    border-radius: 0;
    display: inline-block;
      width: auto;
      height: 20px;
      min-width: 16px;
      padding: 4px 5px;
      font-size: 14px;
      font-weight: normal;
      line-height: 20px;
      text-align: center;
      background-color: #f8f8f8;
      border: 1px solid #ccc;
}
.select-append .add-on:last-child {
    border-radius: 0 3px 3px 0
}
.shipmentPackage {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
.shipmentPackage hr {
    width: 100%;
}
.shipmentPackage .control-group {
    width: 50%;
}
.shipmentPackage .control-group .controls {
    width: calc(100% - 150px);
}
.shipmentPackage .control-group:nth-child(1n+5) {
    width: 100%;
}
.shipmentPackage .control-group .controls input[type=text] {
    width: calc(100% - 12px);
}
.input-append-own {
    display: flex;
    width: 100%;
}
.input-append-own .add-on {
    margin-left: -1px;
    vertical-align: top;
    border-radius: 0;
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}
.input-append-own .add-on:last-child {
    border-radius: 0 3px 3px 0;
}
.input-append-own input[type=number]::-webkit-inner-spin-button,
.input-append-own input[type=number]::-webkit-outer-spin-button {
    opacity: 0 !important;
}


@media screen and (min-width: 1200px) {
    .modal.fullsize .tab-pane > .control-group {
        width: 50%;
    }
    .modal.fullsize .tab-pane > .control-group:only-child  {
        width: 100%;
    }
    .modal.fullsize .tab-pane .control-group .controls {
        width: calc(100% - 170px);
    }
    .modal.fullsize .tab-pane .control-group .controls select,
    .modal.fullsize .tab-pane .control-group .controls textarea,
    .modal.fullsize .tab-pane .control-group .controls input[type='text'] {
        width: calc(100% - 12px);
    }
    .modal.fullsize .tab-pane .control-group .controls .input-prepend:not([style*="display: none"]),
    .modal.fullsize .tab-pane .control-group .controls .input-append:not([style*="display: none"]) {
        width: 100%;
        display: flex;
    }
    .modal.fullsize .tab-pane .control-group .controls input[type="checkbox"] {
        width: 30px;
        height: 16px;
    }
    .modal.fullsize .tab-pane .control-group .controls .input-prepend input[type="checkbox"],
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td .controls .input-prepend input[type="checkbox"] {
        width: 80px;
    }
    .modal.fullsize .tab-pane .control-group .controls .cke, 
    .modal.fullsize .tab-content .tab-pane.wide-pane .control-group
    /*.modal.fullsize #panelangsShopsDomains2 .control-group,
    .modal.fullsize #panelangsShopsDomains3 .control-group*/ {
        width: 100%;
    }
    .modal.fullsize .tab-content .tab-pane.wide-pane .control-group textarea {
        width: 100% !important;
    }
    .modal.fullsize #paneproducts6 > .control-group, body.model_pages .modal.fullsize .tab-content #pane1 .control-group,
    body.model_pages .modal.fullsize .tab-content #pane10 .control-group, body.model_pages .modal.fullsize .tab-content #pane14 .two-columns + .control-group {
        width: 100%;
        /* max-width: 1200px; */
    }
    body.model_shops .modal.fullsize #paneshops8 .tab-content
    body.model_shops .modal.fullsize #paneshops8 .nav-tabs,
    body.model_shops .modal.fullsize #paneshops8 .tab-content .tab-pane .control-group,
    .modal.fullsize #paneslidersdesc .control-group,
    .modal.fullsize form[model="pricesGroups"] .modal-body .control-group .controls .input-prepend,
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td .controls select,
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td .controls input[type="text"],
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td .controls .input-prepend,
    .modal.fullsize form[model="pages"] #pane17 .fieldset:not(:first-child) textarea {
        width: 100% !important;
    }
    .modal.fullsize form[model="pricesGroups"] .modal-body .control-group .controls,
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td .controls {
        width: calc(100% - 170px);
    }
    .modal.fullsize form[model="pricesGroups"] .modal-body .control-group .controls input[type="text"],
    .modal.fullsize form[model="pricesGroups"] .modal-body .control-group .controls select {
        width: calc(100% - 12px);
        max-width: 800px;
    }
    .modal.fullsize form[model="pricesGroups"] .modal-body .control-group .controls .input-prepend input[type="text"] {
        max-width: 754px;
    }
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td:first-child,
    .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td:nth-child(2) {
        width: 50% !important;
    }
     .modal.fullsize form[model="shopsTransportsParameters"] table.two-columns tbody > tr > td .controls .fieldset {
         width: calc(100% - 40px) !important;
     }
     
     .modal.fullsize #paneproducts6 .control-group, .modal.fullsize #panerodo2 .control-group, 
     .modal.fullsize  #panedocuments6, .modal.fullsize #paneslidersdesc .control-group, 
     .modal.fullsize #paneslidersScenes4-1 .control-group, .modal.fullsize #paneslidersScenes4-2 .control-group,
     .modal.fullsize form[model="pagesCategories"] #pane5 .control-group, .modal.fullsize #panewidgets3 .control-group,
     .modal.fullsize form[model="pages"] #pane1 .control-group, .modal.fullsize form[model="pages"] #pane10 .control-group, 
     .modal.fullsize form[model="pages"] #pane14 .control-group,
     .modal.fullsize form[model="pages"] #pane10 .control-group, .modal.fullsize form[model="pages"] #pane9.preview-textarea-content div .controls,
     .modal.fullsize form[model="pages"] #pane17 .fieldset:not(:first-child),
     .modal.fullsize #paneshops8 .tab-content, .modal.fullsize form[model="emailTemplates"] .modal-body .control-group,
     .modal.fullsize #paneshopsPayments2 .control-group, .modal.fullsize #paneshopsTransports2 .control-group,
     .modal.fullsize #paneproductsCategories6 .control-group {
         max-width: 1200px !important;
         margin-left: auto !important;
         margin-right: auto !important;
     }
     .modal.fullsize form[model="pages"] #pane14 .control-group,
     .modal.fullsize form[model="pages"] #pane9.preview-textarea-content div .controls {
         display: block;
     }
}


/* body.model_documents .record-bigfooter > #availability-cont {
    left: 530px;
} */
@media screen and (min-width: 769px) {
    .checkBoxListFeatures {
	    min-height: 100px;
	}
	.checkBoxListFeaturesOptions {
	    margin-top: -20px !important;
	}
}
@media screen and (max-width: 1800px) {
     
    body.model_documents .documents-left-column-bottom-summary:not(.wrapped-column) + .grid-with-bigfooter .pagination .pageSizeCont {
        margin-right: 300px;
    }
}
@media screen and (max-width: 1700px) {
    [modelid="discountCampaigns"] .table-top > tbody > tr > td .dropdown-toggle {
        max-width: 250px;
    }
    body.model_documents .record-bigfooter > #quickFooter-buttons {
        left: 150px;
    }
}
@media screen and (max-width: 1600px) {
    [modelid="discountCampaigns"] .table-top > tbody > tr > td .dropdown-toggle {
        max-width: 200px;
    }
}
@media screen and (max-width: 1500px) {
    [modelid="discountCampaigns"].grid-view:not(.static) .table-scroll-content {
        top: 90px;
    }
    [modelid="discountCampaigns"] .table-top > tbody > tr {
        flex-wrap: wrap;
    }
    [modelid="discountCampaigns"] .table-top > tbody > tr > td:first-child,
    [modelid="discountCampaigns"] .table-top > tbody > tr > td:nth-child(2) {
        width: 100% !important;
    }
    [modelid="discountCampaigns"] .table-top > tbody > tr > td:first-child {
        margin-bottom: 5px;
    }
    [modelid="discountCampaigns"] .table-top .btn-group.add_action:nth-child(7) .dropdown-menu.b2bFiltr {
        width: 300px;
    }
    [modelid="discountCampaigns"] .table-top .btn-group.add_action:nth-child(7) .dropdown-menu.b2bFiltr a {
        white-space: normal;
    }
    body.model_documents .pagination .pageSizeCont {
        margin-right: 300px;
    }
    body.model_documents .documents-left-column-bottom-summary:not(.wrapped-column) + .grid-with-bigfooter .pagination .pageSizeCont {
        margin-right: 0;
    }
    body.model_documents .record-bigfooter.filtersOpen {
        padding-top: 50px;
        bottom: -70px;
    }
    body.model_documents .record-bigfooter.filtersOpen > #quickFooter-buttons {
        position: absolute;
        left: 300px;
        z-index: 1030;
        top: -48px;
        display: inline-block;
        width: auto;
    }
}
@media screen and (max-width: 1499px) {
    .navbar-fixed-top ul.nav.pull-right li.dropdown:first-child {
        position: static;
    }
    .navbar-fixed-top ul.nav.pull-right li.dropdown:first-child:hover > ul.dropdown-menu {
        left: 0;
        width: 100vw;
    }
}
@media screen and (max-width: 1400px) {
    [modelid="autoMailingQueue"] .table-top > tbody > tr {
        flex-wrap: wrap;
    }
    [modelid="autoMailingQueue"] .table-top > tbody > tr > td:first-child {
        width: 100%;
        margin-bottom: 5px;
    }
    [modelid="autoMailingQueue"].grid-view:not(.static) #main_grid.table-scroll-content {
        top: 90px;
    }
    [modelid="autoMailingQueue"] .table-top > tbody > tr > td:nth-child(2) {
        width: calc(100% - 250px);
    }
}
@media screen and (max-width: 1250px) {
    #warehouseSelect {
        width: 70px;
    }
}
@media screen and (max-width: 1200px) {
    .navbar-fixed-top ul.nav.pull-right li.dropdown:first-child > ul.dropdown-menu > li {
        width: 25% !important;
        margin-bottom: 30px;
    }
    .navbar-fixed-top .navbar .nav:not(.pull-right) {
		width: calc(100% - 90px);
	}
    .main_panel {
        top: 120px;
    }
    .navbar-fixed-top .nav:not(.pull-right) > .dropdown > .dropdown-menu, .navbar-fixed-top .nav.pull-right > .dropdown:nth-child(2) > .dropdown-menu {
        margin-top: -40px !important;
        margin-left: -1px !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top > tbody > tr,
    div[modelid="shipments_inpost_local"] .table-top > tbody > tr {
      display: flex !important;
      flex-wrap: wrap !important;
      position: relative !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top > tbody > tr > td:first-child,
    div[modelid="shipments_inpost_local"] .table-top > tbody > tr > td:first-child {
      width: 100% !important;
      margin-bottom: 5px !important;
      display: flex !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top > tbody > tr > td:nth-child(2),
    div[modelid="shipments_inpost_local"] .table-top > tbody > tr > td:nth-child(2) {
      width: calc(100% - 175px) !important;
      padding-right: 3px !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top > tbody > tr > td:nth-child(3),
    div[modelid="shipments_inpost_local"] .table-top > tbody > tr > td:nth-child(3) {
      width: 169px !important;
    }
    div[modelid="shipments_local_apaczka"] #main_grid.table,
    div[modelid="shipments_inpost_local"] #main_grid.table {
      top: 90px !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top > tbody > tr > td:first-child > a,
    div[modelid="shipments_inpost_local"] .table-top > tbody > tr > td:first-child > a {
      margin-right: 5px !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top > tbody > tr > td:first-child a.btn-primary,
    div[modelid="shipments_inpost_local"] .table-top > tbody > tr > td:first-child a.btn-primary {
      margin-left: auto !important;
    }
    div[modelid="shipments_local_apaczka"] .table-top tbody > tr > td:first-child select.switchLocalization,
    div[modelid="shipments_inpost_local"] .table-top tbody > tr > td:first-child select.switchLocalization {
      margin-right: 5px !important;
    }
    [modelid="discountCampaigns"] .table-top .btn-group.add_action:nth-child(7) .dropdown-menu.b2bFiltr {
        width: 400px;
        left: auto;
        right: 0;
    }
    [modelid="discountCampaigns"] .table-top .btn-group.add_action:nth-child(8) .dropdown-menu.b2bFiltr {
        left: auto;
        right: 0;
    }
}
@media screen and (max-width: 1100px) {
    .navbar-fixed-top ul.nav li.dropdown:hover > ul.dropdown-menu {
        top: 80px;
    }
    [modelid="discountCampaigns"] .table-top select.gridChange.switch-select {
        max-width: 120px;
    }
}
@media screen and (max-width: 1024px) {
  .form-horizontal .modal-body, .form-horizontal #horizontalForm {
  max-height: calc(100vh - 220px) !important;
  height: calc(100vh - 220px) !important;
}
}
@media screen and (max-height: 800px) {
  .contextmenu.dropdown-menu li.dropdown-submenu {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
  }
  .contextmenu.dropdown-menu li.dropdown-submenu > a {
    width: 100%;
  }
  .contextmenu.dropdown-menu li.dropdown-submenu ul.dropdown-menu {
    top: auto;
    /* margin-top: 0; */
    /* bottom: -50%; */
  }
}