@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSuXREeHhJi4GEUJI9ob_ak4.woff2) format('woff2');
}
.popupframe {
/*    border: solid 1px #8cb0c1;*/
    box-shadow: 0 0 24px rgba(16, 111, 151, 0.56);
    background-color: white;
    border-radius: 15px;
}
div {
    box-sizing: border-box;
}
div.popupcaption {
    cursor: move;
    background-color: #6e9eb5;
    color: white;
    padding: 3px 10px;
    font-size: 10pt;
    border-radius: 13px 13px 0 0;
}
div#DRAG_MOVE {
    font-weight: bold;
}
div.popupcaption a {
    float: right;
    padding: 7px 9px 0 7px;
    text-decoration: none;
    line-height: 10px;
    color: white;
    margin-top: -2px;
    margin-right: -9px;
    font-size: 9pt;
    background-color: #106F97;
    font-weight: bold;
    display: inline-block;
    width: 7px;
    height: 16px;
    border-radius: 0 12px;
}
div.popupcontent {
    background-color: #ffffff;
    padding: 1px;
    border-radius: 16px;
}

div.popupcontent table td {
    vertical-align: top;
}

div.popupcontent td.lbl +  td {
    vertical-align: middle;
}

div.item {
    padding: 9px 9px 0 4px;
    font-size: 10pt;
}

iframe#fileFrame, iframe#efrm {
    display: none;
}
body {
    margin: 0;
    background-color: #fefefd;
    color: #1d303e;
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
}

div.main {
    display: flex;
    border-bottom: solid 1px #BAD6E2;
    font: 10pt 'Open Sans', sans-serif;
}
div.nav {
    min-width: 212px;
    width: 212px;
    flex-grow: 0;
    background-color: #032E42;
}
div.cont {
    flex-grow: 1;
}
/*  f0f6ed # #F5F5F5*/
div.cont {
    background-color: #d2e7f1;
}
div.share {
    margin: 18px auto;
}
form.flt {
/*    border: solid 1px #bad6e2;*/
    box-shadow: 0 0 1px #bad6e2;
}
input#small:not(:checked) ~ div.nav div.share {
    width: 176px;
    background-color: #8db2c430;
    border-radius: 12px;
    padding: 12px;
    font-size: 9pt;
    border: solid 1px #356075;
    color: white;
}
div.share .vk img {
    width:30px;
    height:30px;
    border:0;
    margin: 4px 0 0 0;
}
div.share .fb svg {
    width:40px;
    height:40px;
    border:0;
    margin-bottom: -5px;
}
div.share .ok {
    display: inline-block;
}
input#small {
    display:none;
}

label {
    position: relative;
    top: -2px;
}

.ib {
    display: inline-block;
}

td.info {
    padding: 10px;
    background-color: white;
    border-left: solid 1px #cfcfcf;
    border-radius: 0 3px 0 0;
    border-bottom: solid 1px #cfcfcf;
}
td.info1 {
    padding: 10px;
    background-color: white;
    border-left: solid 1px #cfcfcf;
    border-radius: 0 3px 0 0;
}

div.next:not(:first-child):not(.block) {
    margin-top: 7px;
}
span.next {
    margin-right: 12px;
}
span.next:last-child {
    margin-right: 0;
}
select.smlinp.next, input.smlinp.next {
    margin: 2px 0 0 4px;
}
.follow {
    margin-left: 4px !important;
}

a.delete {
    color: #D8454A;
    font-weight: normal;
}

form{
    margin-bottom:0;
    margin-top:0;
}
.line {
    background-color: #5e6f9a;
}
div.hdr {
    font-size: 18pt;
}
h1,div.hdr {
    color: #032E42;
    text-shadow: 0 1px 2px rgba(0,0,0,0.1)
}
h1 {
    margin: 0;
    font-weight: normal;
}
h2, .h2 {
    font-weight: bold;
    font-size: 12pt;
    color: #316279;
    text-shadow: 0 1px 1px rgba(49, 98, 121, 0.15);
}

table.t td.forminfo {
    padding-top:5px;
}
th {
    color: white;
    font-size: 10pt;
    line-height: 16pt;
    background: #6e9eb5/* linear-gradient(to bottom, #9cbfd0, #78a3b7)*/;
}
th.wth, div.th.wth {
    background-color:white;
    color: black;
}
div.th.wth a {
    color: #107EAF;
}
a.menu {
    color: #505050;
    line-height:14px;
    text-decoration: none;
}

input, textarea, select {
    color: #0e394c;
    font-family: 'Open Sans', sans-serif;
    box-sizing: border-box;
}

textarea {
    margin: 2px;
    padding: 2px;
}

/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width: 0\0) {
    select {
        background: none;
        padding: 5px;
    }
}
input.d {
    width: 78px !important;
}
select.smlinp {
    font-size: 11px;
    height:16px;
    padding-top:0;
    margin:0;
    width: inherit;
    max-width: 150px;
    line-height: 10pt;
}
.w {
    background-color: white !important;
}
.w1 {
    background-color: white;
    padding: 16px;
}
.small, tr.small td {
    font-size: 11px;
}
.white {
    color: white;
}
.red {
    font-weight: bold;
    color: #cc3300;
}
.disabled {
    font-weight: bold;
    color: #7e765f;
}
.reportsuccess {
    color: #107000;
    font-weight: bold;
    margin-top: 3px;
}
.smallred {
    color: #cc3300;
    font-size: 11px;
}
.redbg {
    background-color: #cc0000;
}
.greyred{
    background-color: #FCECEC !important;
}
.thred, .th.greyred {
    background-color: #c18282 !important;
}
.th a {
    color: white;
    text-decoration: underline;
}
table.t, div.t {
    border-collapse:collapse;
    width:100%;
    background-color: white;
}
table.t td {
    padding: 5px;
    border-bottom: 1px solid #d2e7f1;
    border-right: 1px solid white;
    vertical-align: top;
    word-break: break-word;
}
table.t td:last-child {
    border-right: none;
}

table.t th {
    padding: 5px;
    border-right: 1px solid #F2FBFF;
    border-top: 1px solid #F2FBFF;
}

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

table.t tr:first-child th {
    border-top: none;
}

table.t th a {
    color: #156D94;
}
table.t1 td {
    padding:2px;
    border-bottom: 1px solid #CEDDE4;
    border-left: 1px solid white;
    border-right: 1px solid white;
    vertical-align: top;
    word-break: break-word;
}
table.t1 th {
    padding:2px;
    border: 1px solid white;
}
table.l1 {
    border-collapse:collapse;
    width:100%;
    height: 5px;
    background-image: url('/i/bs.gif');
}
table.l1 td {
    padding:0;
    background-image: url('/i/bs.gif');
}
.gtxt, .gtxt a {
    color: #D6766C;
}
.grtxt {
    color: #55707e;
}

