/**
 * @changed ".edit td input.button.add" -> ".edit td .button.add"
 */
@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}

html, body {
    width: 100%;
    height: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: "Open Sans", Tahoma, Helvetica, Geneva, sans-serif;
    color: #000;

}

body {
    font-size: 12px;
    min-width: 1000px;
}

label p {
    display: inline;
}

h1 {
    font-weight: 400;
    line-height: 28px;
    color: #374E6C;
    font-size:22px;
    font-weight: normal;
    padding-right: 15px;
}

h1 span {
    margin: 0 15px;
}

a {
    color: #C2C4CB;
    text-decoration: none;
}

a:hover {
    color: #9D9EA5;
}

@-webkit-keyframes auth-loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@-moz-keyframes auth-loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}
@keyframes auth-loading {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 100% 0;
    }
}

.button {
    display: block;
    font-size: 12px;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
    line-height: 28px;
    padding: 0 12px;
    background: #FFF;
    color: #000;
    float: left;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 600;
}

.button:focus {
    outline:none;
}

.button.add {
    background: #177EE2;
    color: #FFF;
}

.button.add:hover {
    background: #2b94f9;
    color: #FFF;
}

.button.add:active {
    border: #0b4885 1px solid !important;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
    background: #0e6dc9;
}

.button.loading,
.button.loading:hover {
    opacity: .5;
    cursor: default;
    pointer-events: none;
    color: rgba(0, 0, 0, 0.6);
    border: solid 1px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.button.loading:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.15) 25%, rgba(0, 0, 0, 0.15) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.15) 75%, rgba(0, 0, 0 ,0.15));
    background-size: 40px 40px;
    -webkit-animation: auth-loading 6s linear infinite forwards;
    -moz-animation: auth-loading 6s linear infinite forwards;
    animation: auth-loading 6s linear infinite forwards;
}

.button.add.loading,
.button.add.loading:hover {
    color: rgba(255, 255, 255, 0.6);
}

.button.add.loading:before {
    background-image: linear-gradient(135deg, transparent 25%, rgba(255, 255, 255, 0.15) 25%, rgba(255, 255, 255, 0.15) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.15) 75%, rgba(255, 255, 255, 0.15));
}

/*
.button.addparam {
    background: #F3F3F3;
    font-weight: bold;
}
*/

span.cascade {
    float: right;
    margin: 0 0 0 4px;
}

a.cascade {
    width: 12px;
    height: 12px;
    display: block;
    background: url(/edit/img/group_roll.gif) 0 bottom repeat-x;
    float: right;
    margin: 2px 0 0 4px;
    outline: none;
}

a.cascade.active {
    background-position: 12px bottom;
}
.clear {
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.cf:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}

td, input {
    font-family:"Open Sans", Tahoma, Helvetica, Geneva, sans-serif;
    font-size: 12px;
}

div.card {
    border: solid 1px #ccc;
    padding: 30px;
    margin: 0px;
    clear: both;
    min-width: 900px;
}

div.cardnotop {
    border: solid 1px #ccc;
    padding: 30px;
//  width : 960 px;
    margin: 0px;
    width: 945px;
    clear: both;
    border-top: 0px;
}

form {
    margin: 0px;
    padding: 0px;
    display: inline;
}

.hidden {
    display: none;
}

.logo {
    margin: 24 18 0 20px;
}

img {
    border: 0 none;
}

.sort {
    color: #777;
}

a.sort {
    display: block;
}

/*.sortup {color:#777; background:url(/edit/img/sortdown.gif) no-repeat 0px 4px; padding-left:10px; display:block;}
.sortdown {color:#777; background:url(/edit/img/sortup.gif) no-repeat 0px 3px; padding-left:10px; display:block;}*/

a {
    color: #177EE2;
    text-decoration: none;
}

a.dashed {
    text-decoration: none;
    border-bottom: dashed 1px #d00000;
}

.rborder {
    border-right: solid 1px #ccc;
}

.red {
    color: red;
}

.black {
    color: black;
}

.green {
    color: green;
}

.blue {
    color: blue;
}

table.books {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    border-top: solid 1px #CCC;
    margin-top: 10px;
}

table.books td {
    padding: 5px;
    border-bottom: solid 1px #CCC;
}

table.books th {
    padding: 5px;
    border-bottom: solid 1px #CCC;
    font-size: 11px;
    color: #777;
    text-align: left;
    font-weight: normal;
    background: #f7f7f7;
}

table.books tr:hover td,
table.books tr.tDnD_whileDrag td {
    background: #EFEFEF
}

table.books2 {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
}

table.books2 td {
    padding: 5px;
    border-bottom: solid 1px #CCC;
}

table.books2 tr:hover td {
    background: #EFEFEF
}

table.books2.group tr td {
    background: #EFEFEF
}

table.books2.group tr:hover td {
    background: #E0E0E0
}

span.cascade {
    float: right;
    margin: 0 0 0 4px;
}

a.cascade {
    width: 12px;
    height: 12px;
    display: block;
    background: url(/edit/img/group_roll.gif) 0 bottom repeat-x;
    float: right;
    margin: 2px 0 0 4px;
    outline: none;
}

a.cascade.active {
    background-position: 12px bottom;
}

table.data {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #CCC;
    margin-top: 0px;
    margin-bottom: 20px;
}

table.data td {
    font-size: 11px;
    padding: 7 5px;
    border-bottom: solid 1px #CCC;
    vertical-align: top;
}

table.data th {
    padding: 7 5px;
    border-bottom: solid 1px #CCC;
    font-size: 11px;
    color: #777;
    text-align: left;
    font-weight: normal;
    background: #f7f7f7;
}

table.notopborder {
    border-top: solid 0px;
}

.tablesummary {
    padding: 7px;
    background: #eee;
    font-size: 11px;
    color: #333;
}

legend.polls {
    background: #FFF;
}

table.handlers {
    border: 0px;
    border-collapse: collapse;
    width: 600px;
    margin-bottom: 20px;
    border-top: solid 1px #CCC;
    margin-top: 10px;
}

table.handlers td {
    padding: 5px;
    border-bottom: solid 1px #CCC;
}

table.handlers tr.bordertop td {
    background: #efefef;
}
div.table-container {
    margin: -1px 18px 10px 22px;
}
.edit {
    border-collapse: collapse;
    width: 100%;
    border: 0 none;
}
.edit tr.border-top td {
    border-top-color: #666;
}
.edit td {
    border-top: dotted 1px #e2e2e2;
    vertical-align: top;
}
.edit .spaw2topframe td {
    border: 0 none;
}
.edit .spaw2topframe td.spaw2editor {
    border: 1px solid #000;
}
.edit td.border {
    border-top: dotted 1px #e2e2e2;
}

.edit td.border.number-title {
    text-align: right;
    padding-right: 10px;
}

.edit td.select100 select {
    width: 100%;
}
.edit td {
    padding: 9px 1px;
}
.edit td.td1 {
    width: 200px;
    padding-right: 20px;
}


.edit th {
    font-weight: bold;
    padding: 6px 5px;
    border-bottom: solid 1px #CCC;
    font-size: 11px;
    color: #777;
    text-align: left;
    background: #efefef;
}

.edit .th2 {
    font-weight: normal;
}

.edit .th3 {
    font-weight: normal;
    font-size: 11px;
    color: #777;
    font-weight: bold;
}

.edit .th4 {
    border-top: solid 1px #CCC;
}

.edit .th5 {
    color: #000;
    font-size: 12px;
}

.edit .th6 {
    color: #000;
    font-size: 11px;
}
.edit td input[type=text],
.edit td input[type=password],
.table-modification input[type=text],
.table-modification input[type=password]{
    width: 100%;
    max-width: 100%;
    height: 26px;
    line-height: 22px;
    vertical-align: middle;
    border: 1px solid #aaa;
    border-radius: 2px;
    padding: 0 5px;
    font-size: 14px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

}

.edit td input[type=text].readonly,
.edit td input[type=password].readonly,
.table-modification input[type=text].readonly,
.table-modification input[type=password].readonly{
    background: #CCC;
    cursor: default;
    pointer-events: none;
}

.edit td input[type=button],
.edit td input[type=submit]{
    /*padding-bottom: 2px;
    height: 30px;*/
    width: auto;
}
.edit td textarea {
    /*font-family: Tahoma;*/
    font-size: 14px;
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 2px;
    padding: 0 5px;
    width: 100%;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 22px;
    resize: vertical;
}
.select {
    width: 210px;
    max-width: 210px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    border: 1px solid #999;
    border-radius: 2px;
}
.select.multi,
.select[multiple] {
    height: auto;
}
.edit td .checkbox {
    width: 20px;
}

.edit tr.header {
    background: #efefef;
}

.edit tr.header td {
    font-weight: bold;
}
.edit a.cascade {
    display: block;
    font-size: 14px;
    padding-left: 16px;
    line-height: 32px;
    outline: none;
    color: #177EE2;
    margin: 0 0 0 -16px;
    font-weight: bold;
    background: url(/edit/img/cms-ui-cascade_closed.gif) 0 center no-repeat;
    float: none;
    width: auto;
    height: auto;
}

.edit a.cascade.active {
    background: url(/edit/img/cms-ui-cascade_opened.gif) 0 center no-repeat;
}
.edit td .button {
    /*height: 28px !important;*/
    /*line-height: 28px;*/
    /*margin-left: 5px;*/
    /*color: #4C4C4C;
	font-weight: bold;
    border: 0 none;
    background: #E7E7E7;*/
}
/*
.edit td input.button:hover {
    color: #CC0000;
}
*/
.edit td .button.add {
    margin-right: 6px;
    color: #FFF;
}
/*
.edit td .button.add:hover {
    background: #2b94f9;
    color: #FFF;
}

.edit td .button.add:active {
    background: #0e6dc9;
    border: #0b4885 1px solid;
	box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
}
*/
/*
.edit td input.button.add:hover {
    color: #F1F1F1;
}
*/
.edit td input.ajax {
    background: #fefeff !important;
    color:#e7e7ea;
}

.form-ajax-loader {
    position: fixed;
    width: auto;
    height: auto;
    background: url(/edit/img/datagrid-loader.gif) center center no-repeat #FFF;
    top: 0; right: 0;
    left: 0; bottom: 0;
    opacity: 0.6;
    display: none;
    z-index: 10000;
}
#loader {
    position: absolute;
    top: 0; right: 0;
    left: 0; bottom: 0;
    background: url(/edit/img/datagrid-loader.gif) center center no-repeat #FFF;
}
.edit td input.button.gen_alias {
    width: 20%;
    float: right;
    height: 26px !important;
    line-height: 25px;
    margin: 0;
}

input.button.near-input {
    width: auto;
    padding: 0 20px;
    margin: 0 0 0 10px;
    display: inline-block;
    float: none;
    height: 26px;
    line-height: 26px;
    vertical-align: bottom;
}

.edit label {
    cursor: pointer;
    margin-right: 5px;
    border-bottom: 1px dotted rgba(0,0,0,0.25);
}
.edit input[type=checkbox] {
    cursor: pointer;
}
.delivery-price input[type=checkbox] {
    vertical-align: middle;
}
.delivery-price a.control_del {
    margin-top: 0;
}
.delivery-price td {
    vertical-align: middle;
}
.text11 {
    font-size: 11px;
}

.itemhover2 {
    background: #e0e0e0;
}

.itemhover {
    background: #efefef;
}

.item {
    background: #fff;
}

.itemhand {
    cursor: pointer;
}
/* IS UPDATED */
fieldset {
    margin-bottom: 20px;
    padding: 10px;
}

