/* Admin Panel Styles */
:root {
	--link: #004b8d;
	--focus: #0064ba;
	--white: #fff;
	--green: #3a3;
	--yellow: #f90;
	--red: #c30000;
}

* { margin: 0; padding: 0; box-sizing: inherit; } /* Hard reset styles */
html { background: #fff; }
body { color: #000; font: normal 12px/18px "Helvetica","Arial","Helvetica Neue",sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }
.clean-back body { min-width: 240px; }

@media (min-width: 430px) {
	[data-media="phone"] { display: none !important; }
}
@media (max-width: 767px) {
	[data-media="desktop"] { display: none !important; }
}
@media (min-width: 768px) {
	[data-media="mobile"] { display: none !important; }
}

a, .link-color { color: var(--link); -webkit-transition: color .1s linear; }
a.dotted, .link-color.dotted { border-bottom: 1px dotted currentcolor; text-decoration: none; cursor: pointer; }
a:hover { color: var(--focus); }
a:active { color: #003e75; }

#calendar { position: absolute; }
.pages { margin: 0 -20px; padding: 15px 20px 0; border-top: rgba(0,0,0,.06) 1px solid; }
.pages:not(:last-child) { margin-bottom: 20px; }
.pages a, .pages b, .pages span { padding: 4px 7px; border: transparent 1px solid; margin-right: -1px; border-radius: 1px; }
.pages span { cursor: pointer; color: var(--link); }
.pages a:hover, .pages span:hover { border-color: currentcolor; text-decoration: none; }
.pages b, .pages span.current { border-color: rgba(0,0,0,.1); }

/* Common styles */
table, td, th { font-size: 100%; }
table, fieldset, img { border: none; }
table tfoot td { border-top: 1px solid rgba(0,0,0,.1); padding-top: 5px; }
p { margin: 0 0 20px; }
p.half-margin { margin: 0 0 10px; }
ul { margin: 0 0 20px 30px; list-style-type: square; }
ul li { margin-bottom: 1px; }
ul ul { margin-bottom: 0; }
ol { margin: 0 0 20px 30px; }
h1, .h1 { margin-bottom: 20px; font-weight: bold; font-size: 18px; line-height: 22px; }
h2, .h2 { margin-bottom: 5px; font-weight: bold; font-size: 15px; line-height: 18px; }
h3, .h3 { margin-bottom: 5px; font-weight: bold; font-size: 13px; line-height: 14px; }
h4, .h4 { margin-bottom: 10px; font-weight: bold; font-size: 12px; line-height: 14px; }
#header-line { margin-top: -10px; padding: 10px 0; height: 3em; }
.barcode + #header-line { padding-right: 110px; }
#header-line h1 { float: left; font-weight: normal; }
#header-line h1.paused { position: relative; padding-left: 30px; }
#header-line h1.paused::before { position: absolute; width: 18px; height: 18px; border: 2px solid var(--red); border-radius: 12px; content: ""; left: 0; top: 50%; margin-top: -12px; }
#header-line h1.paused::after { position: absolute; width: 2px; height: 10px; content: ""; left: 8px; top: 5px; border: 2px solid var(--red); border-width: 0 2px; }
#ajax-loader { vertical-align: middle; }
.muted { opacity: .6; }
.grey { color: #666; }
.light-grey { color: #999; }
.strike, .striked { text-decoration: line-through; }
.bold { font-weight: bold; }
.no-margin { margin-top: 0; margin-bottom: 0; }
.times { margin-left: 1px; margin-right: 1px; }
.float-left { float: left; }
.float-right { float: right; }
.cleaner { clear: both; }
.green, .success { color: var(--green); }
.yellow, .pending { color: var(--yellow); }
.red, .error { color: var(--red) !important; }
.no-br { white-space: nowrap; }
.normal { font-size: 13px; }
.small, small { font-size: 11px; }
div.small, p.small, table.small, .small li { line-height: 14px; }
.wide-content { margin-left: -20px; margin-right: -20px; }
pre { white-space: break-spaces; }
nav.toolbar { margin: 0 0 20px; display: flex; gap: 10px; flex-wrap: wrap; }
nav.toolbar.right { align-content: end; }
nav.toolbar .distant { margin-left: 20px; }
nav.toolbar .end { margin-left: auto; }
.column { width: 33%; }
.column.double { width: 66%; }
.column.wide { width: 100%; }
.hidden { display: none; }

.data { margin-bottom: 20px; }
.data dl { overflow: hidden; }
@media (min-width: 768px) {
	.data dl { padding-left: 20%; }
}
.data dl dt { color: #333; margin-bottom: 5px; position: relative; }
@media (min-width: 768px) {
	.data dl dt { float: left; width: 24%; margin-left: -25%; clear: left; }
}
.data dl dt::after { position: absolute; bottom: 4px; border-bottom: rgba(0,0,0,.15) 1px dotted; left: 10px; right: 0; content: ""; height: 0; z-index: 0; }
.data dl dt .whiteout { background: #fff; padding-right: 5px; position: relative; z-index: 1; }
.data dl dd { margin-bottom: 5px; }
.data dl + dl { margin-top: 5px; }
.form .data { margin-bottom: 0 }
.form .data dl { padding: 0 !important; display: flex; flex-wrap: wrap; }
.form .data dl::after { display: none; }
.form .data dl dt, .form .data dl dd { padding: 0 !important; float: none; margin: 0 5px 0 0 !important; width: auto !important; }
.form .data dt .whiteout::after { content: ":"; }

select, input, textarea, button { font: normal 12px/16px "Arial","Helvetica Neue","Helvetica",sans-serif; -webkit-appearance: none; appearance: none; -moz-appearance: none; display: inline-block; vertical-align: middle; }
select::-moz-focus-inner, input::-moz-focus-inner, textarea::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"], input[type="number"], input[type="password"], input[type="search"], input[type="email"], textarea { padding: 0 5px; width: 100%; height: 24px; border: solid 1px #aaa; border-top-color: #999; box-shadow: inset rgba(0,0,0,.08) 0 1px 1px; -webkit-transition: border-color .1s linear, box-shadow .2s linear; border-radius: 1px; background-color: #fff; color: #000; }
textarea { display: block; padding: 3px 5px 4px; max-height: 486px; height: auto; }
textarea.code, input[type="text"].code { font-size: 12px; font-family: "Monaco","Lucida Console",monospace; line-height: 15px; }
/* textarea.code { min-height: 306px; } */
input[type="text"][name*="order"][size="2"], input[type=text][name*="order"][size="1"] { padding: 0; width: 30px; height: 18px; text-align: center; font-size: 10px; }
input[type="text"][name*="order"][size="3"], input[type="text"][name*="sort"][size="3"], input[type="text"][name^="num"][size="3"] { height: 20px; text-align: center; font-size: 11px; line-height: 14px; margin: -3px 0 -1px; }
input[type="password"] { width: 33.3%; }
input[size] { width: auto !important; }
input.center { text-align: center; }
select { color: #000; padding: 0 22px 0 5px; height: 24px; border: solid 1px #aaa; border-bottom-color: #999; box-shadow: rgba(0,0,0,.08) 0 3px 1px -2px; background: #fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgMTMgNSI+PHBvbHlnb24gcG9pbnRzPSIuNSAxIDYuNSAxIDMuNSA1Ii8+PC9zdmc+") no-repeat 100% 50%; border-radius: 2px; }
@media (max-width: 767px) {
	select { max-width: calc(100vw - 40px); }
}
select.set { margin-bottom: 5px; }
select[multiple] { padding: 0; height: auto; background-image: none; }
select[multiple] option { padding: 2px 5px; height: auto; }
input[type="text"][disabled], input[type="password"][disabled], input[type="search"][disabled], input[type="email"][disabled], textarea[disabled], select[disabled] { background-color: rgba(0,0,0,.03); box-shadow: none; color: #666; }
.multichange-trigger { margin-left: 5px; cursor: pointer; display: inline-block; width: 24px; height: 24px; vertical-align: middle; line-height: 20px; font-size: 14px; text-align: center; border-radius: 3px; }
.multichange-trigger:hover { background: rgba(0,75,141,.1); }

input[type="submit"], input[type="button"], button, .button { padding: 0 16px; height: 24px; border: #999 1px solid; border-top-color: #aaa; border-bottom-color: #888; border-radius: 3px; background: #d3d3d6; background-image: -moz-linear-gradient(bottom, #d5d5d7 0%, #d5d5d7 20%, #f3f3f3 95%, #f3f3f3 100%); background-image: -o-linear-gradient(bottom, #d5d5d7 0%, #d5d5d7 20%, #f3f3f3 95%, #f3f3f3 100%); background-image: -webkit-linear-gradient(bottom, #d5d5d7 0%, #d5d5d7 20%, #f3f3f3 95%, #f3f3f3 100%); background-image: linear-gradient(bottom, #d5d5d7 0%, #d5d5d7 20%, #f3f3f3 95%, #f3f3f3 100%); box-shadow: rgba(0,0,0,.1) 0 1px 2px, inset #fff 0 1px 0, inset rgba(255,255,255,.5) 0 -1px 0; text-shadow: rgba(255,255,255,.7) 0 1px 0; line-height: normal; cursor: default; }
input[type="submit"]:not(.outline), input[type="button"]:not(.outline), button:not(.outline), .button:not(.outline) { color: #333; }
.button { padding-top: 4px; padding-bottom: 4px; height: auto; white-space: nowrap; text-decoration: none; }
input[type="submit"].outline, input[type="button"].outline, button.outline, .button.outline { border-color: currentcolor; background: transparent; cursor: pointer; }
input[type="submit"].small, input[type="button"].small, button.small, .button.small { padding: 0 10px; height: 20px; font-size: 11px; }
.button.small { padding-top: 3px; padding-bottom: 3px; height: auto; }
input[type="submit"].split-left, input[type="button"].split-left, button.split-left, .button.split-left { margin-right: 0; border-radius: 3px 0 0 3px; }
input[type="submit"].split-right, input[type="button"].split-right, button.split-right, .button.split-right { margin-left: -11px; border-radius: 0 3px 3px 0; }
input[type="submit"].split-middle, input[type="button"].split-middle, button.split-middle, .button.split-middle { margin-right: -3px; margin-left: -4px; border-radius: 0; }
input[type="submit"].accept, input[type="button"].accept, button.accept, .button.accept { border: #373 1px solid; border-top-color: #494; border-bottom-color: #262; background: var(--green); background-image: -moz-linear-gradient(bottom, #33aa33 0%, #33aa33 20%, #78c778 95%, #78c778 100%); background-image: -o-linear-gradient(bottom, #33aa33 0%, #33aa33 20%, #78c778 95%, #78c778 100%); background-image: -webkit-linear-gradient(bottom, #33aa33 0%, #33aa33 20%, #78c778 95%, #78c778 100%); background-image: linear-gradient(bottom, #33aa33 0%, #33aa33 20%, #78c778 95%, #78c778 100%); box-shadow: rgba(0,0,0,.1) 0 1px 2px, inset rgba(255,255,255,.5) 0 1px 0, inset rgba(255,255,255,.3) 0 -1px 0; color: #fff; text-shadow: rgba(0,0,0,.4) 0 -1px 0; font-weight: bold; }
input[type="submit"].accept:active, input[type="button"].accept:active, button.accept:active, .button.accept:active { background: var(--green); }
input[type="submit"].decline, input[type="button"].decline, button.decline, .button.decline { border: #733 1px solid; border-top-color: #944; border-bottom-color: #622; background: var(--red); background-image: -moz-linear-gradient(bottom, var(--red) 0%, var(--red) 20%, #ec3c3c 95%, #ec3c3c 100%); background-image: -o-linear-gradient(bottom, var(--red) 0%, var(--red) 20%, #ec3c3c 95%, #ec3c3c 100%); background-image: -webkit-linear-gradient(bottom, var(--red) 0%, var(--red) 20%, #ec3c3c 95%, #ec3c3c 100%); background-image: linear-gradient(bottom, var(--red) 0%, var(--red) 20%, #ec3c3c 95%, #ec3c3c 100%); box-shadow: rgba(0,0,0,.1) 0 1px 2px, inset rgba(255,255,255,.5) 0 1px 0, inset rgba(255,255,255,.3) 0 -1px 0; color: #fff; text-shadow: rgba(0,0,0,.4) 0 -1px 0; font-weight: bold; }
input[type="submit"].decline:active, input[type="button"].decline:active, button.decline:active, .button.decline:active { background: var(--red); }
input[type="submit"]:active, input[type="button"]:active, button:active, .button:active, input[type="submit"].clicked, input[type="button"].clicked, button.clicked, .button.clicked { border-color: #666; box-shadow: #fff 0 -1px 2px, inset rgba(0,0,0,.2) 0 1px 1px, inset rgba(0,0,0,.3) 0 1px 4px, inset rgba(255,255,255,.5) 0 -1px 0 !important; color: #000; text-shadow: #fff 0 1px 0; background: #d5d5d5; }
input[type="submit"].accept:active, input[type="button"].accept:active, button.accept:active, .button.accept:active, input[type="submit"].accept.clicked, input[type="button"].accept.clicked, button.accept.clicked, .button.accept.clicked, input[type="submit"].decline:active, input[type="button"].decline:active, button.decline:active, .button.decline:active, input[type="submit"].decline.clicked, input[type="button"].decline.clicked, button.decline.clicked, .button.decline.clicked { color: #fff; text-shadow: rgba(0,0,0,.7) 0 -1px 0; }
input[name="save"], input.save, button.save { font-weight: bold; }
input[name="delete"], input.delete, button.delete { color: #933 !important; }

input[type="checkbox"], input[type="radio"] { margin: -4px 4px 0 0; vertical-align: middle; background: #fff; border: 1px solid #999; box-shadow: rgba(0,0,0,.08) 0 2px 1px -1px; width: 14px; height: 14px; }
input[type="checkbox"] { border-radius: 2px; }
input[type="checkbox"]:active { background-color: #eee; }
input[type="checkbox"]:checked { background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCA4IDYiIHdpZHRoPSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0ibTEgMiAyIDIgNC00IC41LjV2MWwtNC41IDQuNS0yLjUtMi41di0xeiIgZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+"); background-position: 50% 50%; background-repeat: no-repeat; }
input[type="radio"] { border-radius: 7px; }
input[type="radio"]:active { background-color: #eee; }
input[type="radio"]:checked { background-color: #000; box-shadow: inset 0 0 0 3px #fff; }
input[type="radio"]:checked:active { background-color: #000; box-shadow: inset 0 0 0 3px #eee; }

input[type="submit"]:focus, input[type="button"]:focus, button:focus, .button:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: none; border-color: var(--focus); box-shadow: rgba(102,204,255,.4) 0 0 2px 2px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { box-shadow: inset rgba(0,0,0,.1) 0 1px 0, rgba(102,204,255,.4) 0 0 2px 2px; }
input[type="radio"]:checked:focus { box-shadow: inset 0 0 0 3px #fff, rgba(102,204,255,.4) 0 0 2px 2px; }
input[disabled], button[disabled], option.grayed { color: #999; background-color: #eee; opacity: .8; }
.button.small .count { margin: 0 -11px 0 3px; padding: 3px 7px 3px 6px; border: #396 1px solid; border-radius: 0 3px 3px 0; background-color: rgba(0,250,100,.3); box-shadow: rgba(0,250,100,.2) 0 0 3px, rgba(255,255,255,.7) 1px 1px 0 inset; }
.button.small .count.alert { border-color: #933; background-color: rgba(250,0,0,.3); box-shadow: rgba(250,0,0,.2) 0 0 3px, rgba(255,255,255,.5) 1px 1px 0 inset; }


.form { margin: 0 -20px 30px 0; }
table .form { margin: 0 20px 0 20px; }
.form::after, .form .list dl::after { display: block; visibility: hidden; clear: both; overflow: hidden; height: 0; content: ""; }
.form dl { padding: 0 20px 0 0; list-style: none; margin: 0; }
.form dl.highlight { background-color: rgba(238, 154, 154, 0.2); margin-bottom: 5px; }
@media (min-width: 768px) {
	.form .list dl { padding-left: 25%; }
	.form .float dl { float: left; width: 25%; }
	.form dl.double { width: 50%; }
	.form dl.triple { width: 75%; }
	.form dl.wide { width: 100%; }
}
.form dt { list-style: none; word-wrap: break-word; word-break: normal; line-height: 16px; margin: 0; }
.form dt::after { display: none; }
.form dt .whiteout { padding: 0; background: none; }
.form dt .descr, .form dl.descr dd { display: block; padding: 2px .2em .5em 0; color: #666; font-size: 11px; line-height: 14px; }
.form dl.descr.spacer dd { font-size: 12px; line-height: 16px; }
.form dd .comment { display: block; padding-top: 5px; color: #666; font-size: 11px; line-height: 14px; }
.form .list dt { padding: 9px 20px 9px 0; list-style: none; }
@media (min-width: 768px) {
	.form .list dt { float: left; margin-left: -33%; width: 33%; text-align: right; }
}
@media (max-width: 767px) {
	.form .list dt { padding: 9px 0 0; }
	.form dt label:empty { display: none; }
}
.form .float dt { padding: 13px 0 0; }
.form .wide dd {  }
.form dd { display: block; padding: 5px 0 8px; list-style: none; margin: 0; }
.form dd table { margin: 0 -5px; }
.form dd table td { padding: 0 5px; }
.form dl.checkbox dd, .form dl.radio dd, .form dl.checklist dt + dd { padding-top: 7px; }
.form dl.checklist dd { padding-bottom: 0; }
.form dl.custom dd { padding-top: 8px; }
.form .header, .pop-modal .header { margin: 22px 0 10px -20px; padding: 6px 20px 5px; border-bottom: rgba(0,0,0,.1) 1px solid; background: rgba(0,0,0,.04); }
.form .header.first, .pop-modal .header.first { margin-top: 0; }
.form .header.after-closed { margin-top: -9px; }
.form .finish { margin: 13px 0 0 -20px; padding-top: 15px; border-top: rgba(0,0,0,.06) 1px solid; }
.form .finish.no-hr { border-top-color: transparent; padding-top: 0; }
.form .header + .finish { padding-top: 0; border-top-width: 0; }
.form .finish dd { padding-left: 20px; display: flex; gap: 10px; flex-wrap: wrap; }
.form .finish dd .distant, .finish-buttons .distant { margin-left: 20px; }
.form .finish dd .end, .finish-buttons .end { margin-left: auto; }
.form .publish { color: #02833e; font-weight: bold; }
.form .date-selector { width: 16px; height: 18px; vertical-align: middle; }
.form input.date { background-image: url("/img/admin/cal_input.svg"); background-repeat: no-repeat; background-position: 100% 1px; }
.finish-buttons { margin-bottom: 30px; display: flex; gap: 10px; flex-wrap: wrap; flex: 1; }
.form .finish-buttons { margin-bottom: 0; }

.select-check-list { line-height: 15px; padding-top: 5px; }
.select-check-list.view-all { padding-top: 7px; }
.select-check-list ul, .select-check-list li, .select-check-selected ul, .select-check-selected li { margin: 0; list-style: none; }
.select-check-list ul ul { display: none; padding-top: 4px; }
.select-check-list > ul { margin-bottom: 10px; }
.select-check-list li { padding-left: 37px; margin-bottom: 4px; display: none; }
.select-check-list > ul > li { padding-left: 17px; }
.select-check-list li input { float: left; margin: 1px 0 0 -18px; }
.select-check-list .view { padding-top: 8px; }
.select-check-list .view b { cursor: pointer; display: inline-block; min-height: 15px; }
.select-check-list i { float: left; width: 12px; height: 12px; cursor: pointer; background: url("/img/admin/icon_plus.svg") no-repeat 0 0; margin: 0 0 0 -35px; }
.select-check-list i.opened { background-image: url("/img/admin/icon_minus.svg"); }
.select-check-list > ul > li > i { margin-left: -15px; }

form#login { position: absolute; top: calc(50% - 100px); left: 50%; overflow: hidden; transform: translateX(-50%); width: 280px; min-height: 143px; border: solid 1px #999; border-radius: 3px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 2px 10px rgba(0,0,0,.1); }
form#login .header { padding: 20px 0; color: #555; text-align: center; font-weight: bold; font-size: 14px; }
form#login fieldset { padding: 0 20px; }
form#login label { position: relative; display: block; margin-bottom: 15px; float: left; width: 158px; margin-right: 10px; }
form#login label:first-child { float: none; width: auto; margin-right: 0; }
form#login label span { position: absolute; top: 3px; left: 6px; color: #777; }
form#login label input[type="text"], form#login label input[type="password"] { padding-left: 55px; width: 100%; }
form#login label input[name="email"] { font-weight: bold; }
form#login button { display: block; float: none; margin: 0 auto; width: 70px; font-weight: bold; }
form#login #status { display: block; padding: 0 20px 12px; text-align: center; font-size: 11px; }
form#login #status.success { color: var(--green); }
form#login #status.error { color: var(--red); }
form#login #status.loading::before { display: inline-block; width: 16px; height: 16px; margin-right: 8px; background: url("/control/img/spinner.gif") no-repeat 0 0; content: ""; vertical-align: middle; position: relative; top: -1px; }

.show-more .more { display: none; }
.show-more > a { font-size: 11px; }


/* !Pop-overs */
.pop-over { position: absolute; top: 20%; right: 30px; left: 210px; display: none; margin: 0; padding: 20px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.1); z-index: 1000; }
.pop-over .triangle { position: absolute; top: -11px; left: 20px; display: block; overflow: hidden; width: 0; height: 0; border-right: transparent 11px solid; border-bottom: #fff 11px solid; border-left: transparent 11px solid; content: ""; }
.pop-over.form { padding: 0 0 10px 20px; }
.pop-over.form .triangle, .pop-over.grey-top .triangle { border-bottom-color: #f0f0f0; }
.pop-over.form .scroll-table { margin-right: 0; }
.pop-over i.close, .form-pop i.close, .pop-modal i.close { position: absolute; top: 0; right: 0; z-index: 1; width: 25px; height: 25px; background: url("/img/admin/close.svg") no-repeat 50% 50%; opacity: .5; cursor: pointer; }
.pop-over i.close:active, .form-pop i.close:active, .pop-modal i.close:active { opacity: .8; }

.form-pop { position: absolute; display: none; margin: 0; padding: 0 20px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.1); z-index: 1000; }
.pop-modal { position: fixed; left: 50%; top: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.4), 0 4px 12px rgba(0,0,0,.1); width: 600px; margin-left: -300px; z-index: 1000; text-align: center; padding: 0 20px 20px; }
.pop-modal .header { margin-right: -20px; }

/* !Injects */
.page-inject { background: rgba(0,0,0,.02); border-color: rgba(0,0,0,.3); border-style: solid; border-width: 1px 0; padding: 20px; margin: 0 -20px; clear: both; display: none; box-shadow: 0 2px 10px -10px #000 inset; }

/* !Helpers */
.time-helper { overflow: scroll; overflow-x: hidden; margin-top: 8px; height: 208px; border: #999 1px solid; text-align: center; font-weight: bold; line-height: 20px; }
.time-helper span { display: block; cursor: pointer; }
.time-helper span:hover { color: var(--focus); }
.time-helper span.selected { background: var(--focus); color: #fff; }

.auto-hide .hidden { color: #666; }

@-webkit-keyframes 'jumping-letter' {
	0% { background-position: 0 11px; }
	10% { background-position: 0 0 }
	20% { background-position: 0 11px; }
	22% { background-position: 0 9px; }
	23% { background-position: 0 11px; }
	100% { background-position: 0 11px; }
}



@media (min-width: 800px) {
	#wrap { display: flex; min-height: 100vh; }
}
@media (max-width: 799px) {
	#wrap {  }
}
#side { position: relative; border: 0 solid rgba(0,0,0,.4); padding-top: 50px; }
@media (min-width: 800px) {
	#side { width: 200px; flex-shrink: 0; border-right-width: 1px; }
}
@media (max-width: 799px) {
	#side { border-bottom-width: 1px; }
}
#content-outer { padding: 20px; }
@media (min-width: 800px) {
	#content-outer { padding-top: 70px; width: calc(100vw - 200px); }
}
#header { position: absolute; top: 0; right: 0; left: 0; z-index: 100; padding: 16px 0 0 20px; height: 50px; background: var(--header, #434346) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAYAAAAbb8MkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpi+P//fyUTAwPDXRDBACL+U4UAG/UPC5eBZAMQOvAbgM1KrOoAAgwAt4UpipmHkOkAAAAASUVORK5CYII=") repeat-x 0 0; background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.4) 0%, rgba(255,255,255,.2) 2%, rgba(255,255,255,.3) 97.75%, rgba(255,255,255,.5) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.4) 0%, rgba(255,255,255,.2) 2%, rgba(255,255,255,.3) 97.75%, rgba(255,255,255,.5) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.4) 0%, rgba(255,255,255,.2) 2%, rgba(255,255,255,.3) 97.75%, rgba(255,255,255,.5) 100%); background-image: linear-gradient(bottom, rgba(0,0,0,.4) 0%, rgba(255,255,255,.2) 2%, rgba(255,255,255,.3) 97.75%, rgba(255,255,255,.5) 100%); box-shadow: 0 0 1px rgba(0,0,0,.25), 0 0 3px rgba(0,0,0,.25); color: #fff; text-shadow: rgba(0,0,0,.4) 0 -1px 0; cursor: default; color: #fff; display: flex; justify-content: space-between; }
.beta #header::before { position: absolute; top: 0; left: 0; z-index: 1; width: 37px; height: 37px; background: url("/img/admin/beta.png") no-repeat 0 0; content: ""; }
.new #header::before { position: absolute; top: 50px; left: 0; z-index: 2; width: 49px; height: 13px; border-left: 1px solid #d79122; content: "NEW"; background: #f8b54a; font-size: 10px; font-weight: bold; line-height: 14px; letter-spacing: 2px; text-align: center; transform-origin: top left; transform: rotate(-90deg); text-shadow: none; }
.fixed-header #header { position: fixed; top: -46px; }
.fixed-header.visible-header #header, .visible-header #header { top: 0; position: fixed; }
#header a { color: inherit; text-decoration: none; }
#header a:hover { text-decoration: none; }
#header .control-title { position: relative; z-index: 3; margin: -14px 0 -2px; width: 200px; flex-shrink: 0; }
@media (max-width: 799px) {
	#header .control-title, #gmail-informer { display: none; }
	.clean-back #header .control-title { display: block; width: 100%; padding-right: 20px; text-align: center; }
}
#header .informer { font-weight: bold; position: relative; display: flex; }
@media (min-width: 800px) {
	#header .informer { padding-left: 25%; }
}
#gmail-informer { position: absolute; left: 0; top: 0; padding-left: 15px; }
#gmail-informer i { float: left; margin: -10px 0 0 -24px; width: 17px; height: 24px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDE3IDEyIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0iI0ZGRiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMikiPjxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0iTTEuNSAxMi41TDUgOU0xNS41IDEyLjVMMTIgOSIvPjxwb2x5bGluZSBzdHJva2UtbGluZWNhcD0icm91bmQiIHBvaW50cz0iMS41IDMuNSA4LjUgMTAuNSAxNS41IDMuNSIvPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxMSIgeD0iLjUiIHk9IjIuNSIgcng9IjEiLz48L2c+PC9zdmc+") no-repeat 0 100%; -webkit-animation: "jumping-letter" 3s infinite; -webkit-animation-delay: 2s; }
#gmail-informer a { margin-right: 3px; }
#gmail-informer a span, #gmail-informer a.process { margin-left: 7px; padding: 2px 6px 1px 7px; border-radius: 4px; background: rgba(0,0,0,.2); box-shadow: inset rgba(0,0,0,.4) 0 1px 0, rgba(255,255,255,.5) 0 0 8px, rgba(255,255,255,.2) 0 1px 0; color: #fff; text-shadow: rgba(0,0,0,.4) 0 1px 0; }
#gmail-informer a.process { box-shadow: inset rgba(0,0,0,.3) 0 1px 0, #f34 0 0 2px, #f34 0 0 8px; color: #fc9; }
#gmail-informer a:hover span, #gmail-informer a.process:hover { background: rgba(0,0,0,.3); }
#header .informer #project-ring-informer { margin-right: 20px; padding-left: 20px; }
#header .url { width: 16px; height: 17px; background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgMTYgMTQiIHdpZHRoPSIxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIj48cGF0aCBkPSJtMi41IDQuNWgtMWMtLjU1MjI4NDc1IDAtMSAuNDQ3NzE1MjUtMSAxdjdjMCAuNTUyMjg0Ny40NDc3MTUyNSAxIDEgMWgxMGMuNTUyMjg0NyAwIDEtLjQ0NzcxNTMgMS0xdi0xIiBvcGFjaXR5PSIuNDk2MzczIiBzdHJva2U9IiNmZmYiLz48cmVjdCBoZWlnaHQ9IjkiIG9wYWNpdHk9Ii4yIiByeD0iMSIgc3Ryb2tlPSIjMDAwIiB3aWR0aD0iMTIiIHg9IjMuNSIgeT0iLjUiLz48ZyBzdHJva2U9IiNmZmYiPjxwYXRoIGQ9Im00LjI4MTk0MjYgMS41Yy0uMzMwOTI1OTYgMC0uNDMxNzAyMjQuMDE5NDYwOC0uNTM0NTY2MDIuMDc0NDcyOTUtLjA3NTgyODczLjA0MDU1MzY1LS4xMzIzNDk5OC4wOTcwNzQ5LS4xNzI5MDM2My4xNzI5MDM2My0uMDU1MDEyMTUuMTAyODYzNzgtLjA3NDQ3Mjk1LjIwMzY0MDA2LS4wNzQ0NzI5NS41MzQ1NjYwMnY3LjQzNjExNDhjMCAuMzMwOTI2LjAxOTQ2MDguNDMxNzAyMi4wNzQ0NzI5NS41MzQ1NjYuMDQwNTUzNjUuMDc1ODI4Ny4wOTcwNzQ5LjEzMjM1LjE3MjkwMzYzLjE3MjkwMzYuMTAyODYzNzguMDU1MDEyMi4yMDM2NDAwNi4wNzQ0NzMuNTM0NTY2MDIuMDc0NDczaDEwLjQzNjExNDhjLjMzMDkyNiAwIC40MzE3MDIyLS4wMTk0NjA4LjUzNDU2Ni0uMDc0NDczLjA3NTgyODctLjA0MDU1MzYuMTMyMzUtLjA5NzA3NDkuMTcyOTAzNi0uMTcyOTAzNi4wNTUwMTIyLS4xMDI4NjM4LjA3NDQ3My0uMjAzNjQuMDc0NDczLS41MzQ1NjZ2LTcuNDM2MTE0OGMwLS4zMzA5MjU5Ni0uMDE5NDYwOC0uNDMxNzAyMjQtLjA3NDQ3My0uNTM0NTY2MDItLjA0MDU1MzYtLjA3NTgyODczLS4wOTcwNzQ5LS4xMzIzNDk5OC0uMTcyOTAzNi0uMTcyOTAzNjMtLjEwMjg2MzgtLjA1NTAxMjE1LS4yMDM2NC0uMDc0NDcyOTUtLjUzNDU2Ni0uMDc0NDcyOTV6Ii8+PHBhdGggZD0ibTMuNSAyLjVoMTIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L2c+PC9nPjwvc3ZnPg==") no-repeat 0 1px; position: relative; }
#header .user { text-align: right; font-weight: bold; }
#choose-bg::before { float: left; margin-left: -30px; width: 18px; height: 18px; border-radius: 10px; background-image: -moz-linear-gradient(bottom, #e500e6 0%, #e500e6 10%, #00e5e4 60%, #ff0 85%, #ff0 100%); background-image: -o-linear-gradient(bottom, #e500e6 0%, #e500e6 10%, #00e5e4 60%, #ff0 85%, #ff0 100%); background-image: -webkit-linear-gradient(bottom, #e500e6 0%, #e500e6 10%, #00e5e4 60%, #ff0 85%, #ff0 100%); background-image: linear-gradient(bottom, #e500e6 0%, #e500e6 10%, #00e5e4 60%, #ff0 85%, #ff0 100%); box-shadow: rgba(0,0,0,.2) 0 1px 3px, rgba(0,0,0,.4) 0 0 0 1px inset, rgba(255,255,255,.2) 0 0 20px; cursor: pointer; }

.fake-select { position: relative; float: left; padding: 15px 0 11px; margin-top: -15px; }
.fake-select b { padding-right: 11px; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjQiIHZpZXdCb3g9IjAgMCA1IDQiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMSkiPjxwb2x5Z29uIGZpbGw9IiNGRkYiIGZpbGwtb3BhY2l0eT0iLjk0OCIgcG9pbnRzPSIwIDIgNSAyIDIuNSA1Ii8+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1vcGFjaXR5PSIuMjAyIiBkPSJNMC41LDEuNSBMNC41LDEuNSIvPjwvZz48L3N2Zz4=") no-repeat 100% 5px; }
.fake-select b i { float: left; margin: 0 7px 0 -23px; width: 16px; height: 16px; }
.fake-select ul, .fake-select li { margin: 0; list-style: none; padding: 0; }
.fake-select ul { position: absolute; top: 43px; left: -38px; display: none; float: left; font-weight: normal; padding: 7px 1px; background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2), 0 4px 10px rgba(0,0,0,.1); border-radius: 3px; color: #000; white-space: nowrap; text-shadow: none; }
.fake-select ul::before { position: absolute; top: -13px; left: 10px; overflow: hidden; width: 0; height: 0; border-right: transparent 12px solid; border-bottom: rgba(0,0,0,.1) 12px solid; border-left: transparent 12px solid; content: ""; }
.fake-select ul::after { position: absolute; top: -11px; left: 11px; overflow: hidden; width: 0; height: 0; border-right: transparent 11px solid; border-bottom: #fff 11px solid; border-left: transparent 11px solid; content: ""; }
.fake-select.right ul { left: auto; right: 9px; }
.fake-select.right ul::before { left: auto; right: 12px; }
.fake-select.right ul::after { left: auto; right: 13px; }
.fake-select:hover ul { display: block; }
.fake-select li.divider { height: 9px; }
.fake-select a { display: block; overflow: hidden; padding: 4px 13px 3px; text-decoration: none; }
.fake-select a:hover { background-color: #f3f3f3; text-decoration: none !important; }
.fake-select a:active { background-color: #e3e3e3; }
.fake-select a i { float: left; margin: 0 7px -4px 0; width: 16px; height: 16px; }
.fake-select .current { background-color: #f9f9f9; font-weight: bold; }

.safari-mac .fake-select ul, .safari-mac .pop-over, safari-mac .form-pop { background-color: rgba(255,255,255,.75); background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 50%); background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 50%); background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 50%); background-image: linear-gradient(top, rgba(255,255,255,1) 2%, rgba(255,255,255,.5) 50%); -webkit-backdrop-filter: blur(10px); }

#project-select.fake-select a { padding-right: 60px; }
#project-select.fake-select .ext { visibility: hidden; float: right; margin: 0 0 0 -30px; padding: 0; width: 30px; height: 25px; background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjExIiB2aWV3Qm94PSIwIDAgMTQgMTEiIHdpZHRoPSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiPjxwYXRoIGQ9Im0yLjUgMy41aC0xYy0uNTUyMjg0NzUgMC0xIC40NDc3MTUyNS0xIDF2NWMwIC41NTIyODQ3LjQ0NzcxNTI1IDEgMSAxaDhjLjU1MjI4NDcgMCAxLS40NDc3MTUzIDEtMXYtMSIgb3BhY2l0eT0iLjQ5NjM3MyIvPjxyZWN0IGhlaWdodD0iNyIgcng9IjEiIHdpZHRoPSIxMCIgeD0iMy41IiB5PSIuNSIvPjxwYXRoIGQ9Im0zLjUgMS41aDEwIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+PC9nPjwvc3ZnPg==") no-repeat 5px 50%; }
#project-select li:hover .ext { visibility: visible; }
#project-select .ext:hover, .fake-select .ext:active { }
#user-select { padding-right: 16px; padding-left: 20px; }
#user-select b::before { background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTQgMTYiIHdpZHRoPSIxNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Im04LjgxNzQyMTA1IDExLjM5MzEzOTVjLS4wNTM3ODk0Ny0uNTk1NDM0Ni0uMDMzMTU3ODktMS4wMTA5ODI4LS4wMzMxNTc4OS0xLjU1NTA3NDA1LjI2ODk0NzM3LS4xNDE0NzExLjc1MDg0MjEtMS4wNDM0ODc4OS44MzIyNjMxNi0xLjgwNTUxMTA5LjIxMTQ3MzY4LS4wMTczNjA2OC41NDQ4OTQ3OC0uMjI0MjExMzguNjQyNTI2MjgtMS4wNDA5MDIyNi4wNTI2ODQyLS40Mzg0NDk2MS0uMTU2NTc4OS0uNjg1MTkyOTQtLjI4NDA1MjYtLjc2Mjc2MTk1LjM0NDEwNTMtMS4wMzc1Nzc4OCAxLjA1ODg0MjEtNC4yNDc0NTc0Ni0xLjMyMTg5NDc0LTQuNTc5MTU3MzMtLjI0NS0uNDMxNDMxNDYtLjg3MjQyMTA1LS42NDk3MzI4Mi0xLjY4NzczNjg0LS42NDk3MzI4Mi0zLjI2Mi4wNjAyMDgzMy0zLjY1NTQ3MzY4IDIuNDY5NjQ5NTktMi45NDAzNjg0MiA1LjIyODg5MDE1LS4xMjcxMDUyNi4wNzc1NjkwMS0uMzM2MzY4NDIuMzI0MzEyMzQtLjI4NDA1MjYzLjc2Mjc2MTk1LjA5OC44MTY2OTA4OC40MzEwNTI2MyAxLjAyMzU0MTU4LjY0MjUyNjMxIDEuMDQwOTAyMjYuMDgxMDUyNjQuNzYxNjUzODIuNTgyMTA1MjcgMS42NjQwMzk5OS44NTE3ODk0OCAxLjgwNTUxMTA5IDAgLjU0NDA5MTI1LjAyMDI2MzE2Ljk1OTYzOTQ1LS4wMzM1MjYzMiAxLjU1NTA3NDA1LS42NDU0NzM2OCAxLjczOTc2MjEtNS4wMDA1Nzg5NCAxLjI1MTQ0NjctNS4yMDE3MzY4NCA0LjYwNjg2MDVoMTRjLS4yMDA3ODk1LTMuMzU1NDEzOC00LjUzNzEwNTI2LTIuODY3MDk4NC01LjE4MjU3ODk1LTQuNjA2ODYwNXoiLz48ZmlsdGVyIGlkPSJiIiBoZWlnaHQ9IjExMy4zJSIgd2lkdGg9IjEwNy4xJSIgeD0iLTMuNiUiPjxmZU9mZnNldCBkeD0iMCIgZHk9Ii0xIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd09mZnNldE91dGVyMSIgdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgIDAgMCAwIDAgMCAgMCAwIDAgMC4yOTY1MzUzMjYgMCIvPjwvZmlsdGVyPjwvZGVmcz48ZyBmaWxsPSJub25lIj48dXNlIGZpbGw9IiMwMDAiIGZpbHRlcj0idXJsKCNiKSIgeGxpbms6aHJlZj0iI2EiLz48dXNlIGZpbGw9IiNmZmYiIHhsaW5rOmhyZWY9IiNhIi8+PC9nPjwvc3ZnPg==") no-repeat 0 0; display: inline-block; width: 14px; height: 16px; content: ""; margin-top: -4px; vertical-align: middle; }
#user-settings { margin-left: auto; padding-right: 16px; padding-left: 20px; }
#user-settings b::before { background: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTUgMTYiIHdpZHRoPSIxNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGZpbHRlciBpZD0iYSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGhlaWdodD0iMTYiIHdpZHRoPSIxNSIgeD0iMCIgeT0iMCI+PGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz48ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0iaGFyZEFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiLz48ZmVPZmZzZXQgZHk9Ii0xIi8+PGZlQ29tcG9zaXRlIGluMj0iaGFyZEFscGhhIiBvcGVyYXRvcj0ib3V0Ii8+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMyAwIi8+PGZlQmxlbmQgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIG1vZGU9Im5vcm1hbCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfMzMxNV8xMSIvPjxmZUJsZW5kIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd18zMzE1XzExIiBtb2RlPSJub3JtYWwiIHJlc3VsdD0ic2hhcGUiLz48L2ZpbHRlcj48ZyBmaWx0ZXI9InVybCgjYSkiPjxwYXRoIGQ9Im02LjMxNDA5IDFjLS4zNzYyNSAwLS42OTc4OS4yNTM5NC0uNzcwMTUuNjA2NDRsLS4yNjIzNCAxLjI4NjEzYy0uNjQ0Ny4yMzI3Ny0xLjI0MDgzLjU1Nzk4LTEuNzY0MjkuOTY4MjdsLTEuMjkxNzYtLjQyNDgxYy0uMzU1ODMtLjExNy0uNzQ3MzMuMDIzNDgtLjkzNTg0LjMzMzk5bC0xLjE4NDM3NSAxLjk1OTk2Yy0uMTg3NzMyOC4zMTEyNS0uMTE5NDEwNy43MDYzOS4xNjQxNTIuOTQxODlsMS4wMzU1NjMuODU5ODZjLS4wNTM4Ni4zMTYwMi0uMDg4OTguNjM3NzMtLjA4ODk4Ljk2ODI3cy4wMzUxMi42NTIyNS4wODg5OC45NjgyN2wtMS4wMzU1NjMuODU5ODNjLS4yODM1NjI3LjIzNTUtLjM1MTg4NDguNjMwNy0uMTY0MTUyLjk0MTlsMS4xODQzNzUgMS45NmMuMTg3NzMuMzExMi41ODAwMS40NTE3LjkzNTg0LjMzNTRsMS4yOTE3Ni0uNDI0OGMuNTIzMy40MTAxIDEuMTE5ODkuNzM0MiAxLjc2NDI5Ljk2NjhsLjI2MjM0IDEuMjg2MmMuMDcyMjYuMzUyNS4zOTM5LjYwNjQuNzcwMTUuNjA2NGgyLjM3MTgxYy4zNzYyNSAwIC42OTc4OS0uMjUzOS43NzAxNS0uNjA2NGwuMjYyMzUtMS4yODYyYy42NDQ3LS4yMzI3IDEuMjQwOC0uNTU4IDEuNzY0My0uOTY4MmwxLjI5MTguNDI0OGMuMzU1OC4xMTcuNzQ3My0uMDIyOC45MzU4LS4zMzRsMS4xODQ0LTEuOTYxNGMuMTg3Ny0uMzExMy4xMTk0LS43MDUtLjE2NDItLjk0MDVsLTEuMDM1NS0uODU5ODNjLjA1MzgtLjMxNjAyLjA4ODktLjYzNzczLjA4ODktLjk2ODI3cy0uMDM1MS0uNjUyMjUtLjA4ODktLjk2ODI3bDEuMDM1NS0uODU5ODZjLjI4MzYtLjIzNTUuMzUxOS0uNjMwNjQuMTY0Mi0uOTQxODlsLTEuMTg0NC0xLjk1OTk2Yy0uMTg3Ny0uMzExMjYtLjU4LS40NTE3MS0uOTM1OC0uMzM1NDZsLTEuMjkxOC40MjQ4MWMtLjUyMzMtLjQxMDAzLTEuMTE5OS0uNzM0MTMtMS43NjQzLS45NjY4bC0uMjYyMzUtMS4yODYxM2MtLjA3MjI2LS4zNTI1LS4zOTM5LS42MDY0NC0uNzcwMTUtLjYwNjQ0em0xLjE4NTkxIDQuNWMxLjczNTE1IDAgMy4xNDIgMS4zNDMyNiAzLjE0MiAzLjAwMDAxIDAgMS42NTY3OS0xLjQwNjg1IDIuOTk5OTktMy4xNDIgMi45OTk5OXMtMy4xNDE5Ny0xLjM0MzItMy4xNDE5Ny0yLjk5OTk5YzAtMS42NTY3NSAxLjQwNjgyLTMuMDAwMDEgMy4xNDE5Ny0zLjAwMDAxeiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=") no-repeat 0 0; display: inline-block; width: 15px; height: 16px; content: ""; margin-top: -4px; vertical-align: middle; }

.divided::before, .divided::after { width: 1px; height: 46px; position: absolute; left: -1px; top: 1px; content: ""; background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); background-image: linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.3) 50%, rgba(0,0,0,0) 100%); }
.divided::after { left: 0; background-image: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%); background-image: linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 50%, rgba(255,255,255,0) 100%); }

#call-bttn { width: 30px; padding: 0; cursor: pointer; position: absolute; right: -100px; top: -4px; }
@media (max-width: 799px) {
	#call-bttn { right: -50px; }
}
#call-bttn i { width: 16px; height: 22px; background: url("./img/call.svg") no-repeat 50% 50%; display: inline-block; }

#module-nav { margin: 0; list-style: none; padding: 7px 0 20px; overflow: auto; }
@media (min-width: 800px) {
	#module-nav { position: sticky; top: 10px; max-height: 100vh; overflow-y: auto; }
	#module-nav::-webkit-scrollbar { display: none; }
}
@media (max-width: 799px) {
	#module-nav { display: flex; overflow: auto; white-space: nowrap; padding: 7px 0 7px 20px; }
}
#module-nav li { margin: 0; list-style: none; }
@media (min-width: 800px) {
	#module-nav li.hr { margin-top: 10px; position: relative; }
	#module-nav li.hr::before { position: absolute; top: -6px; left: 5px; right: 5px; height: 1px; background: rgba(0,0,0,.1); content: ""; overflow: hidden; border-bottom: #fff 1px solid; }
}
@media (max-width: 799px) {
	#module-nav li { margin-right: 20px; }
}
#module-nav a, #module-nav b { display: block; padding: 5px 0; color: #333; text-decoration: none; }
@media (min-width: 800px) {
	#module-nav a, #module-nav b { padding: 5px 20px; }
}
#module-nav:hover a, #method-nav ul:hover a { color: #666; }
#module-nav:hover a:hover, #method-nav:hover a:hover { color: var(--focus); }
#module-nav:hover a:active, #method-nav:hover a:active { color: #003e75; }
#module-nav li, #method-nav li { position: relative; }
#module-nav .on b, #method-nav .on b, #module-nav .on a, #method-nav .on a, #module-nav .on a:hover, #method-nav .on a:hover, #module-nav:hover .on a, #method-nav:hover .on a { color: var(--accent, #666); cursor: text; text-decoration: none; opacity: .75; }
#module-nav .on b::before, #method-nav .on b::before { position: absolute; background: currentcolor; border-radius: 3px; top: 0; bottom: 0; z-index: -1; opacity: .1; content: ""; }
@media (min-width: 800px) {
	#module-nav .on b::before { left: 10px; right: 10px; }
}
@media (max-width: 799px) {
	#module-nav .on b::before { left: -10px; right: -10px; }
}

#method-nav { margin: -20px -20px 20px; border-bottom: rgba(0,0,0,.5) 1px solid; box-shadow: rgba(255,255,255,.5) 0 -1px 0 inset; position: relative; overflow: auto; }
#method-nav ul { margin: 0; padding: 7px 0 7px 20px; list-style: none; /* font-weight: bold; */ display: flex; }
@media (min-width: 800px) {
	#method-nav ul { flex-wrap: wrap; }
}
#method-nav li { margin: 0 20px 0 0; list-style: none; white-space: nowrap; }
#method-nav a, #method-nav b { padding: 5px 0; color: #333; text-decoration: none; display: block; }
#method-nav .on b::before { left: -10px; right: -10px; }

.line-nav { box-shadow: rgba(0,0,0,.2) 0 -1px 0 inset; display: flex; flex-wrap: nowrap; font-weight: bold; margin: 0 -20px 20px; padding: 0 20px; overflow: auto; }
@media (max-width: 799px) {
	.line-nav { -webkit-overflow-scrolling: touch; width: calc(100% + 40px); }
}
.line-nav a, .line-nav b { margin-right: 15px; padding: 5px 0 10px; white-space: nowrap; }
.line-nav b { box-shadow: var(--link) 0 -2px 0 inset; color: #333; }


#notification { position: absolute; top: 0; left: 0; display: none; padding-top: 18px; width: 100%; height: 32px; background: #40a100 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAYAAAAbb8MkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC5JREFUeNpi+P//fyUTAwPDXRDBACL+U4UAG/UPC5eBZAMQOvAbgM1KrOoAAgwAt4UpipmHkOkAAAAASUVORK5CYII=") repeat-x 0 0; color: #fff; text-align: center; font-weight: bold; }
#notification.error { background-color: #db0000; }

.g-table a.already-taken { background: url("/img/admin/icon_headset.svg") no-repeat 100% 50%; padding-right: 15px; }
.g-table td.client { padding-left: 20px; text-indent: -17px; }
.g-table td.client .marketplace-icon { padding-left: 40px; }
.client::before { content: ""; width: 8px; height: 8px; display: inline-block; overflow: hidden; margin: -2px 5px 0 2px; background: #C20D05; vertical-align: middle; border-radius: 5px; }
.client.work::before { background-color: #46B323; }
.client.ending::before { background-color: #F89D00; }
.client.trusted > a::after { content: ""; width: 14px; height: 14px; display: inline-block; background: url("/img/admin/icon_printed_status.svg") no-repeat 100% 0; border-radius: 2px; margin-left: 4px; vertical-align: middle; }


/*
 *
 *
 	Legacy CSS
 *
 *
 */
.g-table { line-height: 16px; }
th, .g-table th { padding: 5px 6px; border-bottom: rgba(0,0,0,.4) 1px solid; background-color: transparent; /* background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,0) 100%); background-image: linear-gradient(bottom, rgba(0,0,0,.07) 0%, rgba(255,255,255,0) 100%); */ vertical-align: bottom; text-shadow: #fff 0 1px 0; line-height: 14px; }
.g-table.sticky th { position: sticky; top: 50px; }
.g-table td { padding: 5px 6px; }
.g-table td:not([valign]) { vertical-align: top; }
.g-table td[width] { word-break: break-word; }
.g-table td[width="1%"], .g-table td[width="2%"], .g-table td[width="3%"], .g-table td[width="4%"], .g-table td[width="5%"] { word-break: normal; }
.g-table tr { /* background-color: rgba(0,0,0,.01); */ }
.g-table tr:first-child { background-color: transparent; }
.g-table tr td:first-child, .g-table tr th:first-child { padding-left: 20px; }
.g-table tr td:last-child, .g-table tr th:last-child { padding-right: 20px; }
/* .scroll-table .g-table tr td:last-child, .scroll-table .g-table tr th:last-child { padding-right: 20px; } */
.g-table.first-fixed tr td:first-child, .g-table.first-fixed tr th:first-child { white-space: nowrap; }
.g-table.first-fixed tr th:first-child { vertical-align: bottom; }
.g-table.first-fixed tr td:last-child, .g-table.first-fixed tr th:last-child { white-space: nowrap; }
.g-table th span.em-nobold { font-weight: normal; font-style: italic; }
.g-table th.vertical span { display: block; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }
.g-table tr td:first-child img { margin-right: 3px; vertical-align: top; }
.g-table tr.tr-emphasis { font-weight: bold; font-style: italic; }
.g-table tr.tr-emphasis2 { background-color: #ee9; }
.g-table tr.alert { background-color: #faa; }
.g-table tr.warn { background-color: #ffa; }
.g-table tr.checked-row { background-color: rgba(0,75,142,.1); }
.g-table tr:nth-of-type(odd) td { background-color: rgba(0,0,0,.04); }

.scroll-table { margin: 0 -20px 30px; -webkit-transition: box-shadow .1s linear; overflow: auto; }
.clean-back .scroll-table { margin-right: 0; overflow: visible; }
.clean-back .scroll-table .g-table tr td:last-child, .clean-back .scroll-table .g-table tr th:last-child { padding-right: 20px; }
.scroll-table-wrap { position: relative; margin: 0 -20px 30px; padding-left: 19.95em; }
.scroll-table-wrap .scroll-table { overflow-x: scroll; overflow-y: visible; margin: 0 -20px 0 0; padding-bottom: 1em; width: 100%; }
.scroll-table-wrap table tr:first-child th:first-child, .scroll-table-wrap table tr td:first-child { position: absolute; top: auto; left: 0; width: 17.92em; }

form.editable .scroll-table { box-shadow: rgba(0,0,0,.4) -2px 4px 10px; position: relative; }
.edit::after { display: inline-block; width: 14px; height: 13px; background: url("/img/admin/icon_edit.svg"); margin-left: 4px; content: ""; }
.edit.ot { font-weight: bold; }
.site-icon { margin-right: 4px; vertical-align: middle; }
.marketplace-icon { background: no-repeat 0 0; padding-left: 22px; background-size: 16px; display: inline-block; line-height: 16px; }
.icon_ya-market { background-image: url("/img/admin/icon_yamarket.png"); }
.icon_ozon { background-image: url("/img/admin/icon_ozon.png"); }
.prev-arrow::before, .next-arrow::after, .external-arrow::after { display: inline-block; width: 11px; height: 9px; background: url("/img/admin/icon_next-arrow.svg"); content: ""; }
.prev-arrow::before { margin-right: 4px; transform: rotate(180deg); }
.next-arrow::after { margin-left: 4px; }
.external-arrow::after { margin-left: 2px; transform: rotate(-45deg); }
.target-blank::after { display: inline-block; width: 10px; height: 7px; border: 1px solid currentcolor; border-radius: 1px; content: ""; margin-left: 8px; box-shadow: -3px 3px 0 -1px #fff, -3px 3px 0 0 rgba(255,255,255,.5), -3px 3px 0 0 currentcolor; position: relative; top: -1px; }

.links-line { position: relative; display: block; margin-left: 0; padding-left: 14px; list-style: none; }
.links-line::before { position: absolute; top: 7px; left: 2px; overflow: hidden; width: 4px; height: 4px; background: #000; content: ""; }
.links-line li { position: relative; display: inline; margin-right: 20px; list-style: none; }
.links-line li::after { position: absolute; top: 1px; right: -11px; overflow: hidden; width: 1px; height: 1em; background: rgba(0,0,0,.2); content: ""; }
.links-line li:last-child::after { display: none; }


/* Всплывающая информация */
DIV.info-data { position: absolute; display: none; margin-top: 15px; margin-left: -200px; padding: 5px; width: 280px; border: solid 1px #70808a; background: #ffd; }


/* Штрихкоды */
input#barcode-enter, input#barcode-add, input.barcode-edit, input[name="add-barcode"] { padding-left: 24px; background-image: url("/img/admin/icon_barcode.svg"); background-repeat: no-repeat; background-position: 4px 50%; }
@media print {
	.barcode { position: fixed; top: 0; right: 0; z-index: 1000; display: block; float: right; }
}

.ajax-info { display: none; margin: 0 0 10px -34%; padding: 7px 10px; background-color: rgba(0,0,0,.03); text-align: center; min-height: 32px; position: relative; width: 134%; }
.ajax-info img { position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px; }


/* GMail */
.gm-label-check { display: inline-block; margin-right: 2px; padding: 0 6px 2px 4px; border-radius: 3px; font-size: 10px; position: relative; line-height: 18px; }
.gm-label-check input[type="checkbox"] { margin: 0 4px 0 0; width: 12px; height: 12px; vertical-align: middle; }
.gm-label-check span { vertical-align: middle; display: inline-block; line-height: 12px; }
.gm-label { margin-right: 2px; padding: 2px 5px 3px; font-size: 10px; border-radius: 3px; }
.gm-letter-hdr { width: 100%; }
.gm-letter-hdr td { padding: 3px 10px 3px 0; vertical-align: top; }
.gm-letter-hdr td:first-child { white-space: nowrap; width: 1%; }
.gm-text-outer { padding: 5px; background: url("/img/admin/airmail.png?v2") repeat -2px -2px; color: #000; font-size: 12px; line-height: 18px; box-shadow: rgba(0,0,0,.1) 0 3px 8px, rgba(0,0,0,.1) 0 0 1px 1px; border-radius: 2px; }
.gm-text-outer iframe { display: block; background: #fff; }
.gm-text-inner { overflow: auto; padding: 15px 20px; width: 100%; background: #fff; border-radius: 2px; }
.gm-user { margin: 5px 0 10px 5px; }
.gm-user-name { margin-bottom: 5px; font-weight: bold; }
.gm-user-orders { }
.gm-order { margin-bottom: 3px; }
TR.gm-unreaded TD { font-weight: bold; }
TR.gm-unreaded TD A { color: #000; }
TR.gm-unreaded TD A:hover { color: #444; }
.attach-num, .alert-count, .nb::before, #dlv-fld-receiver dd::before { font-size: 10px; display: inline-block; line-height: 13px; border: 1px solid currentcolor; padding: 0 5px; border-radius: 10px; margin-left: 5px; cursor: default; text-align: center; }
.nb::before, #dlv-fld-receiver dd::before { content: "!"; color: #c00; margin: 0 5px 0 0; padding: 0; width: 13px; font-weight: bold; }


/* IPCall */
.call-abonent-num { font-size: 120%; }
.call-manager { margin-top: 8px; color: #069; text-decoration: dotted; font-weight: bold; }
.call-user { margin-top: 5px; }
.call-order { }
.call-comment { }

.call-manager span.date, .call-comment span.date, .call-order span.date { color: #666; font-size: 80%; }


/* Сверка */
#check-items { clear: both; }
#check-items .preview IMG { width: 50px; }
#check-items TR.tr-emphasis2, #check-items TR.c2 { background: #fff; }
.check-num, .check-fact { font-size: 14pt; }

.g-table TR.match-num TD { background: #9f6; }
.g-table TR.match-item TD { background: #ff9; }
.g-table TR.match-missed TD { background: #f99; }

.order-arrows { font-weight: bold; font-size: 11px; }
.order-arrows a, .order-arrows b { margin-left: 5px; color: inherit; text-decoration: none; color: var(--red); }
.order-arrows b { color: inherit; }

TR.helprow { display: none; }
TR.helprow TD { background-color: #ffc; }

DIV.bench, DIV.bench TD { font: Tahoma 7pt #ccc; }
DIV.bench { margin: 1px; padding: 2px; border: dashed 1px gray; }
SPAN.warn-sql { background-color: #f34; }

DIV.email-priority { margin: -20px -20px 20px; padding: 11px 10px 10px 20px; border-bottom: #999 1px solid; background: #ffd966; color: #333; }
DIV.email-priority A { color: #000; font-weight: bold; }


/* Calendar: full year multi-date-pciker */
#c-multi-cal { float: left; margin: 0 20px 20px 0; width: 250px; height: 230px; }
#c-multi-cal table { border-collapse: collapse; width: 100%; }
#c-multi-cal TD.c-month { font-size: 18px; padding-bottom: 10px; }
#c-multi-cal TD.c-day { padding: 4px 2px 0; }
#c-multi-cal TD.c-day LABEL { display: block; padding: 4px 5px; cursor: pointer; border: solid 1px transparent; text-align: right; border-radius: 2px; }
#c-multi-cal TD.c-day LABEL.c-sel { background-color: #C33; color: #FFF; }

dl[rel=form-hidden], tr[rel=form-hidden] { display:none; }

#order-print { margin-bottom: 20px; clear: left; }
#order-print h2.printed::after { display: inline-block; margin: -4px 0 0 20px; width: 30px; height: 14px; background: url("/img/admin/icon_printed_status.svg") no-repeat 0 0; content: ""; vertical-align: middle; }
#order-print-buttons { margin-bottom: 10px; padding-top: 10px; }
#order-print-res:not(:empty) { margin-bottom: 10px; }

.template-list { list-style: none; padding: 0; margin: 0 -20px 20px; }
.template-list dt { list-style: none; padding: 6px 20px 4px; margin: 0; border-top: rgba(0,0,0,.03) 1px solid; width: auto; float: none; }
.template-list dt::after { display: none; }
.template-list dt b a { color: inherit; text-decoration: none; }
.template-list dt:hover b a { color: var(--link); text-decoration: underline; }
.template-list dt:hover b a:hover { color: var(--focus); }
.template-list dt:hover b a:active { color: #003e75; }
.template-list dt .action { visibility: hidden; }
.template-list dt:hover .action { visibility: visible; }
.template-list dd { list-style: none; padding: 5px 10px 0; margin: 0; font-size: 11px; }
.template-list .separator { height: 10px; overflow: hidden; list-style: none; }
.template-list li { list-style: none; }
.template-list li a { opacity: .8; text-decoration: none; padding: 3px 0; }
.template-list li a:hover { text-decoration: underline; }
.template-list .sync { font-weight: bold; opacity: 1; }
.template-list .tmod { color: #07f; }
.template-list .copy { background: url("/img/admin/icon_copy.svg") no-repeat 0 5px; padding-left: 6px; text-decoration: none; margin: 0 8px 0 4px; }
.template-list li a.copy:hover { text-decoration: none; }


/* !Toggle Blocks */
.block.toggle.opened { margin: 0 -20px 10px; padding: 0 20px 15px; border-bottom: rgba(0,0,0,.04) 1px solid; }
.block .header i { display: inline-block; padding-left: 15px; font-style: normal; cursor: pointer; }
.form .header span i { display: inline-block; margin: -1px 0; width: 12px; height: 12px; cursor: pointer; }
.block.toggle .header, .form .header span i { background: url("/img/admin/icon_plus.svg") no-repeat 0 3px; }
.block.toggle.opened .header, .form .header.opened span i { background-image: url("/img/admin/icon_minus.svg"); }
.form .header span i { background-position: 0 0; }
.block.toggle .content { display: none; }

#overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 101; display: none; width: 100%; }
#overlay.visible { background: rgba(255,255,255,.3); }
#overlay i { position: fixed; top: 50%; left: 50%; z-index: 102; margin: -40px 0 0 -20px; width: 40px; height: 40px; border-radius: 20px; background: #fff url("/img/ajax-loader-small.gif") no-repeat 50% 50%; box-shadow: #fff 0 0 20px, #fff 0 0 10px; }

#search-item-form { margin-top: -40px; }

TD.work-time { background-color: #D7EDD9; }
TR.alert TD.work-time { background-color: #D6D8BE; }


/* !Messenger Window */
.messenger body { width: 230px; min-width: 230px; overflow: hidden; padding: 20px; }
#phone input[type="text"] { width: 137px; font-size: 16px; height: 30px; vertical-align: middle; }
#phone button.accept { width: 90px; height: 30px; vertical-align: middle; padding: 0; }
#phone .slider { width: 270px; overflow: hidden; margin: 0 -20px; position: relative; display: none; }
#phone .slider::before { width: 20px; height: 100%; content: ""; position: absolute; top: 0; left: 0; background-image: -webkit-linear-gradient(left, #fafafa 20%, rgba(250,250,250,0) 100%); background-image: linear-gradient(left, #fafafa 20%, rgba(250,250,250,0) 100%); z-index: 1; }
#phone .slider::after { width: 20px; height: 100%; content: ""; position: absolute; top: 0; right: 0; background-image: -webkit-linear-gradient(right, #fafafa 0%, rgba(250,250,250,0) 90%); background-image: linear-gradient(right, #fafafa 0%, rgba(250,250,250,0) 90%); z-index: 1; }
#phone .slider .strip { width: 440px; }
#phone .slide { opacity: .5; width: 170px; float: left; padding-left: 20px; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; }
#phone .slide.current { opacity: 1; }
#phone .dialpad { text-align: center; padding-top: 15px; }
#phone .dialpad input { width: 50px; height: 30px; font-size: 24px; margin: 0 0 10px; }
#phone .history { list-style: none; margin: 0; padding-top: 15px; line-height: 14px; }
#phone .history li { list-style: none; cursor: pointer; padding: 4px 5px 3px; }
#phone .history li b { margin-right: 3px; }
#phone .history li:hover { background: #f3f3f3; }
#phone .history li:active { background: #e3e3e3; }

DIV#sklad-bal-cfg { position: absolute; padding: 5px; border: solid 1px #ссс; background-color: #fff; font-weight: normal; display: none; }
DIV#sklad-bal-cfg BUTTON { margin: 10px 0 0 20px; }

.structure { list-style: none; margin: 0; }
.structure li { padding: 0 0 3px 15px; list-style: none; margin: 0; }
.structure li.parent { padding-left: 0; }
.structure li:first-child:not(.parent)::before { content: ""; position: absolute; width: 16px; height: 10px; border-bottom: solid #999 1px; top: 6px; left: 25px; }
.structure ul { padding: 6px 0 0 30px; list-style: none; margin: 0; position: relative; }
.structure ul::before { content: ""; position: absolute; width: 10px; height: 10px; border: solid #999 1px; border-width: 0 0 1px 1px; top: 6px; left: 15px; border-radius: 1px; }
.structure.collapsible ul { padding-left: 45px; }
.structure.collapsible ul::before { width: 15px; left: 21px; }
.structure input[type="text"][name*="order"][size="2"] { width: 25px !important; vertical-align: middle; margin: 0 6px 0 2px; }
.structure img { vertical-align: middle; margin-right: 3px; }
.structure ins { text-decoration: none; display: block; }
.structure .caption { text-decoration: none; }
.structure .not-match .caption { opacity: .3; }
.structure .not-match .action { visibility: hidden; }
.structure .not-match:hover .caption { opacity: 1; }
.structure .not-match:hover .action { visibility: visible; }
.structure .caption .url { text-decoration: none; color: inherit; }
.structure ins:hover .caption { text-decoration: underline; }

.action { font-size: 11px; margin-left: 12px; text-decoration: none; }
.action:hover { text-decoration: underline; }

.files { list-style: none; line-height: 14px; font-size: 11px; margin: 0; display: flex; flex-wrap: wrap; }
.files li { width: 108px; margin: 0 6px 10px 0; padding-left: 4px; }
.files .edit { display: flex; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,.1); border: solid 1px #aaa; border-radius: 1px; margin: 0 0 9px -4px; position: relative; height: 108px; padding: 3px; text-decoration: none; color: #aaa; font-size: 16px; justify-content: center; align-items: center; }
.files .edit::after { position: absolute; background-color: #fff; background-repeat: no-repeat; border: solid 8px transparent; bottom: 0; right: 0; visibility: hidden; }
.files .edit:hover::after { visibility: visible; }
.files img { display: inline-block; max-width: 100px; max-height: 100px; vertical-align: middle; }
.files .filename { color: inherit; text-decoration: none; display: inline-block; width: 100%; overflow: hidden; overflow-wrap: break-word; }
.files .filename:hover, .files li.image .insert-code:hover { color: var(--link); text-decoration: underline; cursor: pointer; }
.files .grey { display: block; margin: 4px 0; }
.files li.image .insert-code::before { content: attr(title); }

.file-preview { box-shadow: 0 1px 3px rgba(0,0,0,.1); border: solid 1px #aaa; border-radius: 1px; display: block; padding: 3px; margin-bottom: 9px; width: 158px; }
.file-preview img { max-width: 150px; max-height: 150px; display: block; }

#welcome-header .today { float: right; width: 70px; text-align:center; box-shadow: rgba(0,0,0,.1) 0 1px 1px 0px; padding-bottom: 5px; margin-top: -1px; position: relative; }
#welcome-header .today span { display: block; background: rgba(0,0,0,.1); font-size: 12px; font-weight: normal; line-height: 22px; margin-bottom: 10px; }
#welcome-header .today b { font-size: 28px; }

#anket .label { padding: 5px 20px; margin: 0 -20px; }

.user_ank_order { margin-bottom: 20px; }
.user_ank_order:last-child { margin-bottom: 0; }
.user_ank_order .items { overflow: hidden; margin: 5px 0 0; list-style: none; }
.user_ank_order .items li { display: inline-block; width: 200px; list-style: none; padding: 5px 20px 5px 30px; vertical-align: top; }
.user_ank_order .items img { margin: 4px 0 0 -30px; max-height: 25px; float: left; }
.user_ank_order .items a { text-decoration: none; padding: 2px 0; color: inherit; }
.user_ank_order .items a:hover { text-decoration: underline; color: var(--focus); }
.user_ank_order .items a:active { color: #003e75; }

.data-columns { margin-bottom: 10px; }
.data-columns dt { color: #444; }
.data-columns dt::after { content: ":"; margin-right: .3em; }
.data-columns dt, .data-columns dd { display: inline; }
.delivery-fields .column { width: 100%; }
.delivery-fields dl + dl { margin-top: 2px; }
#dlv-fld-phone dd, #dlv-fld-mobile_phone dd { border-bottom: 1px dotted var(--link); cursor: pointer; position: relative; }
#dlv-fld-phone dd::after, #dlv-fld-mobile_phone dd::after { background: url("/img/admin/icon_copy.svg") no-repeat 0 0; margin: -5px 0 0 4px; width: 8px; height: 9px; left: 100%; top: 50%; vertical-align: middle; display: inline-block; content: ""; position: absolute; }
#dlv-fld-phone dd:active, #dlv-fld-mobile_phone dd:active { opacity: .6; }

#order_info_delivery_info, #order_info_delivery_type, #order_info_user { margin-bottom: 20px; }
@media (min-width: 768px) {
	#order_info_delivery_info { float: left; width: 30%; margin-right: 5%; }
	#order_info_delivery_type { float: left; width: 20%; margin-right: 5%; }
	#order_info_user { float: left; width: 30%; }
}
#order_info_delivery_info p { color: #444; }
#order_info_delivery_info span[id^="dlv"] { color: #000; }
.happy-birthday { display: inline-block; padding-left: 20px; background: url("/img/admin/icon_birthday.svg") no-repeat 4px 0; color: #8500C3; font-weight: bold; }
@media (max-width: 767px) {
	#edit-items-form table.g-table { min-width: 700px; }
}
h2 .actions, h3 .actions, .h4 .actions { font-size: 12px; line-height: 18px; display: inline-block; vertical-align: baseline; font-weight: normal; margin-left: 10px; }

.cs-incoming, .cs-outgoing, .cs-listen, .cs-download { display: inline-block; width: 20px; height: 20px; text-indent: -9999px; background: no-repeat 50% 50%; overflow: hidden; margin: -4px -2px; }
.cs-incoming { background-image: url("/img/admin/incoming.svg"); }
.cs-outgoing { background-image: url("/img/admin/outgoing.svg"); }
.cs-listen { background-image: url("/img/admin/cs-listen.svg"); }
.cs-download { background-image: url("/img/admin/cs-download.svg"); }

.download { padding-left: 12px; background: url("/img/admin/icon_download.svg") no-repeat 1px 50%; }

.inline-comment { text-decoration: none; display: inline-block; margin-left: 5px; color: #333; border: 1px solid #999; border-radius: 10px; padding: 2px 7px 1px; font-size: 10px; background: #eee; line-height: 14px; text-transform: uppercase; letter-spacing: .5px; }
.inline-comment.error { border-color: currentcolor; background: transparent; }

#take-order { font-size: 13px; }
#take-order.already-taken { padding-left: 15px; background: url("/img/admin/icon_headset.svg") no-repeat 0 50%; }
#take-order span { margin-right: 10px; }

.phone-order { padding-left: 20px; background: url("/img/admin/incoming.svg") no-repeat 0 0; font-weight: bold; }

.paycheck { background: rgba(0,0,0,.02); border: #ccc 1px solid; border-top-style: dashed; border-bottom-style: dashed; padding: 10px; display: flex; margin-bottom: 10px; gap: 20px; font-size: 11px; line-height: 14px; align-items: center; }
.paycheck + .paycheck { margin-top: -11px; }
.paycheck.status_payed { border-left-color: var(--green); }
.paycheck .system { font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
.paycheck .details { display: flex; gap: 10px 20px; flex-wrap: wrap; }
.paycheck .details dl { display: flex; padding: 0; flex-direction: column; }
.paycheck .details dl::after { display: none; }
.paycheck .details dl dt { padding: 0; float: none; margin: 0; text-align: left; width: 100%; opacity: .8; }
.paycheck .details dl dd { font-size: 13px; line-height: 18px; margin-top: 3px; padding: 0; }