.c {
    text-align: center;
}
.n {
    font-weight: normal;
}
table.simple td {
    padding: 0;
    border-width: 0;
}
.v {
    font-weight: normal;
}
a.menu img.icon {
    margin-right:5px;
    margin-left:4px;
    border:none;
    width:16px;
    height:16px;
    vertical-align:top;
}

.icn {
    border:none;
    width:16px;
    height:16px;
    vertical-align:top;
    margin-bottom: -2px;
}

a.menu img.icon {
    margin-bottom: 0;
}

.smallicon {
    margin: 0 4px 3px 1px;
    border:none;
    width:12px;
    height:12px;
    vertical-align:bottom;
}
.delicon {
    margin-left:4px;
    border:none;
    width:16px;
    height:16px;
    vertical-align:top;
    margin-bottom: -2px;
    margin-top: 5px;
}
img.calendar {
    margin-left:2px;
    margin-top:5px;
    border:none;
    width:16px;
    height:16px;
    vertical-align:top;
}
.thumb {
    margin-right:3px;
    border:none;
    width:72px;
    height:48px;
    vertical-align:top;
}
.thumb2 {
    margin-right:3px;
    border:none;
    width:48px;
    height:32px;
    vertical-align:top;
    float: left;
}
.thumb1 {
    width:72px;
    height:48px;
    vertical-align:top;
}
.f {
    background-color:#ffffc0;
}
.weight {
    text-align: right;
    color: #00701a;
}
.volume {
    text-align: right;
    color: #0050d0;
}
table.t td.noborder {
    border-top: 0;
}
.progressbar {
    margin-top:1px;
    line-height: 0;
    width: 71px;
    text-align: right;
    float: left;
}
.progressbar:before {
    content: '';
    display: block;
}
.progressPercent {
    border: solid 1px #afc7d2;
}
table.progressPercent td {
    line-height: 11px;
    padding-bottom: 1px;
}
table.t td.ts {
    border-top-width: 2px;
    padding-top: 5px;
}
table.z td.l {
    border-top: 1px solid #b8c2d8;
    padding:2px;
}
table.z td.l1 {
    padding:2px;
}
.typeCode {
    width: 90px;
}
div.lbl {
    font-size: 9pt;
    color: #818181;
    margin-left: 2px;
    margin-top: 2px;
    margin-bottom: 1px;
}
td.lbl {
    color: #3c5662;
    padding-top: 3px;
    vertical-align: top;
}
select.lbl {
    margin-bottom: 5px;
}
.r {
    text-align: right;
}
.nowrap {
    white-space: nowrap;
}
.wrap {
    white-space: normal;
}
tbody.h:hover tr {
    background-color: #e4edf1;
}

table.t tbody.h tr:not(:nth-last-child(2)) td {
    border-bottom: 0;
    padding-bottom: 0;
}

div.legend {
    position: relative;
/*    top: -300px;*/
    left: 15px;
    max-width: 278px;
    display: inline-block;
}
ul.doughnut-legend  {
    margin:0;
    padding: 0;
    list-style: none;
}
.legend li {
    display: block;
    position: relative;
    margin-bottom: 4px;
    border-radius: 5px;
    padding: 2px 8px 2px 28px;
    cursor: default;
    text-align: left;
}
.legend li span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 100%;
    border-radius: 10px;
}
.legend li a {
    font-weight: bold;
}
.es {
    float: right;
    margin: 0 1px 1px 0;
}
.iestwice {
    width: 8px;
    height: 8px;
    border-radius: 4px;
}
.iesonce {
    width: 6px;
    height: 6px;
    margin: 1px;
    border-radius: 4px;
}
.iefail {
    width: 6px;
    height: 6px;
    margin: 1px;
    border-radius: 4px;
    background-color: #8CB0C1 !important;
}
.ienone {
    width: 6px;
    height: 6px;
    margin: 1px;
    border-radius: 4px;
    background-color: #dc5344 !important;
}
.bgred {
    background-color: #dc5344 !important;
}
.iesnone {
    display: none;
}
.oesplan {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 0 0 4px;
    border: 2px solid;
}
.oesnone {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 0 0 4px;
    padding: 1px;
    border: 1px solid;
}

.iesempty {
    width: 8px;
    height: 2px;
    margin: 3px 0;
    border-radius: 4px;
}

a {
    color: #107EAF;
    text-decoration: none;
}

div.pager:after {
    content: "";
    clear: both;
    display: block;
}
div.pager div.pagert {
    font-weight: bold;
    display: inline-block;
    float: left;
    color: #4b4b4b;
    margin-top: 6px;
}
div.pager div.pagerp {
    float: right;
}

div.pager div.pagerp div.pagerpt {
    display: inline-block;
    font-weight: bold;
    color: #4b4b4b;
}

div.pager div.pagerp div.pagerdots {
    display: inline-block;
    font-weight: bold;
    margin-left: 5px;
    color: #4b4b4b;
}

div.pager div.pagerp div.pagelink {
    display: inline-block;
    font-weight: bold;
    border-radius: 2px;
    margin-left: 10px
}

div.pager div.pagerp div.pagelink a {
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    border-radius: 2px;
}

div.pager div.pagerp div.pagesel {
    display: inline-block;
    font-weight: bold;
    border-radius: 10px;
    background-color: #316279;
    margin-left: 9px
}

div.pager div.pagerp div.pagesel a {
    display: inline-block;
    padding: 4px 8px;
    text-decoration: none;
    color: white;
    border-radius: 10px;
}
div.pager div.pagerbottom {
    clear: both;
}

div.viewselector {
    background-color: #316279;
    position: relative;
    color: white;
    font-size: 9pt;
}

div.viewselector a {
    color: white;
}

div.viewitem {
    display: inline-block;
    margin: 2px;
}

div.viewitem:first-child {
    margin-left: 18px;
}
div.viewitem a {
    text-decoration: none;
    color: white;
/*    text-shadow: 1px 0px 1px #14242B;*/
    display: inline-block;
    padding: 10px;
    line-height: 14px;
    font-weight: normal;
    font-size: 9pt;
}