table.newparam {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    border: solid 1px #999;
    border-bottom: solid 0px;
}

table.newparam td {
    padding: 10px;
    border-bottom: solid 1px #999;
}

table.newparam table {
    width: 100%;
    margin-top: 10px;
    border: 0px;
    border-collapse: collapse;
    border: solid 1px #999;
    border-bottom: solid 0px;
}

table.oldparam {
    border: 0px;
    border-collapse: collapse;
    width: 100%;
    border: solid 1px red;
    border-bottom: solid 0px;
}

table.newparam td {
    padding: 10px;
    border-bottom: solid 1px #999;
}

table.newparam table {
    width: 100%;
    margin-top: 10px;
    border: 0px;
    border-collapse: collapse;
    border: solid 1px #999;
    border-bottom: solid 0px;
}

h3 {
    margin: 0px;
    padding: 0px;
}

fieldset {
    display: block;
    border: 1px solid #ccc;
    border-radius: 3px;
}

fieldset.active {
    background: #efefef;
}

fieldset.passive {
    border: solid 1px #777;
}

fieldset.passive legend {
    color: #777;
}


.toptitle {
    color: #aaa;
    font-size: 20px;
    padding: 20px 10px;
    text-shadow: #222 0px 1px 1px;
}

.topmenu {
    background: #d6d6d6;
    float: left;
    width: 100%;
    border-bottom: solid 1px #a1bca5;
}

.topmenu .inner {
    padding-left: 18px;
}

.topmenu .item {
    top: 1px;
    position: relative;
    color: #353535;
    display: block;
    float: left;
    padding: 8 15px;
    border: solid 1px #c2c2c2;
    margin: 10 5 0 0px;
    border-bottom: solid 1px #a1bca5;
    background: #d6d6d6;
}

.topmenu .itemact {
    top: 1px;
    position: relative;
    color: #353535;
    display: block;
    float: left;
    padding: 8 15px;
    border: solid 1px #aeaeae;
    margin: 10 5 0 0px;
    border-bottom: solid 1px #fff;
    background: #fff;
}

.topmenu .itemact a {
    text-decoration: none;
    font-weight: bold;
}

.topmenu a {
    color: #353535;
}

.topmenu .user {
    float: right;
    padding: 14 15px;
}

.maincontent {
    padding: 20 20px;
    clear: both;
}

h2 {
    font-size: 22px;
    color: #000;
    padding: 11px 0 0 0;
    font-weight:400;
}

h2.notopmargin {
    padding: 0px;
    margin: 0 0 15 0px;
    font-size: 16px;
    color: #008000;
}

h4 {
    padding: 0px;
    margin: 15 0 15 0px;
    font-size: 14px;
    color: #008000;
}

.filterselect {
    width: 100%;
    font-size: 11px;
    /*font-family: tahoma;*/
    margin-top: 7px;
}

.st {
    white-space: nowrap;
    text-align: left;
}

.st i {
    text-align: center;
    font-style: normal;
    display: table-cell;
    width: 60px;
    min-width: 60px;
    border-left: solid 1px #ccc;
    padding: 0 5px;
/ / width : 70 px;
}

.st b {
    text-align: center;
    width: 30px;
    min-width: 30px;
    display: table-cell;
    border-left: solid 1px #ccc;
    padding: 0 5px;
/ / width : 40 px;
    font-weight: normal;
}

.hh {
    border-top: solid 1px #ccc;
    margin-top: 7px;
}

.st2h {
    margin-top: 7px;
    text-align: left;
}

.st2h b {
    width: 112px;
    min-width: 112px;
    display: table-cell;
    font-weight: normal;
    border-left: solid 1px #ccc;
    padding: 3 5px;
/ / width : 120 px;
    text-align: center;
}

.st2 {
    white-space: nowrap;
    margin-top: 0px;
}

.st2 i {
    font-style: normal;
    display: table-cell;
    width: 75px;
    min-width: 75px;
    border-left: solid 1px #ccc;
    padding: 3 5px;
/ / width : 87 px;
}

.st2 b {
    width: 30px;
    min-width: 30px;
    display: table-cell;
    font-weight: normal;
    border-left: solid 1px #ccc;
    padding: 3 5px;
/ / width : 40 px;
    text-align: center;
}

.st2h b.date {
    font-style: normal;
    display: table-cell;
    width: 202px;
    min-width: 202px;
    border-left: solid 1px #ccc;
    padding: 3 5px;
/ / width : 210 px;
}

.st2 b.date {
    font-style: normal;
    display: table-cell;
    width: 60px;
    min-width: 60px;
    border-left: solid 1px #ccc;
    padding: 3 5px;
/ / width : 70 px;
}

.sorthh {
    float: left;
    margin-right: 20px;
}

.fcomment {
    font-size: 11px;
    color: #999;
}

.box1 {
    border: solid 1px #ccc;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-right: 10px;
}

.box2 {
    background: #efefef;
    margin-top: 5px;
}

.box3 {
    background: green;
    color: #fff;
    min-width: 30px;
}

.box3 b {
    display: block;
    padding: 5px;
}

table.stats {
    border-collapse: collapse;
    width: 100%;
    margin: 0 0px;
}

table.fourcell td {
    width: 25%;
}

table.threecell td {
    width: 33%;
}

table.twocell td {
    width: 50%;
}

span.comment {
    display: block;
    font-size: 11px;
    color: #777;
}

div.tabs {
    position: relative;
}

div.tabs div.tabsinner {
    width: 765px;
    top: 1px;
    left: 0px;
    position: relative;
}

div.tabs div.tabsinner div.item {
    display: block;
    float: left;
    padding: 10px;
    border: solid 1px #ccc;
    background: #fff;
    margin-right: 5px;
    cursor: hand;
    cursor: pointer;
}

div.tabs div.tabsinner div.itemact {
    display: block;
    float: left;
    padding: 10px;
    border: solid 1px #ccc;
    background: #fff;
    margin-right: 5px;
    border-bottom: solid 1px #fff;
    font-weight: bold;
}

div.tabs div.tabsinner div.itemdisabled {
    color: #ccc;
    display: block;
    float: left;
    padding: 10px;
    border: solid 1px #eee;
    border-bottom: solid 1px #ccc;
    background: #fff;
    margin-right: 5px;
}

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

table.monitoring td {
    padding: 5px;
    border: solid 1px #ccc;
}

table.monitoring td.noborder {
    border-left: solid 1px #ccc;
    border: 0px;
}

table.monitoring td.price {
    text-align: right;
    font-size: 9px;
    padding-left: 50px;
}

table.monitoring th {
    padding: 5px;
    font-size: 11px;
    color: #777;
    text-align: left;
    font-weight: normal;
    background: #f7f7f7;
}

.readonly {
    background: #ccc;
    color: #777;
}

.message {
    color: #7e741f;
    border: solid 1px #e2d990;
    background: #fffdea;
    padding: 10px;
    margin-bottom: 20px;
    width: 940px;
}

.cursorhand {
    cursor: pointer;
    cursor: hand;
}

.cursorhand i {
    cursor: pointer;
    cursor: hand;
}

.cursorhand b {
    cursor: pointer;
    cursor: hand;
}

.input11 {
    font-size: 11px;
    /*font-family: tahoma;*/
}

.inputnoborder {
    font-size: 11px;
    /*font-family: tahoma;*/
    border: 0px;
    cursor: default;
}

.goodsummary {
    width: 80px;
    white-space: nowrap;
}

.priceField {
    width: 80px;
    white-space: nowrap;
    text-align: right;
}

.minicart {
    border: solid 1px #cccccc;
    padding: 10px;
    margin-bottom: 20px;
}

.minicart .minicartinner {
    width: 300px;
    float: right;
    margin-bottom: 10px;
}

.minicart h3 {
    color: #008000;
    font-size: 14px;
    text-align: right;
    padding: 10 5 0 5px;
}

.minicart h4 {
    color: #008000;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    padding: 0 0 10 0px;
    margin: 0px;
    border-bottom: solid 1px #cccccc;
}

.minicart .line {
    border-bottom: solid 1px #cccccc;
    clear: both;
    height: 25px;
}

.minicart .line .linekey {
    float: left;
    padding: 5px;
    text-align: right;
    width: 140px;
}

.minicart .line .linevalue {
    float: left;
    padding: 5px;
    text-align: right;
    width: 140px;
    font-weight: bold;
}

.cartbuttons {
    padding: 0 0px;
    float: right;
}

.boldbutton {
    font-weight: bold;
}

sup, sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

.clear.h16 {
    height: 16px;
}

a.delbutton img {
    margin: 1px;
}

a.delbutton:hover img {
    border: solid 1px #cccccc;
    margin: 0px;
}

.imagepreview {
    border: solid 1px #999;
    padding: 5px;
    margin-bottom: 10px;
    background: #fff;
    width: 200px;
}

.imagepreview2 {
    float: left;
    width: 300px;
    margin-right: 10px;
    border: solid 1px #ccc;
    padding: 5px;
    margin-bottom: 10px;
    background: #fff;
}

.emptyassort {
    margin: 0 0 0 10px;
    display: inline;
    position: relative;
    background: #d00;
    padding: 3 10px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
}

.itemdisabled .emptyassort {
    background: #f9cdcd;
}

.timetable_head {
    border: solid 1px #ccc;
    background: #f9f9f9;
    padding: 5px;
    margin-bottom: 10px;
}

.timetable_head td {
    font-size: 11px;
}

.timetable {
    border-bottom: solid 1px #ccc;
    padding: 3 5 5 5px;
    margin-bottom: 5px;
}

a.corner {
    background: url('/edit/img/corner.gif') no-repeat;
    text-decoration: none;
    color: #000;
}

a.cornerplus {
    background: url(/edit/img/corner_plus.gif) no-repeat;
    text-decoration: none;
    color: #000;
}

a.cornerminus {
    background: url(/edit/img/corner_minus.gif) no-repeat;
    text-decoration: none;
    color: #000;
}

a.inactive {
    color: #888 !important;
}

table.books3 {
    border: 0px;
    border-collapse: collapse;
    width: 950px;
    border-top: solid 1px #CCC;
}

table.books3 td {
    padding: 5px;
}

div.pack_price {
    height: 25px;
    border-right: 1px solid #CCC;
    float: left;
}

div.pack_price p {
    padding: 4px 0 0;
    margin: 0;
}

div.pack_price input {
    width: 70px;
}

div.pack_price .column {
    float: left;
    width: 70px;
    height: 22px;
    border-left: 1px solid #CCC;
    padding: 1px 3px;
    text-align: center;
    border-bottom: 1px solid #CCC;
}

div.pack_price .column.small {
    width: 60px;
}

div.pack_price.head .column {
    border-top: 1px solid #CCC;
}

div.newGood {
    position: relative;
    display: none;
}

div.newGood div {
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    bottom: auto;
    width: 100%;
}

div.newGood select {
    width: 100%;
    height: 50px;
}
/* IS UPDATED */
.sort-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sort-list li {
    display: block;
    background: #fff;
}

/*************Типы шаблонов**********/
li.type_group_0 {
    background-color: #fff;
    padding: 0 2px 0 2px;
}

li.type_group_1 {
    background-color: #fff0e0;
    padding: 0 2px 0 2px;
}

li.type_group_2 {
    background-color: #e0ffe0;
    padding: 0 2px 0 2px;
}

li.type_group_3 {
    background-color: #d0f0d0;
    padding: 0 2px 0 2px;
}

li.type_group_4 {
    background-color: #ebebff;
    padding: 0 2px 0 2px;
}

li.type_group_0:hover {
    background-color: #f0f0f0;
    padding: 0 2px 0 2px;
}

