/* Copyright (c) 2002-2021 Open2b Software Snc */

html { height: 100%; }

body { color: #000; margin: 0; padding: 0; text-rendering: optimizelegibility; min-height: 100%; position: relative; }

body, textarea, input, button, select, td { font: 12px 'Open Sans', arial, sans-serif; }

form { display: inline; }

input, select, option { margin: 0; vertical-align: baseline; *vertical-align: middle; }
select { padding: 4px; vertical-align: middle; }
option { padding: 4px; vertical-align: middle; }

input[type='text'], input[type='number'], input[type='password'], input[type='email'], textarea, select { border: 1px solid #CCC; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 3px; font-family: inherit; }
input[type='text'], input[type='number'], input[type='password'], input[type='email'] { min-height: 17px; }
select, input[type='text'], input[type='number'], input[type='password'] { display: inline-block; vertical-align: middle; line-height: 1.3; }
select { height: 25px; line-height: 25px; -moz-box-sizing: border-box; vertical-align: middle; }

a, a:visited { color: #66A6D1; }

h1        { margin: 12px 0 12px 0; height: 34px; white-space: nowrap; }
h1 > span { background: #FFF; border-radius: 5px; color: #555; display: inline; float: left; font-size: 16px; font-weight: normal; margin: 0; opacity: 0.7; padding: 6px 12px }

img { border: none; }

button           { height: 26px; margin: 0; }
button div       { line-height: 100%; padding: 3px 10px; white-space: nowrap; }
button.small div { font-size: 11px; padding: 2px 3px; }
button:focus     { outline: none; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button div { }
    button.small div { padding: 2px 3px 1px 3px; }
}

input[type="submit"],
button { border: 1px solid #9A9A9A; border-top-color: #A6A6A6; border-bottom-color: #949494; border-radius: 2px; color: #000; cursor: pointer; background-image: linear-gradient(to bottom, #F6F6F6, #DEDEDE); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F6F6F6, endColorstr=#DEDEDE); }
input[type="submit"]:hover,
button:hover { border: 1px solid #737373; border-top-color: #7B7B7B; border-bottom-color: #6E6E6E; }
input[type="submit"][disabled],
button[disabled] { color: #999; cursor: default; }
input[type="submit"][disabled]:hover,
button[disabled]:hover { border: 1px solid #9A9A9A; border-top-color: #A6A6A6; border-bottom-color: #949494; }

::-webkit-input-placeholder { color: #AAA; }
::-moz-placeholder { color: #AAA; }
:-ms-input-placeholder { color: #AAA; }
:-moz-placeholder { color: #AAA; }

/* Switch */
.switch { position: relative; display: inline-block; }
.switch input { box-sizing: border-box;  cursor: pointer; height: 100%; margin: 0; opacity: 0; padding: 0; position: absolute; width: 100%; z-index: 1; }
.switch > div, .switch div > span { border-radius: 100px; display: inline-block; }
.switch > div { border: 1px solid #cacaca; box-sizing: border-box; box-shadow: inset 0px 0px 0px 0px #fff; overflow: hidden; position: relative; }
.switch > div { transition: border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -webkit-transition: border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -moz-transition: border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out; -o-transition: border-color 0.4s ease-in-out, box-shadow 0.4s ease-in-out;  }
.switch > div > span { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.4); box-sizing: border-box; height: 100%; left: 1px; position: absolute; width: 50%; }
.switch > div > span { transition: left 0.2s ease-in-out; -webkit-transition: left 0.2s ease-in-out; -moz-transition: left 0.2s ease-in-out; -o-transition: left 0.2s ease-in-out; }
.switch input[type="checkbox"]:checked + div { border-color: #64BD63; }
.switch input[type="checkbox"]:checked + div > span { left: 50%; }
.switch, .switch > div { height: 24px; width: 46px; }
.switch input[type="checkbox"]:checked + div { box-shadow: inset 0px 0px 1px 12px #64BD63; }
.switch.large, .switch.large > div { height: 28px; width: 54px; }
.switch.large input[type="checkbox"]:checked + div { box-shadow: inset 0px 0px 1px 14px #64BD63; }
.switch.small, .switch.small > div { height: 20px; width: 38px; }
.switch.small input[type="checkbox"]:checked + div { box-shadow: inset 0px 0px 1px 10px #64BD63; }
.switch.mini, .switch.mini > div { height: 16px; width: 30px; }
.switch.mini input[type="checkbox"]:checked + div { box-shadow: inset 0px 0px 1px 8px #64BD63; }

.header         { background: #254575; overflow: hidden; }
.header .tab-on { background: url('../images/main-menu-tab-on.png') no-repeat center 38px; background-size: 11px 6px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .header .tab-on { background: url('../images/main-menu-tab-on@2x.png') no-repeat center 38px; }
}

.header-inner { overflow: hidden; }

.logo { padding: 9px 10px 9px 14px; float: left; }

#account-image { cursor: pointer; float: right; height: 32px; margin: 6px 15px 0 16px; width: 32px; }
#account-image img { border-radius: 16px; }

#account-menu { display: none; position: absolute; right: 7px; top: 53px; width: 441px; z-index: 1000; }
#account-menu > div { background: #FFF; border: 1px solid #C9C9C9; border-radius: 3px; box-shadow: 0 2px 10px rgba(0,0,0,.2); position: relative; }
#account-menu > div:after, #account-menu > div:before { border: solid transparent; bottom: 100%; content: ' '; height: 0; pointer-events: none; position: absolute; right: 23px; width: 0; }
#account-menu > div:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #F6F6F6; margin-right: -12px; border-width: 12px; }
#account-menu > div:before { border-color: rgba(214, 214, 214, 0); border-bottom-color: #C9C9C9; margin-right: -13px; border-width: 13px; }
#account-menu .top {  background: #F0F0F0; }
#account-menu .site-name {color: #444; font-size: 12px; overflow: hidden; padding: 20px 15px; text-overflow: ellipsis; white-space: nowrap; }
#account-menu .logout { background: #999; border-radius: 5px; color: #FFF; float: right; line-height: 35px; margin: 10px; min-width: 60px; opacity: 0.75; padding: 0 20px; text-align: center; text-decoration: none; text-transform: uppercase; }
#account-menu .logout:hover { opacity: 1; }
#account-menu .go-site { background: #7ABA07; border-radius: 5px; color: #FFF; float: right; line-height: 35px; margin-top: 10px; min-width: 60px; opacity: 0.75; padding: 0 20px; text-align: center; text-decoration: none; text-transform: uppercase; }
#account-menu .go-site:hover { opacity: 1; }
#account-menu .account { color: #333; clear: both; font-size: 14px; line-height: 44px; overflow: hidden; padding: 10px 15px; }
#account-menu .account img { border-radius: 22px; float: left; margin-right: 10px; }
#account-menu .change { float: right; font-size: 12px; margin-top: -5px; }
#account-menu .change a { display: block; line-height: 2.2em; padding-top: 5px; text-decoration: none; }
#account-menu .change a:first-child { padding-top: 0; }
#account-menu .license { border-top: 1px solid #F0F0F0; color: #333; clear: right; font-size: 13px; padding: 25px; }
#account-menu .license > div:first-child { font-weight: bold; }
#account-menu .license > div { line-height: 1.8em; }
#account-menu .license > div label { color: #777; }
#account-menu .license > div span { color: #555; }
#account-menu #open2b-banner { border-top: 2px solid #F0F0F0; height: 140px; }
#account-menu #open2b-banner iframe { border: 0; height: 140px; width: 440px; }

#backgrounds-box { background: white; border: 1px solid #CCC; border-radius: 6px; display: none; height: 500px; width: 120px; padding: 10px; position: absolute; right: 5px; top: 48px; z-index: 2; }
#backgrounds-box iframe { width: 100%; height: 100%; }

input[type='submit'],
input[type='file']    { line-height: auto; margin: 0; min-height: 30px; padding: 4px 10px; vertical-align: baseline; *vertical-align: baseline; }

.buttons { margin-top: 30px; overflow: hidden; text-align: center; }
.buttons button { margin-left: 0.5em; margin-right: 0.5em; min-width: 8em; }

.button-select            { display: inline-block; *display: inline; position: relative; zoom: 1; }
.button-select button div { background: url('../images/arrow-dw.gif') no-repeat center right; margin-right: 10px; padding-right: 16px; }
.button-select ul         { background: #FFF; border: 1px solid rgba(27,31,35,0.15); border-radius: 1px; box-shadow: 0 3px 12px rgba(27,31,35,0.15); list-style: none; margin: 0; margin-top: 29px; min-width: 100%; padding: 0; position: absolute; right: 0; top: 0; text-align: left; visibility: hidden; z-index: 10; }
.button-select li         { border-bottom: 1px solid #EAECEF; color: #586069; cursor: pointer; font-size: 12px; line-height: normal; padding: 9px 16px; white-space: nowrap; }
.button-select li:last-of-type { border-bottom: none; }
.button-select li:hover   { background-color: #EAECEF; }
.button-select li a       { color: #586069; text-decoration: none; }
.button-select li strong  { color: #24292e; display: block; font-size: 13px; font-weight: bold; padding-bottom: 3px; }

table.disabled td,
table.disabled input,
table.disabled textarea { color: #AAA; }

/* apps */

.apps-board                 { padding: 30px; padding-top: 40px; }
.apps-board > div           { margin: 0 30px; min-height: 475px; padding: 29px; position: relative; }
.apps-board .app            { height: 120px; position: absolute; text-align: center; z-index: 0; }
.apps-board .app-icon       { margin: 0 auto; position: relative; text-align: center; width: 101px; }
.apps-board .app-icon:hover { cursor: pointer; }
.apps-board .app-icon img   { background: #FFF; border-radius: 18px; height: 80px; width: 80px; z-index: 0; }
.apps-board .app-name       { color: #595D64; cursor: pointer; font-size: 12px; padding-top: 6px; }

.apps-board .ui-draggable-dragging               { z-index: 1; }
.apps-board .ui-draggable-dragging .app-icon img { height: 90px; width: 90px; }
.apps-board .ui-draggable-dragging .app-name     { font-size: 13px; }

.apps-board #store-updates-check { background: red; border: 2px solid #FFF; border-radius: 15px; color: #FFF; display: none; font-size: 13px; font-weight: bold; height: 18px; line-height: 18px; margin: 0; padding: 1px 6px; position: absolute; right: 0; top: -8px; }

.app-board        { background: #FFF; height: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch; }
.app-board-header { background: #f9f9f9; border-bottom: 1px solid #9ca0a8; overflow: hidden; padding: 10px 0; }

.app-board .app-board-icon { float: left; height: 51px; margin: 0 12px; overflow: hidden; width: 51px; }
.app-board .app-board-icon img { border: 1px solid #DDD; border-radius: 10px;position: relative; }
.app-board .app-board-name { color: #454545; cursor: default; font-size: 18px; line-height: 50px; text-shadow: #f6f6f6 0.1em 0.1em 0.2em; }

.app-board #app-iframe     { border: 0; display: block; height: 100%; overflow: hidden; width: 100%; }

.app-board #install-dialog { display: none; left: 0; position: absolute; top: 0; width: 550px; z-index: 9000; }
.app-board #install-dialog .dialog-content-description { margin: 0 0 15px 6px; }
.app-board #install-dialog .install-icon { border-radius: 18px; float: left; margin: 0 20px 20px 0; }
.app-board #install-dialog .buttons { clear: left; margin-bottom: 10px; }

.app-board #update-dialog { display: none; left: 0; position: absolute; top: 0; width: 550px; z-index: 9000; }
.app-board #update-dialog .dialog-content-description { margin: 0 0 15px 6px; }
.app-board #update-dialog .update-icon { border-radius: 18px; float: left; margin: 0 20px 20px 0; }
.app-board #update-dialog .buttons { clear: left; margin-bottom: 10px; }

.app-external .methods { border: 1px solid #ddd; cursor: auto; height: 308px; overflow: auto; padding: 1px 2px 2px 2px; width: 400px; }
.app-external .public-methods { height: 154px; }
.app-external .methods label { clear: left; color: #333; display: block; line-height: 19px; height: 19px; margin-top: 1px; padding: 3px; vertical-align: middle; }
.app-external .methods input { float: left; margin-right: 5px; margin-top: 2px; }
.app-external .methods label.selected { background: #7ABB08; color: #FFF; }
.app-external .methods.disabled label { background: #EEE; color: #AAA; }
.app-external acronym { border-bottom: 1px dashed #CCC; }
.app-external .api-key-container { clear: both; margin: 0 45px 0 50px; padding-top: 10px; width: 539px; }
.app-external .api-key-container > div { background: #f3f3f3; border: 1px dotted #AAA border-radius: 3px; padding: 10px; }
.app-external .api-key-container .api-key { font-size: 12px; line-height: 26px; overflow: hidden; }
.app-external .api-key-container .api-key button { float: right; }
.app-external .api-key-container #api-key { padding-top: 5px; }
.app-external #icon64-box { cursor: pointer; float: left; height: 32px; margin-left: 10px; width: 32px; }
.app-external #icon64-box img { background: #efefef; border: 1px solid #ccc; border-radius: 8px; height: 32px; width: 32px; }
.app-external #icon100-box { cursor: pointer; float: left; height: 51px; margin-left: 10px; width: 51px; }
.app-external #icon100-box img { background: #efefef; border: 1px solid #ccc; border-radius: 10px; height: 50px; width: 50px; }
.app-external #icon160-box { cursor: pointer; float: left; height: 81px; width: 81px; }
.app-external #icon160-box img { background: #efefef; border: 1px solid #ccc; border-radius: 18px; height: 80px; width: 80px; }
.app-external .delete-listener { background: url('../images/remove-round-button.png') no-repeat; float: right; height: 16px; margin: 6px 8px 0 0; width: 16px; }
.app-external .delete-listener:hover { background: url('../images/remove-round-button.png') no-repeat 0 -16px; }
.app-external #add-listener { background: url('../images/add-round-button.png') no-repeat; float: right; height: 16px; margin: 14px 8px 0 0; width: 16px; }
.app-external #add-listener:hover { background: url('../images/add-round-button.png') no-repeat 0 -16px; }

.button-select #open-apps-menu { width: 130px; }
.button-select ul#apps-menu { background: #FFF; border: 1px solid #CCC; border-radius: 3px; color: #333; overflow: hidden; width: 250px; }
.button-select ul#apps-menu li             { color: #454545; height: 32px; line-height: 32px; padding: 6px; }
.button-select ul#apps-menu li .icon       { float: left; height: 32px; margin-right: 8px; width: 32px; }
.button-select ul#apps-menu li .icon img   { border-radius: 8px; position: relative; }

.app-menage-icon img { border-radius: 8px; position: relative; }

#label-popup { background: #fff; left: 0; position: absolute; top: 0; z-index: 9000; }

#app-dialog          { background: #fff; left: 0; position: absolute; top: 0; z-index: 9000; }
#app-dialog-header   { background: #f9f9f9; border-bottom: 1px solid #ccc; overflow: hidden; padding: 8px; }
#app-dialog-icon     { border: 1px solid #ddd; border-radius: 8px; float: left; height: 32px; overflow:hidden; width: 32px; }
#app-dialog-icon img { border: 1px solid #ccc; height:32px; width: 32px; }
#app-dialog-name     { color: #454545; float: left; font-size: 16px; line-height: 38px; margin-left: 10px; text-shadow: #f6f6f6 0.1em 0.1em 0.2em; }
#app-iframe          { background:transparent; border:0; width:100%; }

.label.app-onstore  { background: #0da2d6 url('../module/apps/images/label-onstore.png') center repeat-x; border-top-left-radius: 0; border-top-right-radius: 0; cursor: default; font-size: 12px; position: absolute; right: 40px; top: 0; padding: 5px 10px; text-align: center; }
.label.app-external { background: #89c80b url('../module/apps/images/label-external.png') center repeat-x; border-top-left-radius: 0; border-top-right-radius: 0; cursor: default; font-size: 12px; position: absolute; right: 40px; top: 0; padding: 5px 10px; text-align: center; }

/* required */

.required { color: red; }

.required-message { color: #333; font-size: 90%; margin: 0.5em 0 0.5em 0; text-align: center; }

.field-tip { color: #555; font-size: 90%; }
textarea + .field-tip { margin-top: -6px; }

/* error, warning and confirm */

.error { color: red; }
.errorsummary { color: red; text-align: center; margin: 0 1em 1em; font-weight: bold; }
.confirm { color: green; text-align: center; margin: 1em; font-weight: bold; }

/* fieldset */

fieldset { padding: 10px 0 0 0; margin: 15px 0 0 0; border: none; }
fieldset legend { color: #555; font-size: 15px; padding-bottom: 5px; padding-left: 3px; }

/*** Menus ***/

.menu ul, .menu ol { line-height: normal; list-style: none; margin: 0; overflow: hidden; padding: 0; zoom: 1; }
.menu li           { margin: 0; }
.menu a            { text-decoration: none; }

.vertical .menu li         { padding: 3px 0; }
.vertical .menu a          { border: 0; display: block; outline: none; zoom: 1; }
  /* 'border: 0' makes the entire row clickable in IE8b2 */
.vertical .menu li li      { margin-left: 8px; padding-left: 8px; }
.vertical .menu li li.last { border-bottom: none; }
.vertical .menu li.selected { background-color: #CDDCF3; }

.horizontal .menu h2 { display: none; }
.horizontal .menu li { display: inline; float: left; padding: 0 8px; }
    /* padding-top and padding-bottom must have the same values of the <a> element inside */
.horizontal .menu a  { display: inline; padding: 0; }

/* Main Menu */

#main-menu         { margin-top: 20px; overflow: hidden; }
#main-menu ul      { clear: right; margin: 0; overflow: hidden; float: left; }
#main-menu li      { padding: 0; margin: 0; vertical-align: middle; }
#main-menu a,
#main-menu span    { display: block; height: 31px; padding-top: 13px; text-align: center; width: 90px; }
#main-menu li.mod-apps a,
#main-menu li.mod-apps span { width: 72px; }
#main-menu a       { color: #eaf2fe; font-size: 13px; }
#main-menu a:hover { color: #fff; }
#main-menu span    { background-position: 0 -76px; color: #9BA0A8; cursor: default; text-shadow: 1px 1px 1px #18283c; }
#main-menu a:hover { background-position: 0 -38px; }

#sub-menu                { background: #FFF; border-bottom: 1px solid #B6BAC7; clear: both; overflow: hidden; padding: 13px 5px 13px 148px; }
#sub-menu li:not(.store),
#sub-menu li.store > div { height: 16px; padding: 1px 11px; text-align: center; white-space: nowrap; }
#sub-menu li:not(.store).selected,
#sub-menu li.store.selected > div { background: #7ABA07; border-radius: 3px; position: relative; }
#sub-menu li.selected a  { color: #FFF; }
#sub-menu li a           { color: #333; display: block; font-size: 12px; line-height: 16px; height: 16px; }
#sub-menu li span        { color: #999; cursor: default; font-size: 12px; }

#sub-menu li.store       { border-left: 1px dotted #83a5d8; margin-left: .7em; padding-left: .7em; }

.side-menu               { border-bottom: 1px solid #C1C1C1; border-left: 1px solid #CDCDCD; border-right: 1px solid #C8C8C8; }
.side-menu h2            { background: #97A4B4; color: #FFF; margin: 0; padding: 7px 42px 7px 12px; font-size: 110%; }
.side-menu .menu li      { background: #F8F8F8; border-bottom: 1px solid #E0E0E0; padding: 0; margin: 0; }
.side-menu .menu span,
.side-menu .menu a       { color: #444; padding: 7px 0 7px 12px; }
.side-menu .menu a:hover { background: #E8E9ED; color: #0077E4; }
.side-menu .menu a .count  { display: block; float: right; color: #828D9B; padding: 1px 3px; margin-right: 7px; font-size: 85%; font-weight: bold; }
.side-menu .menu a:hover .count  { color: #0077E4; }

#content { margin: 10px; }

/* grid-panel */

.grid-panel-header,
.grid-panel-header.light { background: #2d538c; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #EAF2FE; line-height: 30px; height: 30px; padding: 5px 15px; position: relative; }

.grid-panel-header h2 { float: left; font-size: 15px; font-weight: normal; margin: 0; }

.grid-panel-header .grid-panel-header-buttons { float: right; }

.grid-panel-header .group { float: left; vertical-align: baseline; }
.grid-panel-header .group span { font-size: 12px;font-weight: bold; padding: 0 14px 0 18px; }
.grid-panel-header .group label { font-size: 11px; padding-right: 5px; padding-top: 5px; }
.grid-panel-header .group select { font-size: 11px; margin-top: -3px; }

.grid-panel-tools { background: #E2E4EA; border: 1px solid #C8CCD0; border-bottom: 1px solid #fcfcfc; padding: 5px 12px 4px 12px; text-align: left; }

.grid-panel table                 { border-top: 1px solid #C8CCD0; }
.grid-panel thead th              { background: #F1F1F1; border-left: 1px solid #C9C9C9; border-right: 1px solid #FFF; border-bottom: 1px solid #BCBCBC; vertical-align: middle; white-space: nowrap; }
.grid-panel thead th:last-child   { border-right: 1px solid #C9C9C9; }
.grid-panel thead th a            { cursor: pointer; }
.grid-panel thead th a,
.grid-panel thead th div          { color: #444; text-decoration: none; font-weight: normal; line-height: 18px; padding: 2px 5px 1px; display: block; }
.grid-panel thead th div span     { cursor: default; }
.grid-panel thead th img          { margin: 0 5px; }
.grid-panel thead th input        { margin: 5px 12px 0 12px; }
.grid-panel tbody.updating tr     { opacity: 0.6; filter: alpha(opacity = 60); }
.grid-panel tbody td              { background: #FFF; border-bottom: 1px solid #ECECEC; color: #333; cursor: pointer; line-height: 20px; padding: 5px; vertical-align: middle; }
.grid-panel tbody td:first-child  { border-left: 1px solid #C8CCD0; }
.grid-panel tbody td:last-child   { border-right: 1px solid #C8CCD0; }
.grid-panel tbody td img          { vertical-align: middle; }
.grid-panel tbody td input        { vertical-align: middle; margin-top: -1px; }
.grid-panel tbody tr.empty td,
.grid-panel tbody td.gridDelete   { cursor: auto; }
.grid-panel tbody tr.selected td  { background: #E6EDF7; }
.grid-panel-check-mark            { background: url('../images/checked.png') no-repeat; height: 15px; margin: 0 auto; width: 15px; }
.grid-panel-check-mark span       { display: none; }

.grid-panel-order-up > span  { background: url('../images/arrow-up.gif') no-repeat center right; padding-right: 12px; }
.grid-panel-order-dw > span  { background: url('../images/arrow-dw.gif') no-repeat center right; padding-right: 12px; }

.grid-panel th.grid-panel-delete,
.grid-panel td.grid-panel-delete  { cursor: default; text-align: center; width: 30px; }

.grid-panel tfoot td        { border-top: 1px solid #C8CCD0; color: #333; height: 30px; padding-top: 3px; }
.grid-panel tfoot td option { color: #333; }

.grid-panel .menu            { background: #FFF; }
.grid-panel .menu h2         { background: #F1F1F1; border-bottom: 1px solid #BCBCBC; color: #333; font-size: 12px; font-weight: normal; line-height: 18px; margin: 0; padding: 2px 5px; }
.grid-panel .menu li         { border-bottom: 1px solid #EEE; color: #333; line-height: 18px; padding: 3px 5px; }
.grid-panel .menu li a       { color: #333; display: block; }
.grid-panel .menu li a:hover { color: #66A6D1; }
.grid-panel .menu li .count  { color: #828D9B; float: right; font-size: 11px; font-weight: bold; }

/* tree */

div.tree { background: #fff; overflow: scroll; }
.tree ul { background: #fff; line-height: normal; list-style: none; margin: 0; overflow: hidden; padding: 0; zoom: 1; }
.tree a  { border: 0; display: block; text-decoration: none; zoom: 1; }

.tree ul            { }
.tree li            { background-image: none; background-repeat: no-repeat; background-position: 3px 8px; border: none!important; color: #333; margin: 0!important; padding: 0!important; }
.tree li.selected   { background-color: #cddcf3; }
.tree li.expandable { background-image: url('../images/tree-expander.png'); }
.tree li.expanded   { background-image: url('../images/tree-expander-open.png'); }
.tree li.loading    { background-image: url('../images/loader-mini.gif'); }
.tree li > div      { cursor: pointer; line-height: 18px; padding: 4px 3px; }
.tree li a          { color: #444; display: block; margin-left: 12px; }
.tree li.selected > div a { color: #444; }

.tree li li           { background-position: 15px 8px; }
.tree li li .tree-row { margin-left: 12px; }

.tree li li li          { background-position: 27px 8px; }
.tree li li li .tree-row { margin-left: 24px; }

.tree li li li li           { background-position: 39px 8px; }
.tree li li li li .tree-row { margin-left: 36px; }

.tree li li li li li          { background-position: 51px 8px; }
.tree li li li li li .tree-row { margin-left: 48px; }

.tree li .tree-expander,
.tree li.expanded li .tree-expander { height: 18px; float: left; width: 9px; margin-right: 3px; }
.tree li.expandable .tree-expander,
.tree li.expanded .tree-expander     { height: 18px; float: left; cursor: default; width: 9px; }
.tree li .tree-counter               { color: #666; float: right; font-size: 11px; margin-right: 3px; }


.search-input              { position: relative; }
.search-input label        { display: none; }
.search-input label.focus  { color: #DDD; }
.search-input label.hidden { display: none; }
.search-input input        { padding-left: 18px; }
.search-icon               { background: url('../images/search.png') no-repeat; position: absolute; top: 7px; left: 5px; width: 14px; height: 14px; cursor: pointer; }

.field-date                      { position: relative; }
.field-date-icon                 { background: url('../images/calendar.png') no-repeat; position: absolute; top: 5px; left: 5px; width: 14px; height: 14px; cursor: pointer; }
span.field-date .field-date-icon { top: 2px; }
.field-date input                { padding-left: 20px; }

.panel { border: #CCC solid 1px; background: url('../images/dialog_bg.png') repeat-x #f4f3ee; padding: 30px; }

/* spreadsheet */

.spreadsheet          { border: 1px solid #E3E3E3; border-collapse: separate; border-spacing: 0; position: relative; width: 100%; }
.spreadsheet thead th { background: #F1F1F1; border-bottom: 1px solid #e6e6e6; color: #333; font-weight: normal; line-height: 18px; padding: 2px 5px; white-space: nowrap; }

.spreadsheet thead th.first         { border-left: none; }
.spreadsheet td                     { background: #F8F8F8; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 0; }
.spreadsheet td.first               { border-left: 0; }
.spreadsheet td.buttons,
.spreadsheet th.buttons                  { border: 0; padding: 0; width: 0; }
.spreadsheet td.buttons div              { border: 0; height: 16px; margin: 0; margin-top: 4px; padding: 0; position: absolute; width: 16px; }
.spreadsheet td.buttons div.search       { background: url('../images/search-round-button.png') no-repeat; margin-left: -24px; }
.spreadsheet td.buttons div.search:hover { background: url('../images/search-round-button.png') no-repeat 0 -16px; }
.spreadsheet td.buttons div.delete       { background: url('../images/remove-round-button.png') no-repeat; margin-left: 903px; }
.spreadsheet td.buttons div.delete:hover { background: url('../images/remove-round-button.png') no-repeat 0 -16px; }
.spreadsheet td.buttons div.add          { background: url('../images/add-round-button.png') no-repeat; margin: -9px 0 0 -24px; }
.spreadsheet td.buttons div.add:hover    { background: url('../images/add-round-button.png') no-repeat 0 -16px; }
.spreadsheet td.first                    { border-left: none; }
.spreadsheet td.total-price,
.spreadsheet td.taxed-total-price   { padding: 3px 5px; }
.spreadsheet tbody td               { padding: 2px 5px; vertical-align: top; }
.spreadsheet tbody label            { color: #666; }
.spreadsheet tbody td.editable      { background: #FFF; cursor: text; padding: 2px 5px 0px 5px; }
.spreadsheet tbody input            { border: 0; color: #333; height: 22px; line-height: 23px; margin: 0; padding: 0; padding-right: 1px; width: 100%; }
.spreadsheet tbody textarea         { border: 0; color: #333; display: block; height: 22px; line-height: 20px; margin: 0; outline: 0; overflow: hidden; padding: 0; resize: none; width: 100%; vertical-align: text-bottom; }
.spreadsheet tbody select           { border: 0; color: #333; display: block; height: 22px!important; line-height: 23px; margin: 0; overflow: hidden; padding: 0; }
/*.spreadsheet div                   { border: 0; height: 22px; line-height: 23px; margin: 0; padding: 2px 5px; }*/
.spreadsheet tbody div              { border: 0; margin: 0; padding: 2px; }
.spreadsheet td.total-price,
.spreadsheet td.taxed-total-price   { background: #F2F2F2; width: 65px; }
.spreadsheet tfoot th               { font-weight: normal; height: 22px; line-height: 23px; padding: 1px 5px 2px 0; text-align: right; }

/* document */

.document .paper-content  { position: relative; }
.document .buttons-header { margin-top: 0; position: absolute; top: 14px; right: 14px; text-align: right; width: 740px; }

.document-items  { clear: left; }
.document-items .weight,
.document-items .volume,
.document-items .price,
.document-items .quantity,
.document-items .total-price,
.document-items .taxed-total-price,
.document-items tfoot td            { text-align: right; }
.document-items .has-requests .add-requests { display: none; }
.document-items .add-requests           { background: url('../images/add-requests-button.png') no-repeat; cursor: default; float: right; height: 16px; margin-top: 3px; padding: 0; width: 16px; }
.document-items .add-requests:hover     { background-position: 0 -16px; }
.document-items .editable .requests     { display: none; }
.document-items .has-requests .requests { display: block; }
.document-items .requests               { border: 1px solid #dfde99; border-top: 1px solid #ebeaa1; margin: 2px 0 4px 0; overflow: hidden; padding: 0; }
.document-items .requests textarea,
.document-items .requests div           { background: #F7F8B8; color: #3C1305; padding: 4px; }


.document-items td { background: #F8F8F8; }

.document .paper .note { background: #FCFFDC url('../images/note-bg.png') no-repeat bottom right; border: 1px solid #dfde99; border-top: 1px solid #ebeaa1; color: #3C1305; margin-top: 2px; padding: 5px; }

.document-items td.tax-rate span { font-size: 11px; padding-left: 2px; }

.document-items .total-price,
.document-items .taxed-total-price,
.document-items tfoot td             { background: #F2F2F2; padding: 2px 5px; width: 65px; }

.document-items .total th,
.document-items #total-tax { font-weight: bold; }

.document-items tr.cost-total th,
.document-items tr.cost-total td,
.document-items tr.total th,
.document-items tr.total td       { border-top: 1px solid #E3E3E3; }

.document-items tfoot .not-used { background: #F4F4F4; }
.document-items #shipping select,
.document-items #payment  select   { font-size: 12px; }

.main-box-shadow { border-top: 1px solid #ccc; height: 1px; }

table.document-address th,
table.document-specifics th { color: #666; font-weight: normal; padding-right: 10px; text-align: left; }
table.document-specifics th, table.document-specifics td { font-size: 11px; padding-right: 5px; }
table.document-specifics th { padding-right: 5px; vertical-align: top; }

/* tab */

.tabList {
    border-bottom: 1px solid #CDCDCD;
    padding: 3px 0 4px 3px;
    height: 17px;
    margin: 0;
    clear: left;
    height: 20px;
}

.tabOn {
    background: white;
    padding: 7px 12px 7px 12px;
    border-right: 1px solid #CDCDCD;
    border-left: 1px solid #CDCDCD;
    border-top: 3px solid #ffc73c;
    border-bottom: 1px solid #fcfcfe;
    margin: 0;
    margin-right: 1px;
    color: black;
}

.tabOff {
    background: url('../images/tab_bg.png');
    padding: 7px 12px 7px 12px;
    margin: 0;
    border-left: 1px solid #CDCDCD;
    border-right: 1px solid #CDCDCD;
    border-top: 1px solid #CDCDCD;
    margin-right: 1px;
    color: black;
    text-decoration: none;
    cursor: pointer;
}

a.tabOff:visited { color: black; }
a.tabOff:link { color: black; }
a.tabOff:hover { border-top: 3px solid #ffc73c; color: black; padding-top: 7px; }

span.tabDisabled {
    background: url('../images/tab_bg.png');
    padding: 3px 10px 4px 10px;
    margin: 0;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    border-top: 1px solid #999;
    margin-right: 1px;
    color: #666;
    text-decoration: none;
}

.tabContent {
    border: 1px solid #CDCDCD;
    border-top: 0;
    padding: 8px;
    margin: 0;
}

.lineNumber { background: #eee; color: #333; padding: 0 0.5em; margin-right: 1em; border-right: 1px solid #ccc; }

/* Language Flags */

.flag-ar-TN { background: url(../images/flags/ar-TN.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-bg-BG { background: url(../images/flags/bg-BG.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-ca-ES { background: url(../images/flags/ca-ES.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-cs-CZ { background: url(../images/flags/cs-CZ.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-da-DK { background: url(../images/flags/da-DK.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-de-AT { background: url(../images/flags/de-AT.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-de-CH { background: url(../images/flags/de-CH.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-de-DE { background: url(../images/flags/de-DE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-de-LI { background: url(../images/flags/de-LI.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-de-LU { background: url(../images/flags/de-LU.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-el-GR { background: url(../images/flags/el-GR.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-AU { background: url(../images/flags/en-AU.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-CA { background: url(../images/flags/en-CA.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-GB { background: url(../images/flags/en-GB.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-IE { background: url(../images/flags/en-IE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-NZ { background: url(../images/flags/en-NZ.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-US { background: url(../images/flags/en-US.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-en-ZA { background: url(../images/flags/en-ZA.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-AR { background: url(../images/flags/es-AR.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-CL { background: url(../images/flags/es-CL.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-CO { background: url(../images/flags/es-CO.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-DO { background: url(../images/flags/es-DO.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-EC { background: url(../images/flags/es-EC.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-ES { background: url(../images/flags/es-ES.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-GT { background: url(../images/flags/es-GT.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-HN { background: url(../images/flags/es-HN.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-MX { background: url(../images/flags/es-MX.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-NI { background: url(../images/flags/es-NI.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-PA { background: url(../images/flags/es-PA.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-PE { background: url(../images/flags/es-PE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-PR { background: url(../images/flags/es-PR.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-PY { background: url(../images/flags/es-PY.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-SV { background: url(../images/flags/es-SV.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-UY { background: url(../images/flags/es-UY.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-es-VE { background: url(../images/flags/es-VE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-et-EE { background: url(../images/flags/et-EE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fi-FI { background: url(../images/flags/fi-FI.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fr-BE { background: url(../images/flags/fr-BE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fr-CA { background: url(../images/flags/fr-CA.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fr-CH { background: url(../images/flags/fr-CH.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fr-FR { background: url(../images/flags/fr-FR.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fr-LU { background: url(../images/flags/fr-LU.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-fr-MC { background: url(../images/flags/fr-MC.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-gl-ES { background: url(../images/flags/gl-ES.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-hr-BA { background: url(../images/flags/hr-BA.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-hr-HR { background: url(../images/flags/hr-HR.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-hu-HU { background: url(../images/flags/hu-HU.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-is-IS { background: url(../images/flags/is-IS.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-it-CH { background: url(../images/flags/it-CH.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-it-IT { background: url(../images/flags/it-IT.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-it-SM { background: url(../images/flags/it-SM.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-it-LT { background: url(../images/flags/it-LT.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-lv-LV { background: url(../images/flags/lv-LV.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-mt-MT { background: url(../images/flags/mt-MT.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-nb-NO { background: url(../images/flags/nb-NO.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-nl-BE { background: url(../images/flags/nl-BE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-nl-NL { background: url(../images/flags/nl-NL.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-pl-PL { background: url(../images/flags/pl-PL.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-pt-BR { background: url(../images/flags/pt-BR.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-pt-PO { background: url(../images/flags/pt-PO.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-ro-RO { background: url(../images/flags/ro-RO.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-ru-RU { background: url(../images/flags/ru-RU.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-sk-SK { background: url(../images/flags/sk-SK.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-sl-SI { background: url(../images/flags/sl-SI.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-sq-AL { background: url(../images/flags/sq-AL.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-sr-RS { background: url(../images/flags/sr-RS.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-sv-FI { background: url(../images/flags/sv-FI.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-sv-SE { background: url(../images/flags/sv-SE.png) no-repeat center; padding: 0 1em 0 1em; }
.flag-uk-UA { background: url(../images/flags/sv-SE.png) no-repeat center; padding: 0 1em 0 1em; }

td.flag     { padding: 0 4px; text-align: right; }
td.flag img { margin-bottom: -2px; }

/* Text Editor */

.mceContentBody { background-color: white; }

/*** payments ***/

#paymentProvider                   { overflow: hidden; }
#paymentProvider div               { color: #444; padding: 2px; }
#paymentProvider div.available     { color: black; }
#paymentProvider div.selected      { background: #CDDCF3; }
#paymentProvider.enabled div       { cursor: pointer; }
#paymentProvider.enabled div:hover { color: #66A6D1; }

/*** shippings ***/

.add-shipping-cost-row       { background: url('../images/add-round-button.png') no-repeat; float: right; height: 16px; margin: 3px; width: 16px; }
.add-shipping-cost-row:hover { background: url('../images/add-round-button.png') no-repeat 0 -16px; }

/*** file button ***/

.file-button-container     { height: 28px; position: relative; zoom: 1; }
.file-button-file          { height: 28px; overflow: hidden; width: 150px; }
.file-button-file input    { position: relative; float: right; font-size: 35px; margin-left: -375px; margin-top: -3px; z-index: 2; opacity: 0; filter: alpha(opacity = 0); }
.file-button-button        { width: 100%; position: absolute; z-index: 1; top: 0; left: 0; text-align: right; }
.file-button-button button { font-size: 11px; width: 150px; cursor: default; }

/*** themes ***/

.theme-previews {
	background: #FFF;
	border-radius: 5px;
}

.theme-previews h1 { border-bottom: 1px solid #f0f0f0; margin: 0; padding: 20px 0 20px 20px; }

.theme-preview {
    text-align: center;
    margin: 30px;
    color: #333;
}

.theme-preview-image img {
    border: 1px solid #eee;
}

a.theme-preview-url {
    font-size: 13px;
    padding-right: 10px;
    text-decoration: none;
}

.theme-colors img {
	border: 1px solid transparent;
    cursor: pointer;
    margin: 0;
    margin-top: 3px;
    padding: 2px;
}

.theme-colors img.selected-color {
    border: 1px solid #FFC73C;
}

#theme-small-previews {
	border-top: 1px solid #F0F0F0;
    overflow: hidden;
    padding: 20px 20px 0 20px;
}

.theme-small-preview {
    width: 120px;
    text-align: center;
    float: left;
    cursor: pointer;
    margin-bottom: 12px;
}

.theme-small-preview img {
	border: 1px solid #eee;
    width: 100px;
    height: 67px;
}

.ftp-access {
	background: #FFF;
	border-radius: 5px;
	margin-top: 20px;
}

.ftp-access h1 { border-bottom: 1px solid #f0f0f0; margin: 0; padding: 20px 0 20px 20px; }

/* side-bar */

.side-bar               { background: #DFE3E8; border-right: 1px solid #C9C9C9; bottom: 0; clear: left; left: 0; overflow: hidden; position: absolute; top: 89px; }
.side-bar label         { color: #444; display: block; font-size: 11px; margin-bottom: 4px; }
.side-bar select        { display: block; }
.side-bar .grid-panel   { border: 1px solid #CCC; }
.dialog .side-bar       { background: none; border: none; padding: 0; }
.side-bar-inner         { overflow: hidden; padding: 16px 8px; position: relative; width: 242px; }
.dialog .side-bar-inner { background: none; border: none; padding: 0; }

.dialog .side-bar       { background: none; border: none; float: left; position: absolute; top: 0; left: 0; bottom: 0; }
.dialog .side-bar-inner { border: none; overflow: hidden; padding: 0; width: 242px; }

.dialog #container { position: relative; }

table.prices-for-lists th { font-weight: normal; text-align: right; }
table.prices-for-lists td { height: 27px; }
table.prices-for-lists .discount { text-align: right; white-space: nowrap; }

/* Paper */

.paper h1       { font-size: 22px; height: 24px; margin: 0 0 5px 0; }
.paper h1 input { font-size: 20px; }
.paper h2       { font-size: 16px; }
.paper h3       { display: inline; font-size: 13px; font-weight: normal; }
.paper a        { text-decoration: none; }
.paper textarea { resize: vertical; }

.paper-tabs                  { border-bottom: 1px solid #CDCDCD; }
.paper-tabs ul               { height: 40px; margin: 0; padding-left: 0; }
.paper-tabs li               { background: #FDFDFD; border-left: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; cursor: pointer; height: 39px; padding: 0 !important; }
.paper-tabs li:first-of-type { border-radius: 5px 0 0 0; }
.paper-tabs li:last-of-type  { border-radius: 0 5px 0 0; border-right: 1px solid #CDCDCD; }
.paper-tabs li.selected      { background: #FFF; cursor: default; height: 40px; }
.paper-tabs a                { color: #555; display: block !important; line-height: 40px; padding: 0 20px !important; }

.paper-content  { background: url('../images/main-box-bg.png') no-repeat scroll right bottom #FDFDFD; border: 1px solid #CDCDCD; border-top: none; color: #222; padding: 30px 30px; overflow: hidden; }
.paper-content .required-message { margin-bottom: 10px; margin-top: -10px; }

.app-label           { background: #818181; border-radius: 3px; cursor: default; display: block; float: right; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #FFF; font-size: 11px; font-weight: bold; height: 12px; line-height: 12px; margin: 3px; min-width: 60px; padding: 2px 6px 3px; white-space: nowrap; }
.app-label.has-popup { cursor: pointer; }
.app-label.bright    { color: #333; }

/* SEO */
#SEO-area input[type="text"], #SEO-area textarea { box-sizing: border-box; width: 100%; }
#SEO-area table td:first-child { padding-top: 4px; }
#SEO-area input[type='text'].loading { background: transparent url(../images/spin-loader.gif) no-repeat right center; background-origin: content-box; background-size: 10px; padding-right: 10px; }
#SEO-area input[type='text'].invalid { border-color: red; box-shadow: 0 0 2px 0 #d80303; outline: none; }
#SEO-area legend { box-sizing: border-box; overflow: hidden; padding-top: 15px; width: 100%; }
#SEO-customize { cursor: pointer; float: right; font-size: 13px; opacity: 1; transition: opacity 0.2s ease-out; visibility: visible; }
#SEO-customize.invisible { opacity: 0; transition: opacity 0.2s ease-out, visibility 0s 0.2s; visibility: hidden; }
#SEO-preview { padding: 0 5px; }
#SEO-preview .google-like-title { display: block; font-size: 1.4em; color: #1a0dab; line-height: 21px; margin-bottom: 2px; min-height: 21px; }
#SEO-preview .google-like-url { display: block; color: #006621; font-size: 13px; line-height: 20px; margin-bottom: 2px; word-wrap: break-word; }
#SEO-preview .google-like-description { color: #545454; display: block; font-size: 13px; line-height: 18px; }
#SEO-preview .warning-messages { background: url(../images/warning.png) no-repeat center center; background-size: 14px; display: none; height: 14px; margin-left: 4px; opacity: 0; position: relative; top: 2px; width: 14px; }
#SEO-preview .warning-messages.visible { display: inline-block; opacity: 1; transition: opacity 0.15s ease-out; }
#SEO-preview .warning-messages > div { background: #fff; bottom: 100%; box-shadow: 0 0 3px 0 #cdcdcd; border: 1px solid #cdcdcd; border-radius: 3px; color: #505050; font-size: 0.9em; opacity: 0; padding: 8px 12px; position: absolute; min-width: 180px; transform: translate(0, -10px); transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0s 0.2s; visibility: hidden; }
#SEO-preview .warning-messages:hover > div { opacity: 1; transform: translate(0, -5px); transition: opacity 0.2s ease-out, transform 0.2s ease-out; visibility: visible; }
#SEO-preview .warning-messages .content > span { display: none; }
#SEO-settings { height: 0; margin-top: 15px; overflow: hidden; }
#SEO-settings.no-transition { transition: none !important; }
#SEO-area #SEO-settings { transition: height 0.2s 0.1s ease-out; }
#SEO-area.opened #SEO-settings { transition: height 0.2s ease-out; }
#SEO-settings table { opacity: 0; transition: opacity 0.2s ease-out; }
#SEO-settings .error-messages > div { color: #e20000; height: 0; opacity: 0; overflow: hidden; transform: translate(5px, 0); transition: opacity 0.15s 0.1s, transform 0.15s 0.1s; }
#SEO-settings .error-messages > div.visible { height: auto; opacity: 1; padding: 5px 0; transform: translate(0, 0); }
#SEO-area.opened table { opacity: 1; transition: opacity 0.2s 0.1s ease-out; }
#SEO-settings input.bound,
#SEO-settings textarea.bound,
#SEO-settings .canonicalURL.bound + .canonicalURLPath { color: #b7b7b7; }
#SEO-settings input.bound:focus,
#SEO-settings textarea.bound:focus,
#SEO-settings .canonicalURL.bound:focus + .canonicalURLPath { color: inherit; }
#SEO-settings #product-seo-canonical-url { position: relative; }
#SEO-settings #product-seo-canonical-url.disabled .canonicalURLPath { color: #9e9e9e; cursor: default; z-index: 2; }
#SEO-settings #product-seo-canonical-url.disabled .canonicalURL { background: #f3f3f3; border-color: #cdcdcd; color: #9e9e9e; cursor: default; }
#SEO-area .canonicalURL { background: transparent; position: relative; z-index: 1; }
#SEO-area .canonicalURLPath { left: 0; padding: 4px 0; position: absolute; top: 0; z-index: 0; }
#SEO-area .canonicalURLPath span { padding-left: 4px; }
#SEO-area .add-redirect { height: 0; opacity: 0; overflow: hidden; transform: translate(5px, 0); transition: opacity 0.15s 0.1s, transform 0.15s 0.1s; }
#SEO-area .add-redirect.visible { height: auto; opacity: 1; transform: translate(0, 0); }
#SEO-area .add-redirect.disabled { color: #949494; }

/* Product */

.product { margin: 0 auto !important; overflow: hidden; padding-bottom: 30px; width: 700px; }
.prices-for-lists .discount span { cursor: pointer; }
.prices-for-lists .prices-for-derived-lists { color: #666; }

#items-blocked { background: white; display: none; filter: alpha(opacity = 30); height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; z-index: 1000; }

.tier-prices { width: 440px; }
.tier-prices th { padding: 0 8px; text-align: right; font-weight: normal; vertical-align: middle; }
.tier-prices th:first-child { text-align: left; }
.tier-prices td:first-child { width: 100%; }
.tier-prices select { width: 100%; }
.tier-prices input[name="quantity"] { text-align: right; width: 50px; }
.tier-prices input[name="price"] { text-align: right; width: 80px; }

.item-prices { border: 1px solid #F4F4F4; border-radius: 5px; display: flex; }
.item-lists-prices { padding: 20px; }
.item-groups-prices { background: #F4F4F4; border-radius: 5px; color: #666; flex-grow: 1; padding: 20px; }
.item-groups-prices h3 { font-size: 14px; }
.item-groups-prices table { margin-top: 18px; }

/* Department */

.department { margin: 0 auto; padding-bottom: 30px; width: 600px; }

#departments-path a    { background: url('../images/tree-expander.png') no-repeat center right; color: #444; color: #5991b6; padding-right: 15px; text-decoration: none; }
#departments-path span { color: #444; cursor: default; padding-right: 5px; }

/* Promotion */

.promotion { margin: 0 auto; padding-bottom: 30px; width: 720px; }

/* Sticky note */

.sticky-note { background: #F7F8C7 url('../images/note-bg.png') no-repeat bottom right; border: 1px solid #dfde99; border-top: 1px solid #ebeaa1; margin-top: 8px; min-height: 223px; padding: 10px; position: relative; }

.sticky-note-header     { overflow: hidden; }
.sticky-note-header div { float: right; }
.sticky-note-header h3  { color: #892B0B; font-size: 14px; font-weight: normal; margin-top: 0; }

.stichy-note-open-button,
.stichy-note-close-button        { float: right; height: 16px; width: 16px; }
.stichy-note-open-button         { background: url('../images/add-round-button.png') no-repeat 0 0; }
.stichy-note-open-button:hover   { background: url('../images/add-round-button.png') no-repeat 0 -16px; }
.stichy-note-close-button        { background: url('../images/close-round-button.png') no-repeat 0 0; }
.stichy-note-close-button:hover  { background: url('../images/close-round-button.png') no-repeat 0 -16px; }

.sticky-note-write    { background: #F7F8C8 url('../images/note-bg.png') no-repeat bottom right; border: 1px solid #dfde99; border-top: 1px solid #ebeaa1; color: #892B0B; margin-bottom: 10px; height: 400px; padding: 10px; position: absolute; right: -1px; top: -1px; width: 400px; z-index: 1; }
.sticky-note-write h3 { color: #892B0B; font-weight: normal; margin-top: 0; }
.sticky-note-write th { color: #892B0B; font-weight: normal; text-align: left; }
.sticky-note-write h3.set-note { display: none; }
.sticky-note-write textarea    { height: 230px; max-width: 300px; max-height: 230px; width: 300px; padding: 3px; }

.sticky-note-content .note                { padding: 6px 0; position: relative; }
.sticky-note-content .note .time          { color: #3c1305; display: block; float: left; font-size: 11px; }
.sticky-note-content .note img            { display: block; float: left; margin-top: 2px; margin-left: 7px; }
.sticky-note-content .note input          { color: #444; display: none; position: absolute; top: 0; right: 0; }
.sticky-note-content .note .text          { clear: both; color: #222; white-space: pre-wrap; }
.sticky-note-content .note .time:hover    { background: #fdffec; cursor: pointer; }
.sticky-note-content .note .delete        { background: url('../images/delete-note-off.gif'); float: right; width: 16px; height: 16px; margin-right: 2px; }
.sticky-note-content .note .delete:hover  { background: url('../images/delete-note.gif'); cursor: pointer; }

/* Document */

.document                { margin: 20px auto; min-height: 480px; padding-bottom: 30px; position: relative; width: 1000px; }
.document .paper         { width: 750px; }
.document .paper-content { min-height: 700px; }
.document .sticky-note   { margin-bottom: 5px; }

.document button.loading > div { background: url(../images/loader-mini.gif) no-repeat center center; color: transparent; }
.document .paper-content.shipments { border-top: 1px solid #cdcdcd; height: auto; margin-top: 30px; min-height: 0; }
.document .dialog-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; visibility: hidden; }
.document .dialog-container.opened { opacity: 1; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); visibility: visible; }
.document .dialog-container .dialog { display: inline-block; margin-top: 20%; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.document .dialog-container.opened .dialog { -webkit-transform: translateY(0); transform: translateY(0); }
.document .dialog-container .dialog-close { cursor: pointer; }
.document .shipment-dialog-mask { background: rgba(0, 0, 0, .4); opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; visibility: hidden; }
.document .shipment-dialog-mask.visible { opacity: 1; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); visibility: visible; }
.document .shipment-dialog input { height: 25px; line-height: 25px; }
.document .shipment-dialog select { border-radius: 3px 0 0 3px; border-right: 0; width: 100%; }
.document .shipment-dialog label { display: block; margin-bottom: 5px; white-space: nowrap; }
.document .shipment-dialog .row { display: -webkit-box; display: -ms-flexbox; display: flex; }
.document .shipment-dialog .row:first-child .column:nth-child(3) { -ms-flex-preferred-size: 26%; flex-basis: 26%; margin-left: 20px; margin-right: 0; }
.document .shipment-dialog .row:first-child .column:nth-child(4) { -ms-flex-preferred-size: 12%; flex-basis: 12%; }
.document .shipment-dialog .row:nth-child(2) .column:first-child { -ms-flex-preferred-size: 20%; flex-basis: 20%; }
.document .shipment-dialog .column { margin-right: 1.5em; }
.document .shipment-dialog .column:last-child { margin-right: 0; }
.document .shipment-dialog .column input { box-sizing: border-box; width: 100%; }
.document .shipment-dialog .grid-panel { border-top: 1px solid #C9C9C9; min-width: 100%; }
.document .shipment-dialog .grid-panel tbody tr:last-child td { border-bottom: 1px solid #c9c9c9; }
.document .shipment-dialog .dialog-content > div { margin: 15px 0; }
.document .shipment-dialog .dialog-content > div:first-child { margin-top: 0; }
.document .shipment-dialog .dialog-content > div:last-child { margin-bottom: 0; }
.document .shipment-dialog .grid-header { line-height: 31px; margin-bottom: 5px; overflow: hidden; }
.document .shipment-dialog .grid-header a { cursor: pointer; float: right; }
.document .shipment-dialog .item .quantity { white-space: nowrap; }
.document .shipment-dialog .spreadsheet { max-height: 250px; overflow: auto; }
.document .shipment-dialog .spreadsheet table { width: 100%; }
.document .shipment-dialog .spreadsheet th a { color: inherit; }
.document .shipment-dialog .spreadsheet table td { vertical-align: middle; }
.document .shipment-dialog .spreadsheet table input { height: auto; line-height: auto; padding-right: 5px; }
.document .shipment-dialog .spreadsheet tbody tr:last-child td { border-bottom: 0; }
.document .shipment-dialog .spreadsheet .quantity input.invalid { color: red; }
.document .shipment-dialog .dialog-content > div.buttons { margin-top: 30px; }
.document .shipment-dialog .buttons .dialog-close { color: unset; float: none; font-size: unset; line-height: unset; padding: unset; }
.document .shipments.invisible { visibility: hidden; }
.document .shipment > div { padding-bottom: 20px; }
.document .shipment > div > .row { background: #f2f2f2; border-radius: 4px; padding: 1em; }
.document .shipment .row { display: -webkit-box; display: -ms-flexbox; display: flex; }
.document .shipment .buttons { align-self: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; overflow: visible; }
.document .shipment .row.settings { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; }
.document .shipment .row.settings > div { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; margin-right: 1.5em; }
.document .shipment .row.settings > div:last-child { margin-right: 0; }
.document .shipment .column.content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-right: 20px; width: 1%; }
.document .shipment .items { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.document .shipment .item:after { content: ', '; }
.document .shipment .item:last-child:after { content: none; }
.document .shipment .settings h4,
.document .shipment .items h4 { font-weight: normal; margin: 0; padding: 5px 8px 0 8px; }
.document .shipment .settings .field,
.document .shipment .items .field{ background: #F8F8F8; height: 1.5em; line-height: 1.5em; margin-top: 5px; padding: 3px 8px; }
.document .shipment .remove { border-radius: 2px; color: #555; cursor: default; font-size: 21px; height: 26px; line-height: 26px; margin: 0px 6px; -webkit-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; width: 26px; }
.document .shipment .remove:hover { background: #e6e6e6; }
.document .shipment .edit { margin-left: 0; }

.set-document                { margin: 20px auto; min-height: 480px; padding-bottom: 30px; position: relative; width: 1000px; }
.set-document .paper-content { min-height: 700px; }
.set-document #billing-box,
.set-document #shipping-box  { height: 215px; }
.set-document #specific-box  { height: 263px; }
.set-document .spreadsheet td.buttons div.delete { margin-left: 943px; }
.set-document .box { background: #F8F8F8; border: 1px solid #e3e3e3; border-radius: 5px; color: #333; overflow: hidden; padding: 12px; position: relative; }
.set-document .box .buttons { border-top: 1px dotted #ccc; bottom: 0; clear: left; left: 0; margin: 12px; padding-top: 12px; position: absolute; text-align: center; }
.set-document .box .buttons button { font-size: 11px; }
.set-document #shipping-cost, #payment-cost { position: relative; }
.set-document input[name=shippingCost],
.set-document input[name=paymentCost]   { border: none; bottom: 0; left: 0; position: absolute; right: 0; text-align: right; top: 0; width: 93%; }
.set-document input[name=shippingCost][readonly],
.set-document input[name=paymentCost][readonly]   { background: #F2F2F2; color: #222; }
.set-document input:not([disabled])[name=shippingCost][readonly],
.set-document input:not([disabled])[name=paymentCost][readonly]   { cursor: pointer; }
.set-document input:hover:not([disabled])[name=shippingCost][readonly],
.set-document input:hover:not([disabled])[name=paymentCost][readonly]   { background: #FAFAFA; }

/* Sales */

.label      { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #FFF; font-size: 9.75px; font-weight: bold; height: 12px; line-height: 12px; margin-right: 3px; min-width: 60px; padding: 1px 3px 2px; text-transform: uppercase; white-space: nowrap; }
.mini-label { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: block; float: left; margin-right: 4px; width: 6px; }

.sales-status,
.return-status,
.return-item-status           { color: white; padding: 4px 4px 5px 10px; border-radius: 3px; font-size: 14px; font-weight: bold; line-height: 24px; }
.sales-status button          { text-shadow: none; }
.sales-status-new             { background: #82C806; }
.sales-status-open,
.return-item-status-approved,
.return-status-approved       { background: #189E20; }
.sales-status-ready,
.return-status-pending,
.return-item-status-pending,
.return-status-pending        { background: #E89502; }
.sales-status-shipped         { background: #A85319; }
.sales-status-delivered       { background: #7FB0DA; }
.sales-status-sent            { background: #E89502; }
.sales-status-completed       { background: #2A77BD; }
.sales-status-accepted        { background: #2A77BD; }
.sales-status-expired         { background: #DA1F18; }
.sales-status-disputed        { background: #DA1F18; }
.sales-status-archived        { background: #2A77BD; }
.sales-status-cancelled,
.return-item-status-cancelled,
.return-status-cancelled      { background: #ADADAD; }
.return-item-status-rejected,
.return-status-rejected       { background: #de0000; }
.return-status-partiallyapproved { background: #2A77BD; }

.sales-isPaidFor        { margin-top: 4px; color: white; padding: 5px 5px 5px 10px; border-radius: 3px; font-size: 14px; font-weight: bold; line-height: 24px; }
.sales-isPaidFor button { text-shadow: none; }
.sales-isPaidFor-no     { background: #ADADAD; }
.sales-isPaidFor-yes    { background: #189E20; }

/* Returns */

.return-status { box-sizing: border-box; float: right; font-size: 11px; height: 34.6px; line-height: 34.6px; padding: 0 12px; width: 244px; }
.return-status .label { font-size: 1em; padding: 0 1.2em; height: 34px; line-height: 34px; text-align: left; }

.spreadsheet tr.item .approval { text-align: center; }
.spreadsheet tr.item .approval .label { display: inline-block; padding: .2em .5em; }
.spreadsheet tr.item .approval select { cursor: pointer; margin: 0 auto; opacity: 0; position: relative; z-index: 1; }
.spreadsheet tr.item .quantity { width: 50px; }

.return button.loading > div { background: url(../images/loader-mini.gif) no-repeat center center; color: transparent; }
.return .paper { border-top: 1px solid #CDCDCD; }
.return .spreadsheet .approval div { padding: 0; }
.return .paper-content { min-height: 0; }
.return .return-status { float: none; }
.return .paper h2 { clear: both; display: block; margin-top: 4em; }
.return .item .comments { border: 1px solid #dfde99; border-top: 1px solid #ebeaa1; display: none; margin: 2px 0 4px 0; overflow: hidden; padding: 0; }
.return .item .comments div { background: #F7F8B8; color: #3C1305; padding: 4px; }
.return .item.has-comments .comments { display: block; }

.set-return .spreadsheet tr.item .approval { cursor: pointer; }
.set-return .spreadsheet tr.item .approval .label:after { border-color: #ffffff transparent transparent transparent; border-style: solid; border-width: 5px 3.5px 0 3.5px; content: ''; display: inline-block; height: 1.5px; margin-left: 0.5em; width: 0; }
.set-return .spreadsheet tr.item .approval:hover .current { opacity: .9; }
.set-return .spreadsheet tr.item .approval > div { position: relative; }
.set-return .spreadsheet tr.item .approval .current { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: absolute; right: 0; top: 0; }
.set-return .box { background: #F8F8F8; border: 1px solid #e3e3e3; border-radius: 5px; color: #333; overflow: hidden; padding: 12px; position: relative; }
.set-return .box .buttons { border-top: 1px dotted #ccc; bottom: 0; clear: left; left: 0; margin: 12px; padding-top: 12px; position: absolute; right: 0; text-align: center; }
.set-return .box .buttons button { font-size: 11px; }
.set-return #shipping-cost,
.set-return #payment-cost { position: relative; }
.set-return input[name=shippingCost],
.set-return input[name=paymentCost]   { border: none; bottom: 0; left: 0; position: absolute; right: 0; text-align: right; top: 0; width: 93%; }
.set-return input[name=shippingCost][readonly],
.set-return input[name=paymentCost][readonly]   { background: #F2F2F2; color: #222; }
.set-return input:not([disabled])[name=shippingCost][readonly],
.set-return input:not([disabled])[name=paymentCost][readonly]   { cursor: pointer; }
.set-return input:hover:not([disabled])[name=shippingCost][readonly],
.set-return input:hover:not([disabled])[name=paymentCost][readonly]   { background: #FAFAFA; }
.set-return .spreadsheet tfoot .buttons { height: 24px; }
.set-return .spreadsheet tr.item.highlighted td { background-color: #ffffbe; }
.set-return .spreadsheet tr.item.blending td { -webkit-transition: background-color 4s cubic-bezier(0.19, 1, 0.22, 1); transition: background-color 4s cubic-bezier(0.19, 1, 0.22, 1); }
.set-return button.loading > div { background: url(../images/loader-mini.gif) no-repeat center center; color: transparent; }
.set-return .set-return.set-document .paper-content { min-height: 0; }
.set-return .return .paper h2 { clear: both; display: block; margin-top: 4em; }
.set-return .item[data-approval="Rejected"] .quantity span,
.set-return .item[data-approval="Cancelled"] .quantity span { display: none; }
.set-return .item .quantity > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.set-return .item .quantity input { text-align: right; }
.set-return .item .quantity input.invalid { color: red; }
.set-return .item .reason { margin-right: 19px; }
.set-return .item .reason select { width: 100%; }
.set-return .item .comments { border: 1px solid #dfde99; border-top: 1px solid #ebeaa1; display: none; margin: 2px 0 4px 0; overflow: hidden; padding: 0; }
.set-return .item .comments textarea { background: #F7F8B8; color: #3C1305; padding: 4px; }
.set-return .item.has-comments .comments { display: block; }
.set-return .item.has-comments .add-comments { display: none; }
.set-return .spreadsheet tbody div.add-comments { background: url(../images/add-requests-button.png) no-repeat; cursor: default; float: right; height: 16px; margin-top: 5px; padding: 0; width: 16px; }
.set-return .add-comments:hover { background-position: 0 -16px; }

/* Return Rules */

.return-rules .grid-panel-header { border-top-left-radius: 0; }
.return-rules .grid-panel-tabs { height: 30px; overflow: hidden; }
.return-rules .grid-panel-tabs > div { border: 1px solid #c3cad5; border-bottom: 0; border-radius: 5px 5px 0 0; box-sizing: border-box; display: inline-block; height: 30px; }
.return-rules .grid-panel-tabs h2 { background: #fff; box-sizing: border-box; float: left; font-size: 12px; font-weight: normal; height: 30px; line-height: 18px; margin: 0; padding: 5px 15px; }
.return-rules .grid-panel-tabs h2.selected { background: #2D538C; border-radius: 5px 5px 0 0; font-size: 13px; left: 1px; line-height: 20px; position: relative; top: -1px; }
.return-rules .grid-panel-tabs h2:first-child { border-top-left-radius: 5px; }
.return-rules .grid-panel-tabs h2:last-child { border-top-right-radius: 5px; }
.return-rules .grid-panel-tabs h2 a { color: #5c6e8a; text-decoration: none; }
.return-rules .grid-panel-tabs h2.selected a { color: #EAF2FE; cursor: default; }

.return-rule { margin: 0 auto; padding-bottom: 30px; width: 720px; }
.return-rule button.loading > div { background: url(../images/loader-mini.gif) no-repeat center center; color: transparent; }
.return-rule input[type="checkbox"] { margin-right: 5px; position: relative; top: 2px; }
.return-rule #resources td input[type="checkbox"] { margin-right: 0; }
.return-rule .dialog-mask { z-index: 10; }
.return-rule .multilanguage .languages { display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; padding-bottom: 0; position: relative; }
.return-rule .multilanguage .language { background: #fff; border: 1px solid #cdcdcd; border-bottom: 0; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 32px; line-height: 32px; margin-right: 2px; padding-top: 2px; text-align: center; width: 40px; }
.return-rule .multilanguage .language:last-child { margin-right: 0; }
.return-rule .multilanguage .language.active { border-top: 3px solid #ffc73c; height: 34px; padding-top: 0; }
.return-rule .multilanguage .content { width: 100%; }
.return-rule .expanded { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: auto; opacity: 1; overflow-y: hidden; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); visibility: inherit; }
.return-rule .expandable { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 0; opacity: 0; overflow-y: hidden; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); visibility: hidden; }
.return-rule .field-date { display: inline-block; }
.return-rule .field-date input:disabled { color: #bdbdbd; }
.return-rule fieldset table td:first-child { padding-right: 10px; padding-top: 4px; vertical-align: top; }
.return-rule fieldset legend { padding-left: 0; }
.return-rule .multilanguage { margin: 10px 0 15px; }
.return-rule .multilanguage td:first-child { padding-top: 8px; width: 1%; }
.return-rule .multilanguage td:last-child { padding-top: 5px; }
.return-rule .multilanguage .note { color: #a4a4a4; font-size: .9em; }
.return-rule .paper-content { border-top: 1px solid #cdcdcd; }
.return-rule .multilanguage textarea { border-radius: 0 3px 3px 3px; box-sizing: border-box; height: 75px; resize: none; width: 100%; }
.return-rule fieldset.general table tr:nth-child(3) td:first-child { padding-top: 10px; }
.return-rule fieldset.conditions legend { margin: 30px 0 5px; }
.return-rule .allows-return { padding: 0 0 7px; }
.return-rule .allows-return > div { padding-bottom: 7px; }
.return-rule .allows-return > div:last-child { padding-bottom: 0; }
.return-rule .allows-return > div:first-child input[type="radio"] { margin-right: 2px; }
.return-rule .allows-return label input { margin-right: 6px; position: relative; top: 1px; }
.return-rule .allows-return input[type="number"] { width: 4em; }
.return-rule .allows-return input[type="number"].invalid { color: red; }
.return-rule fieldset.conditions > div { margin: 4px 2px 15px; }
.return-rule fieldset.conditions h4 { color: #a0a0a0; font-weight: normal; font-size: inherit; margin: 0 0 15px; }
.return-rule fieldset.conditions table td:last-child { padding-bottom: 5px; }
.return-rule td.radio { padding-top: 4px; white-space: nowrap; width: 1%; }
.return-rule .countries .checked-list,
.return-rule .groups .checked-list,
.return-rule .reasons .checked-list { margin: 0; max-height: 200px; width: auto; }
.return-rule .countries .checked-list label,
.return-rule .groups .checked-list label,
.return-rule .reasons .checked-list label { padding: 5px 12px; }
.return-rule .countries .expandable > div,
.return-rule .groups .expandable > div,
.return-rule .reasons .expandable > div,
.return-rule .countries .expanded > div,
.return-rule .groups .expanded > div,
.return-rule .reasons .expanded > div{ padding: 20px 20px 5px; }
.return-rule .resources .expandable > div,
.return-rule .resources .expanded > div { padding: 35px 20px 5px; }
.return-rule .reasons td { padding-bottom: 10px; }
.return-rule .reasons .checked-list { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.return-rule .reasons .checked-list label { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; height: auto; white-space: normal; }
.return-rule .reasons .checked-list label:nth-child(2n) { border-left: 1px solid #fff; }
.return-rule .reasons .checked-list label:nth-child(1),
.return-rule .reasons .checked-list label:nth-child(2) { margin-top: 0; }
.return-rule .resources .list { position: relative; top: -23px; }
.return-rule .resources > div:first-child { display: inline-block; position: relative; z-index: 1; }
.return-rule .resources table { padding: 0; margin: 0; }
.return-rule .reasons label:hover + .expandable,
.return-rule .countries label:first-child:hover ~ .expandable,
.return-rule .groups label:hover + .expandable,
.return-rule .resources > div:first-child:hover + .expandeble { will-change: contents; }
.return-rule .path { color: #999; }
.return-rule #resources-note { clear: left; color: #888; font-size: 12px; padding-top: 7px; }
.return-rule #resources { width: 100% }
.return-rule #resources tbody td { cursor: default; }
.return-rule #resources tbody td:nth-child(1) { width: 100px; white-space: nowrap; }
.return-rule #resources.resource tr td:nth-child(2),
.return-rule #resources.resource tr th:nth-child(2),
.return-rule #resources.product tr td:nth-child(2),
.return-rule #resources.product tr th:nth-child(2),
.return-rule #resources.resource tr td:nth-child(4),
.return-rule #resources.resource tr th:nth-child(4),
.return-rule #resources.attribute-value tr td:nth-child(4),
.return-rule #resources.attribute-value tr th:nth-child(4) { display:none; }
.return-rule #resources.resource tr th:nth-child(3),
.return-rule #resources.attribute-value tr th:nth-child(3) { border-right: none; }
.return-rule.new #save .save { display: none; }
.return-rule.update #save .add { display: none; }

.return-reasons .grid-panel-header { border-top-left-radius: 0; }
.return-reasons .grid-panel-tabs { height: 30px; overflow: hidden; }
.return-reasons .grid-panel-tabs > div { border: 1px solid #c3cad5; border-bottom: 0; border-radius: 5px 5px 0 0; box-sizing: border-box; display: inline-block; height: 30px; }
.return-reasons .grid-panel-tabs h2 { background: #fff; box-sizing: border-box; float: left; font-size: 12px; font-weight: normal; height: 30px; line-height: 18px; margin: 0; padding: 5px 15px; }
.return-reasons .grid-panel-tabs h2.selected { background: #2D538C; border-radius: 5px 5px 0 0; font-size: 13px; line-height: 20px; position: relative; }
.return-reasons .grid-panel-tabs h2:first-child { border-top-left-radius: 5px; }
.return-reasons .grid-panel-tabs h2:last-child { border-top-right-radius: 5px; }
.return-reasons .grid-panel-tabs h2 a { color: #5c6e8a; text-decoration: none; }
.return-reasons .grid-panel-tabs h2.selected a { color: #EAF2FE; cursor: default; }
.return-reasons .dialog-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0, 0, 0, .4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; visibility: hidden; }
.return-reasons .dialog-container.opened { opacity: 1; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); visibility: visible; }
.return-reasons .dialog-container .dialog { display: inline-block; -webkit-transform: translateY(5px); transform: translateY(5px); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.return-reasons .dialog-container.opened .dialog { -webkit-transform: translateY(0); transform: translateY(0); }
.return-reasons .dialog-container .dialog-close { cursor: pointer; }
.return-reasons .multilanguage .languages { display: -webkit-box; display: -ms-flexbox; display: flex; height: 36px; position: relative; }
.return-reasons .multilanguage .language { background: #fff; border: 1px solid #cdcdcd; border-bottom: 0; cursor: pointer; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; height: 32px; line-height: 32px; margin-right: 2px; padding-top: 2px; text-align: center; width: 40px; }
.return-reasons .multilanguage .language:last-child { margin-right: 0; }
.return-reasons .multilanguage .language.active { border-top: 3px solid #ffc73c; height: 34px; padding-top: 0; }
.return-reasons .reason-dialog textarea { border-radius: 0 3px 3px 3px; height: 120px; outline: none; padding: 0.8em 1em; resize: none; width: 340px; }
.return-reasons .reason-dialog h1 span { background: transparent; border-radius: 0; color: inherit; display: none; float: none; font-size: unset; font-weight: normal; margin: 0; opacity: 1; padding: 0; }
.return-reasons .reason-dialog h1 span,
.return-reasons .reason-dialog .ok div { display: none; }
.return-reasons .reason-dialog.add .add,
.return-reasons .reason-dialog.edit .edit { display: unset; }

/* Customer */

.customer                { margin: 20px auto; min-height: 480px; padding-bottom: 30px; position: relative; width: 960px; }
.customer .paper         { width: 710px; }
.customer .paper-content { min-height: 700px; }

.customer-servises { margin: 20px auto; min-height: 200px; position: relative; width: 600px; }

.select-customer       { float: left; margin-left: 5px; position: relative; width: 300px; }
.select-customer div   { background: url('../images/search-customer.png') no-repeat; position: absolute; top: 7px; left: 11px; width: 14px; height: 14px; cursor: pointer; }
.select-customer input { cursor: pointer; padding-left: 20px; width: 300px; }

/* Settings */

.settings-options { margin: 10px auto !important; overflow: hidden; padding-bottom: 30px; width: 620px; }

.settings-taxes                { margin: 10px auto !important; overflow: hidden; padding-bottom: 30px; width: 620px; }
.settings-taxes .paper-content { min-height: 600px; overflow-x: auto; }

/* Dialog */

.dialog                     { background: url('../images/main-box-bg.png') no-repeat right bottom #FDFDFD; border: 1px solid #CDCDCD; border-top: none; margin: 0; padding: 0; }
.dialog h1                  { background: #2B476B; color: #FFF; font-size: 12px; font-weight: normal; height: 18px; line-height: 18px; margin: 0; padding: 5px 10px; }
.dialog .dialog-close       { color: #DDD; cursor: pointer; float: right; font-size: 20px; line-height: 12px; padding: 2px; text-decoration: none; }
.dialog .dialog-close:hover { color: #FFF; text-decoration: none; }
.dialog .dialog-content     { padding: 20px; }
.dialog-mask                { background: #333; bottom: 0; filter: alpha(opacity = 40); left: 0; opacity: 0.4; position: fixed; right: 0; top: 0; }

/* Popup */

.label-popup                            { background: url('../images/main-box-bg.png') no-repeat right bottom #FDFDFD; border: 1px solid #CDCDCD; margin: 0; padding: 0; }
.label-popup h1                         { background: #2B476B; color: #FFF; font-size: 12px; font-weight: normal; height: 18px; line-height: 18px; margin: 0; padding: 5px 10px; }
.label-popup .label-popup-close         { color: #DDD; float: right; font-size: 20px; line-height: 12px; padding: 2px; text-decoration: none; }
.label-popup .label-popup-close:hover   { color: #FFF; text-decoration: none; }
.label-popup:after, .label-popup:before { border: solid transparent; bottom: 100%; content: " "; height: 0; left: 50%; position: absolute; pointer-events: none; width: 0; }
.label-popup:after                      { border-color: rgba(136, 183, 213, 0); border-bottom-color: #2B476B; border-width: 5px; margin-left: -5px; }
.label-popup:before                     { border-color: rgba(205, 205, 205, 0); border-bottom-color: #cdcdcd; border-width: 6px; margin-left: -6px; }

/* Login */

.login-page { background: #E6E9EE url('../images/login-bg.jpg') no-repeat; background-size: cover; }

#login-panel { bottom: 0; height: 414px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 410px; }

.login-box { background: #FFF; border-radius: 8px; padding: 30px; width: 350px; }
.login-box .login-logo { margin-left: 20px; margin-bottom: 30px; text-align: center; }
.login-box #email-sent,
.login-box #fail-message { font-size: 14px; margin-bottom: 10px; margin-top: -20px; padding: 3px; text-align: center; }
.login-box #email-sent { color: green; }
.login-box #fail-message { color: red; }
.login-box input { background: #FFF!important; border-radius: 5px; box-sizing: border-box; color: #666; font-size: 16px; outline: none; padding: 20px; width: 100%; }
.login-box #login-password { margin-top: 10px; }
.login-box button { background: #2B476B; border: none; border-radius: 5px; box-sizing: border-box; color: #FFF; font-size: 16px; height: 56px; line-height: 42px; margin-top: 10px; width: 100%; }
.login-box button:hover { background: #304F77;  }
.login-box .remember-password { font-size: 13px; margin-top: 30px; text-align: center; }
.login-box .remember-password a { color: #888; text-decoration: none; }

.login-page #footer { position: absolute; width: 100%; bottom: 30px; left: 0; color: #666; text-align: center; }
.login-page #language { bottom: 30px; position: absolute; right: 30px; float: right; z-index: 10; }

/* print */

body.print         { background: #ccc; }
#print-close       { text-align: center; }
#print-close:hover { background: url('../images/close-round-button.png') no-repeat 0 -18px; }

.print-box {
    background-color: #FFF;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), 0 0 30px rgba(0, 0, 0, 0.1) inset;
    height: 800px;
    margin: 20px auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 660px;
}

#not-supported-browser     { color: #333; display: none; font-size: 16px; padding-top: 200px; text-align: center; }
#not-supported-browser div { font-size: 28px; font-weight: bold; margin-bottom: 10px; }

/* checked-list */

.checked-list { border: 1px solid #DDD; border-radius: 2px; cursor: auto; margin: 5px 0 10px 20px; max-height: 135px; overflow: auto; width: 400px; white-space: nowrap; }
.checked-list label { clear: left; color: #333; display: block; line-height: 19px; height: 19px; margin-top: 1px; padding: 5px; vertical-align: middle; }
.checked-list input { float: left; margin-right: 5px; margin-top: 3px; }
.checked-list label.selected { background: #EAF4d9; color: #404931; }
.checked-list.disabled label,
.checked-list label.disabled { background: #EEE; color: #AAA; }

/* demo */

#demo-scrolling  { overflow: auto; -webkit-overflow-scrolling: touch; }
#demo-footer     { height: 46px; text-align: center; width: 100%; }
#demo-bar        { background: #7ABA07; bottom: 0; height: 35px; left: 0; line-height: 36px; opacity: 0.9; padding: 20px; position: fixed; right: 0; }
#demo-bar span { color: #FFF; font-size: 16px; }
#demo-bar a { border: 1px solid #FFF; border-radius: 5px; color: #FFF; min-width: 60px; padding: 10px 20px; text-decoration: none; text-align: center; text-transform: uppercase; }
#demo-bar a:hover { background: #FFF; color: #000; }
#demo-bar a.choose-plan { font-size: 14px; margin-left: 10px; }
#demo-bar a.go-site { display: block; float: right; line-height: 16px; }
#demo-goto-site  { background: url('../images/goto-site.png') no-repeat; color: #4B5D25; bottom: 5px; display: block; font-size: 14px; height: 36px; line-height: 36px; text-decoration: none; padding: 0; position: fixed; left: 22px; text-align: center; width: 154px; z-index: 100; }
#demo-affiliate  { border-left: 1px solid #E0E0E0; bottom: 5px; color: #526528; font-size: 14px; height: 35px; left: 189px; line-height: 35px; padding-left: 10px; position: fixed; }
#demo-order-now  { background: url('../images/order.png') no-repeat; bottom: 5px; color: #4B5D25; display: block; font-size: 14px; height: 36px; line-height: 36px; text-decoration: none; padding: 0; position: fixed; right: 22px; text-align: center; width: 260px; z-index: 100; }

.lb_overlay {
    background: black;
    background: rgba(0,0,0,0.8);
    background: radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
    background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
    background: -ms-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
    background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0,0,0,0.45) 1%, rgba(0,0,0,0.8) 100%);
}

ui-dialog { background-color: transparent; display: block; left: 0; line-height: 100vh; height: 100%; position: fixed; text-align: center; top: 0; width: 100%; }
ui-dialog > ui-dialog-overlay { background-color: rgba(0,0,0,.4); bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; }
ui-dialog > ui-dialog-content { background-color: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,.4); display: inline-block; line-height: 1.35; margin: auto; max-height: 100%; min-width: 300px; outline: 3px solid transparent; overflow-y: auto; position: relative; text-align: left; width: auto; vertical-align: middle; }
ui-dialog header { color: #333; font-size: 21px; font-weight: 100; padding: 20px 36px 20px 28px; }
ui-dialog header.large { font-size: 16px; margin-bottom: 8px; padding: 26px 28px 28px; }
ui-dialog header .close { color: #666; cursor: pointer; display: block; font-size: 24px; padding: 6px 16px 0 0; position: absolute; right: 0; top: 0; }
ui-dialog header .close:before { content: "×"; }
ui-dialog section { height: 100%; padding: 0 28px 20px; }
ui-dialog p { color: #333; font-size: 14px; font-weight: 300; line-height: 1.5; margin: 0 0 20px 0; padding-top: 8px; }
ui-dialog ui-buttons { display: block; font-size: 0; line-height: 24px; margin: 20px 0 0; min-height: 24px; position: relative; text-align: right; width: 100%; }
ui-dialog ui-buttons ui-button { margin-left: 8px; }

/* open2b.ui.js */

button.loading > div { background: url(../images/loader-mini.gif) no-repeat center center; color: transparent; }
.ui-templates { display: none; }

/* expandable */

.expandable[data-open2b-ui] { height: 0; opacity: 0; -webkit-transition: height 0.3s 0.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; -o-transition: height 0.3s 0.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; transition: height 0.3s 0.1s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; visibility: hidden; will-change: contents; }
.expanded[data-open2b-ui]   { height: auto; opacity: 1; -webkit-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s 0.1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.4s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.3s 0.1s cubic-bezier(0.19, 1, 0.22, 1); visibility: inherit; will-change: contents; }

/* dialogs */

.dialogs { display: none; }
.dialogs.open { -webkit-box-align: center; align-items: center; background: rgba(0, 0, 0, .4); bottom: 0; left: 0; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; opacity: 0; position: fixed; right: 0; top: 0; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; -o-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.4s; visibility: hidden; z-index: 10; }
.dialogs.open.visible { opacity: 1; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); visibility: inherit; }
.dialogs.open.visible .dialog { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.dialogs .dialog { border: 0; border-radius: 3px; display: none; overflow: hidden; -webkit-transform: translateY(1em); -ms-transform: translateY(1em); transform: translateY(1em); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
.dialogs .dialog.active { display: block; }
.dialogs .dialog label input[type="checkbox"] { margin-right: .3em; position: relative; top: 2px; }
.dialogs .dialog > .title { white-space: unset; }
.dialogs .dialog > .title .close { color: #DDD; cursor: pointer; float: right; font-size: 20px; line-height: 12px; padding: 2px; text-decoration: none; }
.dialogs .dialog > .title .close:hover { color: #FFF; text-decoration: none; }
.dialogs .dialog > .content { border: 1px solid #cdcdcd; border-top: 0; padding: 20px; }

/* privacy_dropdown.inc */

.customer .sticky-note { margin-top: 0; }

.privacy { position: relative; z-index: 0; }
.privacy .opener { -webkit-box-align: center; align-items: center; background: -webkit-linear-gradient(top, #f7f8c7, #fff2ca); background: -o-linear-gradient(top, #f7f8c7, #fff2ca); background: linear-gradient(to bottom, #f7f8c7, #fff2ca); border: 1px solid #dfde99; border-radius: 0.4em; color: #6b1b00; cursor: pointer; display: -webkit-box; display: flex; margin-top: 1em; padding: 0.7em 0.8em; position: relative; z-index: 2; }
.privacy .opener:hover { background: -webkit-linear-gradient(top, #fcfdc7, #fff0c0); background: -o-linear-gradient(top, #fcfdc7, #fff0c0); background: linear-gradient(to bottom, #fcfdc7, #fff0c0); }
.privacy .opener > svg { height: 22px; margin-right: .6em; }
.privacy .opener path { fill: #6b1b00; }
.privacy .arrow-icon { -webkit-box-flex: 1; flex: 1 1 auto; text-align: right; }
.privacy .arrow-icon svg { height: 1em; margin-top: 0.5em; margin-right: 0.2em; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
.privacy .toggled .arrow-icon svg { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.privacy .dropdown { opacity: 1; position: relative; top: -1em; }
.privacy .dropdown > div { background: #fff; border-radius: 0 0 0.4em 0.4em; border: 1px solid #d8d8d8; overflow: hidden; padding-top: 1em; position: relative; }
.privacy .dropdown .shadow { box-shadow: 0 1em 5px 1px rgba(0, 0, 0, 0.15); left: 0; position: absolute; top: 0; width: 100%; }
.privacy .dropdown .consent { -webkit-box-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 1em 1.5em; position: relative; z-index: 1; }
.privacy .dropdown .consent .title { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; overflow: hidden; padding-right: 1em; word-break: break-word; }
.privacy .dropdown .consent .icon { -webkit-box-flex: 0; flex: 0 0 1em; }
.privacy .dropdown .consent svg { height: 1em; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); visibility: inherit; width: 1em; }
.privacy .dropdown .consent.no-consent svg { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.6s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.6s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.6s; transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.6s; transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), transform 0.6s cubic-bezier(0.19, 1, 0.22, 1), visibility 0s 0.6s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); visibility: hidden; visibility: inherit; }
.privacy .dropdown .consent path { fill: #6bb119; }
.privacy .dropdown .consent:hover { background: #f8f8f8; }
.privacy .dropdown .consent input { margin-right: .2em; pointer-events: none; position: relative; top: 2px; z-index: -1; }
.privacy .dropdown .exporter-opener { background: #f9f9f9; border-top: 1px solid #e0e0e0; cursor: pointer; display: block; padding: 1em 1.5em; }
.privacy .dropdown .exporter-opener:hover { text-decoration: underline; }

#consent-edit { max-width: 450px; min-width: 350px; width: 25%; }
#consent-edit .give-consent,
#consent-edit .withdraw-consent { display: inline-block; }
#consent-edit.given .give-consent { display: none; }
#consent-edit.withdrawn .withdraw-consent { display: none; }
#consent-edit .processing-title { font-size: 1.05em; font-style: italic; margin-bottom: .5em; }
#consent-edit .processing-description { color: #717171; }
#consent-edit .buttons .withdraw-consent { background: -webkit-linear-gradient(top, #c30000, #a92700); background: -o-linear-gradient(top, #c30000, #a92700); background: linear-gradient(to bottom, #c30000, #a92700); color: #ffefed; border-color: #961d00; }
#consent-edit.withdrawn table { display: none; }
#consent-edit table { border-spacing: 0; margin-top: 2em; width: 100%; }
#consent-edit table td { border-left: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; padding-right: 1em; padding: 0.3em 0.6em; }
#consent-edit table td:first-child { background: #ececec; white-space: nowrap; width: 1%; }
#consent-edit table td:last-child { border-right: 1px solid #cdcdcd; }
#consent-edit table tr:last-child td { border-bottom: 1px solid #cdcdcd; }

#privacy-export { max-width: 450px; min-width: 350px; width: 25%; }
#privacy-export .content { height: 380px; }
#privacy-export ul { list-style-type: none; }
#privacy-export .fields { border: 1px solid #cdcdcd; height: 260px; overflow: auto; padding: 1em; -webkit-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
#privacy-export .fields.loading { opacity: 0.4; pointer-events: none; }
#privacy-export .fields label { display: block; }
#privacy-export .fields li { margin-bottom: 1em; }
#privacy-export .fields li:last-child { margin-bottom: 0; }
#privacy-export .fields .includes ul { border-left: 1px dotted #bdbdbd; margin-left: .5em; padding-top: .5em; padding-left: 1em; }
#privacy-export .fields .includes li { margin-bottom: .5em; }
#privacy-export .fields .includes li:last-child { margin-bottom: 0; }
#privacy-export .link .code,
#privacy-export .preview { border: 1px solid #ccc; border-radius: .3em; box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .15); }
#privacy-export .preview { height: 230px; margin: .5em 0 1.5em; overflow: auto; padding: 5px; max-width: 100%; }
#privacy-export .preview .string { color: #23b101; }
#privacy-export .preview .number { color: darkorange; }
#privacy-export .preview .boolean { color: blue; }
#privacy-export .preview .null { color: red; }
#privacy-export .preview .key { color: #2363b7; }
#privacy-export .link-label { margin-bottom: .5em; }
#privacy-export .link-label span { font-style: italic; }
#privacy-export .link { -webkit-box-align: stretch; align-items: stretch; display: -webkit-box; display: flex; position: relative; }
#privacy-export .link .code { border-radius: .3em 0 0 .3em; color: #717171; -webkit-box-flex: 1; flex: 1 1 auto; -ms-flex: 1 1 17%; padding: 0.8em 1em; word-break: break-all; }
#privacy-export .copy-button { border-top-left-radius: 0; border-bottom-left-radius: 0; height: auto; }
#privacy-export .copy-button div { padding-left: 0; padding-right: 0; }
#privacy-export .copy-button svg { height: 17px; }
#privacy-export .copy-notify { background: #525252; border-radius: 0.3em; bottom: 100%; color: #fff; font-size: 0.9em; margin-bottom: .5em; padding: 0.4em 0.8em; position: absolute; right: 0; text-shadow: 0 0 1px #000; visibility: hidden; }
#privacy-export .copy-notify.visible { visibility: inherit; }
#privacy-export .wizard { overflow: hidden; position: relative; }
#privacy-export .wizard > div { -webkit-box-align: stretch; align-items: stretch; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row nowrap; position: relative; left: 0; -webkit-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1), left 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1), left 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1), left 0.8s cubic-bezier(0.19, 1, 0.22, 1); will-change: left; }
#privacy-export .wizard .slide { -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
#privacy-export .wizard .slide.next,
#privacy-export .wizard .slide.gone { opacity: 0; }