div.viewsel {
    display: inline-block;
    margin: 2px;
}
div.viewsel:first-child {
    margin-left: 18px;
}
div.viewsel a {
    background-color: #f9d54dcf;
    text-decoration: none;
    color: #193F50;
    display: inline-block;
    padding: 5px 7px;
    line-height: 14px;
    font-size: 9pt;
    margin: 4px;
    border-radius: 12px;
    border: solid 1px #F9D54D;
}
input[type=text],input[type=password],textarea {
    border: 1px solid #d2e7f1;
    border-radius: 6px;
    background-color: #e7f7ff;
    box-shadow: none !important;
    -webkit-appearance: none;
}
input[type=submit], input[type=button] {
    -webkit-appearance: none;
}
input[disabled], select[disabled], input[readonly], select[readonly] {
    background-color: #f5f6f7;
}
select {
    border: 1px solid #d2e7f1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 2px;
    height: 23px;
    margin: 2px;
    border-radius: 6px;
    background: #e7f7ff url('/i/arsel.svg') no-repeat right;
}
input[type=text],input[type=password] {
    margin: 2px;
}
input.smlinp {
    background-color: #e7f7ff;
    border: 1px solid #d1e6f0;
    font-size: 11px;
    line-height: 12px;
    height:16px;
    padding-top:0;
    margin:0;
    box-shadow: none !important;
    -webkit-appearance: none;
}
div.formbg {
/*    border: solid 1px #bad6e2;*/
    box-shadow: 0 0 1px #bad6e2;
    margin: 23px 0 0 23px;
    border-radius: 12px;
    background-color: white;
}
div.formbg.top {
    border-radius: 12px 12px 0 0;
}
form.flt.top {
    border-radius: 12px 12px 0 0;
}
div.formbg.bottom {
    border-radius: 0 0 12px 12px;
}
div.formbg.short {
    display: inline-block;
}
div.formbg:last-child {
    margin-bottom: 0;
}
.new {
    color: #289E2C;
}

input[type=submit], input[type=button] {
    background-color: #106F97;
    color: #F4FBFE;
    box-shadow: 1px 1px 1px #b7d7e6;
    display: inline-block;
    border: 0;
    border-radius: 12px;
    padding: 3px 16px;
    font-weight: bold;
    margin: 2px;
}

input[type=submit].smlinp {
    padding: 2px 5px;
    margin: 1px 0;
}

input[type=submit].plus {
    width: 16px;
    height: 16px;
    background-image: url(/i/plus.svg);
    background-color: transparent;
    padding: 0 0 0 16px;
    box-shadow: none;
    overflow: hidden;
}
input[type=submit].yes {
    width: 16px;
    height: 16px;
    background-image: url(/i/yes.svg);
    background-color: transparent;
    padding: 0 0 0 16px;
    box-shadow: none;
    overflow: hidden;
}
input[type=submit].plus:hover,input[type=submit].yes:hover {
    box-shadow: none;
}
input[type=submit]:hover {
    box-shadow: 1px 1px 8px #505050;
}

div.menu {
    width: 212px;
    background-color: #032E42;
}

div.menuitem {
    margin: 2px 8px;
}

div.menuitem a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}
div.menuitem:last-child a {
    border-bottom: none;
}

div.menuitem.sel:first-child a:before {
    background: white;
}

div.menuitem.sel a {
    color: #F2BF30;
}

div.menuitem.sel {
    background-color: #8db2c430;
    border-radius: 22px;
    border: solid 1px #356075;
}

div.menuitem a img.icn {
    margin-left: -8px;
}
div.menuitem.sel a img.icn {
    margin-left: -8px;
}

div.info {
    border-radius: 12px;
    background-color: white;
    padding: 10px;
/*    border: solid 1px #bad6e2;*/
    box-shadow: 0 0 1px #bad6e2;
}

.toptitle {
    background-color: white;
    padding: 14px 9px 14px 14px;
    border-bottom: solid 1px #d5e9f2;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
}

div.head {
    background-color: black;
    display: flex;
}
div.head div {
    align-self: center;
}

div.user {
    color: #F8D148;
    border-radius: 2px;
    font-weight: bold;
    padding-left: 20px;
    display: inline-block;
    margin: 0 12px 0 20px;
    background: url('/i/user.svg') no-repeat;
    font-size: 10pt;
    min-width: 250px;
}

div.changeDepartment {
    display: inline-block;
}

div.help {
    display: inline-block;
    flex-grow: 1;
    text-align: right;
}
div.help a {
    color: white;
    padding: 7px;
    text-decoration: none;
    font-size: 9pt;
}

div.loclist {
    display: inline-block;
    margin: 0 16px;
    font-size: 9pt;
}

.bigicon {
    border: none;
    vertical-align: top;
    margin-bottom: -2px;
}

.icon {
    margin-right:4px;
    border:none;
    width:16px;
    height:16px;
    vertical-align:top;
    margin-bottom: -2px;
    margin-top: 1px;
}
.icon.r {
    margin-left:4px;
    border:none;
    width:16px;
    height:16px;
    vertical-align:top;
    margin-bottom: -2px;
    margin-top: 1px;
}

.small img.icon {
    margin-top: -1px;
}

img.icon.inp {
    margin-top: 3px;
    background: transparent;
}

tr.even {
    background-color: #F2FBFF;
}
tr.evensel, tr.even.sel {
    background-color: #FFF2D0;
}
table.t tr:hover {
    background-color: #e4edf1;

}
table.t1 tr:hover {
    background-color: #e4edf1;
}
.even {
    background-color: #F2FBFF;
}
.evensel {
    background-color: #FFF2D0;
}
tr.odd {
    background-color:inherit;
}
.oddsel, tr.odd.sel {
    background-color: #FFF2D0;
}
.es1 {
    margin: -12px 0 -11px -5px;
}

div.formbg#basketItems {
    margin-bottom: 0;
    margin-top: -1px;
    padding: 0 0 0 1px;
}

div.block.next {
    float: left;
    min-width: 278px;
}

table.t td:last-child {
    border-right: none;
}
div.caption {
    background-color: white;
    border-radius: 12px 12px 0 0;
}
div.caption.lr {
    border-left: solid 1px #BAD6E2;
    border-right: solid 1px #BAD6E2;
}
div.info.notop {
    border-top: none;
    border-radius: 0 0 7px 7px;
}
div.caption:after {
    content: " ";
    clear: both;
    display: table;
}

div.locsel {
    display: inline-block;
    padding: 6px 3px;
    font-weight: bold;
    color: #F4C539;
}

div.locitem {
    display: inline-block;
}

div.locitem a {
    color: white;
    padding: 6px 3px;
    text-decoration: none;
}