li.type_group_1:hover {
    background-color: #f0e0a0;
    padding: 0 2px 0 2px;
}

li.type_group_2:hover {
    background-color: #e0f0e0;
    padding: 0 2px 0 2px;
}

li.type_group_3:hover {
    background-color: #d0f0d0;
    padding: 0 2px 0 2px;
}

li.type_group_4:hover {
    background-color: #e0e0f0;
    padding: 0 2px 0 2px;
}

tr.type_group_0 {
    background-color: #fff;
    padding: 0 2px 0 2px;
}

tr.type_group_1 {
    background-color: #fff0e0;
    padding: 0 2px 0 2px;
}

tr.type_group_2 {
    background-color: #e0ffe0;
    padding: 0 2px 0 2px;
}

tr.type_group_3 {
    background-color: #d0f0d0;
    padding: 0 2px 0 2px;
}

tr.type_group_4 {
    background-color: #ebebff;
    padding: 0 2px 0 2px;
}

tr.type_group_0:hover {
    background-color: #f0f0f0;
    padding: 0 2px 0 2px;
}

tr.type_group_1:hover {
    background-color: #e9e9e0;
    padding: 0 2px 0 2px;
}

tr.type_group_2:hover {
    background-color: #e0f0e0;
    padding: 0 2px 0 2px;
}

tr.type_group_3:hover {
    background-color: #d0f0d0;
    padding: 0 2px 0 2px;
}

tr.type_group_4:hover {
    background-color: #e0e0f0;
    padding: 0 2px 0 2px;
}


.sort-list li img.handle {
    margin-right: 20px;
    cursor: move;
}

div.data {
    position: relative;
    padding: 5px 0px 2px 0px;
    border-bottom: solid 1px #ccc;
}

div.data.first {
    border-top: solid 1px #ccc;
}

div.data .id {
    width: 5%;
    float: left;
    padding-top: 2px;
}

div.data .id div {
    padding: 0px 5px;
}

div.data .drag {
    width: 3%;
    float: left;
}

div.data .title {
    width: 68%;
    float: left;
    padding-top: 2px;
}

div.data .title div {
    padding: 0px 5px;
}

div.data .controls {
    width: 22%;
    float: left;
    white-space: nowrap;
    padding-top: 2px;
    text-align: right;
}

.books3 tr:hover {
    background: #e0e0e0;
}

div.databook .title {
    padding-top: 0px;
}

div.databook .id {
    padding-top: 0px;
}

div.databook .controls {
    padding-bottom: 2px;
    padding-top: 0px;
}

table.pages {
    border: 0px;
    border-collapse: collapse;
    width: 950px;
    border-top: solid 1px #CCC;
}

table.pages td {
    padding: 5px 5px 3px 5px;
    vertical-align: top;
}

table.pages tr:hover td {
    background: #efefef;
}

table.pages .arrow {
    float: left;
}

table.pages .title {
    float: left;
    padding-top: 2px;
}

.admin_page {
    padding: 20px;
}

.wrapper {
    padding-left: 0px;
}

ul.sorting {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.sorting li {
    float: left;
}

ul.sorting li.vid_preview {
    float: left;
    margin-bottom: 10px;
    width: 45%;
    margin-right: 10px;
}
ul.sorting li.vid_preview .vid-content {
    padding-right: 6px;
}
.imagepreview {
    float: left;
    width: auto;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    min-width: 60px;
    min-height: 55px;
    margin: 0 10px 10px 0;
}
.imagepreview.binded-item {
    width: 170px !important;
    height: 110px;
    margin: 0 10px 10px 0;
}
.imagepreview.binded-item p {
    position: absolute;
    top: auto; right: 5px;
    left: 5px; bottom: 6px;
    margin: 0;
}
.imagepreview.multiparam {
    min-height: 0;
}
.imagepreview.multiparam div.mp-title {
    border: 1px solid #666;
    padding: 4px 8px;
    cursor: default;
}
.imagepreview.multiparam .links {
    top: 0;
}
.imagepreview.multiparam div.links a {
    margin-top: 4px;
}
.imagepreview:hover,
.imagepreview.visible{
    border-color: #177EE2;
}
.imagepreview input[type=text] {
    width: 190px;
    margin: 5px 0 5px 0;
}
.imagepreview input[type=file] {
    width: auto;
    display: block;
}
.imagepreview.visible .hide,
.imagepreview.visible .links {
    display: block;
}

ul.sorting li div.img {
    clear: both;
    text-align: center;
}

ul.sorting li div.img img {
    border: 0 none;
}
ul.sorting li div.hide {
    display: none;
    clear: both;
    margin-top: 10px;
    padding-bottom: 24px;
}
.imagepreview div.links {
    position: absolute;
    top: auto; right: -1px;
    bottom: -1px; left: -1px;
    display: none;
    /*background: url(/edit/img/cms-ui-gallery_bg.png) 0 0 repeat;*/
    background-color: rgba(71,118,231,0.75);
    padding: 9px 9px 7px
}
.imagepreview:hover div.links {
    display: block;
}
.imagepreview div.links a {
    display: block;
    float: right;
    width: 10px !important;
    height: 10px !important;
    background-position: 0 10px;
    background-repeat: repeat;
    margin-left: 5px;
}
.imagepreview div.links a:hover {
    background-position: 0 0;
}
.imagepreview div.links a.edit {
    background-image: url(/edit/img/cms-ui-gallery-edit.gif);
}
.imagepreview div.links a.move {
    background-image: url(/edit/img/cms-ui-gallery-move.gif);
    cursor: move;
}
.imagepreview div.links a.remove {
    background-image: url(/edit/img/cms-ui-gallery-remove.gif);
}
div#modifications-block {
    margin: 40px 0 0;
}
div.item-modification {
    border-bottom: 1px solid #E4E4E4;
    margin: 5px 0 10px;
    /*padding: 10px 15px;*/
    position: relative;
}

div.item-modification.gifts {
    padding: 0;
    border: 0 none;
}

div.item-modification p {
    margin-top: 0;
    margin-bottom: 12px;
}

div.item-modification td {
    vertical-align: top;
    border-top: 1px solid #E4E4E4; /* IS UPDATED */
}

div.item-modification td.td1 {
    width: 184px;
}

div.item-modification tr.dark td {
    border-top: 0 none;
}

div.item-modification tr.head td.td2 input {
    width: 60%;
    float: left;
}

div.item-modification table.edit {
    border: 0 none;
}

div.item-modification.isset {
    margin: 0;
}

div.item-modification.isset .info-block {
    float: right;
}

div.item-modification.isset tr.none {
    display: none;
}

div.item-modification.isset tr.imagepreview-tr {
    display: table-row;
}

div.item-modification tr.head,
div.item-modification.isset tr.head {
    display: table-row !important;
}

div.item-modification tr.head td.td2 div.links {
    float: right;
    font-weight: normal;
}

div.item-modification tr.head td.td2 div.links a {
    text-decoration: none;
}

div.item-modification tr.last td {
    border-bottom: 0 none;
}

div.add-modification {
    margin: 0 0 20px;
}

ul.item-modification,
ul.filters {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}

ul.item-modification.connections li {
/ / display : inline-block;
/ / display : inline;
    float: left;
    overflow: hidden;
    width: 25%;
}

ul.item-modification.connections li div.img {
    height: 75px;
    overflow: hidden;
    text-align: center;
}

ul.item-modification.connections li.imagepreview {
    width: 148px;
    position: relative;
}

ul.item-modification.connections li.imagepreview .text {
    height: 28px;
    overflow: hidden;
    padding: 0 15px;
}
ul.item-modification li,
ul.filters li {
    display: block;
    padding: 0;
    margin: 5px 0 10px;
    background: #FFF;
}
/* IS UPDATED */
ul.item-modification li {
    margin: 0;
}

ul.item-modification li .edit {
    width: 100%;
    margin: 0;
}

ul.item-modification li .edit tr:first-child td {
    border: 0 none !important;
}

ul.item-modification li .handle,
ul.filters li .handle {
    float: right;
    cursor: move;
}

ul.filters li a {
    text-decoration: none;
}

.connections_result {
    position: absolute;
    left: 0;
    right: 0;
    height: 200px;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #CCC;
    background: #FFF;
    z-index: 1000;
}

.connections_result ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.connections_result ul li {
    margin: 0 10px;
    border-top: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
    padding: 5px 8px 6px;
    cursor: pointer;
}

.connections_result ul li div.img {
    float: left;
    width: 100px;
}

.connections_result ul li div.info {
    padding-left: 140px;
}

.connections_result ul li.active {
    background: #CCC;
}

.connections_result ul li:hover {
    background: #EEE;
}

.connections_result ul li.active:hover {
    background: #CCC;
}

.layout_fixed {
    overflow: hidden;
}

.overlay {
    position: fixed;
    display: none;
    overflow: auto;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}


.module-popup {
    background: #fff;
    position: relative;
    margin: 20px auto;
    bottom: auto;
    right: auto;
    width: 841px;
    border: 1px solid #000;
    z-index: 1001;
}

.module-popup h2 {
    color: #374E6C;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
.module-popup h2.no-border {
    border-bottom: 0 none;
}
.module-popup a.close {
    background: url(/edit/img/cms-ui-module_close.gif) 0 0 no-repeat;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 18px;
    right: 21px;
}

.module-popup .hr.green {
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 10px;
    width: auto;
    border-color: #9ABD77;
}

.module-popup .title {
    height: 25px;
    padding: 10px 45px 6px 19px;
}

.hr {
    border-bottom: 1px dashed #EAEAEA;
    clear: both;
    height: 1px;
    margin: 12px 0;
    overflow: hidden;
    width: 100%;
}

.module-popup .data {
    color: #333333;
    padding: 5px 18px 15px;
    position: relative;
    border: none;
}

.module-popup .data #files {
    padding-bottom: 10px;
    overflow: hidden;
    clear: both;
}

.module-popup .data p.sign {
    color: #666666;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

#opaco {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    z-index: 500;
    display: none;
}

.module-popup .data #loader {
    height: 15px;
    width: 100%;
    background: url(/edit/img/ajax-loader.gif) no-repeat center center;
}

#pager {
    padding-bottom: 30px;
}

#pager #text {
    padding: 10px;
}

#pages {
    padding-top: 0px;
    padding-right: 6px;
}

#pages a {
    display: block;
    float: left;
    background: #F0F0F0;
    padding: 3 8 5 8px;
    margin-left: 2px;
}

#pages a.img {
    padding: 4 7 5 7px;
}

#pages b.act {
    display: block;
    float: left;
    background: #288534;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 3 8 5 8px;
    margin-left: 2px;
}

/*************Нижнее меню**********/
div.bot-menu {
    height: 50px;
    margin: -55px 20px 5px 20px;
}

div.bot-menu-i {
    width: 160px;
    padding: 4px;
    float: right;
}

a.nav-to-site {
    color: #dbdbdb;
    text-decoration: none;
}

a.nav-to-site:hover {
    color: #e5e5e5;
    text-decoration: underline;
}

/* NEW */
.datagrid_status {
    position: absolute;
    top: auto;
    bottom: 100%;
    padding: 5px 0 6px;
    color: #A7A7A7;
}

.datagrid_status.error {
    color: #DC0000;
}

#datagrid-loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -o-opacity: 0.6;
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    background: url(/edit/img/datagrid-loader.gif) center center no-repeat #FFF;
    display: none;
    z-index: 9;
}

/* UPDATED */
.datagrid-group-actions {
    bottom: auto;
    left: 0;
    line-height: 24px;
    margin-top: -90px;
    padding: 5px;
    position: absolute;
    right: auto;
    top: 100%;
}

.multiselect-options {
    text-align: left;
    float: left;
}

.multiselect-options .opt {
    float: left;
    line-height: 34px;
    height: 30px;
    margin-right: 10px;
}

.multiselect-options .opt select {
    margin-top: 7px;
}

.multiselect-options .opt a {
    margin-top: 6px;
    display: block;
}

.pricelist .it_count {
    background-color: #f6faff;
    border-top: 1px solid #e2eaef;
    height: 31px;
    line-height: 31px;
    padding-left: 8px;
    font-size: 11px;
    color: #999;
    text-align: left;
}

.pricelist .nav_buttons {
    padding-top: 22px;
}

.datagrid_hidden_column {
    display: none;
}

.datagrid_choose {
    text-align: left;
    overflow: auto;
    overflow-x: hidden;
    max-height: 200px;
    z-index: 700;
    min-width: 170px;
    cursor: default;

}

.datagrid_choose.datagrid-drop-down {
    top: 100%;
    right: 0;
    left: auto;
    bottom: auto;
}

.datagrid_choose a {
    background: none;
    color: #336699;
    font-weight: normal;
    line-height: 26px;
    border-bottom: 1px solid #c7d7e1;
    padding: 0 9px;
    display: block;
    text-decoration: none;
}

.pricelist .add_buttons .datagrid_choose li {
    background: none;
    float: none;
    height: auto;
    margin-right: 0px;
    line-height: 26px;
    display: block;
    background-color: #e9f5fe;
    color: #336699;
    border-bottom: 1px solid #c7d7e1;
    padding: 0 20px 0 9px;
    font-weight: normal;
}


.button .datagrid_choose li {
    border-bottom: 1px solid #ECECEC;
    color: #838383;
    display: block;
    font-weight: normal;
    line-height: 24px;
    padding: 0 11px;
    white-space: nowrap;
    zoom: 1;
}
.button .datagrid_choose b .select {
    margin: -2px 0 0 7px;
    width: auto;
}
.button .datagrid_choose li label {
    cursor: pointer;
    clear: both;
    white-space: nowrap;
    color: #000;
    font-size: 12px;
}

.button .datagrid_choose li label:hover {
    color: #177EE2;
}

.button .datagrid_choose li label input {
    float: left;
    margin: 6px 5px 0 0;
}

.button .datagrid_choose b {
    border-bottom: 1px solid #ECECEC;
    display: block;
    line-height: 25px;
    padding: 0 11px 2px;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 11px;
    color: #313850;
}

/** **/



input.error {
    background: #f9cdcd;
}

input.correct {
    background: #a4c9a3 !important;
    border-color: #09620c;
}

p.error {
    color: #FC0000;
    margin: 0;
}

div.dragtable-drag-wrapper {
    display: none !important;
}

/* i18n */
.odd {
    background-color: #f4f4f4;
}

.even {
    background-color: #e7e7e5;
}

table.i18n {
    margin-top: 50px;
}

table.i18n th {
    font-size: 12px;
    background-color: #acd987;
}

table.i18n input {
    width: 400px;
}

table.i18n textarea {
    width: 400px;
    height: 50px;
}

table.i18n td {
    padding: 4px;
}


.datagrid-status-saving,
.datagrid-status-ok {
    width: 100px;
    height: 13px;
    padding: 3px 8px;
    font-weight: bold;
    border: none;
    border-bottom: solid 4px;
    text-align: center;
    background-color: #fefefe;
    box-shadow: 0 0 3px 0 #AAAAAA inset;
}

.datagrid-status-saving {
    color: #d44;
    border-color: #d44;
}

.datagrid-status-ok {
    color: #1a3;
    border-color: #1a3;
}

div.session-message.s-warn a.submit-y {
    background: none repeat scroll 0 0 #FFDC40;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 -6px 12px -3px #FFFFFF inset;
    display: block;
    font-size: 16px;
    height: 27px;
    /*margin: -4px 4px;*/
    padding-top: 4px;
    text-align: center;
    width: 83px;
    text-decoration: none;
    color: #555;
    border-top: 1px solid #999;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

div.session-message.s-warn a.submit-y:hover {
    background: none repeat scroll 0 0 #FFe570;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 -6px 12px -3px #FFFFFF inset;
    color: #555;
}

.shadow-2-y {
    float: left;
    height: 31px;
    margin: 0 10px;
    padding: 0;
    width: 84px;
}

/*///////////////////////////////Парсер/////////////////////////////////////*/
div.container {
    background-color: #fff;
    width: 900px;
    /*margin: 0 auto;*/
    border: 0px solid #333;
}

div.container-n {
    /*margin: 0 auto;*/
    height: 50px;
    width: 910px;
}

button.a, button.b, input.c {
    background-color: #CC0000;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    margin: 10px 8px;
    padding: 6px 8px;
    font-weight: bold;
}

button.a:hover, button.b:hover, input.c:hover {
    color: #Fee;
    cursor: pointer;
}

.button-c {
    background-color: #CC0000;
    border: medium none;
    color: #FFFFFF;
    font-size: 12px;
    margin: -3px 8px;
    padding: 6px 8px;
    font-weight: bold;
}

.button-c:hover {
    color: #Fee;
    cursor: pointer;
}

.button-d {
    background-color: #efefef;
    border: medium none;
    color: #333;
    font-size: 12px;
    margin: -3px 8px;
    padding: 6px 8px;
    font-weight: bold;
}

.button-d:hover {
    color: #666;
    cursor: pointer;
}

#target {
    padding: 10px;
}

.tall {
    height: 26px;
    left: 20px;
    margin-top: 0;
    position: absolute;
    top: 20px;
}

.text-input {
    height: 22px;
    margin-left: 225px;
    margin-top: 2px;
    width: 430px;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------------------- */
/* NEW */

.fl-l {
    float: left !important;
}
.fl-l .button {
    margin-left: 0 !important;
    margin-right: 5px;
}
.fl-r {
    float: right !important;
}

.padder {
    padding: 0 18px;
}

.column {
    width: 200px;
    margin-left: -100%;
    *margin-left: -98%;
}

.column.fl-r {
    margin-left: -200px;
}
.column.fl-l {
    margin-left: 0 !important;
    width: auto;
}

/**
 * HEADER
 */
#header {
    background: #F3F3F3;
    color: #FFF;
    zoom: 1;
    position: relative;
}

#header .top {
    background-color:#1F262C;
}

#header .top .menu {
    float: left;
    overflow: hidden;
}

#header .top .menu .content {

}

#header .top .menu a {
    display: block;
    padding: 0 8px;
    color: #FFF;
    line-height: 24px;
    margin-top: 7px;
}
#header .top .menu.fixed a {
    padding: 0 4px;
}
#header .top .menu a:hover {
    background-color: rgba(255,255,255,0.15);
    position: relative;
    line-height: 24px;
    margin-top: 7px;
    border-radius: 3px;
}

#header .top .menu a.active {
    background-color: rgba(255,255,255,0.25);
    position: relative;
    line-height: 24px;
    margin-top: 7px;
    border-radius: 3px;
}

#header .site-heading {
    padding: 9px 50px 0 0;
    font-weight: bold;
}

#header .site-title {
    font-size: 15px;
    line-height: 18px;
    text-transform: lowercase;
}
#header .site-title a {
    color: #FFF;
}
#header .site-heading .version {
    color: #B8BBCB;
    font-size: 9px;
    line-height: 6px;
    font-weight: normal;
    cursor: default;
}

#header .site-heading .version .version-info{
    background: none repeat scroll 0 0 #fff;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 #777;
    color: #1e7ccc;
    display: none;
    font-size: 12px;
    line-height: 14px;
    padding: 10px;
    position: absolute;
    top: 18px;
}

#header .site-heading .version:hover .version-info{
    display: block;
}

#header .top .column.fl-r {
    line-height: 38px;
    width: auto;
    margin-left: 0;
}

#header .top .user {
    padding: 0 0 0 20px;
    text-align: right;
    color: #C2C4CB;
    font-size: 11px;
    font-weight: bold;
}
#header .top .user a{
    margin-left: 3px;
}

#header .controls {
    padding: 15px 0 0;
    min-height:45px;
}

.page-controls {
    text-align: right;
    padding: 0 0 15px;
}

.page-controls .button {
    margin-left: 6px;
    position: relative;
    /*font-weight: bold;*/
}

.button:hover {
    background: #FFF;
    color: #177EE2;
    border: solid 1px #177EE2;
}

.button:active {
    color: #000;
    border: solid 1px rgba(0, 0, 0, 0.17);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
    background: none;
}
/*
.page-controls .button:hover {
    background: #FFF;
    color: #177EE2;
	border: solid 1px #177EE2;
}

.page-controls .button:active {
	color: #000;
    border: solid 1px rgba(0, 0, 0, 0.17);
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.15);	
    background: #e3e3e3;
}
*/
.page-controls .button.add {
    background: #177EE2;
    color: #FFF;
}

.page-controls .button.add:hover {
    background: #2b94f9;
    /*color: #F1F1F1;*/
}

.page-controls .button.add:active {
    border:#0b4885 1px solid;
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1);
    background: #0e6dc9;
}

.page-controls .button.add.plus:hover {
    background: #2b94f9 url(/edit/img/ico_plus.gif) 8px 8px no-repeat;
}

.page-controls .button.add.plus:active {
    border:#0b4885 1px solid;
    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.25), 0 1px 0 #fff;
    background: #0e6dc9 url(/edit/img/ico_plus.gif) 8px 8px no-repeat;
}

.button.print {
    background: #fff url(/edit/img/ico_print.png) 8px 7px no-repeat;
    padding-left: 28px;
}

.button.print:hover {
    background: #fff url(/edit/img/ico_print_h.png) 8px 7px no-repeat;
}

.button.print:active {
    background: url(/edit/img/ico_print.png) 8px 7px no-repeat;
}

.page-controls .button.add .datagrid-drop-down {
    right: 0;
    top: 100%;
    left: auto;
    bottom: auto;
}

/*.page-controls .button.add*/ .datagrid-drop-down.padder {
                                   padding: 10px;
                               }

.page-controls .button.add select {
    /*border: 1px solid #666;*/
}

.page-controls .button.settings {
    padding: 0;
    width: 28px;
    height: 28px;
    background: url(/edit/img/cms-settings_control.gif) 0 0 repeat-x #FFF;
}

.page-controls .button.settings:hover {
    background: url(/edit/img/cms-settings_control.gif) 0px -28px repeat-x #FFF;
}

.page-controls .button.settings:active
{
    background: url(/edit/img/cms-settings_control.gif) 0px 0px repeat-x;
}

#wrapper {
    position: relative;
}
#content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-height: 495px;
    background: #FFF;
    z-index: 10;
}

#content .datagrid-control {
    position: absolute;
    top: 0; /*1px*/
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
#content .datagrid-control.static .head {
    padding-right: 26px;
}
#content .datagrid-control.static .body {
    top: 35px;
    overflow: auto;
}
#content .datagrid-control .static table.datagrid {
    table-layout: fixed;
}
#content .main-container {
    position: absolute;
    top: 0; /*1px;*/
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    min-width: 1000px;
}
#content .main-container.fix {
    left: 250px;
    min-width: auto;
}
#content .datagrid-control div.static {
    position: relative;
}
.datagrid-control .body.static {
    top: 0 !important;
}
#content .menu {
    position: absolute;
    top: 0px; /*2px*/
    right: auto;
    bottom: 0;
    left: 0;
    border-right: 2px solid #e0e0e0;
    width: 250px;
    min-width: 50px;
    max-width: 50%;
}
#content .menu .ui-resizable-e {
    position: absolute;
    top: 0; right: -5px;
    bottom: 0; left: auto;
    width: 5px;
    cursor: e-resize;
}
#content .menu .padder {
    overflow: auto;
}
#content .menu .padder,
#content .menu .container {
    position: absolute;
    top: 0; right: 0;
    bottom: 0; left: 0;
}
#content .menu .container {
    padding: 0;
    overflow: auto;
    width: auto;
}
#content .menu a {
    display: block;
    margin: 10px 0 14px;
    font-size: 15px;
    color: #177EE2;
    /*color: #000;*/
}