div.logout {
    display: inline-block;
    font-size: 9pt;
}
div.logout a {
    color: white;
    text-decoration: none;
}
select.depselect {
    font-size: 9pt;
    height: 26px;
    border: solid 1px #846F29;
    background-color: black;
    display: inline-block;
    padding: 3px;
    color: #E8C23C;
    background: url('/i/deparsel.svg') right no-repeat;
}

.today {
    border: solid 2px #D66164;
    border-radius: 6px;
}

div.gripper a {
    color: #FFFFFF;
    text-decoration: none;
}

.b {
    font-weight:bold;
}
a.b {
    font-weight:600;
}
a.a {
    text-decoration: underline dotted;
}
a.a img.icon {
    margin-top:2px;
}

.small > a.a img.icon {
    margin-top: 1px;
    margin-right: 2px;
}

a.new.plus {
    text-decoration: none;
}

a.plus {
    padding: 0 0 0 16px;
    background-image: url(/i/plus.svg);
    margin-left: 5px;
    width: 16px;
    height: 16px;
    display: inline-block;
    overflow: hidden;
    margin-bottom: -3px;
    box-sizing: border-box;
}

a.logo {
    display: block;
    width: 212px;
    height: 52px;
    background: #FFFFFF url('/i/salesmax_t.svg') no-repeat 1px 0;
    margin-bottom: 5px;
}

.eventType {
    background-color: #FFF6D5;
    padding: 1px 4px;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 2px;
    border: solid 1px #f5e9bf;
}
a.report {
    font-weight: bold;
    color: #D8454A;
    text-decoration: #D8454A underline dotted;
}
a.report img {
    margin-bottom: 1px;
}

.report {
    color: #8CB0C1;
    font-weight: bold;
    margin-top: 3px;
}

table.calendar {
/*    border: solid 1px #bad6e2;*/
    box-shadow: 0 0 1px #bad6e2;
    background: white;
    padding: 2px 7px;
    margin: 0 auto;
    border-radius: 12px;
}

table.calendar tr:first-child td {
    padding: 5px
}

.eventType.past {
    background-color: #F4F1EC;
}

div.hr {
    height: 1px;
    background-color: #d2e7f1;
    margin-top:3px
}

div.view {
    background-color: #FFFFFF;
    margin-bottom: 23px;
/*    border: solid 1px #8CB0C1;*/
    border-radius: 2px;
    color: #4A4A4A;
}
div.l {
    height: 1px;
    background-color: #d2e7f1;
}

table.t1 input[type=submit] {
    padding: 1px 5px;
}

div.popupcontent.w1 {
    background-color: #F2FBFF;
    padding: 12px;
}

div.ace_editor {
    border: solid 1px #d2e7f1;
}

div#clientCity {
    float: left;
}

div.float {
    font-size: 10pt;
    float: left;
}

input[type=submit][disabled] {
    background-color: #808080;
}
div.clear {
    clear: both;
    height: 1px;
    margin-bottom: -1px;
}

div.cb {
    clear: both;
}

table.filter td {
    vertical-align: bottom;
}

td.info1 div.viewselector {
    margin-left: -10px;
    margin-right: -10px;
}

@keyframes spin {
    to {
 /*       transform: rotateY(60deg);*/
        opacity: 0.5;
    }
}

@keyframes spin1 {
    from {
/*        transform: rotateY(60deg);*/
        transform: scaleX(0.5);
        opacity: 0.5;
    }
}

div.warning {
    border-radius: 12px;
    background-color: #FFF3C7;
    border: solid 1px #F9D54D;
    padding: 10px;
    margin: 10px 0 0 0;
    font-weight: bold;
}

div.error {
    background-color: #ffe0dc;
    border: solid 1px #eca39b;
}

a.a.del {
    border-bottom: none;
}
div.hdr img.icon {
    width: 24px;
    height: 24px;
    margin-top: 6px;
    margin-left: -9px;
    margin-right: 6px;
}

.spam {
    padding: 2px;
    text-align: right;
    float: right;
}
.spam div:first-child {
    margin-left: 20px;
    display: inline;
}
.spam div:first-child:before {
    content: '';
    width: 16px;
    height: 20px;
    margin-left: -19px;
    position: absolute;
}
.spam div:first-child.yes:before {
    background: url('/i/yes.svg') no-repeat 0 1px;
}
.spam div:first-child.no:before {
    background: url('/i/no.svg') no-repeat 0 1px;
}
span.eventType img.smallicon {
    margin-bottom: 2px;
}

.reportfail {
    color: #8CB0C1;
    font-weight: bold;
    margin-top: 3px;
}
a.reportfail {
    font-weight: bold;
    color: #8CB0C1;
    text-decoration: #8CB0C1 underline dotted;
}
div.viewselector a.a {
    border-color: white;
}
a.a.delete {
    text-decoration: #D8454A underline dotted;
}

div.blocks div.formbg {
    float: left;
    margin: 23px 0 0 23px;
}

img.disabled {
    filter: grayscale(100%) opacity(30%);
    -webkit-filter: grayscale(100%) opacity(30%);
}

img.inactive {
    filter: grayscale(100%) opacity(40%);
    -webkit-filter: grayscale(100%) opacity(40%);
}

tbody.t tr:not(:nth-last-child(2)) td {
    border-bottom: none;
    padding-bottom: 0;
}

tbody.t:hover tr {
    background-color: #e4edf1;
}

table.z {
    border-collapse:collapse;
}
table.z td {
    padding:0;
    border: 0 none;
}
table.z td.z {
    line-height: 0;
}
table.z.s {
    width: 100%;
}
table.z.s td {
    padding: 2px;
    border: 0 none;
}
table.z th {
    padding:0;
    border-style:none;
    border-width:0;
}

div.copyright {
    margin: 6px;
}

.fr {
    float: right;
}
.fr:not(:last-child) {
    margin-left: 8px;
}

.fl {
    float: left;
    margin-right: 8px;
}
.w100 {
    width: 100%;
    max-width: 100%;
}
.w50 {
    width: 50% !important;
    min-height: 1px;
}
.w50.fl {
    margin-right: 0;
}
table.popup {
    border-spacing: 8px;
}
table.popup td {
    padding: 0;
}
table.form {
    border-spacing: 8px;
    width: 100%;
}
.vtop {
    vertical-align: top;
}

.offline {
    color: #a0a0a0;
}

input[type=text].d + a {
    margin-left: -22px;
    margin-right: 4px;
}

input[type=text].barcode + a {
    margin-left: -24px;
    margin-right: 4px;
}
div#reader {
    width: 600px;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 2;
}