#content .menu .padder {
    padding-top: 5px;
}

#content .menu a:hover {
    color: #666;
}

#content .menu a.active {
    font-weight: bold;
}
.datagrid-control .head {
    position: relative;
    z-index: 10;
    /*padding: 0 18px 0 18px;*/
    padding-left: 5px;
    box-shadow: 0 1px 3px #D8D8D8;
    -moz-box-shadow: 0 1px 3px #D8D8D8;
    -webkit-box-shadow: 0 1px 3px #D8D8D8;
    -ms-box-shadow: 0 1px 3px #D8D8D8;
    -o-box-shadow: 0 1px 3px #D8D8D8;
}
.datagrid-control .actions-control {
    display: none;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #CCC;
    height: 30px;
    /*padding: 11px 18px 13px;*/
    padding: 13px 13px;
    background: #FFF;
}

.datagrid-control .actions-control .ico {
    position: absolute;
    top: -1px;
    right: auto;
    bottom: auto;
    left: 18px;
    width: 13px;
    height: 7px;
    background: url(/edit/img/cms-datagrid-actions_ico.gif) 0 0 no-repeat;
}

.datagrid-control .actions-control .button {
    /*background: #F3F3F3;
    color: #4C4C4C;
	font-weight: bold;*/
    margin-right: 7px;
    position: relative;
}

/*
.datagrid-control .actions-control .button:hover,
.datagrid-control .actions-control .button:active {
    color: #CC0000;
    background: #E9E9E9;
}
*/

.datagrid-control.show-actions-control .actions-control {
    display: block;
}

.datagrid-drop-down {
    position: absolute;
    bottom: 0;
    right: auto;
    left: 100%;
    top: auto;
    margin-left: 1px;
    background: #FAFAFA;
    /*display: block;
    z-index: 100;*/
    display: none;
    border: 1px solid #c0c0c0;
    border-radius: 0px 0px 5px 5px;
    /*border-bottom: 0 none;*/
    box-shadow: 0 2px 9px rgba(0,0,0,0.25);
    /*-moz-box-shadow: 0 3px 2px #D8D8D8;
    -webkit-box-shadow: 0 3px 2px #D8D8D8;
    -o-box-shadow: 0 3px 2px #D8D8D8;
    -ms-box-shadow: 0 3px 2px #D8D8D8;*/
}

.button.active .datagrid-drop-down {
    display: block;
    z-index: 100;
}

/*.datagrid-drop-down a, */.datagrid-drop-down li {
                               display: block;
                               padding: 5px 6px 6px;
                               /*border-bottom: 1px solid #ECECEC;*/
                               color: #333;
                               line-height: 14px;
                               font-size: 12px;
                               font-weight: normal;
                               white-space: nowrap;
                           }

.datagrid-drop-down a.last {
    border-bottom: 0 none;
}

.datagrid-drop-down a:hover, .datagrid-drop-down li:hover {
    /*color: #000;*/
    background: #fff; /*#F1F1F1*/
}

.datagrid-control .body {
    position: absolute;
    overflow-x: auto;
    overflow-y: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    padding: 0 0 100px;
}

.datagrid-control .body.show-actions-control {
    padding-bottom: 45px;
}

.datagrid-control .body.show-actions-control table.datagrid {
    margin-bottom: 55px;
}

.datagrid-control .body.show-actions-control .actions-control {
    display: block;
}

.datagrid-control .body.show-actions-control.static .actions-control {
    top: auto; right: auto;
    bottom: auto; left: auto;
    position: relative;
    /*margin: 0 -10px;*/
}
.datagrid-control .body.show-actions-control.static table.datagrid {
    margin-bottom: 0;
}


table.datagrid {
    border-collapse: collapse;
    border: 0 none;
    min-width: 100%;
    max-height: 100%;
    zoom: 1;
}

table.datagrid tr.is_cursor {
    cursor: pointer;
}

table.datagrid > thead {
    width: 100%;
    display: block;
}

.datagrid-separator {
    height: 1px;
    overflow: hidden;
    background: #CCC;
    margin: 0 -18px;
}

table.datagrid th,
table.datagrid td.offset_td {
    padding: 11px 5px 10px;
    font-size: 11px;
    font-weight: normal;
    color: #999;
    white-space: nowrap;
    text-align: left;
    background: #FFF;
    position: relative;
}

table.datagrid tr.static th {
    position: static;
}

table.datagrid th > a,
table.datagrid td.offset_td > a {
    display: block;
    text-decoration: none;
    color: #999;
}

table.datagrid th > div {
    position: absolute;
    z-index: 100;
    text-align: left;
    top: 100%;
    margin-left: -5px;
    right: auto;
    visibility: hidden;
    border: 1px solid #c0c0c0;
    border-radius: 0px 0px 5px 5px;
    border-top-color: #ECECEC;
    background: #FAFAFA;
    margin-top: 0;
    margin-top: 2px\0/IE9;
    font-size: 12px;
    white-space: nowrap;
    min-width: 200px;
    box-shadow: 0 3px 9px -2px rgba(0,0,0,0.25);
    /*-moz-box-shadow: 0 3px 2px #D8D8D8;
    -webkit-box-shadow: 0 3px 2px #D8D8D8;
    -o-box-shadow: 0 3px 2px #D8D8D8;*/
}

table.datagrid th:hover {
    background: #FAFAFA !important;
}
#content .datagrid-control div.static.head table.datagrid th:hover {
    background: #FFF !important;
}
table.datagrid th:hover > div {
    visibility: visible;
}

table.datagrid th div a {
    display: block;
    border-bottom: 1px dotted #ECECEC;
    color: #000;
    line-height: 24px;
    padding: 0 11px 3px;
    white-space: nowrap;
}

.datepickerContainer a {
    border: none !important;
}

/*
table.datagrid th div a:hover {
    color: #666;
}
*/

table.datagrid th div a span.sorting-text {
    display: block;
    float: left;
    cursor: pointer;
}

table.datagrid th div a span.sorting-arrow {
    display: block;
    float: left;
    width: 10px;
    height: 7px;
    background: url(/edit/img/filter_arrow.gif) 0 0 repeat-y;
    margin: 9px 8px 0;
    cursor: pointer;
}

table.datagrid th div a.act_sort span.sorting-arrow {
    background-position: 0 7px;
}

table.datagrid th div .fl b {
    display: block;
    line-height: 25px;
    padding: 0 11px 2px;
    text-transform: uppercase;
    white-space: nowrap;
    font-size: 11px;
    color: #313850;
    float:left;
    letter-spacing: 1px;
}

table.datagrid th div .fl ul {
    margin: 0;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px 0;
    list-style: none;
}

table.datagrid th div .fl li {
    /*border-bottom: 1px solid #ECECEC;*/
    color: #838383;
    display: block;
    font-weight: normal;
    line-height: 24px;
    padding: 0 11px;
    white-space: nowrap;
    zoom: 1;
}

table.datagrid th div .fl li label {
    cursor: pointer;
    clear: both;
    white-space: nowrap;
    color: #000;
    font-size: 12px;
}

table.datagrid th div .fl li label:hover {
    color: #177EE2 /*#666*/;
}

table.datagrid th div .fl li label input {
    float: left;
    margin: 6px 5px 0 0;
}

table.datagrid th div .fl li input[type=text] {
    border: 1px solid #CCC;
    border-radius:3px;
    margin: 5px 0;
    width: 100%;
    white-space: nowrap;
    line-height: 18px;
    height: 18px;
}

table.datagrid th div a.act_sort {
    font-weight: bold;
    color: #000;
}

table.datagrid tr:hover td,
table.datagrid tr.focus td {
    background: #EBF1F4;
    border-bottom: 1px solid #e1e9ed;
}

table.datagrid td {
    border-bottom: 1px dotted #e2e2e2;
    color: #000;
    padding: 8px 10px;
}

table.datagrid tr.selected td {
    background: #FFFEA8;
}
table.datagrid tr.group-header td {
    background: #F6F6F6;
}
table.datagrid td div.holder {
    position: relative;
    z-index: 0;
}

table.datagrid td div.holder span {
    display: block;
}

table.datagrid td div.holder input,
table.datagrid td div.holder select {
    bottom: auto;
    display: none;
    left: -6px;

    margin-top: -13px;
    position: absolute;
    top: 50%;
    max-width: 100%;
    height: 24px;
    line-height: 22px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 5px;
    vertical-align: bottom;
    outline: none;
    width: 100%;
}

table#datagrid td .holder select.open{
    display: block !important;
}

table.datagrid tr td div.holder input[type=checkbox] {
    margin-top: -11px;
    left: 0;
    left /*\**/: -7px\9;
    margin-top /*\**/: -7px\9;
    border: 0 none;
}

table.datagrid tr:hover td div.holder input,
table.datagrid tr:hover td div.holder select,
table.datagrid tr.focus td div.holder input,
table.datagrid tr.focus td div.holder select {
    display: block;
}

table.datagrid tr:hover td div.holder span,
table.datagrid tr.focus td div.holder span {
    visibility: hidden;
}

table.datagrid th.act,
table.datagrid td.offset_td.act {

/
/
background: #F3F3F3

;
}

table.datagrid th.act.filter,
table.datagrid td.offset_td.act.filter {
    background: #FFFEA8;
}

table.datagrid th.act.filter:hover {
    background: #FFF8E5 !important;
}

table.datagrid th.act > a,
table.datagrid td.offset_td.act > a {
    color: #000 !important;
    font-weight: bold;
}

table.datagrid th.act a.sortup,
table.datagrid td.offset_td.act a.sortup {

}

table.datagrid th.act a.sortdown,
table.datagrid td.offset_td.act a.sortdown {

}

table.datagrid th.act.filter > a,
table.datagrid td.offset_td.act.filter > a {
    background: url("/edit/img/cms-datagrid-row_filter.gif") no-repeat scroll 96.5% 3px transparent;
    padding-right: 13px;
}

table.datagrid th.act > a > span,
table.datagrid td.offset_td.act > a > span {
    font-size: 8px;
    left: 1px;
    position: relative;
    display: inline-block;
    *display: block;
    top: -3px;
    *top: 3px;
    zoom: 1;
    line-height: 10px;
}

table.datagrid th > a.sortup > span,
table.datagrid td.offset_td > a.sortup > span {
    padding-right: 12px;
    background: url(/edit/img/cms-datagrid-row_sortdown.gif) right bottom no-repeat;
}

table.datagrid th > a.sortdown > span,
table.datagrid td.offset_td > a.sortdown > span {
    padding-right: 12px;
    background: url(/edit/img/cms-datagrid-row_sortup.gif) right bottom no-repeat;
}

table.datagrid th:hover > a {
    color: #333;
    text-decoration: none;
}

table.datagrid a {
    /*text-decoration: underline;*/
}

table.datagrid a:hover {
    /*text-decoration: underline;*/
    color: #2b94f9;
}

table.datagrid tr.draggable a:hover {
    /*text-decoration: underline;*/
    /*border-bottom: 1px solid rgba(71,118,231,0.35);*/
    color: #2b94f9;
}

a.drag-table {
    cursor: move;
    display: inline-block;
    width: 9px;
    height: 15px;
    background: url(/edit/img/cms-controls-sprite.gif) no-repeat -143px -2px;
    margin-bottom: -3px;
    margin-left: 3px;
}

table.datagrid a.drag-table:hover {
    background: url(/edit/img/cms-controls-sprite.gif) no-repeat -143px -17px;
}

.color-circle {
    margin: 5px;
    margin-left: 0px;
    width: 12px;
    height: 12px;
    float: left;
    border: 1px solid #444444;
    position: relative;
}

.proc-bar {

}

#datagridMasterCheckBox {
    /*margin-left: -3px;*/
}

.datagrid-check-control {
    display: block;
    /*margin-left: -3px;*/
}


.session-message a.close {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 50%;
    right: -25px;
    bottom: auto; left: auto;
    margin-top: -10px;
    background: url(/edit/img/cms-ui-close_ico.gif) 6px 6px no-repeat;
}
/*.session-message a.inline-link {*/
/*position: static;*/
/*display: block;*/
/*}*/

.session-message a.close:hover {
    background: url(/edit/img/cms-ui-close_ico.gif) 6px 6px no-repeat rgba(255,255,255,0.25);
    border-radius: 3px;
}


.session-message.s-ok {background: #2C8F25}
.session-message.s-warn {background: #E89607}
.session-message.s-error {background: #DC0000}

ul.pages-menu {
    list-style: none;
}
ul.pages-menu li p {
    color: #000;
    font-size: 14px;
    line-height: 29px;
    white-space: nowrap;
    position: relative;
}
ul.pages-menu li a {
    display: inline !important;
    font-size: 13px !important;
}
ul.pages-menu li p:hover ,
ul.pages-menu li p.active {
    background: #F8F8F8;
}
ul.pages-menu li p.gray a {
    color: #999 !important;
}
/*ul.pages-menu p:hover > a ,*/
ul.pages-menu li p.active > a ,
ul.pages-menu li p.gray:hover a {
    color: #000 !important;
}

ul.pages-menu p:hover > a {
    color: #177EE2 !important;
}

ul.pages-menu p:hover > a,
ul.pages-menu li p.gray:hover a {
    font-weight: normal;
}
ul.pages-menu li p.active > a,
ul.pages-menu li p.active:hover > a {
    font-weight: bold;
}
ul.pages-menu p span.expand {
    display: block;
    width: 7px;
    height: 7px;
    background: url(/edit/img/cms-ui-expander.gif) 7px 0 repeat;
    float: left;
    margin-top: 12px;
    margin-left: -12px;
    cursor: pointer;
}
ul.pages-menu p:hover span.expand {
    background-position: 7px 7px;
}

ul.pages-menu p span.controls {
    position: absolute;
    display: none;
//float: right;
//margin: -29px 10px 0 0;
    top: 0; right: 10px;
    bottom: auto; left: auto;
    height: 29px;
    background: #F8F8F8;
    z-index: 10;
}
/* IS UPDATED */
ul.pages-menu p span.controls span,
ul.pages-menu p span.controls a {
    display: block;
    width: 17px;
    height: 17px;
    float: left;
    background-position: center 0;
    background-repeat: repeat-y;
    cursor: pointer;
    margin: 7px 0 0 !important;
}
ul.pages-menu p span.controls a:hover,
ul.pages-menu p span.controls span:hover{
    background-position: center bottom;
}
ul.pages-menu p span.controls .move {
    cursor: move;
    background-image: url(/edit/img/cms-ui-draggable.png);
}
ul.pages-menu p span.controls .add {
    background-image: url(/edit/img/cms-ui-add_new.png);
}
ul.pages-menu p span.controls .content {
    width: 16px;
    background-image: url(/edit/img/cms-ui-content.png);
}
ul.pages-menu p span.controls .remove {
    background-image: url(/edit/img/cms-ui-remove.png);
}
ul.pages-menu p.expanded .expand {
    background-position: 0 0;
}
ul.pages-menu p.expanded:hover .expand {
    background-position: 0 7px;
}
ul.pages-menu p:hover span.controls {
    display: block;
}
ul.pages-menu li ul {
    display: none;
}
ul.pages-menu li.expanded > ul {
    display: block;
}


.adminLogin {
    position: absolute;
    top:50%;
    left: 50%;
    margin-left:-164px;
    margin-top: -180px;
    background: #fff;
    width: 328px;
    /*border: 1px solid #e0e0e0;*/
    border-radius: 5px;
    box-shadow: 0 8px 84px -12px rgba(0,0,0,0.75);
    color: #000;
}

.adminLogin .inside {
    padding: 0 22px;
    border-radius: 5px;
}

.adminLogin .engineInfo {
    position: absolute;
    top: -50px;
    left: 0px;
    /* text-align: center; */
    width: 100%;
}

.adminLogin .engineInfo .version {
    color: #c3c3c3;
    font-size: 9px;
    margin-bottom: 3px;
}

.adminLogin .engineInfo .name, .adminLogin .engineInfo .name a {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    line-height: 11px;
}

.adminLogin h1 {
    margin: 0px;
    padding: 0px;
    margin: 20px 0 15px 0;
    color: #374E6C;
}

.adminLogin .session-message.s-error {
    padding: 10px 23px;
    background: #cc0000;
    color: #fff;
    margin-bottom: 19px;
}

.adminLogin .session-message.s-ok {
    padding: 10px 23px;
    color: #fff;
    margin-bottom: 19px;
}

.adminLogin .session-message.s-error a.close, .adminLogin .session-message.s-ok a.close {display: none;}

.inline-link {
    text-decoration: underline;
    color: #CCC
}

.inline-link:hover {
    color: #FFF;
}

.adminLogin table {
    width: 100%;
}

.adminLogin table td {
    padding-bottom: 12px;
}

.adminLogin table input[type=text],.adminLogin table input[type=password] {
    border: 1px solid #999999;
    border-radius: 3px;
    width: 95%;
    padding: 4px 5px;

}

.adminLogin table input[type=submit] {
    /*background: #2f344b;
    border:none;
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 11px 8px 10px;*/
}

.adminLogin a.remind {
    font-size: 11px;
    border-bottom: 1px solid rgba(71,118,231,0.25);
    line-height: 27px;
    margin-left: 12px;
    /*text-decoration: underline;*/
}

/*
.adminLogin a.remind:hover {text-decoration: none;}
.adminLogin .google-auth-link {
    display: block;
    color: #000;
    background: url(/edit/img/google_login.gif) 0 0 no-repeat;
    padding: 7px 0 10px 58px;
    margin: 17px 0 2px 0;
}
*/

.adminLogin .social-auth {
    background: #f6f6f6;
    text-align: center;
    padding: 16px 20px;
}

.adminLogin .google-auth-link {
    /*margin-top: 13px;*/
    background: url(/edit/img/g.png) no-repeat 1px 1px #fff;
    padding: 0 0 0 25px;
    color: #db4c3f;
    line-height: 32px;
    font-weight: 600;
    float: none;
}

.adminLogin .google-auth-link:hover {
    border: solid 1px #db4c3f;
}

.adminLogin .google-auth-link:active {
    background: url(/edit/img/g.png) no-repeat 1px 1px;
    border: solid 1px rgba(0, 0, 0, 0.2);
}

#modifications-block .button.add {
    float: right;
    /*font-weight: bold;*/
    /*background: #C00;*/
    color: #FFF;
}

.group-title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 15px;
}

#modifications-block .edit .head td {
    /*border: none;*/
    border-bottom:1px solid #e4e4e4 !important;
    padding: 3px 1px;
}

.spaw2 td {
    border: 0 none;
}
.modifications-controls-block {
    float: right;
    margin: 11px 0 0 0;
    padding-right: 4px;
}

ul.item-modification .modifications-controls-block img {
    margin: 0 0 0 3px;
}

#modifications-block .edit .head .cascade {
    float: left;
    font-weight: normal;
}

#modifications-block .group-title {
    padding-bottom: 15px;
}

#modifications-block h2 {
    float: left;
}

div.databook {border: none;}

.mp-items-container > div {
    margin: 5px 0;
}
.vid-container {
    margin: 5px 0;
}
.vid-container > div {
    margin: 10px 0;
}
.vid-container textarea {
    margin-top: 5px;
}
.doctype_config {
    margin-top: 10px;
}

/**
 * AJAX LOADER
 */
.ajax-notifier {
    padding: 8px 10px;
    background: rgb(0, 200, 0);
    background: rgba(0, 200, 0, 0.8);
    -moz-background: rgba(0, 200, 0, 0.8);
    -webkit-background: rgba(0, 200, 0, 0.8);
    -ms-background: rgba(0, 200, 0, 0.8);

    box-shadow: 0 2px 3px #D8D8D8;
    -webkit-box-shadow: 0 2px 3px #D8D8D8;
    -moz-box-shadow: 0 2px 3px #D8D8D8;
    -ms-box-shadow: 0 2px 3px #D8D8D8;
    color: #FFF;
    white-space: nowrap;
    display: none;

    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: 0;
    font-weight: bold;
}
.ajax-notifier.ajax-error {
    background: rgb(200, 0, 0);
    background: rgba(200, 0, 0, 0.8);
    -moz-background: rgba(200, 0, 0, 0.8);
    -webkit-background: rgba(200, 0, 0, 0.8);
    -ms-background: rgba(200, 0, 0, 0.8);
}

.ajax-loader {
    float: left;
    width: 43px;
    height: 11px;
    background: url(/edit/img/cms-ui-ajax_loader.gif) 0 0 no-repeat;

}

a.handlerSettings {
    padding-left: 10px;
}
a.handlerSettings strong {
    color: #177EE2;
    border-bottom:1px solid rgba(71,118,231,0.35);
}

a.control_view {display: block; float: right; width: 16px; height: 16px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -71px -2px; margin-left: 8px;}
a.control_view:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -71px -18px;}

a.control_add {display: block; margin-top: 2px; float: right; width: 13px; height: 13px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -232px -2px; margin-left: 8px;}
a.control_add:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -232px -15px;}

a.control_edit {display: block; float: right; width: 17px; height: 17px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -118px -2px; margin-left: 8px;}
a.control_edit_disabled {display: block; cursor: default; float: right; width: 17px; height: 17px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -118px -36px; margin-left: 8px;}
a.control_edit:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -118px -19px;}

a.control_del {display: block; margin-top: 2px; float: right; width: 13px; height: 15px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -98px -2px; margin-left: 8px;}
a.control_del_disabled {display: block; cursor: default; margin-top: 2px; float: right; width: 13px; height: 15px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -98px -32px; margin-left: 8px;}
a.control_del:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -98px -17px;}

a.controls_order_del {display: block; margin-top: 3px; float: right; width: 13px; height: 13px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -50px -2px;}
a.controls_order_del:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -50px -15px;}

a.controls_order_get {display: block; margin-top: 3px; float: right; width: 16px; height: 13px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -3px -2px;}
a.controls_order_get:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -3px -15px;}

a.controls_order_ready {display: block; margin-top: 3px; float: right; width: 16px; height: 12px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -25px -2px;}
a.controls_order_ready:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -25px -14px;}

a.controls_order_mail {display: block; margin-top: 3px; float: right; width: 16px; height: 12px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -178px -2px;}
a.controls_order_mail:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -178px -14px;}