div#refresh {
    position: fixed;
    right: 0;
    font-size: 10pt;
    z-index: 100;
}
div.viewselector .checkbox {
    display: inline-block;
    margin: 0 0 9px 8px;
    vertical-align: bottom;
}
div.inl {
    display: inline;
}

select[multiple] {
    height: inherit;
}
input, textarea, select {
    font-size: 10pt;
    line-height: 14pt;
}
td, div.popupcontent {
    font-size: 10pt;
}

.clm {
    column-gap: 0;
    column-fill: balance;
}

.clm > div {
    display: inline-block;
    background-color: white;
/*    border: solid 1px #BAD6E2;*/
    box-sizing: border-box;
    border-radius: 12px;
}

div.bcnt {
    width: calc(100% - 29px);
}

div.links {
    margin: 0 9px 9px 0;
}
div.links div.link {
    margin: 9px 0 0 9px;
    float: left;
}

input#menu {
    display:none;
}

@media screen and (min-width:668px) {
    .lbl select {
        margin-top: -1px;
    }
    div#refresh {
        bottom: 0;
    }
    .bigicon {
        width: 42px;
        height: 42px;
        margin-right: 8px;
    }
    h1 {
        font-size: 24pt;
    }
    input[type=text]:not(.w100),input[type=password] {
        max-width: 200px;
    }
    div.formbg {
        padding: 4px;
    }
    div.popupcontent {
        max-width: 800px;
    }
    .fnw {
        display: flex;
        flex-wrap: nowrap;
    }

/*    div.menuitem.sel:after {
        display: block;
        content: "";
        background: url(/i/3angle.svg) no-repeat;
        position: relative;
        width: 8px;
        height: 16px;
        margin-top: -16px;
        top: -13px;
        left: 196px;
    }*/
    .toplinks {
        font-size: 10pt;
        float: right;
        margin-top: 11px;
    }
    div.head {
        position: absolute;
        top: 0;
        left: 212px;
        width: calc(100% - 212px);
        height: 40px;
    }
    label#smlabel {
        display: block;
        position: absolute;
        width: 24px;
        height: 24px;
        top: 34px;
        left: 199px;
        background: url(/i/lt.svg);
        z-index: 2;
        background-size: 24px 24px;
        cursor: pointer;
    }
    input#small:checked ~ label#smlabel {
        background:url(/i/gt.svg);
        background-size: 24px 24px;
        left: 35px;
        top: 27px;
    }

    input#small:checked ~ div.nav {
        width:48px;
        min-width: 48px;
    }

    input#small:checked ~ div.nav a.logo {
        width:48px;
        height: 40px;
        background: white url(/i/logo_32.svg) no-repeat;
        background-size: 32px 32px;
        background-position-x: 8px;
        background-position-y: 4px;
    }

    input#small:checked ~ div.nav div.head {
        left: 48px;
        width: calc(100% - 48px);
    }

    input#small:checked ~ div.nav div.menuitem {
        margin: 0px 4px;
        padding: 0px 1px;
    }
    input#small:checked ~ div.nav div.menuitem.sel:after {
        width: 6px;
        height: 20px;
        margin-top: -20px;
        left: 38px;
    }
    input#small:checked ~ div.nav div.menuitem a {
        width: 32px;
        padding: 0 3px;
        overflow: hidden;
        height: 32px;
        margin: 4px 0px -1px 0px;
    }

    input#small:checked ~ div.nav div.menuitem a img.icon{
        margin: 4px;
        width: 24px;
        height: 24px;
    }

    input#small:checked ~ div.nav div.share {
        width: 32px;
    }

    input#small:checked ~ div.nav div.share a.fb svg {
        margin: 0 0 0 -5px;
    }

    input#small:checked ~ div.nav div.share div:first-child {
        display: none;
    }
    div.cont {
        margin-top: 40px;
    }
    div.logout a {
        padding: 12px;
    }
    div.changeDepartment {
        padding: 7px;
    }
    div.menuitem a {
        display: inline-block;
/*        border-bottom: solid 1px #144156;*/
    }
    div.menuitem a img.icon {
        margin: 2px 10px 0 4px;
    }
    div.result {
        margin: 23px 0 0 23px;
    }

    .menu .info {
        margin: 24px !important;
    }
    .clm {
        column-width: 250px;
        margin: 5px -5px -5px 0;
    }
    .clm > div {
        padding: 7px;
        margin: 0 5px 5px 0;
        width: calc(100% - 6px);
    }
    form.flt {
        border-radius: 12px;
        background-color: white;
        padding: 0 15px 15px 3px;
        margin: 23px 0 0 23px;
    }

    form.flt div.flt {
        display: inline-block;
        min-width: 204px;
        height: 23px;
        margin: 15px 0 0 12px;
    }

    div.flt select.smlinp {
        width: 157px;
        margin: 2px 0;
        max-width: 158px;
    }
    div.flt input[type=text]:not(.d) {
        width: 200px;
    }
    input.st {
        width: 200px;
    }
    input[type=text].half, select.half {
        width: 100px;
    }

    select {
        width: 200px;
    }

    select.not {
        width: 150px;
    }
    div.top.info {
        background-color: #F2FBFF;
        padding: 0 0 23px 23px;
        border: 0;
        flex-grow: 1;
        margin-top: 23px;
    }

    div.viewContent, form.viewContent {
        padding: 0 22px 22px 0;
    }
    div.block {
        margin: 22px 0 0 22px;
    }

    .calendar3 {
        margin: 22px 0 0 22px;
    }
    .calendar3 > div {
        display: flex;
        justify-content: space-around;
    }

    div.pager {
        margin-top: 23px;
        font-size: 10pt;
    }
    div.viewContent div.viewselector {
        margin: 23px -23px 0 0;
    }
    div.block.right {
        margin-bottom: 23px;
    }
    div.nx {
        display: inline-block;
    }
    div.nx:not(:first-child) {
        margin-left:16px;
    }
    .filter .next {
        position: relative;
        top: -3px;
    }
    div.caption div.settings {
        float: right;
        margin: 19px 15px;
    }
    div.caption .filter {
        margin-top: 20px;
        margin-left: 12px;
        float: left;
    }
    .popupcontent table tr td:nth-child(even) {
/*        max-width: 475px;*/
    }
    div.menuitem a {
        width: 154px;
        padding: 8px;
    }
    div.t1 div.tr > .amount, div.t1 div.tr section > .amount {
        flex: 1 0 150px;
        min-width: 150px;
    }
}