a.controls_order_payed, input.controls_order_payed {display: block; border: none; cursor: pointer; margin: -2px 8px 0 0px; float: right; width: 15px; height: 15px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -213px -2px;}
a.controls_order_payed:hover, input.controls_order_payed:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -213px -17px;}

a.controls_order_check {display: block; margin: -2px 0px 0 0px; float: right; width: 15px; height: 15px; background: url(/edit/img/cms-controls-sprite.gif) no-repeat -198px -2px;}
a.controls_order_check:hover {background: url(/edit/img/cms-controls-sprite.gif) no-repeat -198px -18px;}



span.ico_plus {
    background:url(/edit/img/ico_plus.gif) 0px 0px no-repeat;
    display: block;
    float: left;
    width: 11px;
    height: 11px;
    margin: 10px 7px 0 0;
}

table.datagrid a.controls_simple {
    background: #939598;
    border-radius: 2px;
    color: #fff;
    padding: 1px 7px 3px 7px;
    margin-left: 4px;
    font-size: 10px;
    display: inline-block;
    line-height: 14px;
    /*float: right;*/
    text-decoration: none;
}

table.datagrid a.controls_simple:hover {
    color: #fff !important;
    background: #177EE2;
}

/*a*/.controls_simple {
         line-height: 24px;
         margin-left: 6px;
         padding: 0 10px 1px
     }

a.controls_simple.gray {
    color: #ccc;
}

a.controls_simple:hover {
    /* background: #177EE2;*/

}
a.controls_simple.disabled {
    background: #e7e9ee !important;
}
a.controls_simple.gray:hover {
    background: #939598;
}
.datagrid_controls {
    text-align: right;
    min-width: 70px;
}

.page-controls .button.add.plus {
    background: #177EE2 url(/edit/img/ico_plus.gif) 8px 8px no-repeat;
    padding-left: 27px;
}

/*
a.controls_simple{
    background: none repeat scroll 0 0 #939598;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    margin-left: 8px;
    padding: 1px 7px 3px;
    text-decoration: none;
}
*/

.pager {
    clear:both;
    border-top:1px solid #f0efe5;
    padding:11px 0 30px;
    text-align:center;
}
.pager .back,
.pager .next {
    font-size:18px;
    /*font-family:Arial, Helvetica, sans-serif;*/
}
.pager .disable {
    color:#c2c2c2;
    text-decoration:none;
}
.pager ul {
    display: inline;
    font-size: 0;
    padding: 0 21px;
}
.pager ul li {
    display:inline;
    font-size:16px;
    line-height:24px;
    padding:3px 9px;
    margin-left:5px;
}
.pager ul li:first-child {
    margin-left:0;
}
.pager ul li.active {
    display:inline-block;
    background-color:#fdfdfc;
    border:1px solid #d3d3bd;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#c2c2a9;
    line-height:18px;
    padding:2px 8px;
}
.pager a:hover {
    text-decoration:none;
}






.datagrid-pager {
    line-height: 31px;
    padding-bottom: 15px;
}

.datagrid-pager .pages {
    color: #343A51;
    font-size: 14px;
    padding-right: 10px;
    text-align: right;
    padding-left: 15px;
    /*width: 150px;*/
}

.datagrid-pager .pages span {
    font-weight: bold;
    color: #000000;
}

.datagrid-pager a {
    display: block;
    border-radius: 3px;
    border: solid 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);
    width: 28px;
    height: 28px;
    margin: 0 6px 0 0;
    background: url(/edit/img/cms-pager_controls.gif) 0 0 repeat #FFF;
}

.datagrid-pager a.active {
    border: solid 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08);
}

.datagrid-pager a.active:hover {
    border: solid 1px #177EE2;
}

.datagrid-pager a.active:active {
    border: solid 1px rgba(0, 0, 0, 0.17);
    box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.1), 0 1px 0 #fff;
    background: url(/edit/img/cms-pager_controls.gif) 0 0 repeat;
}

.datagrid-pager a.l.active {
    background-position: 0 56px;
}

.datagrid-pager a.l.active:hover {
    background-position: 0 28px;
}

.datagrid-pager a.l.active:active {
    background-position: 0 56px;
}

.datagrid-pager a.r{
    background-position: 28px 0;
}

.datagrid-pager a.r.active  {
    background-position: 28px 56px;
}

.datagrid-pager a.r.active:hover {
    background-position: 28px 28px;
}

.datagrid-pager a.r.active:active  {
    background-position: 28px 56px;
}

#header .controls .padder {
    min-height: 46px;
}

.calendar_input {
    position: relative;
}

.calendar_input img {
    position: absolute;
    top: 4px;
    left: 87px;
}
/*.................................*/
.info-q{
    background-color: #aaa;
    color:#fff;
    padding:10px;
}
.info-error{
    background-color: #faa;
    color:#222;
    padding:10px;
}

.button-query{
    background-color:#777; color:#fff; border: none; margin:5px 0; padding:4px 6px; font-size: 14px;
}

a.button-query{
    background-color: #777777;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    margin: 5px 0;
    padding: 4px 6px;
}

.button-query:hover{
    background-color:#666;
    cursor: pointer;
}

/*==========*/

.button-query-red{
    background-color: #ba2730; color:#fff; border: none; margin:5px 0; padding:4px 6px; font-size: 14px;
}

a.button-query-red{
    background-color: #ba2730;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 14px;
    margin: 5px 0;
    padding: 4px 6px;
}

.button-query-red:hover{
    background-color: #9e2129;
    cursor: pointer;
}


table.q{ border-right:1px solid #aaa; border-bottom:1px solid #aaa; width:100%;}
table.q th{text-align: left; background-color: #888; color:#fff; font-size:14px; font-weight: 400; padding: 4px 15px 4px 4px; border-left:1px solid #aaa;}
table.q td{text-align: left; padding: 4px 15px 4px 4px; border-left:1px solid #aaa;}
table.q tr.one {background-color:#bfbfbf}
table.q tr.two {background-color:#cfcfcf}
table.q tr.error {background-color: #f8ccd5}

div.div-h2{
    font-size: 16px;
    font-weight: bold;
    padding:4px 0 8px 0;
}

.zebra {
    /*background-color: #f5f5f5;*/
}

/*--------------------------------------------------------*/
#session-message {
    position: fixed;
    z-index:10000;
    bottom: 0;
    color: #FFF;
    width: 400px;

    padding-bottom: 10px;
}

#session-message .cl-cont{
    position: absolute;
    top: 0; right: 0;
    left: 0; bottom: 0;
    opacity: 1;
    display: block;
    z-index: 1000;
}
#session-message #close {
    display: block;
    width: 15px;
    height:15px;
    background: url(/edit/img/close-big.png) 0 bottom repeat-x;
    position: relative;
    top: 50%;
    left:98%;
    z-index:999;
}

#session-message .session-message{
    position: relative;
    padding: 5px 30px 7px 10px;
    opacity: 1;
    font-size: 13px;
    color: #fff;
    box-shadow: 0 0 12px -1px rgba(0,0,0,0.15);
    margin: 4px 4px 4px 18px;
    background: #92B5C7;
    border-radius: 3px;
}

#session-message .session-message.s-ok {
    border-right: 30px solid rgba(0,0,0,0);
}
#session-message .session-message.s-warn {
    border-right: 30px solid #e8cf36;
}
#session-message .session-message.s-error {
    border-right: 30px solid #DC0000;
}
/*--------------------------------------------------------*/
.ui-autocomplete {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #666666;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    list-style: none outside none;
    max-height: 200px;
    overflow: auto;
    position: absolute;
    z-index: 100;
}
.ui-autocomplete li {
    list-style: none outside none;
}
.ui-autocomplete li a {
    color: #000000;
    display: block;
    padding: 5px 10px 6px;
    text-decoration: none;
}
.ui-autocomplete li.ui-state-focus, .ui-autocomplete li:hover {
    background: none repeat scroll 0 0 #E3E3E3;
    cursor: pointer;
}
.ui-autocomplete li a:last-child {
    border-bottom: 0 none;
}
.ui-helper-hidden-accessible {
    display: none;
}

input.error {
    border-color: #f00 !important;
}

.form-error {
    background: #e00 none repeat scroll 0 0;
    border-radius: 5px 0 0 5px;
    color: #fff;
    display: inline-block;
    height: 26px;
    margin: 0 0 0 -24px;
    position: absolute;
    width: 25px;
}
.form-error .form-error-icon {
    color: #fff;
    display: block;
    line-height: 25px;
    text-align: center;
    width: 25px;
    font-weight: bold;
}
.form-error .form-error-box {
    background: #e00 none repeat scroll 0 0;
    border-radius: 3px;
    bottom: auto;
    box-shadow: 1px 1px 4px 0 #999;
    color: #fff;
    display: none;
    font-size: 13px;
    left: 100%;
    line-height: 25px;
    margin-left: 6px;
    padding: 0 10px;
    position: absolute;
    right: auto;
    top: 0;
    white-space: nowrap;
    z-index: 10;
}

.form-error-box:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #e00;
    border-width: 5px;
    margin-top: -5px;
}

.red-button{
    background-color: #CC0000;
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    height: 32px;
    margin: 10px 26px;
    padding: 4px 13px;
}
.red-button:hover{
    background-color: #C55;
}
a.cancel{
    color:#c00 !important;

    display: block;
    line-height: 25px;
    padding: 0 11px 2px;
    white-space: nowrap;
    font-size: 11px;
    float:right;

}

#modifications-block .button.gray {
    float: right;
}



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

.langs-container {
    position: fixed;
    top: 5px;
    right: -85px;
    left: auto;
    bottom: auto;
    border: 1px solid #CCC;
    border-right: 0 none;
    opacity: 0.5;
    box-shadow: -2px 2px 3px rgba(0,0,0,0.6);
    background: #FFF;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.langs-container:hover {
    opacity: 1;
    right: 0;
}
.langs-container .langs-list {
    width: 100px;
    list-style: none;
    opacity: 0.5;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    border-bottom: 1px solid #CCC;
}
.langs-container .langs-list.active {
    background: #EFEFEF;
}
.langs-container .langs-list.active,
.langs-container .langs-list:hover {
    opacity: 1;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.langs-container .langs-list .website-title {
    font-style: italic;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 8px 6px;
}
.langs-container .langs-list .lang-item {
    padding: 5px 8px 6px;
    border-top: 1px solid #CCC;
    cursor: pointer;
}
.langs-container .langs-list .lang-item:hover {
    text-decoration: underline;
}
.langs-container .langs-list .lang-item.active {
    background: #CCC;
    text-decoration: none;
    cursor: default;
}
.j-lang-field.inactive,
.cke.inactive{
    /*display: none !important;*/
}

.currency-rates {
    width: 150px;
    border: 0 none;
    border-collapse: collapse;
}
.currency-rates td {
    vertical-align: baseline;
    white-space: nowrap;
    /*border-top: 1px solid #CCC;*/
    border-bottom: dotted 1px #e2e2e2;
}
.currency-rates td.abbr {
    width: 20px;
    text-align: center;
    padding: 0 5px;
}
.currency-rates td.abbr.before {
    text-align: right;
    padding-left: 0;
}
.currency-rates td.abbr.after {
    text-align: left;
    padding-right: 0;
}
.currency-rates td.input {
    width: 80px;
}


.product-quantity-changer {
    margin-left: 10px;
    font-weight: bold;
    display: inline-block;
    visibility: hidden;
    width: 13px;
    height: 13px;
    background: url(/edit/img/transfer-sprite.png) 0 0 repeat;
    cursor: pointer;
}
.product-quantity-changer:hover {
    background-position: 0 -13px;
}
.product-quantity-changer.__minus {
    background-position: -13px 0;
}
.product-quantity-changer.__minus:hover {
    background-position: -13px -13px;
}
.product-quantity-changer:hover {
    color: #C00;
}
tr.hover .product-quantity-changer,
tr:hover .product-quantity-changer,
tr.focus .product-quantity-changer {
    visibility: visible;
}

.order-number {font-size:20px;}
.tdleft { text-align:left; }


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



.cart-discount-a.j-coupon-add {
    border-bottom: dotted 1px rgba(0,0,0,0.25);
}
/*================================================================*/
table.user-cards th {
    padding:6px 12px;
}

table.user-cards td {
    padding:10px 12px;
}

table.user-cards th{
    border-bottom: 1px dotted #ccc;
    text-align: left;
}

table.user-cards tr{
    border-bottom: 1px solid #bbb;
}

table.user-cards tr:last-child{
    border-bottom: 0px solid #bbb;
}

table.user-cards{
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 0 10px 0;
}
/*================================================================*/
table.datagrid a.order-details-hover {
    color: #999;
    text-decoration: none;
    border-bottom: 1px dotted;
    font-size: 11px;
}
.dg-order-det-bot {
    position: relative;
}
.dg-order-det-bot .order-details-appear {
    position: absolute;
    background-color: #fff;
    border-radius: 0 5px 5px 5px;
    box-shadow: 0 2px 12px -1px rgba(0,0,0,0.35);
    z-index: 40000;
    /*display: none;*/
    padding: 10px 15px;
    visibility: hidden;
    opacity: 0;
    padding: 10px 15px;
    transition: all .2s ease-in .1s;
}
.dg-order-det-bot:hover .order-details-appear {
    opacity: 1;
    visibility: visible;
}

.order-details-appear {
    min-width:300px;
    max-width:600px;
}

.order-details-appear .row {
    text-align: left;
    margin-bottom: 3px;
    overflow: hidden;
}
.order-details-appear .row div{
    float: left;
}
.order-details-appear .row div.col-1{
    width:75%;
}
.order-details-appear .row div.col-2{
    width:25%;
    text-align: right;
}

.order-details-appear .row.separator-line {
    border-bottom: 1px dotted rgba(0,0,0,0.2);
    margin: 9px 0 8px;
}

.dg-order-num {
    font-size: 135%;
    font-weight: bold;
}

a.dg-numOrders {
    background: #e4e4e4;
    padding: 0px 4px;
    border-radius: 3px;
    text-decoration: none !important;
    font-size: 11px;
    color: #000 !important;
}

.dg-order-name {
    font-size: 11px;
    color: #999;
}

.order-status {
    font-weight: 600;
    margin: -4px 0 1px 0;
}

.order-status.new {
    color: #89B815;
}

.order-status.proc {
    color: #177EE2/*#3b98aa*/;
}

.order-status.delivered {
    color: #000;
}

.order-status.delivery-in-process {
    color: #3b98aa;
}

.order-status.not-delivered {
    color: #ccc;
}



table.datagrid a.order-buttons {
    /*background: #939598;*/
    border-radius: 2px;
    color: #fff;
    padding: 1px 7px 3px 17px;
    margin-right: 4px;
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
}

table.datagrid a.order-buttons:hover {
    color: #fff !important;
}

a.orders_control_start {
    background: #89B815 url(/edit/img/orders_controls.png) 1px 1px no-repeat;
}

a.orders_control_start:hover {
    background: #98c920 url(/edit/img/orders_controls.png) 1px 1px no-repeat;
}

a.orders_control_edit {
    background: #177EE2 url(/edit/img/orders_controls.png) 1px -63px no-repeat;
}

a.orders_control_edit:hover {
    background: #2b94f9 url(/edit/img/orders_controls.png) 1px -63px no-repeat;
}

a.orders_control_sended {
    background: #83bd4a url(/edit/img/orders_controls.png) 1px -31px no-repeat;
}

a.orders_control_sms {
    background: #939598 url(/edit/img/orders_controls_2.png) 5px -91px no-repeat;
    padding-left: 22px !important;
}

a.orders_control_sms:hover {
    background-color: #177EE2;
}

a.orders_control_delivered:hover {
    background: #2eacc4 url(/edit/img/orders_controls.png) 1px -31px no-repeat;
}

a.orders_control_print {
    background: #939598;
}

a.orders_control_print:hover {
    background: #177EE2;
}

a.orders_control_ok {
    background-color: #83bd4a !important;
}

a.orders_control_delivered {
    background: #3b98aa url(/edit/img/orders_controls.png) 1px -31px no-repeat;
}

a.orders_control_sended:hover {
    background: #2eacc4 url(/edit/img/orders_controls.png) 1px -31px no-repeat;
}

a.orders_control_canceled {
    background: #939598 url(/edit/img/orders_controls.png) 1px -47px no-repeat;
}

a.orders_control_canceled:hover {
    background: #f00 url(/edit/img/orders_controls.png) 1px -47px no-repeat;
}

a.orders_control_view{
    background: #939598 url(/edit/img/orders_controls.png) 1px -15px no-repeat;
}

a.orders_control_view:hover {
    background: #177EE2 url(/edit/img/orders_controls.png) 1px -15px no-repeat;
}

.coupon-input {
    float: left;
    width: 50%;
}

a.dg-order-check-button {
    background: #939598 url(/edit/img/ico_print_white.png) 5px 4px no-repeat;
    border-radius: 2px;
    color: #fff !important;
    display: inline-block;
    font-size: 10px;
    line-height: 14px;
    margin-left: 4px;
    padding: 1px 8px 3px 21px;
    text-decoration: none;
}

a.dg-order-check-button:hover {
    color: #fff !important;
    background-color: #177EE2;
}



/*================================================================*/
.login-form-messages .session-message{
    padding:4px 10px;
    position: relative;
    margin:10px 0;
}
.login-form-messages .session-message a.close{
    display: none;
}
/*================================================================*/

.__disabled {
    pointer-events: none;
    opacity: .5;
}
.__readonly .j-remove-p,
.__readonly .j-coupon-add,
.__readonly .j-markup-add,
.__readonly .j-coupon-remove {
    pointer-events: none;
    opacity: .5;
}

.set-container {
    list-style-type: none;
}
.set-container .set-item {
    position: relative;
    padding: 8px;
    border: 1px solid #d9d9d9;
    width: 80%;
    margin: 0 10px 10px 0;
    border-radius: 2px;
}
.set-container .set-item:hover,
.set-container .set-item.ui-sortable-helper  {
    border-color: #d9a774;
    background: #FFF8E5;
    box-shadow: 3px 3px 5px rgba(0,0,0,.15);
}
.set-item.ui-sortable-placeholder {
    visibility: visible !important;
    border: 1px dashed #CCC;
}
.set-item.ui-sortable-placeholder * {
    visibility: hidden;
}
.set-item {
    background: #FFF;
}
.set-item .set-table {
    background: none;
    border: 0 none;
    width: 100%;
}
.set-item .set-items-container {
    width: 50%;
    float: left;
}
.set-item .set-table th,
.set-item .set-table td {
    background: none;
    border: 0 none;
    padding: 3px 4px;
    vertical-align: middle;
}
.set-item .set-table td.products-container {
    vertical-align: top;
    width: auto;
}
.set-item .set-table td {
    width: 250px;
    padding-right: 40px;
}
.set-item .set-table th {
    width: 120px;
}
.set-products-list {
    list-style-type: none;
}
.set-item .set-controls {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 40px;
}
.set-item .set-product:hover {
    box-shadow: 2px 2px 2px rgba(0,0,0,.15);
    background: #FFF;
}
.set-item .set-product {
    float: left;
    margin: 0 5px 5px 0;
    width: 98px;
    height: 160px;
    padding: 8px;
    border-radius: 2px 0 2px 2px;
    position: relative;
}
.set-item:hover .set-product {

}
.set-item .set-product img {
    max-width: 98px;
    max-height: 100px;
}
.set-item .set-product:hover,
.set-item .set-product.ui-sortable-helper {
    border-color: #d9a774;

}
.set-item .set-product .set-handles {
    width: 30px;
    height: 42px;
    border-radius: 0 2px 2px 0;
    background: #FFF;
    box-shadow: 2px 2px 2px rgba(0,0,0,.15);
    top: 0;
    right: -30px;
    bottom: auto;
    left: auto;
    position: absolute;
    display: none;
    z-index: 100;
    text-align: center;
}
.set-item .set-product:hover .set-handles,
.set-item .set-product.ui-sortable-helper .set-handles {
    display: block;
}
.set-item .set-product .set-handles .controls_order_del {
    float: none;
    margin: 4px 0 0 8px;
}
.set-item .set-product .set-handles .drag-table {
    float: none;
    margin: 4px 0 0 0;
}
.set-item .set-product.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f3ecd0;
}

.sms_sent {
    display: inline-block;
    color: #89b815;
    margin-left: 10px;
}

.sms_sent:after {
    content: '';
    padding:0px 20px 0 0;
    background: url("/edit/img/orders_controls.png") no-repeat scroll 1px -80px;
}

.popup-info {
    position: relative;
    display: inline-block;
    transition: .2s;
}
.popup-info-hint ul ul {
    list-style-position: inside;
}
.popup-info-hint {
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 0;
    right: auto;
    min-width: 200px;
    border: 1px solid #177EE2;
    padding: 10px 20px;
    border-radius: 5px;
    background: #FFF;
    white-space: nowrap;
    display: none;
}
.popup-info:hover .popup-info-hint {
    display: block;
}
.popup-info-link {
    font-size: 14px;
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid #177EE2;
    border-radius: 2px;
    line-height: 14px;
    color: #177EE2;
    cursor: pointer;
}
.popup-info-link:hover {
    color: #177EE2;
    border-color: #177EE2;
}

.common-settings-block {
    width: 50%;
    float: left;
}

.common-settings-list {
    padding: 10px;
    margin: 10px 10px 0 0;
    list-style-type: none;
    min-height: 218px;
    border: 2px dashed #374E6C;
    border-radius: 5px;
}

.common-settings-element,
.common-settings-element-placeholder {
    padding: 10px;
    line-height: 25px;
    border: 1px solid #374E6C;
    border-radius: 5px;
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: bold;
    color: #374E6C;
    background: #cee2ff;
    cursor: pointer;
    height: 25px;
}
.common-settings-element:last-child,
.common-settings-element-placeholder:last-child {
    margin-bottom: 0;
}
.common-settings-element-placeholder {
    opacity: .4;
    border-style: dashed;
}
.common-settings-heading {
    font-size: 18px !important;
}

.p-url-history-container {
    list-style-type: none;
}
.p-url-history-item {
    padding: 5px 0 0;
}
.p-url-spacer {
    visibility: hidden;
    margin: -15px 0 0;
}

.p-url-button {
    margin: 8px 0 0 !important;
}

#jsoneditor div.jsoneditor {
    border: none;
}

.editor-header {
    width: 100%;
    height: 35px;
    padding: 2px;
    margin: 0;
    box-sizing: border-box;
    color: #fff;
    background-color: #3883fa;
    border-bottom: 1px solid #3883fa;
}

.editor-content {
    box-sizing: border-box;
    height: 100%;
    margin-top: -35px;
    padding-top: 35px;
}

.editor {
    height: 100%;
}

.editor-tabs {
    display: flex;
}

.editor-tabs a {
    width: 26px;
    height: 26px;
    line-height: 24px;
    margin: 2px;
    padding: 0;
    opacity: .7;
    text-align: center;
}

.editor-tabs a.active {
    opacity: 1;
}

.editor-tabs svg {
    fill: #fff;
    vertical-align: middle;
}