@media screen and (max-width:667px) {
    div.picture img {
        max-width: calc(100vw - 40px);
        height: auto;
    }
    div#refresh {
        bottom: 39px;
    }
    div.toplinks div.fr {
        margin-top: 4px;
    }
    .bigicon {
        width: 30px;
        height: 30px;
        margin-right: 4px;
    }
    h1 {
        font-size: 18pt;
    }
    input[type=text]:not(.w100),input[type=password] {
        max-width: 144px;
    }
    .popupcontent form {
        max-width: 320px;
    }
    .fnw {
        display: flex;
        flex-wrap: wrap;
    }
    div.share {
        display: none;
    }
    div.logo {
        width: 100vw;
        background-color: #f2fbff;
        display: flex;
        align-items: center;
        order: -1;
    }
    a.logo {
        margin: 5px auto;
    }
    .toplinks {
        position: fixed;
        font-size: 10pt;
        bottom: 0;
        min-height: 40px;
        background: white;
        width: 100vw;
        left: 0;
        border-top: solid 1px #ffc512;
        padding: 0 4px 0 40px;
        box-sizing: border-box;
        text-align: right;
        z-index: 1;
    }
    input#menu ~ label{
        position: fixed;
        bottom: 0;
        display:block;
        width: 40px;
        height: 40px;
        background-size: 32px 32px;
        background: url(/i/logo_32.svg) no-repeat 4px 4px;
        top:auto;
        z-index: 2;
    }
    input#menu ~ div.nav {
        display: none;
        width: 100vw;
        height: calc(100% - 41px);
        position: fixed;
        bottom: 40px;
        z-index: 2;
        flex-wrap: wrap;
    }
    input#menu:checked ~ div.nav {
        display: flex;
    }

    div.changeDepartment {
        padding: 16px;
        text-align: center;
        min-width: 250px;
    }
    div.menuitem a {
        padding: 11px 0;
        display: block;
        text-align: center;
        font-size: 9pt;
    }
    .menuitems {
        display: flex;
        flex-wrap: wrap;
        padding: 8px;
    }
    div.menuitems div.menuitem {
        margin: 0;
        min-width: 75px;
        flex: 1 1;
    }
    .nl {
        order: 1;
    }
    div.result {
        margin: 12px 0 0 10px;
    }

    .menu .info {
        margin: 12px !important;
    }
    .clm {
        column-count: 2;
        margin: 0 -3px -3px 0;
    }
    .clm > div {
        display: inline-block;
        padding: 5px;
        margin: 0 3px 3px 0;
        width: calc(100% - 4px);
    }
    form.flt {
        border-radius: 4px;
        background-color: white;
        padding: 0 10px 12px 0;
        margin: 12px 0 0 10px;
    }

    form.flt div.flt {
        display: inline-block;
        min-width: 144px;
        height: 23px;
        margin: 8px 0 0 8px;
    }

    div.flt select.smlinp {
        width: 140px;
        margin: 2px;
        max-width: 140px;
    }
    div.flt input[type=text]:not(.d) {
        width: 140px;
    }
    select {
        width: 140px;;
    }
    input.st {
        width: 140px;
    }
    input[type=text].half {
        width: 70px;
    }
    select.not {
        width: 100px;
    }
    input[type=submit], input[type=button] {
        padding: 4px 12px;
    }
    div.top.info {
        clear: both;
        background-color: #F2FBFF;
        margin-right: -1px;
        margin-left: -1px;
        padding: 10px 0 10px 0;
        border-width: 1px 0 1px 0;
        border-radius: 0;
    }
    input.gtd {
        width: 100px;
    }

    div.viewContent, form.viewContent {
        padding: 0 10px 12px 0;
    }
    div.help, div.loclist, div.logout {
        border:0;
        text-align: center;
        min-width: 100px;
    }
    div.hmenu {
        height: 40px;position: fixed;bottom: 0;width: 100%;border-top: solid 1px #1482b5;
        background-color: white;
        z-index: 10;
        font-size: 10pt;
    }

    div.viewsel:first-child {
        margin-left: 2px;
    }
    div.viewsel a img {
        margin-top: -1px;
    }
    div.pager div.pagerp div.pagerpt {
        display: none;
    }
    div.viewitem:first-child {
        margin-left: 5px;
    }

    div.formbg {
        margin: 12px 0 0 10px;
    }

    div.viewselector a.a {
        border-color: inherit;
    }
    div.viewselector a.a {
        color: #107EAF;
    }

    div.copyright {
        margin: 6px 6px 46px 6px;
    }

    img.logostar {
        width: 32px;
        height: 32px;
        padding: 4px;
    }

    div.legend {
        position: inherit;
        top: 0;
        left: 0;
        max-width: none;
        display: block;
        margin-top: 22px;
    }
    table.popup {
        border-spacing: 5px;
    }
    table.popup td {
        padding: 0;
    }
    td.lb {
        padding-top: 4px;
        font-size: 11px;
    }
    input.inp.contact {
        width: 150px;
    }
    table.form {
        border-spacing: 4px;
    }
    table.form td {
        padding: 0 4px 0 4px;
    }
    table.form td.lb {
        padding-top: 5px;
        font-size: 11px;
        color: #818181;
    }
    div.block div.hdr {
        margin-left: 6px;
        padding: 7px;
    }
    div#incomingMessage {
        position: fixed;
        bottom: 40px;
        right: 0;
    }
    div.cmd {
        display: inline;
        margin-right:10px;
    }
    td.r div.cmd {
        margin-right: 0;
        margin-left:10px;
    }

    div.block {
        margin: 12px 0 0 10px;
    }

    .calendar3 {
        margin: 12px 0 0 10px;
        display: flex;
        width: calc(100vw - 24px);
        overflow-x: auto;
    }

    .calendar3 > div > div:nth-of-type(2) {
        margin: 0 10px;
    }
    div.pager {
        margin-top: 12px;
        font-size: 10pt;
    }
    div.viewContent div.viewselector {
        margin: 12px -10px 0 0;
    }
    .big {
        zoom: 1.5;
    }
    .printLink {
        height: 32px;
    }
    .printLink a {
        margin: 4px;
    }
    .printLink a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        background-repeat: no-repeat;
        background-size: 32px;
        display: inline-block;
        height: 32px;
        width: 32px;
        float: left;
        margin-left: 8px !important;
        border: 0;
    }
    .printLink a.email {
        background-image: url(/i/email.svg);
    }
    .printLink a.printer {
        background-image: url(/i/printer.svg);
    }
    div.block.right {
        margin-bottom: 12px;
    }
    div.nx {
        display: block;
    }
    div.nx:not(:first-child) {
        margin-top:7px;
    }
    div.sum a {
        float: right;
        margin-top:1px;
    }
    div.sum img.delicon {
        width: 20px;
        height: 20px;
    }
    div.sum > img {
        display: none;
    }
    div.sum > input {
        width: 95px;
    }
    a.delete {
        font-size: 0;
        float: right;
        margin-left: 6px;
        height: 20px;
    }
    a.delete img {
        display: none;
    }
    a.delete:before {
        content: " ";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/i/delete.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    a.copy {
        font-size: 0;
        float: right;
        margin-left: 6px;
        border: none !important;
        height: 20px;
    }
    a.copy:before {
        content: " ";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/i/copy.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    a.confirm {
        font-size: 0;
        float: right;
        margin-left: 6px;
        border: none !important;
        height: 20px;
    }
    a.confirm:before {
        content: " ";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/i/yes.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    a.stamp {
        font-size: 0;
        float: right;
        margin-left: 6px;
        border: none !important;
        height: 20px;
    }
    a.stamp:before {
        content: " ";
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(/i/stamp.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    a.ustamp {
        font-size: 0;
        float: right;
        margin-left: 6px;
        border: none !important;
        height: 20px;
    }
    a.ustamp:before {
        content: " ";
        display: inline-block;
        width: 20px;
        height: 20px;
        filter: grayscale(100%) opacity(40%);
        background-image: url(/i/stamp.svg);
        background-repeat: no-repeat;
        background-size: 20px 20px;
    }
    div.caption div.settings {
        float: right;
        margin: 14px 14px 0 0;
    }
    div.caption .filter {
        margin-top: 17px;
        margin-left: 12px;
        float: left;
    }
    .filter .next select {
        margin-bottom: 8px;
    }
    .popupcontent table tr td {
        max-width: 300px;
    }
    div.menuitem a img.icon {
        margin: 0 auto;
        width: 32px;
        height: 32px;
        display: block;
    }
    div.head {
        flex-wrap: wrap;
        padding: 12px;
        width: 100%;
    }
    div.head > div {
        flex-grow: 1;
    }
    .head > div.user {
        margin: 0 auto;
    }
    .head div.user a {
        display: inline-block;
        font-size: 11pt;
    }
}

.filter .next .icon {
    margin-top: 5px;
}

form.flt div.flt.hid {
    display: none;
}

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

.bb {
    border-bottom: solid 1px #CEDDE4;
}
.bb:last-child {
    border-bottom: none;
}

.tbody {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    border-bottom: 1px solid #CEDDE4;
}
.tbody:first-of-type, .tbody:last-of-type {
    border-bottom: none;
}
.tbody:first-of-type {
    border-top: solid 1px white;
}
.tr {
    display: flex;
}
.tbody .tr:nth-of-type(odd) {
    flex-grow: 1;
}
.tbody .tr:nth-of-type(odd) td, .tbody .tr:nth-of-type(odd) th {
    flex-grow: 1;
}

.td {
    padding: 3px;
    border-right: solid 1px white;
    flex-grow: 1;
}
.s {
    flex-grow: 1;
}
.fg1 {
    flex-grow: 1;
}
.fg0 {
    flex: 1 0 !important;
}
.g0 {
    flex: 1 0 31px !important;
    min-width: 31px !important;
    display: block !important;
}
.fw {
    display: flex;
    flex-wrap: wrap;
}
.fwc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.flex {
    display: flex;
}
.tbody:not(.th):hover {
    background-color: #e4edf1;
}
.tbody.th {
    box-shadow: inset 0 -1px 0 white;
}
.half, .tbody .tr:nth-of-type(even) .td, .tbody .tr:nth-of-type(even) .th {
    flex: 1 1 100%;
    min-width: 100px;
}
.tbody .tr:nth-of-type(odd) .td:not(:first-child), .tbody .tr:nth-of-type(odd) .th:not(:first-child) {
    min-width: 100px;
}
.fw50 {
    min-width: 50px !important;
}
.fw150 {
    min-width: 150px !important;
}
.fw200 {
    min-width: 200px !important;
}
.fw200.colspan {
    min-width: 207px !important;
}
.fw150.colspan {
    min-width: 157px !important;
}
.w50p {
    width: 50px;
}
.mw50 {
    min-width: 50%;
}
div.whAmount {
    margin-right: 55px;
}
select.tiny {
    width: inherit !important;
}
.i.calculation:before {
    content: '';
    background:url('/i/calculation.svg') no-repeat;
    width: 20px;
    height: 16px;
    position: absolute;
    margin-left: -20px;
}

.i.expense:before {
    content: '';
    background:url('/i/expense.svg') no-repeat;
    width: 20px;
    height: 16px;
    position: absolute;
    margin-left: -20px;
}
div#ok_shareWidget {
    width: 31px;
    height: 33px;
}

div.flex.blocks1 div.block {
    flex-grow: 1;
}


div.viewContent div.viewContent {
    padding: 0;
}

div.block .formbg {
    margin:0;
}

.fg2 {
    flex-grow: 2;
}
.fg3 {
    flex-grow: 3;
}
.f3 {
    flex: 3 0 300px;
    min-width: 300px;
}
.f2 {
    flex: 2 0 200px;
    min-width: 200px;
}
.f1 {
    flex: 1 0 100px;
    min-width: 100px;
}
div.c.fg1 table {
    margin: 0 auto;
}
div.block div.hdr {
    margin-left: 15px;
    padding: 12px;
}

div.caption div.hdr {
    float: left;
}

.popupcontent form.flt {
    margin: 0;
}
.popupcontent div.pager {
    margin: 10px;
}
span.s {
    margin-left: 8px;
}
span.s:first-child {
    margin-left: 0;
}
.ic {
    align-items: center;
}
.cc {
    margin: 0 auto !important;
}
.ccc {
    align-self: center;
}
.same1 {
    flex: 1 1 50%;
}
div.popupcontent div.formbg {
    margin: 0;
}
img.largeicon {
    width: 48px;
    height: 48px;
    border: 0;
}

div.next1:not(:first-child) {
    margin-top: 15px;
}
.printLink {
    float: right;
    margin-left: 4px;
}
.printLink a {
    margin-left: 4px;
}
.same50 {
    flex: 1 0 50px;
}
.same100 {
    flex: 1 0 100px;
}
.same150 {
    flex: 1 0 150px;
}
.same200 {
    flex: 1 0 200px;
}
.same300 {
    flex: 1 0 300px;
}

table.calendar {
    width: 304px;
    height: 192px;
}

table.calendar th {
    line-height: 14pt;
    height: 20px;
}

table.calendar tr:first-child {
    height: 22px;
}
.mw300 {
    min-width: 300px;
}
.bar {
    height: 5px;
    margin: 1px 0;
}
.bar img {
    float: left;
}
.w100i {
    width: calc(100% - 20px) !important;
    min-width: calc(100% - 20px) !important;
}
div.tw div.tr {
    flex-wrap: wrap;
}
.fg4 {
    flex-grow: 4;
}
div.group {
    display: inline-block;
}
div.group div.flt {
    display: block;
    height: auto;
}
div#tbli {
    border-right: solid 1px white;
    border-top: solid 1px white;
    border-radius: 0 0 6px 6px
}

input.price {
    width: 76px;
}

div.sum input[type=text] {
    width: 72px;
}

div.t1 div.tr > .sum, div.t1 div.tr section > .sum  {
    flex: 1 0 95px;
    min-width: 95px;
}
div.t1 div.tr > .price, div.t1 div.tr section > .price {
    flex: 1 0 80px;
    min-width: 80px;
}
div.t1 div.tr > .amount, div.t1 div.tr section > .amount {
    flex: 1 0 120px;
    min-width: 120px;
}
div.t1 div.tr > .vat, div.t1 div.tr section > .vat {
    flex: 1 0 40px;
    min-width: 40px;
}
select.smlinp[name=vatRateId] {
    width: 36px;
    padding: 0;
}
div.mu, input.mu {
    width: 44px;
}
input.amount {
    width: 67px;
    margin-right: 2px
}
div.t1 div.tr .sumtotal {
    flex: 2 0 175px;
    min-width: 175px;
}
div.t1 div.tr .total {
    flex: 3 0 350px;
    min-width: 350px;
}
.nn {
    background-color: red;
    color: white;
    height: 12px;
    font-size: 8pt;
    border-radius: 5px;
    display: inline-block;
    padding: 0 4px 1px 3px;
}

@keyframes spin2 {
    0% {
        transform: scaleX(0);
    }
    60% {
        transform: scaleX(1.5);
    }
    100% {
        transform: scaleX(1);
    }
}

.statbar {
    height: 14px;
    float: left;
    margin-top: 2px;
    animation: spin2 0.5s ease-in;
    transform-origin: 0% 50%;
    animation-fill-mode:both;
}
img.stamp {
    height: 4cm;
}
img.signature {
    height: 2cm;
}
.viewselector input[type=checkbox] {
    position: relative;
    top: 3px;
}
.viewselector input[type=checkbox] + label {
    position: relative;
    top: 1px;
}
div.block.attached {
    margin-top: 0;
}
.color {
    width: 54px;
}

.task {
    margin: 5px;
    padding: 6px 6px 6px 10px;
    border-radius: 14px;
    border: solid 1px;
    border-left-width: 17px;
    background-color: white;
}
.w50.pl {
    padding-left: 4px;
    box-sizing: border-box;
}
.percent > input[type=text] {
    padding-right: 15px;
}
.percent:after {
    content: '%';
    position: relative;
    color: #818181;
    right: 15px;
    width: 11px;
    margin-right: -11px;
}
.p {
    padding: 17px;
}
div.e {
    width: 16px;
    height: 16px;
    display: inline-block;
}
.indent {
    padding-left: 13px !important;
}
a.i {
    margin-left: 20px;
}

.check {
    font-size: 15px;
}
.ch {
    margin-right: 6px;
}

div.refresh {
    border:1px solid #e6d9a7;
    border-radius: 12px 0 0 0;
    background-color:#FFF3C4;
    width:300px;
    padding:1px 6px 6px 23px;
}

div.refresh a#collapse {
    position: absolute;
    bottom: 4px;
    left: 6px;
    width: 15px;
}
.bl {
    display: block;
}
input[type=submit].highlight:not([disabled]){
    background-color: #dc675a;
}

.hscroll {
    width:0;
    min-width: 100%;
    overflow-x: auto;
}
.bar.cc {
    width: 24px;
}
div.fw.lr {
    justify-content: space-between;
}
div.small > span.grtxt + span.b {
    padding: 0 2px;
}
img.sort {
    width: 8px;
    height: 12px;
    margin-top: 4px;
}
div.amount div.progressbar {
    float: right;
    margin-right: 44px;
}

.drop:after {
    content: ' ';
    display: block;
    height: 18px;
    border: dotted 1px #9a2300;
    width: 100%;
}
pre {
    white-space: pre-line;
    word-break: break-word;
}
.incomingEmail {
    overflow-y: scroll;
    max-height: calc(100vh - 100px);
}
hr {
    border:0;
    height: 1px;
    background-color: #d2e7f1;
}
.unread {
    vertical-align: super;
    background-color: #cf2f2f;
    border-radius: 12px;
    padding: 0px 4px;
    font-size: 10px;
    color: white;
    font-weight: bold;
}
.unread:empty {
    display: none;
}
div.picture {
    display:flex;
    width: fit-content;
    margin: 0 auto;
    position: relative;
}
div.picture > a {
    width: 33%;
    background-color: black;
    align-items: center;
    display: flex;
    filter: opacity(0);
}
div.picture > a:hover {
    filter: opacity(0.3);
}
div.picture > a.lt {
    margin-right: -33%;
}
div.picture > a.gt {
    margin-left: -33%;
}
div.picture > a div {
    text-align: center;
    width: 100%;
    font-size: 40px;
    font-weight: bold;
    color: white;
    margin-right: -100px;
}

div.picture > div {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    filter: opacity(0);
    text-align: center;
    background-color: white;
    padding: 12px;
}
div.nx.main:before {
    content: ' ';
    background-image: url('/i/yes.svg');
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    left: 22px;
    margin-left: -16px;
    top: 5px;
}

div.picture > div:hover {
    filter: opacity(0.75);
}

.histogram {
    display: flex;
    align-items: flex-end;
    height: 32px;
}
div.histogram > div {
    width: 20px;
    display: flex;
    flex-direction: column-reverse;
    height:100%;
}

div.histogram > div > div:nth-child(even) {
    background-color: #a7c7d7;
}

div.histogram > div > div:nth-child(odd) {
    background-color: #5fad53;
}

a.qrlink {
    display: inline-block;
    margin: 2px 0 0 4px;
    vertical-align: top;
    width: 21px;
    height: 21px;
}

img.qricon {
    width: 21px;
    height: 21px;
}

@media screen {
    div.qrimg {
        text-align: center;
        max-width: 45mm;
        margin: 0 auto;
        word-break: break-word;
    }
}

@media print {
    div.qrimg {
        text-align: center;
        max-width: 45mm;
        word-break: break-word;
    }
}