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


body {
    width: 100%;
    height: auto;
    min-height: 100%;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #f2f2f4;
    overflow-x: hidden;
}

.darkmode {
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
    background-color: #000;
}

body.darkmode.setupguide {
    background-image: none;
}

body .move {
    cursor: move !important;
}

body.setupguide {
    background-image: url(../Images/bg_login.png);
    background-position: center;
}

body,
input,
button,
select,
option,
textarea,
td {
    font-family: Lato, 'Noto Sans', Inter, sans-serif;
    font-size: 15px;
    box-shadow: none;
    border-radius: 5px;
}

.semibold {
    font-weight: 600;
}

input::-ms-clear {
    width: 0;
    height: 0;
}

/* hides number spinner inside input type=number */
input[type='number'] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.merit100 {
    display: none;
}

.choosecopy .topcontrols {
    display: none;
}

[data-companytype="100"] .merit100 {
    display: block;
}

[data-companytype="100"] .merit100.persalesheaderssubmit {
    display: inline-block;
}

/* FORMS */
form {
    background-color: #f2f2f4;
    padding: 20px;
}

#archivingform {
    padding: 0px;
}

form.repform {
    padding: 0px;
    background-color: #fcfcfc;
}

.modal .content {
    padding: 30px;
    overflow-wrap: break-word;
}

.modal form {
    margin: -30px;
}

.cover {
    background-color: rgba(0, 0, 0, 0.2);
    left: -10000px;
    transition: left 0.2s;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0px;
}

#breadcrumbs {
    background-color: #fcfcfc;
    padding: 0px 60px;
}

.setupguide #breadcrumbs {
    display: none;
}

.setupguide-layout .leftmenu,
.setupguide-layout .midmenu,
.setupguide-layout .addnewtab,
.setupguide-layout .settingstab {
    display: none !important;
}

.setupguideback {
    display: none;
}

.setupcontents .setupguideback {
    display: inline-block;
}

#breadcrumbs>* {
    font-size: 16px;
    line-height: 60px;
}

#breadcrumbs .text1 {
    color: #919191;
}

#breadcrumbs .text2 {
    color: #294AFF;
}

/* ROUND BUTTONS */
.roundbutton {
    width: 30px;
    height: 30px;
    border: 1px solid #DFE1E6;
    border-radius: 16px;
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fcfcfc;
}

.roundbutton:hover {
    background-color: #294AFF;
    border: 1px solid #294AFF;
}

.boxbutton,
.editdoc,
.deletedoc,
.edititem,
.deleteitem {
    width: 36px;
    padding: 0px;
}

.deleteitem:hover {
    background-color: #FF6A6A;
}

.roundadd {
    padding: 0px;
    border-radius: 16px;
    width: 30px;
    height: 30px;
    background-image: url(../Images/svg2020/plus_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #294aff;
    border: 1px solid #294AFF;
}

.roundadd:hover,
.roundaddwithtext:hover .roundadd {
    background-color: #0021D8;
}

.roundedit {
    padding: 0px;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    background-image: url(../Images/svg2020/pencil_grey.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fcfcfc;
    border: 1px solid #DFE1E6;
}

.roundedit:hover {
    background-image: url(../Images/svg2020/pencil_white.svg);
    background-color: #294AFF;
    border: 1px solid #294AFF;
}

.rounddelete {
    padding: 0px;
    border-radius: 16px;
    width: 30px;
    height: 30px;
    background-image: url(../Images/svg2020/trash_red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fcfcfc;
    border: 1px solid #DFE1E6;
}

.rounddelete:hover {
    background-image: url(../Images/svg2020/trash_white.svg);
    background-color: #FF6A6A;
    border: 1px solid #FF6A6A;
}

.roundclose {
    width: 30px;
    height: 30px;
    background: url(../Images/svg2020/x_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #DFE1E6;
    background-color: #fcfcfc;
    border-radius: 16px;
    transition: all 0.3s;
    cursor: pointer;
}

.roundclose:hover {
    background: url(../Images/svg2020/x_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #FF6A6A;
    border-color: #FF6A6A;
}

.modal .close {
    position: absolute;
    cursor: pointer;
    display: block;
    padding: 0px;
    top: 14px;
    right: 30px;
    margin: 0px;
}


.roundaddwithtext>* {
    vertical-align: middle;
    display: inline-block;
}

.roundaddwithtext .roundadd {
    margin-right: 10px;
}

.roundclosewithtext>* {
    vertical-align: middle;
    display: inline-block;
}

.roundclosewithtext .roundclose {
    margin-left: 10px;
}

.roundsearch {
    width: 30px;
    height: 30px;
    border-radius: 16px;
    background-color: #DFE1E6;
    background-image: url(../Images/svg2020/search_blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    line-height: 15px;
    cursor: pointer;
}

.roundsearch:hover {
    background-color: #294AFF;
    background-image: url(../Images/svg2020/search_white.svg);
}

.roundsmall {
    width: 20px;
    height: 20px;
    border-radius: 11px;
    background-size: 10px;
    padding: 0px;
}

.roundbig {
    width: 36px;
    height: 36px;
    border-radius: 22px;
    background-size: 15px;
    padding: 0px;
}

/* ROUND BUTTONS END */

/* FORM CONTROLS */
form .controls {
    text-align: right;
    padding: 10px;
}

form .controls,
.buttongaps {
    vertical-align: top;
}

form .controls>*,
.buttongaps>* {
    vertical-align: top;
    margin: 0px 8px;
}

form .controls>*:first-child,
.buttongaps>*:first-child {
    margin-left: 0px;
}

form .controls>*:last-child,
.buttongaps>*:last-child {
    margin-right: 0px;
}

.closetext {
    position: absolute;
    top: 19px;
    right: 70px;
}

.lineheight {
    line-height: 32px;
}

body #ui-datepicker-div {
    z-index: 11 !important;
}

.main-wrap {
    width: 960px;
    margin: 0 auto;
}

.abs {
    position: absolute;
}

.testtext {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1000;
}


body.loading,
/*.ajaxload,*/
.loading {
    min-height: 32px;
    background-image: url(../Images/loading32.gif);
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-color: transparent;
}

.loadcircle {
    display: inline-block;
    width: 64px;
    height: 64px;
    background-image: url(../Images/loadcircle.png);
    animation: spin 4s linear infinite;
    background-size: cover;
}

.loadcirclegrey {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(../Images/loadcirclegrey.png);
    animation: spin 4s linear infinite;
}

.greyloader {
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-color: transparent;
    background: url(../Images/ajax-loader.gif) no-repeat;
}

.hiddentranslations {
    display: none;
}

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


.loadingbig {
    width: 32px;
    height: 32px;
    background-image: url(../Images/loading32.gif);
    margin: 0 auto;
}

button.loading {
    text-indent: -99999px;
}

/* dropdown */
.dropdown .datagridlist {
    min-height: 0px;
}

.dropdown .showdropdown {
    background-repeat: no-repeat;
    background-position: 99% 50%;
    background-image: url(../Images/ajax-loader.gif);
    background-color: #fcfcfc;
}

.dropdown.ready .showdropdown {
    background-image: none;
}

.noedit .dropdown .showdropdown {
    background-image: none;
}

tr.noedit *,
tr.noedit td input {
    color: #aaa;
}


.viewmode-view .dropdown .showdropdown,
.viewmode-view .dropdown.ready .showdropdown {
    background-image: none;
}

.fixbankswiftandiban {
    margin: 5px;
    margin-bottom: 20px;
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(/Content/fonts/password.ttf);
}

input.passwordcovering {
    font-family: 'password';
}

.dropdown.ready:before {
    position: absolute;
    top: 12px;
    right: 7px;
    display: initial;
    pointer-events: none;
    background-size: 12px;
    background-image: url(../Images/svg2020/down2_blue.svg);
    background-position: 98% 50%;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    content: " ";
}

td .dropdown.ready:before {
    top: 10px;
    right: 5px;
}

.icon-close {
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../Images/svg2020/x_grey.svg);
    background-size: 100%;
}

.dropdown.icon-close.ready:before {
    font-size: 12px;
}

.dropdown.icon-close.ready:hover:before {
    color: #333;
}

.viewmode-view .dropdown.ready:before {
    display: none;
}

.canedit .dropdown.ready:before {
    display: initial;
}

.ajaxload {
    width: 100%;
    height: 150px;
}

.auto-height-important {
    height: auto !important;
}

body.loading .main-wrap {
    display: none;
}

.loadingscreen {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 12;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.3);
}

.loadingscreen .window {
    width: 200px;
    height: 120px;
    display: inline-block;
    margin-top: 100px;
    position: fixed;
    margin-left: -100px;
    left: 50%;
}

.loadingscreen .window .icon {
    width: 32px;
    height: 32px;
    background-image: url(../Images/loading32.gif);
    margin: 0px auto;
    margin-top: 40px;
}

/* LOGIN */
.loginbg {
    background-image: url(../Images/bg_login.png);
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_fixed {
    max-width: 1024px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    height: 100vh;
    align-content: center;
    gap: 2rem;
}

.loginwrap {
    text-align: center;
}

.loginwrap .leftsection {
    padding: 4rem 3rem;
    box-sizing: border-box;
    background-color: #fcfcfc;
    border-radius: 4px;
}

.loginwrap .leftsection form {
    min-width: 300px;
}

.loginwrap .rightsection {
    background-image: url(../Images/login.png);
    background-position: center;
    border-radius: 4px;
    position: relative;
}


#forgot.loginwrap .leftsection {
    padding: 164px 60px;
}

#registerwrap.loginwrap .leftsection {
    padding: 100px 60px;
}

#forgot.loginwrap .rightsection {
    background-image: url(../Images/bg_forgotpassword.png);
}

#forgot .infotext {
    margin: 30px 0px;
}

#registerwrap.loginwrap .rightsection {
    background-image: url(../Images/bg_register.png);
}

.loginwrap .rightsection .loginpromotext {
    font-size: 36px;
    margin: 50px 97px 50px 50px;
    color: #fcfcfc;
    text-align: left;
}

.loginwrap .rightsection .loginlogo {
    border-radius: 6px 0px 0px 6px;
    background-color: #fcfcfc;
    background-repeat: no-repeat;
    height: 56px;
    position: absolute;
    right: 0px;
    bottom: 60px;
    width: 195px;
    background-position-y: center;
    background-position-x: 20px;
}

.loginwrap .rightsection .loginlogo {
    background-size: 140px;
    background-image: url(../Images/Passeli-Merit-logo-primary-rgb.svg);
}

.pl .loginwrap .rightsection .loginlogo {
    background-size: 140px;
    background-image: url(../Images/Passeli-Merit-logo-primary-rgb.svg);

}

#login .message {
    color: #333;
}

.bigheader {
    font-size: 33px;
    font-weight: bold;
}

#login .field {
    margin-top: 7px;
}

#langbuttons {
    height: 36px;
    text-align: center;
    margin-top: 30px;
}

#langbuttons .langbut {
    line-height: 14px;
    padding: 11px 0px;
    cursor: pointer;
    display: inline-block;
    margin-right: 15px;
}

#langbuttons .langbut.selected,
#langbuttons .langbut:hover,
#langbuttons .langbut.selectedlanguage {
    color: #294AFF;
    background: linear-gradient(0deg, #294aff 0%, #294aff 4px, transparent 4px, transparent 100%);
}

.loginwrap .bottombuttons {
    margin-top: 20px;
}


/* LOGIN END */


.languagetext #langbuttons {
    margin-top: 0px;
}

.formsectionwrap {
    padding: 5px;
}

.formsection {
    padding-bottom: 20px;
}

.invoicesettingscontent .formsection {
    margin-top: 0px;
}

.invoicesettingscontent .separator {
    border-bottom: 1px solid #ddd;
    margin: 0px 10px;
}

.invoicesettingscontent .formsection:first-of-type {
    margin-top: 0px;
}

.formsection h3 {
    margin: 0px 5px;
}

.formsection .cbwrap {
    margin-right: 20px;
}

.settingscontent .tabcontentwrap {
    margin: 0px;
}

#emailsettings .controls {
    padding: 0px 10px;
}

.navigationcover {
    position: absolute;
    width: 100%;
    top: 0px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
    transition: opacity 0.2s;
}

/* location based show hide */
.et .fishow,
.et .plshow,
.et .seshow,
.fi .etshow,
.fi .plshow,
.fi .seshow,
.pl .fishow,
.pl .etshow,
.pl .seshow,
.se .fishow,
.se .etshow,
.se .plshow,
.et .ethide,
.fi .fihide,
.pl .plhide,
.se .sehide,
.notadmin.et .ethideuser,
.notadmin.fi .fihideuser,
.notadmin.pl .plhideuser,
.et[data-lang="en"] .loclangshow,
.et[data-lang="fi"] .loclangshow,
.et[data-lang="pl"] .loclangshow,
.et[data-lang="ru"] .loclangshow,
.et[data-lang="se"] .loclangshow,
.fi[data-lang="en"] .loclangshow,
.fi[data-lang="pl"] .loclangshow,
.fi[data-lang="ru"] .loclangshow,
.fi[data-lang="se"] .loclangshow,
.fi[data-lang="et"] .loclangshow,
.pl[data-lang="en"] .loclangshow,
.pl[data-lang="fi"] .loclangshow,
.pl[data-lang="ru"] .loclangshow,
.pl[data-lang="se"] .loclangshow,
.pl[data-lang="et"] .loclangshow {
    display: none !important;
}

.et .reptopcontrols .downloadexcel,
.pl .reptopcontrols .downloadexcel {
    margin-right: 0px;
}

.et[data-lang="en"] .page-1-merit-link,
.et[data-lang="fi"] .page-1-merit-link,
.et[data-lang="pl"] .page-1-merit-link,
.et[data-lang="ru"] .page-1-merit-link,
.et[data-lang="se"] .page-1-merit-link,
.fi[data-lang="en"] .page-1-merit-link,
.fi[data-lang="pl"] .page-1-merit-link,
.fi[data-lang="ru"] .page-1-merit-link,
.fi[data-lang="se"] .page-1-merit-link,
.fi[data-lang="et"] .page-1-merit-link,
.pl[data-lang="en"] .page-1-merit-link,
.pl[data-lang="fi"] .page-1-merit-link,
.pl[data-lang="ru"] .page-1-merit-link,
.pl[data-lang="se"] .page-1-merit-link,
.pl[data-lang="et"] .page-1-merit-link {
    position: initial;
    display: block !important;
    margin-top: 20px;
}

.js-help-contact-div {
    background-color: #294AFF;
    color: #fcfcfc;
    padding: 20px;
    margin: 0px 30px;
    border-radius: 5px;
    text-align: left;
}

.comptype9show {
    display: none !important;
}

[data-companytype="9"] .comptype9show {
    display: block !important;
}

[data-companytype="9"] .comptype9hide {
    display: none !important;
}

.keephidden {
    display: none !important;
}

.notkpircompany .kpirshow {
    display: none !important;
}

.kpircompany .kpirhide {
    display: none !important;
}

.roundcornersshadow {
    box-shadow: 0px 6px 12px #00000014;
    border-radius: 4px;
}

/* paymentimport */
#paymentimport .banklist {
    background: #fff;
    border: 1px solid #DBDBDB;
    padding: 15px;
    box-shadow: 1px 1px 1px -1px #d4d4d4;
}

#paymentimport .banklist .item {
    background-color: #fafafa;
    padding: 5px;
    margin: 2px 0px;
    box-sizing: border-box;
    border-radius: 3px;
}

#paymentimport .banklist .item:hover {
    background-color: #eee;
    cursor: pointer;
}

#paymentimport .bankname {
    margin-right: 5px;
}

#paymentimport .totalswrap {
    margin-top: 10px;
}

.totalsrow>td {
    font-weight: bold;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}

#paymentimport .pimptotals {
    width: 33%;
    font-size: 16px;
    font-weight: bold;
}

#paymentimportguide {
    margin: 10px 60px;
    box-sizing: border-box;
}


#paymentimport .confirm {
    margin-right: 3px;
}

/* paymentimport */
.paymentorderfooter button {
    margin-bottom: 3px;
}

.field {
    text-align: left;
    padding: 0px 10px 5px 10px;
}

.fieldslim {
    padding: 0px 10px;
    font-weight: 600;
}

.field.hidden,
.field.hidden input,
input.hidden {
    color: #E94A22 !important;
    border-color: #E94A22 !important;
    display: none !important;
}

.field .editor-label {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inlinefield {
    white-space: nowrap;
    display: table;
    width: 100%;
    box-sizing: border-box;
    /*
    table-layout: fixed;
    */
}

.inlinefield>* {
    display: table-cell;
}

.inlinefield label,
.inlinefield input {
    font-size: 15px;
}

.inlinefield label {
    margin-right: 5px;
}

.inlinefield input:disabled,
.inlinefield input[type="text"]:disabled,
.inlinefield input[type="text"]:disabled:hover,
.inlinefield input[type="text"]:read-only,
.inlinefield input[type="text"]:read-only:hover,
.inlinefield select:disabled,
.inlinefield textarea:disabled,
.inlinefield input:read-only,
.inlinefield input:read-only:hover,
.inlinefield input:disabled:hover,
.inlinefield select:disabled:hover,
.inlinefield textarea:disabled:hover {
    border-width: 0px;
    border-top: 0px solid #ddd;
}

.inlinefield label {
    vertical-align: middle;
}

.inlinefield {
    border-top: 0px solid #ddd;
    padding-bottom: 0;
}

.totalamountfield .editor-label {
    padding-left: 10px;
    font-weight: bold;
}

.totalamountfield.inlinefield label,
.totalamountfield.inlinefield input {
    font-size: 17px;
    color: #333;
}

.fieldcheck {
    position: relative;
    display: block;
    padding: 1px 10px;
}

.fieldcheck .editor-label {
    display: inline-block;
    margin-top: 0px;
}

.fieldcheck .editor-field {
    float: left;
    margin-right: 10px;
}

h3 {
    margin: 0px;
    font-weight: normal;
    text-align: left;
    font-size: 16px;
    color: #555;
}

.advance {
    margin-top: 5px;
}

table {
    border-collapse: collapse;
    white-space: nowrap;
    width: 100%;
}

.repheadertable {
    width: auto;
}

table.selectablerows tr {
    cursor: pointer;
}

tr:nth-child(odd) {
    background-color: #fcfcfc;
}

tr:nth-child(even) {
    background-color: #ededef;
}

tr.drawlimit-odd {
    background-color: #fcfcfc;
}

tr.drawlimit-even {
    background-color: #f2f2f4;
}


.nolinecolors tr:nth-child(even) {
    background-color: #fcfcfc;
}

/* accordion */
.accordion .acctabheader {
    pointer-events: none;
    padding: 16px;
    font-weight: bold;
}

.accordion .selected .acctabheader {
    border-bottom: 1px solid #727272;
}

.accordion .acctab {
    border: 1px solid #eee;
    background-color: #fcfcfc;
    cursor: pointer;
    position: relative;
    transition: all 0.5s;
    margin-bottom: 20px;
    border-radius: 4px;
}

.acctab .activated {
    display: none;
}

.acctab .activated.isactivated {
    position: absolute;
    top: 12px;
    right: 50px;
    border-radius: 16px;
    background-color: #294AFF;
    padding: 5px 10px;
    font-size: 12px;
    color: #fcfcfc;
    display: block;
}

.accordion .acctab.selected {
    border: 1px solid #727272;
}

.accordion .acccontent {
    padding: 20px;
    box-sizing: border-box;
}

.accordion .acccontent h3 {
    display: none;
}

.accordion .acccontent form {
    background-color: #fcfcfc;
    padding: 0px;
}

.accordion .acccontentwrap {
    height: 0px;
    transition: all linear 0.2s;
    overflow: hidden;
}

.acctabicon {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 42px;
    color: #1569a9;
    background-image: url(../Images/svg2020/down2_blue.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    pointer-events: none;
}

.selected .acctabicon {
    background-image: url(../Images/svg2020/up2_blue.svg);
}


/* accordion end */
/* helpchapterlistgrid */
.helpchapterlistgrid table td span {
    max-height: 54px;
}

/* helpchapterlistgrid end */
.batchsubheader tr,
.batchreport .reptotals {
    background-color: transparent;
}

tr.repsubheader {
    background-color: transparent;
}

.reportview table:first-of-type tr,
.norowcolor tr,
tr.norowcolor {
    background-color: transparent;
}

.datagridlist.tdlines table tr {
    background-color: #edeff5;
    border-bottom: 1px solid #ddd;
}

.dimrestrictions {
    border-radius: 6px;
    overflow: hidden;
}

.dimrestrictions .tablewrap {
    border-radius: 6px;
    overflow: hidden;
}

.documentcontrols {
    margin: 10px 0px;
}

.repheadertable tr {
    background-color: transparent;
}

tr.selectedrow {
    background-color: #e4e5ec;
}

tr.noedit {
    background-color: #e4e5ec;
}

.documentview tr:nth-child(odd) {
    background-color: #fcfcfc;
}

.documentview tr:nth-child(even) {
    background-color: #f2f2f4;
}

.documentview tr.movedrow {
    background-color: #c9eafb;
}

.repheadertable td {
    border: none;
}

.repline:hover {
    background: #e6ecf6;
}

table.initialbalancemenu tr {
    background-color: transparent;
}

.initialdoc .copydoc,
.initialdoc .creditdoc {
    display: none;
}

table thead td {
    background: #d8d8d9;
    font-weight: 500;
}

table td,
table th,
table th>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.salesoffertemplateslist tbody td {
    white-space: normal;
}

.salesoffertemplateslist tbody td span {
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

table td,
table tbody th,
table .addnewline td,
table tbody th>span,
.dupliheaders td,
.dupliheaders th {
    margin: 0;
    border-left: 1px solid #fff;
}

table th:first-child,
table td:first-child,
.dupliheaders td:first-child,
.dupliheaders th:first-child {
    border-left: none;
}

table td:last-child {
    border-right: none;
}

tbody:focus {
    outline: none;
}

table tr.addnewline {
    cursor: pointer;
    transition: 0.5s all;
    color: #294AFF;
    border-top: 1px solid #ddd;
}

table tr.addnewline:hover {
    background-color: #e4e5ec;
}

table td>span,
table th>span {
    padding: 2px 2px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
}

.jpkmenus table td>span {
    width: auto;
}

.UnpaidPI6 span {
    padding: 0px;
    display: initial;
}

.reportview table td>span,
.reportview table th>span {
    width: auto;
    border: none;
    padding: 0px;
    vertical-align: middle;
}

select,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
.fakeinput {
    width: 100%;
    padding: 0px 10px;
    box-sizing: border-box;
    border: 1px solid #DFE1E6;
    color: #555;
    background-color: #fdfdfd;
}

input.required,
select.required,
textarea.required {
    border-color: #727272;
}

select {
    padding: 0px 10px;
}

input:enabled:hover,
input:enabled:active,
input:enabled:focus,
select:enabled:hover,
select:enabled:active,
select:enabled:focus,
textarea:enabled:hover,
textarea:enabled:active,
textarea:enabled:focus {
    border-color: #294AFF;
}

select:disabled,
input[type="text"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
textarea:disabled,
select:disabled:hover,
input[type="text"]:disabled:hover,
input[type="number"]:disabled:hover,
input[type="password"]:disabled:hover,
textarea:disabled:hover,
input[type="text"]:read-only:hover,
input[type="number"]:read-only:hover,
input[type="password"]:read-only:hover,
textarea:read-only:hover,
textarea:read-only:active,
textarea:read-only:focus,
input:read-only,
input:read-only:active,
input:read-only:focus,
textarea:read-only {
    border: 1px solid #DFE1E6;
    background-color: transparent;
}

.datagrid input:read-only,
.datagrid input:read-only:hover,
.datagrid input:read-only:focus {
    border: none;
}

#addpayment .totalamount {
    font-weight: bold;
}

#glbatch .total {
    font-size: 17px;
    font-weight: bold;
}

#glbatch .totals input {
    border: none;
    padding: 0px 3px;
}

#glbatch #CopyDescription {
    margin-right: 5px;
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    box-shadow: 0 0 0px 1000px white inset;
}

textarea {
    height: auto;
    padding: 3px 10px;
}

.fakeinput {
    line-height: 32px;
    height: 32px;
}

textarea,
input,
select,
button {
    outline: none;
}

/* BUTTONS */
button,
.but,
input[type="submit"] {
    padding: 0px 17px;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 36px;
    line-height: 34px;
    color: #333;
    background-color: #fcfcfc;
    border: 1px solid #e2e3e6;
    font-weight: 500;
}

.but:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #294aff;
    border: 1px solid #294aff;
    color: #fcfcfc;
}

button.cancel:hover {
    background-color: #FF6A6A;
    border: 1px solid #FF6A6A;
}

/* BLUE BUTTONS */
.but1 {
    color: #fcfcfc;
    background-color: #294aff;
    border: 1px solid #294aff;
}

.but1:active,
.but1:focus,
.but1:hover {
    background-color: #0021d8;
    border: 1px solid #294aff;
}

/* RED BUTTONS */
.but2 {
    background-color: #fcfcfc;
    border: 1px solid #dfe1e6;
    color: #333;
}

.but2:hover {
    color: #fcfcfc;
    background-color: #FF6A6A;
    border: 1px solid #FF6A6A;
}

/* GRAY BUTTONS */
.but3 {
    color: #ffffff;
    background-color: #767676;
    border: 1px solid #767676;
    transition: background-color 0.3s, border-color 0.3s;
}

.but3:hover {
    background-color: #5a5a5a; /* Hover color */
    border-color: #5a5a5a;
}

/* BUTTONS END */

/* ICONS GREY */

.icon-accordion-down, .icon-accordion-up {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;    
}

.icon-accordion-down {
    background-image: url(../Images/svg2020/down2_blue.svg);
}
.icon-accordion-up {
    background-image: url(../Images/svg2020/up2_blue.svg);
}
.icon-accordion-down:hover {
    background-image: url(../Images/svg2020/down2_white.svg);
}
.icon-accordion-up:hover {
    background-image: url(../Images/svg2020/up2_white.svg);
}
.icon-downloadattachments {
    background-size: contain;
    background-image: url(../Images/svg2020/downclip_grey.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.icon-money-bag, .icon-search, .icon-arrow-right, .icon-cancel, .icon-warning {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

.icon-warning {
     background-image: url(../Images/svg2024/Alert_24.svg);
     background-position: right !important;
 }

.field-warning {
    padding-right: 10px !important;
}

.icon-cancel {
    background-image: url(../Images/svg2020/trash_grey.svg);
}

.icon-search {
    background-image: url(../Images/svg2020/search_grey.svg);
}
.icon-arrow-right {
    background-image: url(../Images/svg2020/right_grey.svg);
}
.icon-money-bag {
    background-image: url(../Images/svg2024/money_bag.svg);
}

.icon-dashboard {
    background-size: contain;
    background-image: url(../Images/svg2020/4dots_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-sales {
    background-size: contain;
    background-image: url(../Images/svg2020/uplong_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-search2 {
    background-size: contain;
    background-image: url(../Images/svg2020/search_blue.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-payments {
    background-size: contain;
    background-image: url(../Images/svg2020/card_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-purchases {
    background-size: contain;
    background-image: url(../Images/svg2020/downlong_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-finance {
    background-size: contain;
    background-image: url(../Images/svg2020/columns_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-inventory {
    background-size: contain;
    background-image: url(../Images/svg2020/3botoons_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-payroll {
    background-size: contain;
    background-image: url(../Images/svg2020/guide_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.active .icon-payroll {
     background-size: contain;
     background-image: url(../Images/svg2020/guide_blue.svg);
     background-position-x: 50%;
 }

.icon-fixedassets {
    background-size: contain;
    background-image: url(../Images/svg2020/briefcase_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-settings {
    background-size: contain;
    background-image: url(../Images/svg2020/gear_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.icon-admin {
    background-size: contain;
    background-image: url(../Images/svg2020/user_orange.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.usermenu .ico {
    background-size: contain;
    background-image: url(../Images/svg2020/user_grey.svg);
    background-repeat: no-repeat;
    background-position-x: 50%;
}

.usermenu .tab:hover .ico {
    background-image: url(../Images/svg2020/user_white.svg);
}

.messages .ico {
    background-size: cover;
    background-image: url(../Images/svg2020/bell_grey.svg);
    background-position-x: 50%;
    background-repeat: no-repeat;
    height: 24px;
}

.messages .tab:hover .ico {
    background-image: url(../Images/svg2020/bell_white.svg);
}


.maintab.mainhelp .ico {
    background-size: contain;
    background-image: url(../Images/svg2020/question_grey.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 16px;
    height: 60px;
}

.mainhelp .tab:hover .ico {
    background-image: url(../Images/svg2020/question_white.svg);
}

.maintab.mainhelp .icon-help {
    width: 60px;
    height: 60px;
}

.icon-smalllist {
    background-size: contain;
    background-image: url(../Images/svg2020/3dots_grey.svg);
    background-position-x: 50%;
    background-repeat: no-repeat;
}

.icon-edit {
    background-size: contain;
    background-image: url(../Images/svg2020/pencil_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}


/* ICONS BLUE */

.active .icon-dashboard {
    background-size: contain;
    background-image: url(../Images/svg2020/4dots_blue.svg);
    background-position-x: 50%;
}

.active .icon-sales {
    background-size: contain;
    background-image: url(../Images/svg2020/uplong_blue.svg);
    background-position-x: 50%;
}

.active .icon-payments {
    background-size: contain;
    background-image: url(../Images/svg2020/card_blue.svg);
    background-position-x: 50%;
}

.active .icon-purchases {
    background-size: contain;
    background-image: url(../Images/svg2020/downlong_blue.svg);
    background-position-x: 50%;
}

.active .icon-finance {
    background-size: contain;
    background-image: url(../Images/svg2020/columns_blue.svg);
    background-position-x: 50%;
}

.active .icon-inventory {
    background-size: contain;
    background-image: url(../Images/svg2020/3botoons_blue.svg);
    background-position-x: 50%;
}

.active .icon-fixedassets {
    background-size: contain;
    background-image: url(../Images/svg2020/briefcase_blue.svg);
    background-position-x: 50%;
}

.active .icon-settings {
    background-size: contain;
    background-image: url(../Images/svg2020/gear_blue.svg);
    background-position-x: 50%;
}

.icon-blueleft {
    background-size: 10px;
    background-image: url(../Images/svg2020/left_blue.svg);
    background-position-x: 50%;
}

.icon-blueright {
    background-size: 10px;
    background-image: url(../Images/svg2020/right_blue.svg);
    background-position-x: 50%;
}

/* ICONS WHITE */
.icon-blueleft:hover {
    background-image: url(../Images/svg2020/left_white.svg);
}

.icon-blueright:hover,
.icon-blueright:disabled {
    background-image: url(../Images/svg2020/right_white.svg);
}

.icon-buy {
    background-size: 26px;
    background-image: url(../Images/svg2020/buy_white.svg);
    background-position: 50%;
    background-repeat: no-repeat;
}

.icon-list {
    background-size: contain;
    background-image: url(../Images/svg2020/list_white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}


.icon-upgrade {
    background-size: 24px;
    background-image: url(../Images/svg2020/buy_white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.icon-add {
    background-image: url(../Images/svg2020/plus_white.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-x: 20px;
    background-position-y: center;
    text-indent: 20px;
}

.icon-edit:hover {
    background-image: url(../Images/svg2020/pencil_white.svg);
    background-position-x: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
}

/* ICONS RED */
.icon-delete {
    background-image: url(../Images/svg2020/trash_red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
}

.icon-delete:hover {
    background-image: url(../Images/svg2020/trash_white.svg);
    background-position-x: center;
    background-repeat: no-repeat;
}

/* ICON CHANGES ON HOVER */
.saveallattachments:hover {
    background-image: url(../Images/svg2020/downclip_white.svg);
}

.mark-as-paid:hover {
    background-image: url(../Images/svg2020/right_white.svg);
}


/* ICONS END */

#recalcIQ {
    margin-top: 30px;
    margin-right: 60px;
}


th,
td,
.datagrid th,
.datagrid td {
    height: 36px;
}

input,
select {
    height: 36px;
}

table input,
table select {
    height: 36px;
    padding: 0px 3px;
}

#tdheader .tdlines th,
#tdheader .tdlines td {
    height: 36px;
}

.datagrid input:disabled,
.datagrid select:disabled,
.datagrid textarea:disabled,
.datagrid input:disabled:hover,
.datagrid select:disabled:hover,
.datagrid textarea:disabled:hover {
    background-color: #eee;
}

td button {
    margin: 0px;
}

.twrap button {
    margin: 0px;
}

button.small {
    padding: 2px 12px;
}

textarea {
    resize: none;
}

#peraddinvoice .addressfield {
    padding-bottom: 5px;
}

.navcontrols {
    margin-top: 5px;
}

button.blue {
    background-color: #1b9ae3;
}

button.blue:hover {
    background-color: #72bfeb;
}

button.yellow,
input[type="submit"].yellow {
    background-color: #E6B800;
}

button.yellow:hover,
input[type="submit"].yellow:hover {
    color: #E6B800;
    background: #fff;
    border-color: #E6B800;
}

button[disabled='disabled'],
button:disabled {
    background-color: #aaa;
}

button[disabled='disabled']:hover,
button:disabled:hover {
    color: #fcfcfc;
    background-color: #aaa;
    border-color: #fcfcfc;
}

button.waiting,
button.waiting:hover {
    background-repeat: no-repeat;
    background-image: url(../Images/ajax-loader.gif);
    background-position: 50% 50%;
    background-color: #fcfcfc;
    border: 1px solid #0186CD;
    color: #0186CD;
    text-indent: -9999px;
}

input.bad,
select.bad,
input.badvalue {
    border-color: #E94A22;
}

.badregno {
    color: #E94A22;
}

.correctcompanycounttable {
    margin-bottom: 24px;
}

input[type='checkbox'] {
    margin: 0px;
    height: auto;
    vertical-align: middle;
    transform: scale(1.3);
    transform-origin: left;
    margin-right: 7px;
    margin-bottom: 1px;
}

.gotolineicon {
    position: absolute;
    top: 13px;
    right: 9px;
    width: 14px;
    height: 14px;
}

#kdpolpdfform .controls {
    text-align: right;
}

.confirmtext {
    margin-bottom: 10px;
}

.otherpayments.section {
    margin: 5px;
}

.editor-field input[type='checkbox'] {
    margin: 10px 0px;
    margin-right: 5px;
}

.number {
    text-align: right;
}

.small {
    padding: 4px 12px;
    font-size: 13px;
}

/* cols */
.blocks>* {
    display: block;
}

.cols {
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
}

.cols>* {
    display: table-cell;
}

.cols>table {
    padding: 0px 5px;
}

.gaps4>* {
    padding: 0px 2px;
}

.gaps4>*:first-child {
    padding-left: 0;
}

.gaps4>*:last-child {
    padding-right: 0;
}

#adminstats {
    padding: 0px 40px;
}

#instancelist .instancelist td,
#instancelist .instancelist td span {
    transition: all 1s;
    opacity: 1;
}

#instancelist .instancelist.red,
#instancelist .instancelist.red span {
    opacity: 0;
}

.tabs1 {
    margin-bottom: 10px;
    display: table;
    table-layout: fixed;
    width: 100%;
    box-sizing: border-box;
}

.tabs1 .tab {
    padding: 10px 20px;
    background-color: #eee;
    border: 1px solid #ddd;
    display: table-cell;
}

.tabs1 .tab:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}

.tabs1 .tab.selected {
    border-color: #294aff;
}

.cols.totals {
    margin-top: 10px;
}

.repform>.cols.responsive {
    table-layout: auto;
}

.reptopsection {
    border-bottom: 1px solid #ddd;
}

.langscontainer .langs {
    margin: 0px 5px;
    box-sizing: border-box;
    padding-right: 10px;
}

.nowrap {
    white-space: nowrap;
}

.dowrap {
    white-space: normal;
}

.pre {
    white-space: pre;
}

table td>*.preline,
.preline {
    white-space: pre-line;
}

.reportview table th.dowrap,
.reportview table td.dowrap {
    white-space: normal;
}

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

.messagewrap ul {
    list-style: disc;
    margin: 0;
    padding: 0px 34px;
}

.note {
    color: #aaa;
    font-size: 11px;
}

a {
    color: #727272;
    cursor: pointer;
}

a:hover {
    color: #294aff;
    text-decoration: underline;
}

select option {
    padding: 3px 0px;
}

select option:hover {
    background-color: #f2f2f4;
}

.grid {
    overflow: auto;
}

.content>.header,
.main-wrap>.header,
.main-wrap .content-wrap .content>.header {
    position: relative;
    border: 2px solid #0186CD;
    border-top: none;
    min-height: 75px;
    box-sizing: border-box;
}

.dashboard-tabs {
    position: relative;
}

.invoices .addinvoice,
.bills .addbill {
    cursor: pointer;
}

.invoices .addinvoice:hover,
.bills .addbill:hover {
    color: #294AFF;
}

.invoices .addinvoice:hover button,
.bills .addbill:hover button {
    background-color: #0021D8;
}

button.wide {
    position: absolute;
    top: 5px;
    z-index: 10;
    right: 0px;
}

.header .tabs {
    list-style: none;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    display: table;
    width: 100%;
    z-index: 1;
    table-layout: fixed;
}

.header .tabs li {
    padding: 0px 2px;
    display: table-cell;
}

.header .tabs li a {
    background: #0186CD;
    color: #fcfcfc;
    font-weight: bold;
    padding: 4px 28px;
    display: block;
    border: 2px solid #0186CD;
    margin-bottom: -2px;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.header .tabs li a:hover {
    background: #fff;
    border-color: #0186CD;
    color: #0186CD;
}

.header .tabs li a.active {
    background: #fff;
    color: #0186CD;
    padding-top: 8px;
}

/* mainwrap */
.mainheaderwrap,
.setupheaderwrap {
    background-color: #232425;
}

.mainheader .username {
    text-align: right;
    line-height: 13px;
    height: 16px;
}

.mainheader {
    display: table;
    margin: 0px auto;
    color: #aaa;
    min-height: 34px;
    height: 34px;
}

.mainheader>* {
    display: table-cell;
}

.mainmid {
    text-align: center;
    vertical-align: middle;
}

.welcome {
    vertical-align: middle;
    text-align: center;
    margin-left: 40px;
}

.pointer {
    cursor: pointer;
}

.welcome span {
    margin-top: 4px;
    display: inline-block;
}

body>.contentwrap {
    margin: 0 auto;
}

/* userandcompanymanagement */
#userandcompanymanagement {
    font-size: 16px;
}

#userandcompanymanagement .topsection {
    margin-bottom: 35px;
}

.usercountmismatch #userandcompanymanagement .ispaiduser {
    color: #ed455d;
}

#userandcompanymanagement tr {
    background-color: #fcfcfc;
    border-bottom: 1px solid #DFE1E6;
}

#userandcompanymanagement .selected {
    color: #294AFF;
    font-weight: bold;
    background: linear-gradient(90deg, #294aff 0%, #294aff 4px, #f2f2f4 4px, #f2f2f4 100%);
}

#userandcompanymanagement td {
    line-height: 70px;
    padding: 0px 30px;
    border-left: none;
}

#userandcompanymanagement .header {
    padding: 10px 30px;
    border-bottom: #DFE1E6;
    box-shadow: 0px 6px 12px #00000014;
    position: relative;
    font-weight: 500;
}

#userandcompanymanagement table button {
    display: none;
}

#userandcompanymanagement .rightwrap>* {
    margin-left: 15px;
}

#userandcompanymanagement .selected .removefromcompany,
#userandcompanymanagement .selected .userpermissions {
    display: inline-block;
}

#userandcompanymanagement .invitetocompany {
    display: inline-block;
}

#userandcompanymanagement .selected .invitetocompany,
#userandcompanymanagement .showall .invitetocompany {
    display: none;
}

#licensepromo {
    width: 680px;
    margin-left: 60px;
    margin-top: -20px;
    background-color: #294AFF;
    box-sizing: border-box;
    color: #fcfcfc;
    border-radius: 4px;
    padding: 60px 40px;
    margin-bottom: 40px;
}

#licensepromo .leftcontainer {
    position: relative;
}

.licensepromoheader {
    font-size: 16px;
    margin-bottom: 20px;
}

.licensepromoimage {
    background-image: url(../Images/licensepromoimage.png);
    background-size: 100%;
    height: 188px;
}

.licensepromobutton {
    color: #333;
    position: absolute;
    bottom: 0px;
}

.licensepromobutton:hover {
    background-color: #0021D8;
}

#companylicense {
    background-color: #fcfcfc;
    margin: 60px 60px;
    width: 680px;
    box-sizing: border-box;
    padding: 60px 40px;
}

#companylicense .licenseinfo {
    text-align: center;
    font-size: 26px;
}

#companylicense .fieldswrap {
    box-shadow: 0px 6px 12px #00000014;
    padding: 20px 30px;
}

#companylicense .field {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #DFE1E6;
    padding: 0px;
}

#companylicense .field:last-child {
    border: none;
}

#companylicense .field>div {
    display: table-cell;
}

#companylicense .field .editor-field input {
    text-align: right;
    border: none;
}

.licenseimage {
    height: 205px;
    background-image: url(../Images/svg2020/securitybig.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-bottom: 50px;
}

.userandcompanymanagementinfo,
.licenseinfotable {
    margin-top: -95px;
    margin-left: -60px;
}

.userandcompanymanagementinfo .contentwrap,
.licenseinfotable .contentwrap {
    width: 480px;
    height: 100%;
    background-color: #fcfcfc;
}

.userandcompanymanagementinfo .topcontent,
.licenseinfotable .topcontent {
    padding: 0px 30px;
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #DFE1E6;
}

.licenseinfotable .topcontent .roundclose,
.userandcompanymanagementinfo .topcontent .roundclose {
    vertical-align: middle;
    margin-left: 10px;
}

.licenseinfotable .botcontent,
.userandcompanymanagementinfo .botcontent {
    padding: 30px;
}

.licenseinfotable .contentheader,
.userandcompanymanagementinfo .contentheader {
    font-size: 26px;
    font-weight: 500;
}

.licenseinfotable .contentinfo,
.userandcompanymanagementinfo .contentinfo {
    padding-top: 30px;
}

#userandcompanymanagement .licenseinfotable tr {
    border-top: 1px solid #DFE1E6;
}

#userandcompanymanagement .licenseinfotable td {
    padding: 0px;
    line-height: 40px;
}

/* userandcompanymanagement end */
.settlementtexts .downloadexcel {
    display: none;
}

/* COMPANIES LIST*/
#companies .companieslist {
    left: -10000px;
    top: 60px;
}

#companies .companieslist .selectcompany {
    margin-right: 10px;
}

#companies .companieslist .topcontent {
    line-height: 57px;
    padding: 0px 30px;
    box-shadow: 0px 6px 12px #00000014;
    position: relative;
}

.companieslist .name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.companyfilter {
    background-color: #f2f2f4;
    padding: 0px 30px;
}

.companyfilter>* {
    line-height: 50px;
    height: 50px;
}

.companyfilter input {
    border: none;
    background-color: transparent;
}

#companies .companieslist .list {
    min-width: 350px;
    max-width: 420px;
    background-color: #fcfcfc;
    padding: 0px;
    border-top: 2px solid #fcfcfc;
}

#companies .itemsscroll {
    background-color: #fcfcfc;
    overflow-y: auto;
}

#companies .item {
    background: #fff;
    white-space: nowrap;
    border: 1px solid #DFE1E6;
    border-left: none;
    border-right: none;
    cursor: pointer;
    transition: all 0.5s;
    padding: 0px 30px;
    height: 70px;
    line-height: 70px;
    font-size: 16px;
}

#companies .item:hover {
    background: linear-gradient(90deg, #0021D8 0%, #0021D8 4px, #f2f2f4 4px, #f2f2f4 100%);
}

#companies .item.selected {
    background: linear-gradient(90deg, #294aff 0%, #294aff 4px, #f2f2f4 4px, #f2f2f4 100%);
}

#companies .item .buttonwrap {
    vertical-align: middle;
    width: 32px;
    padding-left: 20px;
}

#companies .emptyitem {
    height: 70px;
}

#companies .linktopalk,
#companies .linktopalk:hover {
    background-color: #2EB336;
    color: #fcfcfc;
    background-image: url(../Images/svg2020/palk.svg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    position: absolute;
    bottom: 0px;
    width: 360px;
}

.deletecompany {
    background-size: 10px;
}

.icoaddcompany {
    background-position: -592px -112px;
    float: right;
    margin-right: 10px;
}

.icoaddcompany:hover {
    background-position: -592px -112px;
}



.companiesandusers.dragging .companieslist tbody tr:hover {
    border: 1px solid #294aff;
}

.companiesandusers .companieslist,
.companiesandusers .userslist {
    vertical-align: top;
    box-shadow: 0px 6px 10px #0000000A;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fcfcfc;
}

#userandcompanymanagement .companiesandusers tr {
    cursor: pointer;
}

#dashboard .companiesandusers.oneuserselected .userslist,
#dashboard .companiesandusers.onecompanyselected .companieslist {
    border-color: #294aff;
}

#userandcompanymanagement .onecompanyselected .companieslist .userlevel,
#userandcompanymanagement .onecompanyselected .companieslist .controls,
#userandcompanymanagement .oneuserselected .userslist .userlevel,
#userandcompanymanagement .oneuserselected .userslist .controls,
#userandcompanymanagement .showall .userlevel,
#userandcompanymanagement .showall .controls {
    display: none;
}

.onecompanyselected .addusertocompany>div {
    display: table-cell;
}

.companiesandusers .userslist tbody tr,
.companiesandusers .companieslist tbody tr {
    color: #aaa;
}

.companiesandusers .userslist tr.selected {
    color: #333;
    font-weight: bold;
}

.companiesandusers .userslist .showall tr,
.companiesandusers .companieslist .showall tr {
    color: #333;
}

.companiesandusers .companieslist h3,
.companiesandusers .userslist h3 {
    width: 1%;
    white-space: nowrap;
}

#userandcompanymanagement .onecompanyselected .companyline .rightwrap {
    display: none;
}

#userandcompanymanagement .oneuserselected .userline .rightwrap {
    display: none;
}

.dragginguser {
    border: 1px solid #ddd;
    border-radius: 25px;
    background-color: #fcfcfc;
    padding: 6px 12px;
    position: absolute;
}

.showusercompanies td.controls {
    text-align: center;
}

.companiesandusers .tablewrap {
    overflow: auto;
    overflow-x: hidden;
    min-height: 250px;
}

.companiesandusers table {
    table-layout: fixed;
}

.companiesandusers table .controls {
    width: 70px;
}

.licenseinfotable td:last-child {
    text-align: right;
}

#companiesinfolist table thead {
    text-align: center;
}

#companiesinfolist table tbody {
    text-align: right;
}

#companiesinfolist table td {
    padding: 0px 15px;
    white-space: normal;
}

#companiesinfolist .purchaseordersincluding {
    border-bottom: 1px solid #fff;
}

#companiesinfolist [data-fieldname="CompName"] {
    text-align: left;
}

.companysearch,
.usersearch {
    position: relative;
}

.companysearch .iconbutton,
.usersearch .iconbutton {
    position: absolute;
    top: 10px;
    right: 15px;
}

.addnewusertocompanywrap {
    width: 30px;
    padding-left: 10px;
}

/* DASHBOARD */
#dashboard .section {
    margin-bottom: 36px;
    background: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 6px 8px #0000000A;
    position: relative;
}

#dashboard .section .sectionheader {
    background-color: #e2e3e6;
    font-weight: bold;
}

#dashboard .section .sectionheader>* {
    vertical-align: top;
}

#dashboard .section .sectionheader .buttonwrap {
    text-align: right;
    padding-right: 20px;
    white-space: nowrap;
}

#dashboard .section .sectionheader .buttonwrap>* {
    line-height: 50px;
    vertical-align: middle;
}

#dashboard .section .sectionheader .buttonwrap .roundadd {
    margin: 10px;
}

#dashboard .section .sectionheader .headertext {
    font-weight: bold;
    line-height: 50px;
    padding: 0px 20px;
    white-space: nowrap;
}

.sectionclose {
    background-image: url(../Images/svg2020/x_grey.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 40px;
    border-left: 1px solid #f2f2f4;
    cursor: pointer;
}

.sectionclose:hover {
    background-image: url(../Images/svg2020/x_red.svg);
}

#dashboard .sectioncontent {
    line-height: 32px;
}

#dashboard .sectioncontent .totalswrap {
    margin: 20px;
}

#dashboard .dashboardinfo h3 {
    font-size: 34px;
    padding: 0px;
    padding-bottom: 20px;
    background-color: transparent;
}

#dashboard .dashboardinfoleft {
    padding: 70px 60px;
    line-height: 30px;
}

#dashboard .dashboardimg {
    background-image: url(../Images/svg2020/dashboard.svg);
    background-position: 70%;
    background-repeat: no-repeat;
    width: 50%;
}

#dashboardbanks .bankline {
    min-height: 191px;
}

.accountssectioncontent {
    overflow: auto;
}

.accountssectioncontent table {
    border: none;
    text-align: left;
}

.accountssectioncontent th {
    background-color: #d8d8d9;
    border-left: 1px solid #f2f2f4;
}

.accountssectioncontent th,
.accountssectioncontent td {
    padding: 0px 20px;
    line-height: 35px;
    height: 35px;
}

.accountssectioncontent .isparent td {
    font-weight: bold;
}

.accountssectioncontent .accountname {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dashboard .periods {
    font-size: 13px;
    line-height: 32px;
    padding: 5px 20px;
}

#periodizationbatchlisttable tr:hover {
    cursor: pointer;
    background-color: #c9eafb;
}

#dashboard .accountssection tr:nth-child(even) {
    background-color: #fcfcfc;
}

.sectiongap,
.banklinegap {
    width: 35px;
}

#dashboard .chart {
    border-bottom: 1px solid #ddd;
    height: 105px;
    padding: 0px 20px;
    padding-top: 10px;
    border-top: 1px solid #DFE1E6;
    border-bottom: 1px solid #DFE1E6;
}

#dashboard .chart .column {
    width: 30px;
    height: 0px;
    transition: all 0.2s;
    border-radius: 3px 3px 0 0;
    margin: 0 auto;
    cursor: pointer;
    border: 1px solid #fff;
    border-bottom-width: 0px;
}

#dashboard .chart .column:hover {
    border-color: #aaa;
}

.red {
    color: #FF6A6A;
}

.redcolumn {
    /*background-color:#ff3366;*/
    background-color: #FF6A6A;
}

.bluecolumn {
    background-color: #294AFF;
}

.dashboardinfo .toggle {
    cursor: pointer;
}

#dashboard .bills .unpaidbillswrap {
    line-height: 50px;
    margin-left: 30px;
    cursor: pointer;
}

#dashboard .toggle .ico16 {
    margin-right: 15px;
    border: 1px solid #aaa;
    border-radius: 15px;
}

.dashboardinfocontent {
    border-top: 1px solid #ddd;
}

.dashboardguide>div {
    padding: 40px;
    border-right: 1px solid #ddd;
    text-align: center;
}

.dashboardguide>div:last-child {
    border-right: none;
}

.dashboardguide>.dashboardgap {
    width: 0px;
    padding: 0px;
}

.dashboardgap .ico32 {
    margin: 0px 0px 0px -18px;
    position: absolute;
    top: 50%;
    border: 1px solid #ddd;
    border-radius: 32px;
    background-position: -128px -96px;
    background-color: #fcfcfc;
}

.accountssection .headers {
    background-color: #d8d8d9;
    line-height: 35px;
}

/* DASHBOARD END */

.userwrap {
    border: none;
    background-color: #232425;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    display: inline-block;
}

.userwrap>* {
    display: inline-block;
}

.setupguide #companydata {
    background-color: #fcfcfc;
    box-shadow: 0px 6px 12px #00000014;
    border-radius: 5px;
    overflow: hidden;
}

.setupguide #bankview .controls,
.setupguide #companydata .controls {
    display: none;
}

#companydata .navcontrols,
#bankview .navcontrols {
    display: none;
}

.setupguide #companydata .navcontrols,
.setupguide #bankview .navcontrols {
    display: block;
}

.setupstepswrap {
    max-width: 1200px;
    min-width: 820px;
    margin: 60px auto;
    text-align: center;
    background-color: transparent;
    box-shadow: 0px 6px 12px #00000014;
    border-radius: 5px;
    overflow: hidden;
    background-color: #f2f2f4;
}


.setupstepswrap.wide {
    width: 70%;
}

.setupcontents .agreementidfield {
    display: none;
}

.setupstepsheader {
    background-color: #294AFF;
    height: 60px;
    line-height: 60px;
    padding: 0px 160px;
    font-size: 12px;
    color: #B5C1FF;
}

.setupstepsheader .active {
    color: #fcfcfc;
}

.setupsteps,
.setupstepsheader {
    text-align: center;
}

.setupstepsheader .active .roundbutton {
    background-color: #fcfcfc;
    border: 1px solid #fff;
    color: #294AFF;
}

.setupstepsheader .roundbutton {
    display: inline-block;
    background-color: #294AFF;
    border: 1px solid #B5C1FF;
    line-height: 30px;
    font-size: 16px;
    margin-right: 15px;
}

.setupstepsheader .step {
    cursor: pointer;
}

.setupstepsheader .step>* {
    vertical-align: middle;
    pointer-events: none;
}

.laststep {
    margin: 30px;
    font-size: 34px;
    font-weight: 500;
}

.modal .laststep {
    display: none;
}

.modal .laststepimage {
    display: none;
}

#companydata .grouptext {
    border-left: 2px solid #294AFF;
    margin-left: 10px;
    padding-left: 10px;
    color: #aaa;
    text-align: left;
    margin-top: 30px;
    font-size: 13px;
}

.settingscontent #companydata .grouptext {
    display: none;
}

.setupstepswrap #companydata .lg-divider {
    display: none;
}

.setupstepswrap form {
    background-color: #fcfcfc;
}

.createnewcompany {
    font-size: 34px;
    margin-top: 60px;
}

.addnewcompany:hover {
    cursor: pointer;
    color: #294AFF;
}

.addnewcompany:hover button {
    background-color: #0021D8;
}

.editor-label.label-wrap {
    white-space: wrap;
}

.editor-label.label-wrap.low-row-height label {
    line-height: 20px;
}

.addbanktransaction {
    text-align: center;
}
.addbanktransaction:hover {
    cursor: pointer;
    color: #294AFF;
    text-align: center;
}

.addbanktransaction:hover button {
    background-color: #0021D8;
}

.firststeps {
    font-size: 14px;
    margin-top: 20px;
}

.setupstepspromoimage {
    height: 247px;
    background-image: url(../Images/svg2020/setuppromo.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 45px;
}

#addcompany {
    background-color: transparent;
}

#addcompany input,
#addcompany select {
    border: 1px solid #ddd;
    padding-right: 5px;
}

#addcompany input:focus,
#addcompany select:focus {
    border: 1px solid cornflowerblue;
}

#addcompany .ui-datepicker-trigger {
    right: -5px;
}

#addcompany #StartDate {
    padding-right: 20px;
}

/* subnav2 */
.subnav2 {
    position: absolute;
    border-top: none;
    display: none;
    overflow: auto;
    z-index: 10;
    background-color: #fcfcfc;
    top: 60px;
}

.subnav2 .item {
    background-color: #fcfcfc;
    padding: 0px 30px;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
    transition: all 0.2s;
}

.subnav2 .item>* {
    vertical-align: middle;
}

.subnav2 .group {
    background-color: #fcfcfc;
    padding: 0px 30px;
    white-space: nowrap;
    color: #919191;
    font-size: 13px;
}

.subnav2 .grouptext {
    border-left: 2px solid #294AFF;
    margin: 15px 0px;
    padding-left: 10px;
}

.subnav2 .item.ebillstab {
    background-position: 95%;
    min-height: inherit;
}

.nav-items a {
    display: block;
}

.subnav2 .item a {
    color: #666;
}

.subnav2 .item:hover,
.subnav2 .item:hover a,
.subnav2 .item.selected {
    cursor: pointer;
    color: #294aff;
    background-color: #EFF0F4;
}

.subnav2 .item.selected {
    text-indent: 15px;
    background-image: url(../Images/svg2020/right2_blue.svg);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position-x: 17px;
    background-position-y: center;
}

/* maintabs */
.maintabswrap {
    background-color: #fcfcfc;
    margin-top: 0px;
    height: 60px;
    z-index: 3;
    box-shadow: 0px 6px 12px #00000014;
    position: fixed;
    width: 100%;
    white-space: nowrap;
}

.navigationgap {
    height: 60px;
}

.maintab {
    display: table-cell;
    vertical-align: top;
}

.maintab .tab {
    padding: 0px 15px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.rightmenu .maintab .tab {
    padding: 0px;
}

.midmenu {
    padding-right: 50px;
}

.maintab .tab>div {
    vertical-align: middle;
    display: inline-block;
}

.maintab.buynowtab .tab>div {
    width: 100%;
}

.maintab .tab.active {
    background: linear-gradient(0deg, #294aff 0%, #294aff 4px, #fff 4px, #fff 100%);
}

.maintab .tab:hover {
    background: linear-gradient(0deg, #0021d8 0%, #0021d8 4px, #fff 4px, #fff 100%);
}

.settingstab:hover .ico {
    background-image: url(../Images/svg2020/gear_white.svg);
}

.settingstab .tab.active {
    background: #0021d8;
    background-color: #0021d8;
}

.settingstab .tab.active .ico {
    background-image: url(../Images/svg2020/gear_white.svg);
}

.rightmenu .maintab .tab:hover {
    background: #0021d8;
    background-color: #0021d8;
}

.rightmenu .maintab.buynowtab:hover .tab {
    background: #e84c4c;
    background-color: #e84c4c;
}

.maintab .tab .tabtext {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    pointer-events: none;
}

.maintab .ico {
    width: 21px;
    height: 20px;
    pointer-events: none;
}

#js-nav-help-desk-widget {
    pointer-events: all;
}

.maintab .active .ico {
    color: #294aff;
}

.admintab.maintab .ico,
.admintab.maintab .active .ico,
.admintab.maintab:hover .tab .ico {
    color: #ff9800;
}

.admintab.maintab .tab {
    border: none;
    padding: 0px;
}


.labelsfordesktop>div {
    vertical-align: bottom;
    padding: 0px 5px;
}

.maincontrols .icon {
    margin-right: 5px;
    width: 24px;
    height: 32px;
    margin-right: 25px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 20px;
}

.username .icon {
    background-image: url(../Images/svg2020/user_grey.svg);
}

.language .icon {
    background-image: url(../Images/svg2020/globe_grey.svg);
}

.subnav2 .username:hover .icon {
    background-image: url(../Images/svg2020/user_white.svg);
}

.teamviewer .icon {
    background-image: url(../Images/svg2020/teamviewer_grey.svg);
}

.subnav2 .teamviewer:hover .icon {
    background-image: url(../Images/svg2020/teamviewer_white.svg);
}

.help .icon {
    background-size: 22px;
    background-image: url(../Images/svg2020/question_grey.svg);
}

.subnav2 .help:hover .icon {
    background-image: url(../Images/svg2020/question_white.svg);
}

.logout .icon {
    background-image: url(../Images/svg2020/logout_grey.svg);
}

.subnav2 .logout:hover .icon {
    background-image: url(../Images/svg2020/logout_white.svg);
}

.buynowmenu .icon {
    background-size: 22px;
    background-image: url(../Images/svg2020/buy_white.svg);
}

.addnewtab .ico {
    background-size: 12px;
    background-color: #0021D8;
    background-image: url(../Images/svg2020/plus_white.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 30px;
    width: 30px;
    height: 30px;
}

.addnewtab .subnav2 {
    right: 0px;
}

.maincontrols {
    width: 480px;
    overflow: auto;
}

.maincontrols .item {
    height: 70px;
    line-height: 70px;
    border-top: 1px solid #DFE1E6;
    border-bottom: 1px solid #DFE1E6;
    font-weight: 500;
    font-size: 16px;
}

.maincontrols .item:hover {
    background-color: #294AFF;
    color: #fcfcfc;
}

.maincontrols .buynowmenu {
    background-color: #FF6A6A;
    color: #fcfcfc;
}

.maincontrols .buynowmenu:hover {
    background-color: #E84C4C;
}

.maincontrols .usermenuheader {
    color: #999;
}

.maincontrols .usermenuheader:hover {
    color: #999;
    background-color: #fcfcfc;
}

.maincontrols .item.language {
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    font-size: 14px;
}

.maincontrols .language.item:hover {
    background-color: #fcfcfc;
    color: #333;
}

.maincontrols .languagetext>select {
    width: auto;
}

/* ddmenu */
.ddmenu {
    background: #edecea;
    position: absolute;
    border: 3px solid #c7c7c7;
    border-top: none;
    display: none;
    overflow: hidden;
    margin-left: -2px;
    border-radius: 0px 6px 6px 6px;
    z-index: 1;
}

.ddmenu>* {
    background: #fff;
    padding: 6px 12px;
    white-space: nowrap;
    border: 1px solid #edecea;
    border-left: none;
    border-right: none;
}

.ddmenu>*:hover {
    cursor: pointer;
    background: #232425;
    color: #aaa;
}

.ddmenu>*.selected {
    background: #232425;
    color: #aaa;
}

.space {
    margin-top: 20px;
}

.pad20 {
    padding: 20px;
}

.pad10 {
    padding: 10px;
}

.space10 {
    margin-top: 10px;
}

.space30 {
    margin-top: 30px;
}

.spacebig {
    margin-top: 40px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-20 {
    margin-left: 20px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-20 {
    margin-right: 20px;
}
.gapbot {
    margin-bottom: 10px;
}

/* initial balance */
.settingscontent li .initialbalance .datagridlist .topcontrols {
    padding: 0px;
}

.initialbalance .contents {
    padding: 0px;
    margin-top: 4px;
}

.initialbalancemenu td {
    white-space: normal;
    cursor: pointer;
    background-color: #fcfcfc;
    color: #333;
    padding: 0px 10px;
    height: 32px;
    border: 2px solid transparent;
    text-align: center;
}

.initialbalance .initialbalancemenu td:hover,
.initialbalance .initialbalancemenu td.selected {
    background-color: #294aff;
    color: #fcfcfc;
}

.initialbalance .tab>* {
    display: inline;
}

.initialbalance .tab .ico {
    width: 16px;
    height: 16px;
    background-image: url(../Images/ico16.png);
    background-position: -576px -48px;
    vertical-align: text-bottom;
    display: inline-block;
    vertical-align: middle;
}

.initialbalance td:hover .ico,
.initialbalance td.selected .ico {
    background-position: -576px -32px;
}

#initialfixedassets .acclist table {
    border-width: 1px;
    margin-top: 10px;
}

#initialfixedassets .acclist table td {
    padding: 0px 6px;
    border: 1px solid #ddd;
}

.dashboardtabs {
    height: 60px;
    background-color: #fcfcfc;
    padding: 0px 40px;
}

.invoicesettingstabs,
.pricesanddiscountstabs {
    background-color: #fcfcfc;
    padding-left: 60px;
    border-bottom: 1px solid #DFE1E6;
}

.dashboardtabs .tab {
    line-height: 60px;
    height: 60px;
    padding: 0px 0px;
    box-sizing: border-box;
    background-color: #fcfcfc;
    text-align: center;
    cursor: pointer;
    border: none;
    display: inline-block;
    margin: 0px 20px;
    font-weight: 500;
}

.invoicesettingstabs .tab,
.pricesanddiscountstabs .tab {
    line-height: 60px;
    padding: 0px 30px;
    box-sizing: border-box;
    background-color: #fcfcfc;
    text-align: center;
    cursor: pointer;
    margin-right: -5px;
    display: inline-block;
}

.invoicesettingstabs .tab.selected,
.dashboardtabs .tab.selected,
.pricesanddiscountstabs .tab.selected {
    color: #294aff;
    background: linear-gradient(0deg, #294aff 0%, #294aff 4px, #fff 4px, #fff 100%);
}

#pricesanddiscounts .controls {
    padding: 40px 60px;
}

.dashboardviewcontent {
    margin: 35px 60px;
    position: relative;
}

.dashboardrightsection {
    width: 395px;
}

.dashboardrightsection .section {
    width: 360px;
    margin-left: 35px;
}

.dashboardmessages {
    padding-left: 35px;
    margin-left: 35px;
}

#companiesinfolist {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 6px 10px #0000000A;
}

#companiesinfolist .companyname {
    width: 350px;
}

#contractkeys .tabs {
    margin: 10px 120px;
}

.fadetails {
    max-height: 540px;
    overflow: auto;
}

.fadetails td span {
    box-sizing: border-box;
}

.maincontent {
    margin: 0px auto;
}

.subwrap {
    margin: 0px auto;
}

label,
.label {
    color: #777;
    font-size: 14px;
    line-height: 32px;
}

.fieldslim label {
    color: #333;
}

.totalsection label {
    color: #333;
}

.setup-tabs .tabs {
    width: auto;
}

.userproperties {
    margin: 0px 120px;
    padding-top: 20px;
}

.settingswrap {
    background-color: #f2f2f4;
    box-sizing: border-box;
    box-shadow: 0px 6px 12px #00000014;
    position: relative;
    overflow: auto;
}

.settings .title {
    font-size: 16px;
    font-weight: 500;
    padding: 17px 60px;
    background-color: #fcfcfc;
}

.settings .title>* {
    display: inline-block;
    vertical-align: middle;
}

.settings .title .ico {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 10px;
}

.settings .title .companysettingsico {
    background-image: url(../Images/svg2020/user_grey.svg);
}

.settings .title .generalsettingsico {
    background-image: url(../Images/svg2020/gear_grey.svg);
}

.settings .title .financesettingsico {
    background-image: url(../Images/svg2020/columns_grey.svg);
}

.settings .title .dimensionsico {
    background-image: url(../Images/svg2020/compass_grey.svg);
}

.settings .title .companysettingsico {
    background-image: url(../Images/svg2020/user_grey.svg);
}

.settings .selectedgroup .title .generalsettingsico {
    background-image: url(../Images/svg2020/gear_blue.svg);
}

.settings .selectedgroup .title .financesettingsico {
    background-image: url(../Images/svg2020/columns_blue.svg);
}

.settings .selectedgroup .title .dimensionsico {
    background-image: url(../Images/svg2020/compass_blue.svg);
}

.settings .selectedgroup .title .companysettingsico {
    background-image: url(../Images/svg2020/user_blue.svg);
}

.settings .settingsribbon {
    padding: 10px 60px;
    background-color: #fcfcfc;
    width: 100%;
    border-bottom: 1px solid #DFE1E6;
}

.settingsribbon button {
    margin-right: 20px;
    background-image: url(../Images/svg2020/left_white.svg);
    background-repeat: no-repeat;
    background-position: 15px 50%;
    background-size: 10px;
    text-indent: 25px;
}

.settingsgroupname {
    margin-right: 5px;
}

.settingsmenuname {
    color: #294AFF;
    margin-left: 5px;
}

.settings .menu {
    padding: 40px 20px;
}

.settings .menu>div {
    cursor: pointer;
    padding: 10px 40px;
}

.settings .menu>div:hover {
    color: #294AFF;
    background-color: #EFF0F4;
}

.settings .menu>div.selected {
    background-color: #EFF0F4;
    color: #294AFF;
    text-indent: 20px;
    background-image: url(../Images/svg2020/right2_blue.svg);
    background-position: 10% 50%;
    background-repeat: no-repeat;
}

.settingswrap>div {
    padding: 0px;
}

.ukuwin_tasklist_container {
    bottom: 60px;
}

.settingscontent {
    padding: 0px;
}

.settingscontent .scontent>li {
    display: none;
}

.settingscontent li .datagridlist {
    padding: 0px;
}

.settingscontent li .datagridlist .topcontrols {
    background-color: #fcfcfc;
    padding: 10px 60px;
}

.settingscontent li .datagridlist .tablewrap {
    padding: 10px 60px;
    box-shadow: none;
    border: none;
    border-radius: 5px;
}

.settings .notselected .title .ico {
    background-position: -496px -48px;
}

.settingscontent li .companycountgrid .topcontrols {
    background-color: transparent;
}

.menugroup .title .icon2 {
    width: 20px;
    height: 20px;
    float: right;
    background-image: url(../Images/svg2020/down2_blue.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.menugroup.selectedgroup .title .icon2 {
    background-image: url(../Images/svg2020/up2_blue.svg);
}

.settings-wrap>.tabs {
    background-color: #232425;
    display: table;
    width: 100%;
    text-align: center;
    table-layout: fixed;
    /*margin-left: 210px;*/
    position: relative;
    width: 960px;
    margin: 0 auto;
}

.settings-wrap .tabs>li {
    display: table-cell;
}

.settings-wrap .tabs>li a {
    color: #aaa;
    padding: 12px 24px;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    border-left: 1px solid #333;
    border-right: 1px solid #666;
}

.settings-wrap .tabs li a:hover {
    background: #fff;
    color: #666;
    text-decoration: none;
}

.settings-wrap .tabs li a.active {
    background: #fff;
    color: #666;
}

#teamviewer {
    text-align: right;
}

#teamviewer>div {
    display: inline-block;
}

/* controls */
form .message {
    color: #294AFF;
    text-align: right;
}

.validation-summary-errors {
    color: #E94A22;
    text-align: right;
}

.field-validation-error {
    color: #E94A22;
}

/* registerform*/
.header .controls a {
    display: inline-block;
}

.hello-message {
    font-weight: bold;
    margin-right: 20px;
}

.hello-message,
.hello-message a {
    vertical-align: top;
}

.header .companyname {
    display: inline-block;
}

.header .companyname>* {
    vertical-align: middle;
}

.header .companyname .ico {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: -144px 0px;
    background-image: url(../Images/ico16.png);
    display: inline-block;
    cursor: pointer;
}

.header .companyname:hover .ico {
    background-position-y: -16px;
}

.header .controls {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0px;
}

.header .controls>* {
    display: inline-block;
}

.header .controls script {
    display: none;
}

.content-wrap {
    display: table;
    width: 100%;
    border-top: none;
    box-sizing: border-box;
}

.subnav .nav,
.subnav>.content {
    vertical-align: top;
}

.subnav .nav {
    position: relative;
    display: none;
    margin: 0px;
    padding: 5px 0px;
    width: 200px;
}

.subnav>.content {
    position: relative;
    box-sizing: border-box;
}

.subnav>.content>li {
    margin: 0 auto;
    display: none;
}

.showtrl [data-trl] {
    color: #94ca2e !important;
}

#importebillsmessage,
.jpkvat2message {
    padding: 10px;
    margin-top: 5px;
    border-radius: 0px;
    background: #ffffff;
    border: 0px solid #DBDBDB;
    position: relative;
}

#importebillsmessage {
    margin: 5px 120px;
}

.jpkvat2info {
    position: relative;
    margin: 0px 60px;
    margin-top: 10px;
    margin-bottom: 5px;
    box-sizing: border-box;
}

.trlmodal {
    background-color: #eee;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    z-index: 100;
}

#trlvalue {
    width: 640px;
}

.subnav .nav li a {
    background: #0186CD;
    padding: 4px 14px;
    color: #fcfcfc;
    display: block;
    margin: 5px -2px 5px 0px;
    border: 1px solid transparent;
    /*border-radius: 10px 0px 0px 10px;/**/
    border-width: 2px 0px 2px 2px;
    white-space: nowrap;
}

.subnav .nav li a.active,
.subnav .nav li a:hover {
    background: #fff;
    border-color: #0186CD;
    border-style: solid;
    color: #0186CD;
}

#invsettings {
    padding: 0px;
}

#invsettings .rightsection {
    width: 450px;
}

#invsettings.invoicedesigntab .controls {
    display: none;
}

#invsettings>.controls {
    text-align: right;
    padding: 0px 60px
}

.setup-guide .tabs {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: table;
    background: #1b9ae3;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
}

.setup-guide .tabs>li {
    display: table-cell;
    padding: 12px 12px;
    background: #0186CD;
    color: #fcfcfc;
}

.setup-guide .tabs>li.active {
    color: #0186CD;
    background: #0186CD;
    background: #fff;
}

.setup-guide>.content {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #bbb;
    border-width: 0px 1px 1px 1px;
    background-color: #fcfcfc;
    box-sizing: border-box;
}

.setup-guide .content>li {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    display: none;
}

.setup-guide .content .step-content {
    width: 100%;
}

.setup-guide .content .step-content .fill {
    display: table-cell;
    vertical-align: top;
}

.setup-guide .content .step-content .info {
    display: table-cell;
    vertical-align: top;
    padding: 0px 0px 0px 20px;
    width: 300px;
}

.info .content {
    padding: 10px;
    width: 300px;
    background: #eee;
}

.setup-guide .navcontrols .pos {
    float: right;
}

.setup-guide .navcontrols .neg {
    float: left;
}

.useraccountsettings {
    box-shadow: 0px 6px 12px #00000014;
}

/* general utility colorcode */
.miss {
    background: #E94A22 !important;
}

.no-float {
    float: none !important;
}

.separator {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.iblocks>* {
    display: inline-block;
}

.iblock {
    display: inline-block;
}

.block {
    display: block;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.add-account .ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    color: grey;
    margin-left: 10px;
    margin-right: -5px;
}

.trans {
    display: none;
}

/* modal */
.openModal {
    cursor: pointer;
}

.modal {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    z-index: 10;
    text-align: center;
}

.modal .container {
    text-align: left;
    border-radius: 4px;
    max-width: 95%;
    margin: 50px auto;
    background-color: #f2f2f4;
    overflow: hidden;
    display: inline-block;
}

.modal .modalheader {
    padding: 0px 30px;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    box-shadow: 0px 6px 12px #00000014;
    position: relative;
    background-color: #fcfcfc;
    border: 1px solid #DFE1E6;
}

.modal .modalheader .headertext {
    padding-right: 40px;
    font-size: 16px;
    white-space: nowrap;
}

#kdxmlmodal.modal .container {
    max-width: 768px;
}

#identificationmodal .container {
    max-width: 762px;
}

#periodizationbatchlistmodal .container {
    max-width: 768px;
}

.modal .datagridlist[data-list="glbatches"] .topcontrols,
.modal .datagridlist[data-list="othersales"] .topcontrols,
.hidetopcontrols .topcontrols {
    display: none;
}

#checktrialstartdate56 img {
    width: 100% !important;
    max-width: 600px;

}

/* progressmodal */
.progressmodal {
    border: 1px solid #0186CD;
    position: absolute;
    min-width: 320px;
    border-radius: 6px;
    overflow: hidden;
}

.progressmodal .header {
    padding: 0px 10px;
    background-color: #0021d8;
    color: #fcfcfc;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    cursor: move;
}

.progressmodal .header h3 {
    margin-right: 20px;
    margin-left: 3px;
}

.progressmodal .loadcircle {
    height: 20px;
    width: 20px;
}

.progressmodal .header>* {
    margin-top: -3px;
}

.progressmodal.stopped .stopprocess {
    display: none;
}

.progressmodal .content {
    min-height: 32px;
    background-color: #f2f2f4;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.progressmodal .close {
    position: absolute;
    cursor: pointer;
    display: block;
    padding: 0px;
    width: 16px;
    height: 16px;
    top: 8px;
    right: 6px;
    margin: 0px;
    border: none;
    border-radius: 0px;
    transition: all 0.3s;
    background-repeat: no-repeat;
    color: #fcfcfc;
    background-image: url(../Images/svg2020/x_white.svg);
    background-position: 50%;
}

.progressmodal .close:hover {
    transform: rotateZ(90deg);
}



/* formtopcontrols */
.formtopcontrols {
    white-space: nowrap;
    padding: 10px 60px;
    margin: 0px;
    box-sizing: border-box;
    background-color: #fcfcfc;
    table-layout: auto;
}

.formtopcontrols>* {
    vertical-align: top;
}

.formtopcontrols .tleft {
    width: 45%;
}

.documentview[data-viewmode='add'] .formtopcontrols {
    display: none;
}

.documentview[data-viewmode='add'] .formtopcontrols[data-modelname="purchaseinvoiceheader"] {
    display: block;
}

.formtopcontrols>* {
    display: table-cell;
}

.add .formtopcontrols,
.edit .formtopcontrols {
    display: none;
}

.documentview[data-viewmode='edit'] .formtopcontrols[data-modelname="purchaseinvoiceheader"] {
    display: block;
}

[data-modelname="paymentorderheader"] .doctopdf {
    display: none;
}

.documentview.edit .gltransaction,
.documentview.edit .doctopdf {
    display: none;
}

.customcontrols {
    margin-bottom: 20px;
    height: 32px;
}

.deletedoc>* {
    pointer-events: none;
}

.modal .controls .listview {
    display: none;
}

.contents {
    padding: 10px;
}

/* noedit */
.noedit .dropdown .ico {
    display: none;
}

.confirmationmodal .content div,
.confirmationmodal .content .controls {
    text-align: center;
}

.contentspace {
    margin: 20px 120px;
}

.translations {
    margin: 0px 120px;
}

.translations .controls {
    margin: 10px 0px;
}

#translations .userfield,
#translations .datefield,
#translations .keyfield {
    color: #aaa;
}

.translationwrap .fieldheader {
    border: 1px solid #ccc;
    background-color: #eee;
    cursor: pointer;
    padding: 3px 10px;
}

.translationwrap .sorted {
    background-color: #D9FFB6;
}

.translationwrap .items {
    overflow: auto;
    border: 1px solid #ccc;
    max-height: initial !important;
}

.translationwrap table {
    table-layout: fixed;
    white-space: normal;
}

.translationwrap table td {
    white-space: normal;
    padding: 0px 10px;
}

.translationwrap table td span {
    height: 100%;
    transition: all 1s;
}

.translationwrap .saved {
    background-color: #D9FFB6;
}

.translations .field {
    padding-bottom: 0px;
}

.translations .filtericon {
    background-position: -48px 0px;
    background-image: url(../Images/ico16.png);
    width: 16px;
    height: 16px;
    padding: 0px;
    border-radius: 0;
    border: none;
    position: absolute;
    top: 8px;
    right: 5px;
}

.translations .filtericon:hover {
    background-position: -48px -16px;
}

.translationedit {
    width: 400px;
    height: 200px;
}

/* reportview */
.reportview {
    background-color: #f2f2f4;
    overflow: auto;
    border-top: 1px solid #DFE1E6;
    padding: 0px 60px;
    text-align: left;
    min-width: 480px;
}

.repline .reportview {
    border: none;
}

.settings .reportview {
    margin: 0px;
}

#cloudqueriesform .reportview {
    margin: 0px;
}

#renumdata.hidecontrols .controls {
    display: none;
}

.modal .reportview {
    border-top: none;
    margin-top: -30px;
}

/* PL Ostuaruanne KM määrade järgi ja myygi */
.reportview .reportview {
    margin: 0px;
}

#polsales.reportview {
    border-top: none;
}

.glcontent .reportview {
    margin-top: 0px;
}

.modal .glcontent .reportview {
    border-top: none;
}

.glbatchreport.reportview {
    padding: 0px;
}

.glbatchreport.reportview table {
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0px 6px 10px #0000000A;
}

.glbatchreport .field-Description span,
.glbatchreport .field-AccCode span {
    white-space: normal;
}

.a4.reportview {
    overflow: visible;
}

.a4 .reportview {
    margin: 0px;
    padding: 0px;
    overflow: visible;
    border: none;
    box-shadow: none;
}

.reportview table {
    table-layout: auto;
    margin-top: 20px;
}

.repdrawlimit table {
    margin-top: 0px;
}

.reportview table th,
.reportview table td {
    background: transparent;
    padding: 0px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-shadow: none;
    height: 36px;
}

.reportview.kdinf table th,
.reportview.kdinf table td {
    white-space: normal;
}

.bold,
table td.bold,
.bold input {
    font-weight: bold;
}

.italic,
.italic input {
    font-style: italic;
}

.a4 .commentline {
    min-height: 10px;
}

/* banks cash */
#payments .sectionclose {
    display: none;
}

#payments .invoiceview>.datagridlist {
    padding: 0px 60px;
}

.bankchoice {
    margin: 0px 60px;
}

.banktype {
    font-size: 16px;
    padding: 10px 10px;
    background-color: #f2f2f4;
    border: 1px solid #f2f2f4;
}

.bankline {
    background: #fff;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    margin-bottom: 35px;
    width: 100%;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    box-shadow: 0px 6px 10px #0000000A;
}

.bankline>.cols {
    table-layout: auto;
}

.bankline .roundaddwithtext>* {
    pointer-events: none;
}

.bankheader {
    background-color: #e2e3e6;
    font-weight: bold;
    padding-left: 30px;
    margin-bottom: 20px;
}

.bankheader>* {
    line-height: 50px;
    vertical-align: top;
}

.bankheader .roundaddwithtext {
    padding-right: 30px;
}

.bankline .bankname {
    font-size: 16px;
}

.bankline .bankname:hover {
    color: #294AFF;
}

.bankcodewrap {
    padding: 0px 30px;
    font-weight: 500;
    height: 19px;
    vertical-align: top;
}

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

.bankline-addbutton:hover {
    color: #294AFF;
}

.bankline-addbutton.notallowed,
.bankline-addbutton.notallowed:hover {
    color: #aaa;
}

.bankline-addbutton.notallowed .roundadd,
.bankline-addbutton.notallowed:hover .roundadd {
    background-color: #aaa;
    border-color: #aaa;
}

.bankline .bankbalance,
.bankline .bankcurrency {
    font-size: 16px;
    width: 50%;
}

#apikeys .tablewrap {
    padding: 0px;
}

.apikeyscontainer {
    position: relative;
    padding-bottom: 50px;
}

.apicredsdelete {
    position: absolute;
    background-color: #ed455d;
    right: -35px;
    transition: all 0.2s;
    opacity: 0;
    color: #fcfcfc;
    cursor: pointer;
    width: 36px;
    height: 36px;
    background-size: 50%;
    background-image: url(../Images/svg2020/x_white.svg);
}

.apicredsformerror {
    opacity: 0;
}

.apicreds_errorvisible {
    opacity: 1 !important;
}

.apicreds_inputerror {
    border: 1px solid red !important;
}
.apisettingsowneronly {
    margin-top: 20px;
    margin-left: 5px;
}

.link,
.link span,
input.link {
    color: #294AFF !important;
    cursor: pointer !important;
}

#dashboard .link {
    color: #294AFF;
    cursor: pointer;
    text-decoration: underline;
}

.linkbutton,
.permissions button {
    white-space: nowrap;
    border-radius: 10px;
    padding: 0px 10px;
    height: 23px;
    line-height: 22px;
    background-color: #DEE0E8;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
}

.linkbutton:hover,
.permissions button:hover {
    background-color: #294AFF;
    color: #fcfcfc;
}

.autoconnect {
    float: right;
    color: #294AFF;
    vertical-align: top;
}

.permissionscontent {
    margin-top: 20px;
}

.bankline .bankbalance {
    padding: 0px 30px;
    font-weight: bold;
    font-size: 18px;
    color: #294AFF;
    line-height: 30px;
    margin-top: 5px;
    margin-bottom: 15px;
}

.bankline .bankcurrency {
    margin-left: 5px;
}

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

.bankline .rightblock {
    vertical-align: top;
    position: relative;
}

.bankline .links {
    padding: 0px 30px;
}

.bankline .links>div {
    margin-right: 10px;
}

.bankline .butsection {
    border: none;
    table-layout: fixed;
}

.bankline .butsection td {
    border: none;
    padding: 3px 12px 0px 0px;
}

.bankline .butsection td button {
    width: 100%;
}

.bank-account-list {
    width: 100%;
}

.bank-account-list thead td {
    background: #eee;
}

.bank-account-list td {
    border: 1px solid #ddd;
    line-height: 19px;
}

.cashorderheader {
    margin-bottom: 20px;
}

/* sales invoice */
.salesinvoice>.cols>div {
    padding: 3px;
    box-sizing: border-box;
}

/* invoice settings */
.step-wrap {
    display: table;
    width: 100%;
}

.step-wrap>div {
    display: table-cell;
}

.step-wrap .info {
    width: 30%;
    padding-left: 20px;
}

.invoice-preview {
    vertical-align: top;
    box-sizing: border-box;
}

.invoice-preview .preview {
    margin-left: 10px;
    background: #fff;
    position: absolute;
    transform: scale(0.5);
    -moz-transform: scale(0.58);
    -ms-transform: scale(0.58);
    -webkit-transform: scale(0.58);
    -o-transform: scale(0.58);
    transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
}

.invoice-preview .choices {
    vertical-align: bottom;
}

.preview-container {
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 5px;
    padding-top: 5px;
}

.preview-container:hover,
.preview-container2:hover {
    border: 1px solid #0186CD;
}

.preview-list {
    text-align: center;
    margin: 0 auto;
    height: 80px;
    white-space: nowrap;
}

.preview-list li {
    display: inline-block;
    height: 80px;
    vertical-align: top;
    padding: 1px;
}

.preview-list .item {
    width: 20px;
    height: 32px;
    cursor: pointer;
    vertical-align: top;
    border: 1px solid #ddd;
}

.preview-list li:hover .item {
    width: 48px;
    height: 72px;
}

.preview-list li .item.selected {
    border: 2px solid #0186CD;
}


.sectiongap {
    margin-top: 20px;
    margin-bottom: 20px;
}

.page {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
    height: 327px;
}

.page p {
    text-align: right;
    color: #333;
}

.board {
    border: 2px solid #ddd;
    /*border-radius: 5px;/**/
    height: 150px;
}

.board .title {
    border: none;
}

.board .title h3 {
    padding: 4px 4px;
    margin: 0px;
}

/* datepicker */
.datepicker-wrap {
    white-space: nowrap;
}

.datepicker-wrap.disabled button {
    display: none;
}

.ui-datepicker {
    background: #f2f7ff;
    border: 1px solid #c7c7c7;
    padding: 10px;
    margin-top: -1px;
    width: 240px;
    display: none;
}

.ui-datepicker th {
    min-width: 16px;
}

.ui-datepicker th>span {
    border: none;
}

.ui-datepicker-header {
    text-align: center;
}

.ui-datepicker-title select {
    width: auto;
    width: 100%;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    margin-top: 10px;
}

.ui-datepicker-prev {
    float: left;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-calendar {
    text-align: center;
    margin-top: 5px;
}

.ui-datepicker-calendar tr>* {
    width: 24px;
}

.ui-datepicker-calendar a {
    text-decoration: none;
}

button.ui-datepicker-trigger {
    width: 12px;
    height: 12px;
    padding: 0px;
    background-image: url(../Images/svg2020/calendar_blue.svg);
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -9999px;
    border: none;
    vertical-align: middle;
    background-size: 100%;
}

.ui-datepicker-trigger:disabled {
    background-position-y: -32px;
}

.noedit .ui-datepicker-trigger {
    display: none;
}

.canedit .ui-datepicker-trigger {
    display: initial;
}

.ui-datepicker-other-month a {
    color: #aaa;
}

.ui-datepicker-week-end a {
    color: #E94A22;
}

.ui-datepicker-current-day {
    font-weight: bold;
    background-color: #FFE7BB;
}

.ui-datepicker-trigger {
    margin-left: -23px !important;
}

.field-VATDate .ui-datepicker-trigger,
.field-Entrydate .ui-datepicker-trigger,
.field-DueDate .ui-datepicker-trigger,
.field-DocDate .ui-datepicker-trigger,
.pltdlines td .ui-datepicker-trigger,
.paymentsimplegrid .ui-datepicker-trigger,
.tablewrap .ui-datepicker-trigger {
    margin-left: 0px !important;
}

.paymentsimplegrid .field-PaymDate input {
    margin-right: -17px;
    padding-right: 17px;
}

.documentview #paymentsimpleform .controls {
    display: none;
}

#paymentsimpleform[data-doctype=pit] .tablewrap,
#paymentsimpleform[data-doctype=zus] .tablewrap {
    overflow: visible;
}

.intablebutton {
    border-color: #ddd;
    color: #333;
    height: initial;
    background-color: rgba(255, 255, 255, 0.5);
}

#paymentsimpleform .controls {
    text-align: right;
    margin-top: 10px;
}

.viewmode-view #paymentsimpleform .controls {
    display: block;
}

.lineedit .datepicker {
    margin-right: -17px;
}

.zussetuplist .field-Description {
    width: 50% !important;
}

.editor-field {
    position: relative;
}

/* date */
.date {
    text-align: right;
}

/* color */
/* countrieslist */

.countrieslist .field-controls,
.currencieslist .field-controls {
    width: 32px;
    padding: 0px;
}

.settingscontent li.countrieslist .datagridlist .tablewrap,
.settingscontent li.currencieslist .datagridlist .tablewrap {
    padding: 0px;
    max-height: initial !important;
}

#fullcountrylist,
#selectedcountries,
#fullcurrencylist,
#selectedcurrencies {
    max-height: 400px;
    overflow: auto;
}

.countrieslist h3,
.currencieslist h3 {
    margin-bottom: 20px;
}

.dropdown #fullcountrylist,
.dropdown #selectedcountries,
.dropdown #fullcurrencylist,
.dropdown #selectedcurrencies {
    max-height: none;
    overflow: visible;
}

.removecountry,
.removecurrency {
    background-image: url(../Images/svg2020/trash_red.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50px;
}

.removecountry:hover,
.removecurrency :hover {
    background-image: url(../Images/svg2020/trash_white.svg);
}

.addcountry,
.addcurrency {
    background-image: url(../Images/svg2020/plus_blue.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 50px;
}

.addcountry:hover,
.addcurrency:hover {
    background-image: url(../Images/svg2020/plus_white.svg);
}

table:focus {
    outline: none;
}

table td,
table th {
    padding: 0px;
}

table th {
    background: #eee;
}

table .controls {
    max-width: none;
}

table .controls.intable {
    position: static;
    width: 1px;
}

table td.first {
    padding-left: 20px;
}

#dropdownlist.drawlimit .tablewrap {
    overflow: hidden;
}

.drawlimit .scrollbar,
.repdrawlimit .scrollbar {
    width: 9px;
    position: absolute;
    right: 0px;
    background-color: #ddd;
    opacity: 1;
    cursor: pointer;
    opacity: 0.7;
    top: 0px;
}

.drawlimit .scrollgrip,
.repdrawlimit .scrollgrip {
    width: 9px;
    height: 32px;
    border-radius: 16px;
    background-color: #aaa;
    position: absolute;
    top: 0px;
}

.drawlimit .scrollgrip:hover,
.repdrawlimit .scrollgrip:hover {
    background-color: #777;
}

.repdrawlimit {
    margin-top: 20px;
    position: relative;
}

#dropdownlist table {
    margin-right: 24px;
}

#dropdownlist.drawlimit table {
    margin-right: 0px;
}

/* datatable */
.datatable th {
    padding-right: 20px;
}


/* datagrid */
.datagridlist {
    position: relative;
}

.datagridlist.ready {
    background: none;
}

.datagridlist.drawlimit .tablewrap {
    overflow-y: hidden;
}

.dropdown .datagridlist {
    background: none;
}

.datagrid#dropdownlist {
    border: 1px solid #aaa;
    padding: 1px;
}

.datagrid .tablewrap {
    overflow: auto;
    will-change: transform;
    box-shadow: 0px 6px 10px #0000000A;
    border-radius: 4px;
}

.expenseclaimpayment .advance {
    display: none;
}

.expvendorname {
    margin-left: 5px;
}

.settingscontent li .initialbalance .datagrid .tablewrap {
    padding: 0px;
}

.settingscontent li .initialbalance .controls {
    padding: 10px;
}

#initialaccounts,
#initialinvoices,
#initialcustomerpp,
#initialbills,
#initialvendorpp,
#initialecdebts,
#initialecpp,
#initialfixedassets {
    padding: 40px 60px;
}

.scontent>li>.datagridlist>.datagrid {
    margin: 0px;
}

.datagrid tbody tr {
    height: 23px;
    cursor: pointer;
}

li>.datagridlist {
    padding: 0px 60px;
}

.jpkmenus .datagrid tbody tr {
    cursor: auto;
}

.jpkmenus .datagrid td {
    text-align: right;
}

.datagrid th,
.datagrid td {
    padding: 0px 1px;
    box-sizing: border-box;
}

.datagrid th input,
.datagrid td input {
    background: transparent;
}

/* datagrid custom elements */
.datagrid .datefilterwrap {
    display: inline-block;
}

.datefilterwrap .editor-field {
    margin-right: 10px;
    vertical-align: top;
}

.datagrid .datefilterwrap input {
    border: 1px solid #ddd;
}

.datagrid .topcontrols .changeyearlytomonthly {
    margin-left: 8px;
}

.datagrid .datefilterwrap input:enabled:hover,
.datagrid .datefilterwrap input:enabled:active,
.datagrid .datefilterwrap input:enabled:focus {
    border: 1px solid #294aff;
}

.datefilterwrap .datelabel {
    padding: 0px 10px;
}

.filterdropdowns {
    margin-right: -10px;
    margin-bottom: 5px;
}

#bankview input[type="checkbox"] {
    margin-right: 5px;
}

.editor-field.sebaccountlist .bankcheck {
    margin-right: 10px;
}

/* tdlines */
.tdlines td input {
    background-color: #eee;
}

.tdlines td.whiteback {
    background-color: #fcfcfc;
}

.tdlines td.whiteback input {
    background-color: #fcfcfc;
}



#dropdownlist .tablewrap {
    max-height: 266px;
}

.customerpersalesheaders .topcontrols {
    display: none;
}

/* addpaymentorder */
#addpaymentorder.viewmode-add .paymentsection,
#addpaymentorder.viewmode-add .documentdatefield,
#addpaymentorder.viewmode-add .documentnofield,
#addpaymentorder.viewmode-view .directionfield,
#addpaymentorder.viewmode-edit .filterpayments,
#addpaymentorder.viewmode-edit .groupvendorssection,
#addpaymentorder.viewmode-edit .directionfield,
#addpaymentorder .saveadd,
#addpaymentorder .saveandadd,
#addpaymentorder.viewmode-view .filterpayments,
#addpaymentorder.viewmode-view .masspaymentdates,
#addpaymentorder.viewmode-view .groupvendorssection,
#addpaymentorder.viewmode-view .samebank,
#addpaymentorder.viewmode-edit .samebank {
    display: none !important;
}

.viewmode-view .viewhide,
.viewmode-edit .edithide {
    display: none;
}

#groupvendors,
#samebank {
    height: 32px;
}

#addpaymentorder .masspaymentdatewrap {
    display: none;
}

#addpaymentorder.masspayments .masspaymentdatewrap {
    display: block;
}

#addpaymentorder.viewmode-add thead .field-selectedinvoice,
#addpaymentorder.viewmode-edit thead .field-selectedinvoice,
.persalesheadersconfirm thead .field-Chosen,
.massdebts thead .field-Chosen,
#saveeinvocietotals thead .field-Chosen,
.purchaseorders thead .field-Chosen,
.taxesunpaid thead .field-selectedinvoice,
.masssalesheaders thead .field-Chosen {
    cursor: pointer;
    color: #294AFF;
}

#BankAccount {
    min-width: 200px;
}

#bankaccountandreferenceno {
    background-color: #fafafa;
    border: 1px solid #ddd;
    padding: 5px;
    position: absolute;
    width: auto;
}

#bankaccountandreferenceno>div {
    padding: 0px 5px;
    vertical-align: bottom;
}

#bankaccountandreferenceno button {
    vertical-align: bottom;
}

#bankaccountandreferenceno .cancel {
    width: 32px;
    padding: 0px;
}

.masspaymentdatedatepickerwrap {
    display: inline-block;
    margin-left: 5px;
}

/* curbox */
input.opencurbox {
    color: #0186CD;
    font-weight: bold;
}

.curbox {
    position: absolute;
    background: #eee;
    border: 1px solid #aaa;
    z-index: 1;
}

.curbox form {
    padding: 5px;
}

.curbox form .title {
    padding: 5px 0px;
    font-weight: bold;
}

.curbox .field {
    display: inline-block;
    padding: 0px 2px;
}

.curbox .controls {
    margin-top: 0px;
}

.curbox .field>* {
    display: block;
}

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

/* filters and filterlist */
.filter {
    margin-left: 10px;
}
.transactionFilterList,
.filterlist {
    background-color: #f2f2f4;
    border: 1px solid #ddd;
    position: absolute;
    padding: 1px;
    min-width: 100px;
    max-width: 320px;
    z-index: 10;
}
.transactionFilterList .filters,
.filterlist .filters {
    max-height: 200px;
    overflow: auto;
}
.transactionFilterList .filters>*,
.filterlist .filters>* {
    padding: 3px;
}

.datagrid .vislist {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    position: absolute;
    display: none;
}
.transactionFilterList .search,
.transactionFilterList .twrap .all,
.filterlist .search,
.filterlist .twrap .all {
    display: block;
    width: 100%;
    margin: 0px;
    border-radius: 0px;
}

/* break date filter box */
.transactionFilterList .twrap .sort ,
.filterlist .twrap .sort {
    margin: 3px auto;
    background-position: 0px 0px;
    cursor: default;
}

.costallocations .field-fullallocation {
    width: 34px;
    box-sizing: border-box;
}

.costallocations input:disabled {
    background-color: transparent;
}

.allocationline {
    border: 1px solid #ddd;
    margin: 2px 0px;
}

.allocationline .name {
    padding: 0px 10px;
}

.roundingprecision .editor-label {
    padding-right: 10px;
}

.datagrid input {
    border: none;
    width: 100%;
    box-sizing: border-box;
}

.datagrid input[type=checkbox] {
    margin: 0px;
    vertical-align: middle;
    transform-origin: initial;
    margin-bottom: 2px;
}

.mac .datagrid input[type=checkbox] {
    width: auto;
}

.mac .datagrid input[type=checkbox] {
    width: auto;
}

#archivebyemail .filelist .attachment {
    margin-right: 5px;
}

/* fields align center */
.field-C,
.field-P,
.field-fullallocation,
.field-AddedToFile,
.field-AddToFile,
.field-AllowDisc,
.field-selectedinvoice,
.field-NonActive,
.field-Chosen,
.field-Active,
.field-Used,
.field-GLAccs,
.field-AddNewPayment,
.item .field-HasSet {
    text-align: center;
}

.costallocations .fullallocation {
    margin: 3px 0px;
}

.Safari input[type='checkbox'] {
    transform: scale(1.0);
    transform-origin: initial;
}

.appletouch input[type='checkbox'] {
    transform: scale(1.5);
    transform-origin: left;
    margin-right: 12px;
}

.datagrid input:focus {
    border: 1px solid #294aff;
}

.datagrid input:disabled,
.datagrid input:disabled:hover {
    border: none;
}

.datagrid select {
    border: none;
}

.tdlines table span {
    white-space: nowrap;
}

.tdlines table thead td {
    background-color: #d8d8d9;
}

.tdheader {
    margin: 5px 20px;
    font-weight: bold;
}

.paidlines .paymamount {
    padding: 0px 10px;
}

.paidlines .paidline {
    height: 32px;
}

.paidlines .paidline>div {
    vertical-align: middle;
}

.salesoffertemplateslist {
    margin: 10px 0px;
}

.datagrid tbody tr {
    transition: all 0.5s;
}

.datagrid tbody tr:hover,
table.selectablerows tbody tr:hover {
    background-color: #e2e3e6;
}

.datagrid table .groupname {
    background-color: #eee;
    pointer-events: none;
}

.datagrid table .groupname td {
    background-color: #e0e2ea;
    font-weight: bold;
}

.datagrid table .groupname:hover td {
    background-color: #eee;
    background-color: transparent;
}

.reportview .groupname {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.reportview .grouptotals {
    font-weight: bold;
    border-top: 1px solid #ddd;
    text-align: right;
}

.ddselectedrow>td {
    background-color: #c9eafb;
}

.datagridlist .item.match>td {
    background-color: #E2F8D6;
}

.relative {
    position: relative;
}

#cloudqueriesform {
    padding-top: 10px;
}

/* invoice view */
.invoiceview .datagridlist .item {
    cursor: pointer;
}

.dropdown .datagridlist {
    border: none;
}

.makeowner {
    background-image: url(../Images/svg2020/user_grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px;
}

.makeowner:hover {
    background-image: url(../Images/svg2020/user_white.svg);
}

.extendTrial {
    background-image: url(../Images/svg2020/user_grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px;
}

.extendTrial:hover {
    background-image: url(../Images/svg2020/user_white.svg);
}

.datagrid table .selectedcol {
    background: #eee;
}

/* fieldcontrols */
.datagrid .fieldcontrolsrow td .hbwrap {
    overflow: hidden;
    position: relative;
    padding: 0px 10px;
}

.datagridlist .fieldcontrolsrow td.numberfield .hbwrap,
.datagridlist .fieldcontrolsrow td.datefield .hbwrap,
.datagridlist .fieldcontrolsrow td.number .hbwrap,
.datagridlist .fieldcontrolsrow td.date .hbwrap {
    text-align: right;
}

.datagrid .fieldcontrolsrow td div>span {
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    padding: 0px;
}

.datagrid .fieldcontrolsrow td div>span.dragging {
    cursor: move;
}

.datagrid td span {
    padding: 0px 10px;
}

.pager {
    margin-top: 5px;
}

.butw {
    text-align: center;
    width: 34px;
    margin: 0px 5px;
}

.pager .but {
    text-align: center;
    padding: 4px 0px;
    background-color: transparent;
    border: 1px solid #DFE1E6;
    color: #919191;
    display: inline-block;
    height: 32px;
    line-height: 22px;
    width: 90%;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 15px;
    height: 30px;
    width: 30px;
}

.pager .but:hover {
    border: 1px solid #294AFF;
}

.pager .next,
.pager .prev {
    font-weight: bold;
    line-height: 21px;
    color: #294AFF;
}

.Safari .pager .next,
.Safari .pager .prev {
    line-height: 18px;
}

.pager .but.selected {
    border: 1px solid #294aff;
    background-color: #294aff;
    color: #fcfcfc;
}

.notetcompanytype9 .etcompanytype9show {
    display: none;
}

/* topcontrols */
.datagrid .topcontrols {
    table-layout: auto;
    box-sizing: border-box;
    background-color: #f2f2f4;
    padding: 10px 0px;
}

.datagrid .topcontrols .lbuts {
    width: 45%;
}

.accounts .datagrid .topcontrols .lbuts,
.dimvalues .datagrid .topcontrols .lbuts,
.persalesheaders .datagrid .topcontrols .lbuts {
    width: auto;
}

.datagrid .topcontrols .mbuts {
    text-align: left;
}

.formmid .datagrid .topcontrols {
    padding: 0px;
}

.buttonmenucontent button {
    margin: 0px;
}

.datagrid .topcontrols .addnew {
    float: left;
}

/* drop on */
.dropon {
    border: 2px solid #0186CD;
}

.fintaxcertsdatagrid .items .item {
    color: #aaa;
}

.fintaxcertsdatagrid .items .item:first-of-type {
    color: #333;
}

/* lineedit */
.datagrid.lineedit {
    width: 100%;
}

.datagrid.lineedit .topcontrols>* {
    display: block;
    float: none;
    width: 100%;
    padding: 4px 0px;
    font-size: 20px;
    height: 24px;
    line-height: 1px;
}

.documentview .datagrid .amorttotal {
    border-top: 2px solid #ddd;
}

.documentview .datagrid .amorttotal td {
    background-color: #f6f6f6;
}

.totalrow {
    border-top: 2px solid #ddd;
}

.totalrow td {
    background-color: #f6f6f6;
}

.lineeditarrows,
.removeInvoice,
.lineeditremove {
    height: 36px;
    width: 36px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 1;
    color: #fcfcfc;
    font-size: 20px;
    line-height: 32px;
}

.lineeditarrows {
    cursor: ns-resize;
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    background-image: url(../Images/svg2020/updown_grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px;
}

.lineeditremove,
.removeInvoice,
.confirmationlog .delete {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    background-image: url(../Images/svg2020/trash_red.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 16px;
}

.confirmationlog .delete {
    position: absolute;
    right: -37px;
    transition: all 0.2s;
    opacity: 0;
    cursor: pointer;
    width: 36px;
    height: 36px;
}

.showconfirmationlog {
    line-height: 40px;
}

.messagesblock {
    margin: 10px 120px;
}

.jpkvat2buttons {
    margin-top: 10px;
}

.hideuserdigibutton .digitizewrap,
[data-viewmode="view"] .digitizewrap,
.modal .digitizewrap {
    display: none;
}

#autodigicompare td {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 10px;
}

#autodigicomparewrap {
    max-height: 500px;
    overflow: auto;
    min-width: 640px;
}

#autodigicomparelines thead td {
    text-align: left;
    padding: 0px 10px;
}

#autodigicomparelines tbody td {
    text-align: right;
    padding: 0px 10px;
}

.autodigicomparemessage {
    width: 540px;
    margin: 0 auto;
    margin-bottom: 20px;
}

/* icons */
.ico16,
button.ico16 {
    width: 16px;
    height: 16px;
    border: none;
    padding: 0px;
    background-color: transparent;
    background-image: url(../Images/ico16.png);
    vertical-align: middle;
}

.hbwrap .ico16 {
    padding-left: 3px;
}

.sort.ico16 {
    background-position: -32px 0px;
}

.sort.ico16:hover {
    background-position: -32px -80px;
}

.sort.ico16.asc {
    background-position: 0px 0px;
}

.sort.ico16.asc:hover {
    background-position: 0px -80px;
}

.sort.ico16.desc {
    background-position: -16px 0px;
}

.sort.ico16.desc:hover {
    background-position: -16px -80px;
}

.filter.ico16 {
    background-position: -48px 0px;
    color: #333;
    background-image: none;
}

.filter.ico16:hover {
    background-position: -48px -16px;
    color: #44b4ee;
}

.hasfilter .filter.ico16 {
    background-position: -48px -80px;
    color: #fcfcfc;
}

.datagrid td.hasfilter {
    background-color: #294aff;
    color: #fcfcfc;
}

table td.hasfilter {
    background-color: #294aff !important;
    color: #fcfcfc;
}

.hideimportebillsmessage,
.deletelogo,
.deletelogo2,
.jpkvat2hide {
    position: absolute;
    top: 8px;
    right: 7px;
    background-color: #fcfcfc;
    background-position: -368px 0px;
    transition: all 0.5s;
    opacity: 0;
}

#dashboard .bankline .dashboardhide {
    top: 6px;
    right: 5px;
}

.updataccountsdata {
    height: 24px;
}

.jpkvat2hide {
    opacity: 1;
}

.hideimportebillsmessage {
    opacity: 1;
}

.showimportebillsmessage {
    margin-bottom: 10px;
}

.marketingurl {
    padding: 5px 20px;
}

/* onetimguide */
.onetimeguide {
    position: relative;
}

.onetimeguidehide {
    width: 16px;
    height: 16px;
    font-size: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    transition: 0.5s all;
    cursor: pointer;
}

.onetimeguidehide:hover {
    transform: rotateZ(90deg);
}

.onetimeguideinfo {
    background-color: #fcfcfc;
    padding: 10px;
}

.onetimeguideshow {
    text-align: center;
    color: #294AFF;
    cursor: pointer;
}

#paymentimport .filterinfo {
    max-width: 800px;
}

#paymentimport .filterinfo .nofilter {
    padding: 10px 0px;
}

#paymentimport .clearforgroup {
    margin-right: 90px;
}

#paymentimport .filterwrap {
    position: relative;
    z-index: 1;
}

#paymentimport .accountddfield {
    width: 300px;
}

.paymentimportgrid .topcontrols {
    margin-top: -60px;
    background-color: transparent;
}

.paymentimportgrid .downloadexcel {
    position: relative;
    z-index: 1;
}

.banknameiban {
    margin-top: 20px;
}

#paymentallocationform .datagrid .topcontrols {
    display: none;
}

#paymentallocationform .currencycode {
    margin-left: 5px;
}

#paymentallocationform .inlinefield input {
    width: auto;
}

#paymentallocationform .inlinefield .currencycode {
    margin-left: -5px;
}

#paymentallocationform .advancecurrencycode {
    margin-left: 5px;
}

/* debtstatementtext */
#debtstatementtext .formcontent {
    margin: 20px -3px 0px -3px;
}

/* ico32 */
.ico32 {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url(../Images/ico32.png);
    padding: 0px;
    outline: none;
    background-color: transparent;
    border: 1px solid #294aff;
    border-radius: 0px;
}

.sendwithmailbutton {
    background-image: url(../Images/svg2020/email_grey.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.sendwithmailbutton:hover,
.sendwithmailbutton:active {
    background-image: url(../Images/svg2020/email_white.svg);
}

.ico32.showmass,
.ico32.showmass:hover,
.ico32.showmass:active {
    background-position: -33px -32px;
    background-image: url(../Images/ico32.png);
}

.showmassdebt {
    vertical-align: bottom;
    line-height: 16px;
}

.addoffermenu {
    position: absolute;
    top: 10px;
    z-index: 1;
    opacity: 0;
    background-color: transparent;
    margin: 0px;
    border: none;
    padding: 0px;
    transition: all 0.5s;
    visibility: hidden;
    height: 40px;
}

#finchargepreview .field-Chosen {
    text-align: center;
    cursor: pointer;
}

#finchargepreview .lbuts {
    display: none;
}

.addoffermenu>button {
    display: block;
    width: 100%;
    margin: 0px;
    margin-bottom: -1px;
    transition: all 0.5s;
    margin-top: -34px;
    position: relative;
}

.addoffermenu>button:first-of-type {
    margin-top: 0px;
    z-index: 3;
}

.addoffermenu>button:nth-child(2) {
    z-index: 2;
}

.addoffermenu>button:last-of-type {
    z-index: 1;
}

.addoffermenu [data-type="order"] .ico {
    background-position: -592px -112px;
}

.addoffermenu [data-type="prepinvoice"] .ico {
    background-position: -592px -112px;
}

.adddocbut {
    display: inline-block;
}


.adddocbut:hover .addoffermenu {
    opacity: 1;
    visibility: visible;
}

.adddocbut:hover .addoffermenu>button {
    margin-top: 0;
}

#debtmassform #masstype {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    height: 40px;
    box-shadow: 1px 1px 1px -1px #c4c4c4;
    outline: none;
}

#debtmassform>.cols {
    table-layout: auto;
}

.ico32.einvoice,
.ico32.einvoice:hover,
.ico32.einvoice:active {
    background-position: -97px -33px;
    background-image: url(../Images/ico32.png);
}

.pdf .ico32,
.pdf .ico32:hover,
.pdf .ico32:active {
    border: none;
    background-position: 0px -1px;
    background-image: url(../Images/ico32.png);
    display: inline-block;
}

/*
    pdf,img,txt,doc,xls
*/
.fileext.pdf {
    background-position: 497px -1px;
}

.fileext.img {
    background-position: 464px -1px;
}

.fileext.txt {
    background-position: 481px -1px;
}

.fileext.doc {
    background-position: 416px -1px;
}

.fileext.xls {
    background-position: 432px -1px;
}

.doctopdfwrap {
    display: inline-block;
    position: relative;
}

.doctopdf {
    position: relative;
    z-index: 1;
    font-weight: 500;
}

.doctopdfmenu {
    position: absolute;
    right: 0px;
    z-index: 1;
    margin-top: 1px;
}

.doctopdfmenu>button {
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    display: block;
    width: 100%;
    margin-top: -32px
}

.doctopdfmenu>button:first-child {
    margin-top: 0px;
}

.doctopdfwrap:hover .doctopdfmenu>button {
    visibility: visible;
    opacity: 1;
    margin-top: -1px;
}

.doctopdfmenutrigger {
    transition: all 0.2s;
    position: relative;
}

.doctopdfwrap:hover .doctopdfmenutrigger {
    border-radius: 6px 6px 0px 0px;
}

.doctopdfmenu .doctopdf {
    border-radius: 6px 0px 0px 0px;
}

.doctopdfmenu .deliverynote {
    border-radius: 0px 0px 6px 6px;
}

#perinvoicepreview {
    margin-right: 3px;
}

.ico {
    font-size: 15px;
}

.modal .balancefield {
    display: none;
}

/* viewfilters */
.viewfilters {
    width: auto;
}

/* getmoreitems */
.getmoreitems {
    position: absolute;
    bottom: -40px;
    width: 100%;
}

#help h3 {
    margin-top: 20px;
}

/*creditapplication*/
#creditapplication .ownprice {
    margin-top: 20px;
}

/* dropdown */
.dropdown {
    position: relative;
    background-color: #fcfcfc;
}

.busy-indicator {
    width: 32px;
    height: 32px;
    background: url('../Images/loading32.gif') no-repeat center center;
    background-size: contain;
    margin: auto;
}
.busy-indicator-button1 {
    width: 32px;
    height: 32px;
    background: url('../Images/loading32.gif') no-repeat center center;
    background-size: contain;
    background-color: #294aff;
    border: 1px solid #294aff;
    margin: auto;
}

.dropdown .ico {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 3px;
    top: 8px;
    cursor: pointer;
    background: url(../Images/ajax-loader.gif) no-repeat;
}

table .dropdown {
    background-color: transparent;
}

td>.dropdown .ico {
    top: 6px;
    right: 2px;
}

.dropdown .ico {
    color: transparent;
}

.dropdown.ready .ico {
    background-repeat: no-repeat;
    background-position: -144px 0px;
    background-image: url(../Images/ico16.png);
    pointer-events: none;
}

.dropdown.ready:hover .ico {
    background-position-y: -16px;
}

.dropdown input:enabled {
    cursor: pointer;
}


#dropdownlist tr.item,
#ddlist tr {
    border-top: 1px solid #ddd;
    background-color: #fcfcfc;
    transition: background-color 0.5s;
}

#dropdownlist tr.item:hover {
    background: #E6F6FF;
}

#dropdownlist tr.item td,
#ddlist tr td {
    border: none;
}

#dropdownlist {
    display: inline-table;
    position: absolute;
    top: 0px;
    z-index: 9;
    max-height: 279px;
    background-color: #fcfcfc;
    max-width: 90%;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.1s;
}

#dropdownlist .addnewwrap {
    display: table;
    width: 100%;
}

#dropdownlist .addnewwrap .butwrap {
    display: table-cell;
}

#dropdownlist .addnewwrap button {
    margin: 0px;
    white-space: nowrap;
    border-radius: 0px;
}

#dropdownlist .item {
    cursor: pointer;
    height: 26px;
}

.dropdown .multifield {
    cursor: pointer;
}

.dropdown .multifield .leftfield input {
    border-right-width: 1px;
    /*border-radius: 5px 0px 0px 5px;/**/
}

.dropdown .multifield .rightfield input {
    border-left-width: 1px;
    /*border-radius: 0px 5px 5px 0px;/**/
}

.dropdown.icon-close {
    background-size: 15px;
    background-position: top 50% right 10px;
}

.dropdown.icon-close::before {
    background-image: none;
}

/* dropdownlist max sapn width */
#dropdownlist td span {
    max-width: 640px;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    padding: 0px;
}

.datagrid#dropdownlist {
    background: #f2f2f4;
    border: 1px solid #ddd;
    border-top: none;
}

#dropdownlist .tablewrap {
    max-height: 230px;
    border: #d4d4d4;
    margin: 0px;
}

#dropdownlist.drawlimit .tablewrap {
    max-height: initial;
}

#dropdownlist button.addnew,
#ddlist .addnew {
    margin-top: 2px;
    border-radius: 0px;
    background-color: #294aff;
    color: #fcfcfc;
}

#dropdownlist button.addnew.disabled {
    background-color: #ddd;
}

#dropdownlist table {
    border: none;
}

#dropdownlist table .generalaccount td {
    font-weight: bold;
}

#dropdownlist table tr.selectedrow>td {
    background-color: #D8F0FD;
}

.field-multiselect,
.field-multiselect input {
    width: 32px;
}

.field-multiselect * {
    pointer-events: none;
}

#reportdescription[data-reporttype="3"] .lnk2row {
    display: none;
}

/* ctrlf*/
#ctrlf {
    position: absolute;
}

/* costallocation */
.costallocation,
.paymentallocation,
.creditapplication,
.inventorycostallocation {
    margin: 0px auto;
    font-size: 17px;
    width: 18px;
    height: 18px;
    background-image: none;
    width: 32px;
    height: 32px;
    background-image: url(../Images/svg2020/guide_black.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.hasvalue .costallocation,
.hasvalue .paymentallocation,
.hasvalue.inventorycostallocation {
    background-image: url(../Images/svg2020/guide_blue.svg);
}

.colstallocationbuttons .costallocation {
    height: 32px;
}

#periodization .costallocation {
    height: 32px;
}

.costallocation.disabled,
.inventorycostallocation.disabled {
    color: #aaa;
}


.filterselect {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../Images/svg2020/guide_black.svg);
    background-size: 13px;
}

.filterselect:hover {
    background-image: url(../Images/svg2020/guide_blue.svg);
}

#filterselect {
    z-index: 11;
    position: absolute;
    background-color: #fcfcfc;
    display: inline-block;
    border: 1px solid #d4d6e2;
    width: auto;
    table-layout: auto;
}

#filterselect .select {
    width: 16px;
    margin: 0 auto;
    text-align: center;
}

#filterselect td>* {
    cursor: pointer;
    padding: 8px 0px;
}


#dimensions.datagridlist .generalline .adddimvalue,
#dimensions.datagridlist .generalline .dimvaluelist {
    display: none;
}

/* thin buttons */
.adddimvalue,
.dimvaluelist,
.thinbutton {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
}

#dimensions .hidebuttons button {
    display: none;
}

.dimensionbutton {
    width: 32px;
    height: 32px;
    background-image: url(../Images/svg2020/guide_black.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50%;
}

tr .dimensionbutton {
    margin: 0 auto;
}

.dimensionbutton.required {
    background-image: url(../Images/svg2020/guide_red.svg);
}

.dimensionbutton.forbidden {
    background-image: url(../Images/svg2020/guide_grey.svg);
}

.dimensionbutton.hasvalue {
    background-image: url(../Images/svg2020/guide_blue.svg);
}

button.dimensionbutton {
    width: auto;
    height: 40px;
}

.dimensionbuttons .dimensionbutton {
    padding-left: 30px;
    background-position: 15px 50%;
}

.uommark {
    width: 10px;
    padding-bottom: 14px;
}

#dropdownlist .nameindent .field-Name span,
.nameindent .field-Name span {
    padding-left: 10px;
}

#costallocation.view .controls {
    display: none;
}

/* autogrow */
.autogrow {
    resize: vertical;
    overflow: hidden;
}


.table-preview .table table {
    width: 100%;
    box-sizing: border-box;
}

.add-row td {
    padding: 0px;
}

.add-row .add-new {
    width: 100%;
    display: block;
}

#purchaseorder2 .viewcontrols,
.addcontrols,
.editcontrols {
    text-align: right;
}

table.selectable td,
table.selectable th {
    cursor: pointer;
}

table.selectable tr.selected td {
    background: #eee;
}

table.selectable tr.selected td.selectedfield {
    background: #BEE3FF;
}

table.selectable tr:hover td {
    background: #DAEFFF;
}

.add-new {
    float: left;
}

.sub-content {
    border: 2px solid #0186CD;
    padding: 10px;
}

/* userpermissions */
#userpermissions td.check {
    text-align: center;
}

#users .fullaccess {
    width: 1px;
    text-align: center;
}

#costallocationmodal .container {
    max-width: 1200px;
}

#inventorycostallocationmodal .icapurchaseheaders {
    width: 100%;
    margin-top: 10px;
}

#inventorycostallocationmodal #thisbill {
    margin-left: 10px;
}

#inventorycostallocationmodal .controls button {
    margin-top: 10px;
}

#inventorycostallocationmodal .selectedinvoice input {
    pointer-events: none;
}

.isdefcurrency .primarycurrencyamount {
    display: none !important;
}

.distributiontypewrap input {
    transform: scale(1.5);
    height: auto;
    margin-right: 5px;
}

.distributionamount label {
    margin-right: 5px;
}

/* sales header */
#salesheader .salesheadermid {
    border: 2px solid #ddd;
    box-sizing: border-box;
    padding: 5px;
    background: #fff;
    margin: 10px 5px;
}

#salesheader .moreinfo {
    margin-top: 20px;
}

.moreinfobutton {
    position: relative;
    z-index: 1;
    margin-left: 10px;
    margin-top: 15px;
}

.validationfields {
    padding: 5px 10px;
}

.validationfields>div {
    padding: 0px 10px;
    box-sizing: border-box;
}

/* calc */
#calc {
    border-radius: 10px;
    border: 2px solid #ddd;
    width: auto;
    display: inline-block;
    position: absolute;
    background: #333;
    z-index: 12;
    padding: 5px;
}

#calc table {
    width: auto;
    border: none;
    background-color: transparent;
}

#calc .display {
    border-radius: 10px;
    border: 2px solid #ddd;
    height: 48px;
    background-color: #fcfcfc;
    width: 100%;
    box-sizing: border-box;
}

#calc td {
    width: 48px;
    padding: 2px;
    border: none;
}

#calc button {
    width: 100%;
    padding: 8px 0px;
    text-align: center;
    border-radius: 10px;
}

#calc button.clacbut24 {
    height: 100%;
}

.reportview table:first-of-type {
    margin-top: 20px;
    margin-bottom: 20px;
    display: none;
    width: auto;
}

.modal .reportview table:first-of-type {
    display: table;
}

.modal .reportview table:first-of-type td {
    height: 24px;
}

.modal .repdrawlimit table:first-of-type {
    display: none;
}

.modal .reportview.itemturnrep table:first-of-type {
    margin-bottom: 0px;
}

.modal .reportview.kdinf table:first-of-type {
    margin-bottom: 0px;
}

.modal .reportview #cashflowreport3 {
    margin-bottom: 0px;
}

.modal .reportview.finchargelinesreport table:first-of-type {
    display: table;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 100%;
}

#cashbook .reportview table:first-of-type {
    margin: 0px;
}

.reportview table.showonlyrow,
table.showonlyrow {
    display: table;
}

table.showonlyrow tr {
    display: none;
}

table.showonlyrow tr.showonly {
    display: table-row;
}

.reportview table:last-of-type {
    margin-bottom: 20px;
    margin-left: -1px;
}

.kdinf.reportview,
#vdreport.reportview {
    border-top: none;
}

#tdtest.reportview table:first-of-type {
    display: block;
}

#vdreport.reportview table:first-of-type,
.kdinf.reportview table:first-of-type,
.glcontent .reportview table:first-of-type {
    display: table;
}

#tdtest.reportview {
    padding: 0px;
    margin: 0px;
    border-top: 0px;
}

#tdtest th {
    font-weight: normal;
}

.glbatchreport.reportview table:first-of-type {
    display: table;
    float: left;
    margin: 0px;
    padding: 0px;
}

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

.identificationtype {
    padding: 5px;
}

.identificationtype label {
    margin-right: 20px;
}

.reportview .repheadertable {
    width: auto;
}

.repcontrols {
    position: absolute;
    right: 20px;
}

.reptopcontrols {
    margin: 0px -60px;
    padding: 10px 60px;
    text-align: right;
    float: initial !important;
    border-bottom: 1px solid #DFE1E6;
    width: 100%;
    background-color: #f4f4f4;
}

.reptopcontrols.scrollalong {
    position: fixed;
    top: 60px;

    box-sizing: border-box;
}

.repheader td,
.repheader th,
.dupliheaders td,
.dupliheaders th {
    font-weight: bold;
}

.repheader.scrollalong {
    position: fixed;
    width: 1803px;
    box-sizing: border-box;
    left: 60px;
    top: 116px;
}

.reptopcontrols button {
    vertical-align: middle;
}

.reptopcontrols .hidefilters {
    float: left;
    cursor: pointer;
}

.reptopcontrols .hidefilters span {
    margin-left: 10px;
    font-weight: 500;
}

.reptopcontrols .hidefilters button {
    background-image: url(../Images/svg2020/up2_white.svg);
    background-repeat: no-repeat;
    background-position: 50% 48%;
    background-color: #294AFF;
}

.reptopcontrols .hidefilters:hover button {
    background-color: #0021D8;
}

.reptopcontrols .hidefilters.filtershidden button {
    background-image: url(../Images/svg2020/down2_blue.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}

.reptopcontrols .hidefilters.filtershidden .hidefilterstext,
.reptopcontrols .hidefilters .showfilterstext,
.modal #dimreport2g .hidefilters {
    display: none;
}

.reptopcontrols .hidefilters.filtershidden .showfilterstext {
    display: inline-block;
}


.reptopcontrols .hidefilters.filtershidden:hover button {
    background-color: #294AFF;
    background-image: url(../Images/svg2020/down2_white.svg);
}

#jpkvat2form .reptopcontrols {
    right: 30px;
}

.modal .hidefilters {
    display: none;
}

#jpkvat2form .reportview table:first-of-type {
    margin-top: 20px;
    display: table;
}

#jpkvat2form .getreport {
    margin-right: 5px;
}

.jpkmessage {
    margin-top: 20px;
}

/*documentview*/
.documentview {
    margin: 0 auto;
}

.noedit form .controls,
.noedit form .topcontrols {
    display: none;
}

.botcontrols {
    margin-top: 10px;
    padding-bottom: 60px;
}

.documentview form {
    padding: 20px 60px;
}

#paymentsimpleform {
    padding: 5px;
}

.documentview form .tablewrap {
    margin: 0px;
}

.noedit>.controls button .documentview form input {
    background: #fff;
}


/* dropdownmenu */
.dropdownmenu {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.dropdownmenu .menuitems {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    left: 0px;
    background-color: transparent;
    border-radius: 18px;
    border: none;
    transition: all 0.5s;
    min-height: 32px;
    margin-top: -1px;
}

.dropdownmenu .item {
    text-align: center;
    padding: 0px 20px;
    line-height: 40px;
    margin: 0px;
    margin-bottom: 0px;
    background-color: #fcfcfc;
    transition: all 0.5s;
    margin-top: -35px;
    position: relative;
    border-radius: 0px;
}

.dropdownmenu:hover .menuitems {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.dropdownmenu:hover .item {
    margin-top: 0px;
    margin-bottom: -1px;
}

.dropdownmenu .open {
    transition: all 0.1s;
}

.dropdownmenu .item:hover {
    color: #fcfcfc;
    background-color: #294AFF;
}

.dropdownmenu .item:last-of-type {
    margin-bottom: 0px;
}


/* kdmenu */
#kdreportsmenu {
    position: relative;
    display: inline-block;
    z-index: 1;
}

#kdreportsmenu .menuitems {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 1;
    right: 0px;
    background-color: transparent;
    border-radius: 18px;
    border: none;
    transition: all 0.5s;
    min-height: 32px;
    margin-top: -1px;
}

#kdreportsmenu .item {
    text-align: center;
    padding: 0px 20px;
    line-height: 35px;
    margin: 0px;
    margin-bottom: 0px;
    background-color: #fcfcfc;
    transition: all 0.5s;
    margin-top: -35px;
    position: relative;
    border-radius: 0px;
}

#kdreportsmenu:hover .menuitems {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

#kdreportsmenu:hover .item {
    margin-top: 0px;
    margin-bottom: -1px;
}

#kdreportsmenu .open {
    transition: all 0.1s;
}

#kdreportsmenu .item:hover {
    color: #fcfcfc;
    background-color: #294AFF;
}

#kdreportsmenu .item:last-of-type {
    margin-bottom: 0px;
}

#vatdeclaration .gltransaction {
    position: relative;
    z-index: 1;
}

.listviewbut {
    display: inline-block;
    width: auto;
    margin-right: 20px;
}

.listviewbut>* {
    vertical-align: middle;
}

.listviewbut .prev,
.listviewbut .next {
    padding: 0px 4px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.listviewbut .prev {
    background-image: url(../Images/svg2020/down2_blue.svg);
}

.listviewbut .prev:hover {
    background-image: url(../Images/svg2020/down2_white.svg);
}

.listviewbut .next {
    background-image: url(../Images/svg2020/up2_blue.svg);
}

.listviewbut .next:hover {
    background-image: url(../Images/svg2020/up2_white.svg);
}

.listviewbut button:disabled {
    background-image: none;
}


.adddoc>* {
    pointer-events: none;
}

.downloadword {
    display: none;
}

.jpkmenus .gridtopdf,
.jpkmenus .downloadexcel,
.jpkmenus .edititem {
    display: none;
}

.fi #profitandloss .downloadword,
.fi #balancesheet .downloadword {
    display: inline-block;
}

.jpkmenus .gridtopdf,
.jpkmenus .downloadexcel,
.jpkmenus .edititem,
.dimvalues .downloadexcel,
#fintaxcerts .edititem,
#fintaxcerts .deleteitem,
#fintaxcerts .downloadexcel {
    display: none;
}

.jpkmenus.datagridlist .tablewrap table {
    table-layout: auto;
}

.jpkmenus.datagridlist .tablewrap table .cols {
    vertical-align: middle;
}

.field-JPK_WB>span,
.field-JPK_MAG>span {
    text-align: right;
}

.jpkkorrektalink {
    margin-left: 15px;
}

.ui-datepicker-current {
    display: none;
}

.ui-datepicker-buttonpane {
    text-align: right;
    margin-top: 10px;
}

.embededpdf,
.attachmentimagepreview {
    margin: 0px 10px;
    text-align: center;
    overflow: auto;
    margin-bottom: 5px;
    background-color: #555;
}

.attachmentimagepreview img {
    width: 100%;
}

.embededpdf iframe {
    height: 256px;
}

.documentsidepreview .attachmentpreview {
    width: 50%;
    margin-left: auto;
    overflow: hidden;
}

.documentsidepreview .attachmentpreview:hover {
    background-color: #DFE1E6;
}

.documentsidepreview .embededpdf,
.documentsidepreview .embededpdf iframe {
    height: 100%;
}

/* docprint documentpreview */
.documentpreview {
    position: absolute;
    z-index: 1;
    width: 66em;
    /*width:794;*/
    /*height:1123px;*/
    height: 93em;
    background: #fff;
    top: 48px;
    left: 50%;
    margin-left: -33em;
    padding: 6em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 10px 10px;
}

.documentpreview .content {
    background: #fff;
}

.documentpreview .component {
    padding: 0.5em 0;
}

.documentpreview .logo {
    height: 7em;
    background: #ddd;
}

.logofile .jpgpreview {
    text-align: center;
    margin-top: 10px;
}

.documentpreview .lines {
    height: 7em;
    background: #eee;
}

.documentpreview .box {
    background: #eee;
    border: 0.1em solid #0186CD;
    padding: 0.1em 2em;
    margin-bottom: 0.5em;
    display: inline-block;
}

.documentpreview .footer {
    border-top: 0.1em solid #0186CD;
    position: absolute;
    bottom: 5em;
    width: 54.2em;
}

.localcompanies {
    display: none;
}

.formmid {
    padding: 0px 10px;
}

.formbot {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* copy document */
.copydocwrap {
    display: inline-block;
}

.viewmode-add .copydocwrap {
    float: left;
}

#purchaseorder2 {
    margin-bottom: 50px;
}

#purchaseorder2 .copydocwrap {
    float: left;
}

.periodizationwrap {
    display: inline-block;
}

#periodization .quickperiods {
    min-width: 150px;
}

#periodization .table1,
#periodization .periodstotals {
    width: 30%;
    min-width: 320px;
    margin: 0 auto;
}

#periodization .table1 {
    margin-top: 20px;
}

#periodization .periodstotals {
    margin-bottom: -57px;
}

.ispurchaseorder .creditdoc,
.ispurchaseorder .saveandadd {
    display: none !important;
}

.ispurchaseorder .paimentsimplebuttonwrap {
    display: none;
}

.purchaseheaderpayment {
    display: none;
}

.ispurchaseorder .purchaseheaderpayment,
#purchaseorder .purchaseheaderpayment {
    display: initial;
}

.setupsteps>div {
    margin: 0px 5px;
}

.salaryimport {
    display: inline-block;
    margin-left: 3px;
    float: left;
}

.toomanylines {
    text-align: center;
    padding: 5px;
    margin-top: 50px;
    font-weight: bold;
}

/* invmove setlines */
.documentview table tr.addchildline {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: rgba(68, 180, 238, 0.7);
    background-color: #fcfcfc;
}

.invmovelines .missingquantity .field-Quantity input {
    color: #E94A22;
}

.invmovelines .nochoiceforset .field-FreeQty *,
.invmovelines .nochoiceforset .field-UOMName *,
.invmovelines .nochoiceforset .field-Price *,
.invmovelines .nochoiceforset .field-Amount *,
.invmovelines .nochoiceforset .field-AccountCode *,
.invmovelines .nochoiceforset .field-C *,
.invmovelines .nochoiceforset .field-P *,
.invmovelines .nochoiceforset .field-LocationName * {
    display: none;
}

#invmoveheader.viewmode-view .invmovelines .field-FreeQty {
    display: none;
}

.documentview table tr.addchildline:hover {
    transition: 0.5s all;
    background-color: #e4e5ec;
}

.item.childline {
    color: #999;
}

.item.childline td {
    color: #999;
}

.item.childline input {
    color: #999;
}

.quickperiods .link {
    margin-right: 10px;
}

.confirmfactoringterms {
    font-size: 10px;
    line-height: 12px;
    background-color: #fcfcfc;
    padding: 5px;
    border: 1px solid #ddd;
}

.JPKsigningwrap {
    margin: 0px 120px;
}

.JPKsigningwrap .butwrap {
    text-align: right;
    margin-top: 30px;
    margin-bottom: 10px;
}

/* html to pdf */
.doc .a4 table td {
    padding: 2px 2px;
}

.doc .a4 .invoiceheader {
    display: inline-block;
    min-width: 170px;
}

.doc .a4 .invoiceheader table td {
    padding: 2px 0px;
}

.pdfprogress {
    position: absolute;
    z-index: 11;
    margin: 0 auto;
    padding: 50px;
    background-color: #fcfcfc;
    border: 1px solid #aaa;
    top: 10px;
    left: 50%;
}


.pages {
    position: absolute;
    z-index: 11;
    top: 0px;
}

.a4 .docrow {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-bottom: 20px;
}

.a4 .docrow>div {
    display: table-cell;
    border: 1px solid #aaa;
}

.a4 .header {
    display: table;
    width: 100%;
    min-height: 30px;
}

.a4 .header>* {
    vertical-align: top;
}

.a4 .header .wid0 {
    width: 0px;
}

.a4 table {
    table-layout: auto;
}

.reporttopdf .a4 table th,
.reporttopdf .a4 table td {
    padding: 0px 2px;
    overflow: visible;
}

.kdpages .a4 table td span,
.kdpages .a4 table th span,
.gridpdf .a4 table td span,
.gridpdf .a4 table th span,
.batchreport .a4 table td span,
.batchreport .a4 table th span {
    box-sizing: border-box;
    white-space: normal;
    overflow: visible;
}

.kdpages .a4 table td,
.kdpages .a4 table th,
.gridpdf .a4 table td,
.gridpdf .a4 table th {
    vertical-align: top;
}

.gridpdf table,
.kdpages table {
    white-space: normal;
}

.batchreport table tr>*>* {
    box-sizing: border-box;
}

.isadmin .admin,
.isadmin .admin * {
    color: #ff9800 !important;
    text-shadow: none !important;
    border-color: #ff9800 !important;
}

.isadmin button.admin,
.isadmin .admin button {
    background-color: #fcfcfc !important;
}

.isadmin .adminhide {
    display: none;
}

.notadmin .admin {
    display: none !important;
}

#admincontent .subnav>.content>li {
    padding: 20px;
}

.supertest,
.supertest label,
.supertest>* {
    color: green !important;
}

.wraptext,
table td.wraptext,
table th.wraptext,
table td.wraptext span,
table th.wraptext span {
    white-space: normal;
}

.numberfield {
    text-align: right;
}

.relative {
    position: relative;
}

.datefield {
    text-align: right;
}

#dimensions .topcontrols .lbuts {
    display: none;
}

.TRIAL #dimensions .topcontrols .lbuts {
    display: block;
}

.PREMIUM #dimensions .topcontrols .lbuts {
    display: block;
}

#meritcontract.haveprem [data-package="pro"] {
    display: none;
}

#meritcontract .header {
    border-left: 2px solid #294AFF;
    color: #919191;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 12px;
}

#meritcontract .upgradepackageoruserscount {
    margin-bottom: 20px;
}

#meritcontract .packages {
    display: flex;
}

#meritcontract .package {
    background-color: #fcfcfc;
    padding: 40px 30px 20px 30px;
    transition: all 0.2s;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.06);
    width: 100%;
    position: relative;
    margin: 0 auto;
}

#meritcontract .orderbankusers .bankusers {
    background-color: #fcfcfc;
    padding: 20px;
    border: 2px solid #fff;
    transition: all 0.5s;
    box-shadow: 0 7px 10px rgba(0, 0, 0, 0.06);
    width: 100%;
    box-sizing: border-box;
}

#meritcontract .bankusersmsg {
    height: 36px;
    line-height: 36px;
}

#meritcontract .package {
    max-width: 400px;
    margin-right: 10px;
}

#meritcontract .newpackage {
    margin-top: 10px;
}

#meritcontract .packageheader {
    margin-bottom: 20px;
    text-align: left;
    font-size: 20px;
    color: #333;
}

#meritcontract .bankusers .buttons {
    width: 150px;
    vertical-align: middle;
}

#meritcontract .bankusers .buttons>* {
    text-align: center;
}

#meritcontract .additionalbankusers {
    font-size: 22px;
    vertical-align: middle;
    width: 30px;
}

#meritcontract .minusbut,
#meritcontract .plusbut {
    border: 1px solid #DFE1E6;
    border-radius: 32px;
    width: 28px;
    height: 28px;
    cursor: pointer;
    vertical-align: middle;
    color: #294aff;
    transition: all 0.2s;
    user-select: none;
    background-position: 50% 50%;
    background-size: 14px;
    background-repeat: no-repeat;
}

#meritcontract .minusbut {
    background-image: url(../Images/svg2020/minus_blue.svg);
}

#meritcontract .plusbut {
    background-image: url(../Images/svg2020/plus_blue.svg);
}

#meritcontract .minusbut:hover,
#meritcontract .plusbut:hover {
    color: #fcfcfc;
    background-color: #294aff;
}

#meritcontract .minusbut:hover {
    background-image: url(../Images/svg2020/minus_white.svg);
}

#meritcontract .plusbut:hover {
    background-image: url(../Images/svg2020/plus_white.svg);
}

.additionaluserswrap {
    border-top: 1px solid #DFE1E6;
    border-bottom: 1px solid #DFE1E6;
    padding: 10px 0px;
    margin-top: 20px;
}

.pricewrap {
    font-size: 26px;
    color: #294AFF;
}

#meritcontract .package .additionalusers {
    vertical-align: middle;
    width: 30px;
    text-align: center;
}

#meritcontract .package .pricewrap {
    margin-top: 20px;
}

#meritcontract .package[data-package="360AKT-ALL"] .additionaluserswrap {
    display: none;
}

#meritcontract .package[data-package="360AKT-ALL"] .pricewrap {
    margin-top: 92px;
}

#meritcontract .totalrow td {
    font-size: 18px;
}

#meritcontract .upgradetable td {
    background-color: #f2f2f4;
    border-left: none;
    border-right: none;
}

#meritcontract .upgradetable tr {
    border-bottom: 1px solid #ddd;
}

#meritcontract .upgradetable tr:last-of-type {
    border-top: none;
    border-bottom: none;
}

#meritcontract.noimport .import,
#meritcontract.noimport .importrow {
    display: none;
}

#meritcontract.nousers .newpackage .usersrow {
    display: none;
}

#meritcontract .headersrow td {
    font-size: 18px;
}

#meritcontract .package .icon {
    background-color: #fcfcfc;
    transition: all 0.1s;
    border: 2px solid #294aff;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 500px;
    float: right;
    margin-top: -10px;
}

#meritcontract .package.selected .icon {
    background-image: url(../Images/svg2020/check_blue.svg);
    background-position: 50% 50%;
    background-size: 35px;
}

#meritcontract table td {
    height: 28px;
}

#comparepackages table td {
    white-space: normal;
}

.uppercase {
    text-transform: uppercase;
}
.w1 {
    width: 1%;
}

.w10 {
    width: 10%;
}

.w12 {
    width: 12.5%;
}

.w15 {
    width: 15%;
}

.w20 {
    width: 20%;
}

.w30 {
    width: 30%;
}

input.w25,
.w25 {
    width: 25%;
    box-sizing: border-box;
}

.w33 {
    width: 33.4%;
}

.maxw33 {
    max-width: 33%;
}

.w37 {
    width: 37.5%;
}

.reportview .w50,
.w50,
input.w50 {
    width: 50%;
}

.w66 {
    width: 66%;
}

.w49 {
    width: 49%;
}

.w40 {
    width: 40%;
}

.w100 {
    width: 100%;
}

.w75 {
    width: 75%;
}

.w0 {
    width: 0;
}

.m0 {
    margin: 0px;
}

.mr10 {
    margin-right: 10px;
}

.ml10 {
    margin-left: 10px;
}

.h32 {
    height: 32px;
}

.h42 {
    height: 42px;
}

.h40 {
    height: 40px;
}

.doublefield {
    height: 119px;
}

.hauto {
    height: auto;
}

.pr5 {
    padding-right: 5px;
}

input.wauto,
.datagrid input.wauto {
    width: auto;
}

#showbalancedescriptiongrouping {
    vertical-align: middle;
    margin: 3px;
    margin-left: 10px;
}

.wauto {
    width: auto;
}

.h50 {
    height: 50%;
}

.right {
    float: right;
}

.left {
    float: left;
}

.tright {
    text-align: right;
}

.tleft {
    text-align: left;
}

.pointer {
    cursor: pointer;
}

.tmid,
.tcenter {
    text-align: center;
}

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

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal;
}

.fit-content {
    width: fit-content;
}

.vbot {
    vertical-align: bottom;
}

.vmid {
    vertical-align: middle;
}

.vtop {
    vertical-align: top;
}

.vbot {
    vertical-align: bottom;
}

.vinitial {
    vertical-align: initial;
}

.vbots>* {
    vertical-align: bottom;
}

.vmids>* {
    vertical-align: middle;
}

.vtops>* {
    vertical-align: top;
}

.abspos {
    position: absolute;
}

.nrml {
    font-weight: normal;
}

.reportname {
    font-size: large;
    font-family: Arial;
    font-weight: bold;
}

.big,
.field.big,
.field.big>*,
.field.big label,
.field.big input {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.a4 .big,
.doc .a4 table .big td,
.a4 .big>* {
    font-size: 18px;
    font-weight: bold;
}

#einvsentrecv #curyear,
#einvsentrecv #prevyear,
#makseandmikform #curyear,
#makseandmikform #prevyear,
#makseandmikform #prevqrt,
#makseandmikform #yesterday,
#makseandmikform #today {
    display: none;
}

#einvsentrecvdetrep {
    min-width: 720px;
}

#einvsentrecvdetrep td {
    padding: 0px 10px;
}

#einvsentrecvdetrep .hidefilters,
#tdtest .hidefilters,
#vdreport .hidefilters,
#vatmoss .hidefilters {
    display: none;
}

#mossdata {
    padding: 0px 40px;
}

.partnededitlink {
    text-decoration: underline;
    font-weight: bold;
}

#tdheaderdate {
    width: 320px;
}

.dashboardshowall {
    margin-bottom: 60px;
}

.purchasetotal,
.purchaseoverdue,
.salestotal,
.salesoverdue {
    padding-left: 10px;
}

.purchasetotal:hover,
.purchaseoverdue:hover,
.salestotal:hover,
.salesoverdue:hover {
    text-decoration: underline;
}

.salesofferwrap {
    margin: 20px 100px;
}

.usercomment {
    margin-bottom: 10px;
}

.filterlistcover {
    display: none;
}

/* layout styles */
/*****************/

.a4 .pagefooter {
    position: absolute;
    bottom: 0px;
    display: table;
    height: 95px;
    table-layout: fixed;
}

.landscape .a4 .pagefooter {
    width: 100%;
}

.pdflandscapewrap {
    display: inline-block;
    line-height: 36px;
    margin-right: 10px;
}

/* listbox */
#listbox {
    border: 1px solid #aaa;
    border-width: 1px 1px 1px 1px;
    position: absolute;
    display: inline-block;
    background: #fff;
    z-index: 1;
}

#listbox .item>* {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 3px 10px;
}

#listbox .item:hover {
    background-color: #eee;
}



#mailtemplate textarea {
    height: auto;
}


.test button {
    margin: 0px !important;
    padding: 0px !important;
    background-color: #aaa !important;
}

#groupinvoicesdata .repheader [data-field="Chosen"],
#groupinvoicesdata table input {
    cursor: pointer;
}


.centerwrap {
    text-align: center;
    width: 410px;
    margin: 0 auto;
    margin-top: 50px;
    background: #fff;
    box-shadow: 0px 0px 15px 5px #ddd;
}

.finchargeinvoice .copydoc,
.finchargeinvoice .creditdoc {
    display: none;
}



.prepaymentamount {
    margin: 0px 5px;
}

.centerwrap .info {
    padding: 20px;
    color: #fcfcfc;
}

#registerresponsewrap .info,
#registerresponsewrap .message,
#forgetresponse .info {
    color: #333;
}

#registerresponsewrap {
    color: red;
}

.wrapwide {
    width: 640px;
}

.centerwrap .logo {
    height: 115px;
    background-image: url(../Images/Passeli-Merit-logo-primary-rgb.svg);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-size: 55%;
    background-color: transparent !important;
    margin-bottom: 25px;
}

.centerwrap .logo_pl {
    height: 115px;
    background-image: url(../Images/Passeli-Merit-logo-primary-rgb.svg);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 55%;
    background-color: transparent !important;
}

.totaltopayfield {
    margin: 3px 0px;
}

.totaltopayfield label {
    margin-right: 5px;
}

.hide,
div.hide,
.responsive.cols>*.hide {
    display: none;
}

.vendorvatacc {
    width: 20px;
}

.vendorvatacc .editor-label {
    overflow: visible;
    white-space: nowrap;
    margin-left: -220px;
}

.mainnav .buynow {
    background-color: #FF6A6A;
    background-size: 20px;
    background-image: url(../Images/svg2020/buy_white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
}

.buynowtab .upgrade,
.buynowtab .buynow {
    height: 60px;
}

.buynow:active,
.buynow:focus {
    background-color: #fcfcfc;
    color: #ed455d;
}

/* #archivingform */
#archivingform #curmonth {
    display: none;
}

#archivingform .actionbuttons {
    margin-top: 20px;
}

#archivingform .actionbuttons .buttonwrap:first-child {
    padding-right: 5px;
}

.archiveline {
    border: 1px solid #ddd;
    margin-bottom: 3px;
    border-radius: 6px;
    padding: 0px 6px;
    padding-right: 1px;
    line-height: 28px;
}

.archiveline:hover {
    border-color: #0021d8;
}

.archiveline * {
    cursor: pointer;
}

.archiveline .buttonwrap {
    padding: 1px 0px;
    width: 1%;
}

.archiveline .buttonwrap button {
    border-radius: 4px;
}

.archivingpreviebutton {
    border-color: #ddd;
    color: #666;
}

.archivingpreviebutton:hover {
    border-color: #44b4ee;
    color: #44b4ee;
}

.archivingchoices {
    padding-left: 30px;
}

.archivingblock {
    margin-top: 40px;
    padding: 0px 60px;
}

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

.white {
    color: #fcfcfc;
}

.appinfo {
    position: absolute;
    bottom: 0px;
    pointer-events: none;
    z-index: 1;
}

/* readingsform */
#readingsform {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.readingswrap input.showdropdown,
.readingswrap input.showdropdown:active,
.readingswrap input.showdropdown:focus,
.readingswrap input.showdropdown:hover {
    background-color: #fcfcfc;
}

#readingsform .totals {
    background-color: #fafafa;
}

#readingsform .totals input:disabled {
    padding: 2px 6px;
}

/* sumamountstable */
#sumamountstable .sumline {
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

#sumamountstable .sumline [data-field="Price"] {
    text-indent: 9000px;
}

.candrillline {
    cursor: pointer;
}

#sumamountstable .topcontrols {
    text-align: right;
    margin-bottom: 10px;
}

#sumamountstable .topcontrols>button {
    vertical-align: top;
    margin-left: 5px;
}

/* indvalues table */
#indvalues {
    width: 100%;
    table-layout: fixed;
}

#indvalues th {
    background-color: #d4d6e2;
    color: #333;
    padding: 0px 6px;
}

#indvalues th,
#indvalues td {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    font-weight: normal;
    border: 1px solid #fff;
    border-top: none;
    border-bottom: none;
}

.buildver {
    color: #ccc;
    vertical-align: bottom;
    position: fixed;
    bottom: 0px;
    right: 0px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-align: right;
    pointer-events: none;
    margin-right: 60px;
    z-index: 1;
}

#pricesanddiscounts {
    margin-bottom: 20px;
}

.pl.kpircompany .field-GLAccountName,
.pl.kpircompany .field-GLAccountCode {
    display: none !important;
}

#companynames {
    position: absolute;
    background-color: #fcfcfc;
    border: 1px solid #ccc;
    z-index: 10;
}

#companynames>div {
    border: 1px solid #ccc;
    border-width: 1px 0 1px 0;
    padding: 5px;
    cursor: pointer;
}

#companynames .selected {
    background-color: #ddd;
}

#companynames>div:hover {
    background-color: #eee;
}

#designchoice,
#designchoice2 {
    text-align: center;
    margin-bottom: 10px;
    height: 800px;
    overflow: hidden;
}

#designchoice .designbut,
#designchoice2 .designbut {
    border: 1px solid #ddd;
    padding: 10px 5px;
    background-color: #fcfcfc;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 5px;
    width: 96px;
    height: 86px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
    line-height: 18px;
    vertical-align: top;
    position: relative;
    transition: all 0.3s;
    margin: 3px;
    overflow: hidden;
}

#designchoice .designbut:hover,
#designchoice2 .designbut:hover {
    border: 1px solid #294aff;
}

#designchoice .designbut .remove,
#designchoice2 .designbut .remove {
    margin: 0 auto;
    bottom: 5px;
    font-size: 20px;
    width: 32px;
    position: absolute;
    width: 100%;
    left: 0px;
    color: #ddd;
}

#designchoice .designbut .remove:hover,
#designchoice2 .designbut .remove:hover {
    color: #ed455d;
}

#designchoice .addnew,
#designchoice2 .addnew {
    color: #294aff;
    text-indent: 0px;
    text-align: center
}

#designchoice .designbut.selected,
#designchoice2 .designbut.selected {
    border: 1px solid #0186CD;
}

#designchoice2 .designbut:first-of-type {
    margin-top: 5px !important;
}

#designchoice .name,
#designchoice2 .name {
    font-size: 12px;
    line-height: 12px;
    height: 12px;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.4);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.05);
}

.originaldocwrap {
    position: relative;
    display: inline-block;
}

.modal .originaldocwrap {
    float: right;
    margin-right: 10px;
}

#addpayment .modal .originaldocwrap {
    top: -52px;
    float: initial;
}

#fixedasset .originaldocwrap {
    margin-right: 0px;
}

.originaldocwrap button {
    display: inline-block;
    padding: 0px 12px;
    vertical-align: bottom;
}

.digitizewrap {
    margin-right: 20px;
}

.odwspot {
    vertical-align: bottom;
    float: left;
}

#fixedasset .odwspot {
    display: inline-block;
}

#initialaccounts .odwspot {
    text-align: right;
    float: initial;
    width: 38px;
}

.initialbalancemenu {
    border-collapse: initial;
    border-spacing: 1px;
}

.modal .attachmentbut {
    vertical-align: bottom;
    float: initial;
}

.showoriginaldoc,
.showattachment {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 50% 50%;
    width: 36px;
    height: 36px;
    background-image: url(../Images/svg2020/attached_grey.svg);
    order: 2;
}

.showoriginaldoc:hover,
.showattachment:hover {
    background-image: url(../Images/svg2020/attached_white.svg);
}

.uploadoriginaldoc,
.addattachment {
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: initial;
    background-position: 50% 50%;
    background-image: url(../Images/svg2020/clip_grey.svg);
    width: 36px;
    height: 36px;
}

.uploadoriginaldoc:hover,
.addattachment:hover {
    background-image: url(../Images/svg2020/clip_white.svg);
}

.originaldocwrap {
    display: inline-flex;
}

.originaldocwrap .deleteoriginaldoc,
.deleteattachment {
    border: 1px solid #ed455d;
    z-index: 1;
    background-color: #fcfcfc;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 50% 50%;
    background-image: url(../Images/svg2020/trash_red.svg);
    order: 1;
}

.deleteoriginaldoc:hover,
.deleteattachment:hover {
    background-color: #ed455d;
    background-image: url(../Images/svg2020/trash_white.svg);
}

.fileattachment {
    display: inline-block;
    position: relative;
}

.fileattachment button {
    width: 40px;
    transition: all 0.3s;
    display: inline-block;
}

.fileattachment .deleteattachment {
    position: absolute;
    left: 0px;
    top: 0px;
}

.fileattachment .showattachment {
    position: relative;
    z-index: 1;
}

.isadmin tr.line0 {
    border: 1px solid red;
}

.prewrap {
    white-space: pre-wrap;
}

#addrchoice td,
#addrchoice th {
    padding: 4px;
    cursor: pointer;
    font-size: 13px;
    border: 1px solid #ddd;
}

#addrchoice thead {
    text-transform: uppercase;
}

#addrchoice tr:hover td {
    background-color: #fafafa;
}

table.permissions {
    margin-bottom: 20px;
}

#permissions table {
    line-height: 20px;
}

#permissions table th,
#permissions table td {
    padding: 2px 20px;
}

#usermanagementpermissions #userrole .field:first-of-type {
    display: none;
}

#userrole input {
    margin-right: 5px;
}

.viewall,
.editall,
.permissions input[type="checkbox"] {
    cursor: pointer;
}

.permissions th,
.permissions td {
    border: 1px solid #ddd;
    text-align: center;
    padding: 0px 5px;
    white-space: normal;
}

.permissions th:first-child,
.permissions td:first-child {
    text-align: left;
    border-left: 1px solid #ddd;
}

.permissions th:last-child,
.permissions td:last-child {
    border-right: 1px solid #ddd;
}

.permissions input {
    margin-right: 0px;
}

.permissions th {
    background-color: #d8d8d9;
}

.subnav2 .notallowed {
    background-color: #ddd;
}

.datepickersimplewrap .ui-datepicker-trigger {
    display: none;
}

.lineedit .datagrid .tablewrap tr>td input.datepickersimple,
.lineedit .datagrid .tablewrap tr>td input.datepickersimple:focus {
    background-image: url(../Images/svg2020/calendar_blue.svg);
    background-position: 95% 50%;
    background-repeat: no-repeat;
}

.datepickersimple {
    background-image: url(../Images/svg2020/calendar_blue.svg);
    background-position: 95% 6px;
    background-repeat: no-repeat;
    cursor: pointer;
}

/**/

.waitingforstatus .field-RetrivalStatus span {
    background-image: url(../Images/ajax-loader.gif);
    background-repeat: no-repeat;
    background-position-y: 50%;
    height: 16px;
}

.items .certexpires .field-Expires {
    background-image: url(../Images/svg2024/Alert_24.svg);
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position-y: 50%;
    background-position-x: 10px;
    
    height: 10px;
}
@media (max-width: 768px) {
    .items .certexpires .field-Expires {
        background-image: unset;
        background-color: #FF6B00; 
    }
}

#ddlist {
    position: absolute;
    border: 1px solid #ccc;
    z-index: 2;
    background-color: #fcfcfc;
}

#ddlist .ddwrap {
    overflow: auto;
    max-height: 185px;
    background-color: #fcfcfc;
}

#ddlist table {
    width: auto;
}

td.showbatchreport {
    color: #294AFF;
}


.quicklinks {
    padding: 10px 50px;
    border: 1px solid #DFE1E6;
    border-left: none;
    border-right: none;
    background-color: #fcfcfc;
    overflow-x: auto;
}

.quicklinks .link {
    display: table-cell;
    padding: 0px 10px;
    margin: 10px 0px;
    color: #333;
    border-right: 1px solid #919191;
    cursor: pointer;
}

.quicklinks .link:hover {
    color: #294aff;
}

.reprightsection {
    padding: 0px 50px;
    padding-bottom: 30px;
    background-color: #f2f2f4;
}

.reprightsection .controls {
    padding: 10px;
    vertical-align: bottom;
    text-align: right;
}

.salesorderheaders .adddoc {
    display: none;
}

.ml {
    margin-left: 10px;
}

.padl {
    padding-left: 10px;
}

.pad4060 {
    padding: 40px 60px;
}

.pad1030 {
    padding: 10px 30px;
}

.pad060 {
    padding: 0px 60px;
}

.pad20 {
    padding: 20px;
}

#salesorder .datagrid table tr td input:enabled {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
}

#salesorder .datagrid table tbody tr>td,
#salesorder .datagrid table tr td input:disabled,
#salesorder .datagrid table tr td input:read-only {
    background: #eee;
    border: none;
}

.mainheader .username {
    font-size: 13px;
    font-weight: normal;
}

/* TOTALSECTION */
.totalsection {
    min-width: 410px;
    width: 33%;
    vertical-align: top;
    box-shadow: 0px 6px 12px #00000014;
    border-radius: 4px;
    background-color: #fcfcfc;
    padding: 10px 20px;
}

.totalsection .field {
    display: table;
    width: 100%;
    box-sizing: border-box;
    border-top: 1px solid #DFE1E6;
    padding: 0px;
}

.totalsection .field:first-of-type {
    border-top: none;
}

.totalsection #RoundingPrec {
    width: 100px;
    border-left: 1px solid #DFE1E6;
    padding: 0px 20px;
}

.totalsection #RoundingAmount {
    border-left: 1px solid #DFE1E6;
}


.totalsection .field>* {
    display: table-cell;
}

.totalsection input:read-only,
.totalsection select:read-only {
    border: none;
}

.totalsection input[type="text"]:read-only:hover,
.totalsection select:hover {
    border: none;
}

.totalfield label {
    font-size: 16px;
    color: #294AFF;
    line-height: 50px;
    text-transform: uppercase;
}

.Safari input[type="text"]:disabled {
    color: #000;
}

#register,
#forgotpassword,
.createuser,
#login,
#activate {
    box-sizing: border-box;
    width: 100%;
    padding: 0px;
    background-color: #fcfcfc;
}

.centerwrap #activate {
    margin-top: 30px;
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
}

/* languages */
.languages {
    width: auto;
    vertical-align: top;
}

.forgotheader {
    height: 150px;
    background-image: url(../Images/Passeli-Merit-logo-primary-rgb.svg);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-color: transparent !important;
}

.createheader {
    height: 150px;
    background-image: url(../Images/Passeli-Merit-logo-primary-rgb.svg);
    background-repeat: no-repeat;
    background-position: 50% 75%;
    background-color: transparent !important;
}

.createuser {
    font-size: 17px;
    font-weight: bold;
    padding: 0px;
    margin-top: 0px;
}

.appstorehide .appstorehide {
    display: none !important;
}

.createuserinfo {
    margin-top: 20px;
}

.forgotmessage {
    font-size: 17px;
    font-weight: bold;
}

.forgotpasswordinfo {
    margin-top: 20px;
}

#registermessage {
    text-align: center;
    width: 500px;
    margin: 0 auto;
    padding-top: 150px;
}

button :last-child {
    margin-right: 0px;
}

.field-IsSet>div {
    text-align: center;
}

.padding15 .viewcontrols,
.padding15 .addcontrols,
.padding15 .editcontrols {
    margin: 5px 2px 10px 2px;
}

button .ico {
    width: 20px;
    height: 20px;
}

#companydata .fieldgroup {
    margin-top: 0px;
    padding-top: 0px;
}

iframe {
    border: none;
}

.menuitemseparator {
    margin-top: 3px;
}

.ui-datepicker-calendar {
    border: 1px solid #ddd;
    margin-top: 6px;
}

.ui-datepicker-title select {
    width: auto;
    display: inline-block;
}

.ui-datepicker-year {
    margin-left: 2px;
}

.ui-datepicker-next {
    width: 16px;
    height: 16px;
    background-image: url(../Images/ico16.png);
    background-position: -195px -30px;
}

.ui-datepicker-prev {
    width: 16px;
    height: 16px;
    background-image: url(../Images/ico16.png);
    background-position: -173px -30px
}

span.ui-icon.ui-icon-circle-triangle-w,
span.ui-icon.ui-icon-circle-triangle-e {
    display: none;
}

select.viewfilters {
    border: 1px solid #d4d4d4;
    height: 40px;
    outline: none;
    vertical-align: top;
}

select option {
    height: 16px;
}

select.selectable,
select.selectable:hover,
select.selectable:active,
select.selectable:focus {
    background-color: transparent;
    border: none;
    border-top: 1px solid #ddd;
}

.datagridlist .tablewrap table {
    border-left: 0px;
    border-top: none;
    table-layout: fixed;
    width: 100%;
    box-shadow: 0px 6px 10px #0000000A;
}

.currencieslist .datagridlist .tablewrap table,
.countrieslist .datagridlist .tablewrap table {
    table-layout: auto;
}

.lineedit .datagrid .tablewrap tr>td input {
    background-color: transparent;
    border: 0px;
    padding: 0px 5px;
}

.lineedit .datagrid .tablewrap tr>td input.datepicker {
    text-align: right;
    padding-right: 20px;
}

.lineedit .datagrid .tablewrap tr>td input.datepicker:disabled,
.lineedit .datagrid .tablewrap tr>td input.datepicker:read-only {
    padding: 0px 3px;
}


.noedit .datagrid .tablewrap tr>td input:disabled,
.noedit .lineedit .datagrid .tablewrap tr>td input.dd:hover {
    background: none;
}


.lineedit .datagrid .tablewrap tr>td input:focus {
    background-color: #f2f7ff;
    border: 1px solid #308dfe;
}

.lineedit .datagrid .tablewrap tr.missingquantity>td.field-Quantity input:focus {
    border: 1px solid #E94A22;
}

.lineedit .datagrid .tablewrap tr>td input:read-only:focus,
.lineedit .datagrid .tablewrap tr>td input:read-only:active {
    border: none;
    background: none;
}



.buttonmenucontent button.red,
.buttonmenucontent input[type="submit"].red {
    border: 1px solid #3da2d6;
}

.needsrecalc {
    color: #ed455d;
}

.needsrecalconform {
    color: #ed455d;
}

button.blue,
input[type="submit"].blue {
    background-color: #72bfeb;
    border: 1px solid #63a1c4;
    box-shadow: 1px 1px 1px -1px #5994b6;
    outline: none;
}

button.blue:hover,
input[type="submit"].blue:hover {
    background-color: #1b9ae3;
    border: 1px solid #1c7fb7;
    box-shadow: 1px 1px 1px -1px #0c6ba0;
}

button.blue:active,
input[type="submit"].blue:active {
    background-color: #1b9ae3;
    border: 1px solid #1c81ba;
    box-shadow: 0px 0px 1px 1px #5fb3e2;
}

.lineeditarrows {
    display: inline-block;
}

.lineeditarrows.inmodal,
.lineeditremove.inmodal {
    z-index: 10;
}

button[disabled='disabled'],
button:disabled,
button[disabled='disabled']:hover,
button:disabled:hover {
    background-color: #f2f2f4;
    border: 1px solid #bbb;
    color: #bbb;
    text-shadow: none;
    box-shadow: 1px 1px 1px -1px #d4d4d4;
    pointer-events: none;
}

.rbuts {
    height: 32px;
}

#colorpicker .controls {
    text-align: right;
    margin-top: 5px;
}

#colorcodewrap {
    white-space: nowrap;
    display: flex;
    background-color: #fcfcfc;
    border: 1px solid #aaa;
}

#colorpicker canvas {
    margin-bottom: 10px;
    cursor: pointer;
}

#colorpicker form {
    padding: 5px;
}

#colorcodewrap label {
    padding: 4px;
}

.colorpicker .colorwrap {
    padding: 3px 5px;
    text-align: center;
}

.colorpicker {
    cursor: pointer;
    position: absolute !important;
    top: 108px;
    opacity: 0;
}

#invoicepreview:hover .colorpicker {
    opacity: 1;
}

.colorpicker * {
    cursor: pointer;
}

.colorpicker .ico {
    position: absolute;
    top: 0;
    right: -27px;
    padding: 5px;
    border: 1px solid #ddd;
    width: 16px;
    height: 16px;
    background-size: 12px;
}

.colorpicker .ico:hover {
    background-color: #0021D8;
    background-image: url(../Images/svg2020/x_white.svg);
}

.invsettingsbotsection {
    margin-top: 30px;
}

.fontstyles #color {
    width: 100%;
    height: 42px;
    background-color: #111;
}

#glbatch .totals .labels>* {
    height: 32px;
    line-height: 32px;
}

.lg-divider {
    height: 24px;
    border-bottom: 1px solid #DFE1E6;
    margin: 0px 10px;
}

.w90 {
    width: 90%;
}

.cbwidth {
    width: 32px;
}

.reverserepline:nth-child(odd) {
    background: #fff;
    height: 18px;
}

.reverserepline:nth-child(even) {
    background: #f8f8f8;
    height: 18px;
}

.reverserepline:hover {
    background: #e6ecf6;
}

.reportview table th.reportname,
.reportview table td.reportname {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 19px;
}

.reportview .bb,
.a4 .bb {
    border-bottom: 1px solid rgb(211, 211, 211);
}

.reportview .bt,
.a4 .bt {
    border-top: 1px solid rgb(211, 211, 211);
}

.repodividerline {
    height: 7px;
}

.reportview .mindatewidth,
.mindatewidth {
    min-width: 75px;
    /*34 in podf*/
}

table td.grheader {
    font-weight: bold;
}

.icavendorchoice {
    margin-bottom: 20px;
}

.dupliheaderswrap {
    pointer-events: none;
}

.dupliheaders {
    border-top: 1px solid rgb(211, 211, 211);
    border-bottom: 1px solid rgb(211, 211, 211);
}

tr.repheader,
tr.repheader th,
tr.repheader td {
    background-color: #d8d8d9;
    overflow: visible;
    white-space: nowrap;
}

[data-type="invoicelines"] .alignmentfield {
    display: none;
}

.pdfheadercell {
    background-color: #d4d6e2;
    border: 1px solid #ddd;
}

#kpirkpirdata th,
#kpirkpirdata td {
    font-size: 14px;
}

#kpirkpirdata tr th {
    background-color: #e6e7ef;
}

#kpirkpirdata table:first-of-type th {
    background-color: #fcfcfc;
}

#kpirkpirdata .profitbg,
#kpirkpirdata.reportview table .profitbg {
    background-color: #F0F5EF;
}

#kpirkpirdata.reportview table .repheader .profitbg {
    background-color: #e9efe8;
}

#kpirkpirdata .repline:nth-child(odd) .profitbg {
    background-color: #F4FBF4;
}

#kpirkpirdata .repline:hover .profitbg {
    background: #e6ecf6;
}

#kpirkpirdata .expensebg,
#kpirkpirdata.reportview table .expensebg {
    background-color: #F7F1ED;
}

#kpirkpirdata.reportview table .repheader .expensebg {
    background-color: #f1ebe7;
}

#kpirkpirdata .repline:nth-child(odd) .expensebg {
    background-color: #fcfcfc;
}

#kpirkpirdata .repline:hover .expensebg {
    background: #e6ecf6;
}

.kpirrepdescriptions {
    margin-top: 20px;
    line-height: 24px;
}


#lumpsumdata th,
#lumpsumdata td {
    font-size: 14px;
}

#lumpsumdata tr th {
    background-color: #e6e7ef;
}

#lumpsumdata table:first-of-type th {
    background-color: #fcfcfc;
}

#lumpsumdata .profitbg,
#lumpsumdata.reportview table .profitbg {
    background-color: #F0F5EF;
}

#lumpsumdata.reportview table .repheader .profitbg {
    background-color: #e9efe8;
}

#lumpsumdata .repline:nth-child(odd) .profitbg {
    background-color: #F4FBF4;
}

#lumpsumdata .repline:hover .profitbg {
    background: #e6ecf6;
}

#lumpsumdata .expensebg,
#lumpsumdata.reportview table .expensebg {
    background-color: #F7F1ED;
}

#lumpsumdata.reportview table .repheader .expensebg {
    background-color: #f1ebe7;
}

#lumpsumdata .repline:nth-child(odd) .expensebg {
    background-color: #fcfcfc;
}

#lumpsumdata .repline:hover .expensebg {
    background: #e6ecf6;
}

table .reptotals>td {
    font-weight: bold;
}

.baldetrow,
.profitdetrow,
.cashflowdetrow {
    font-style: italic;
    color: #387839;
    background-color: #f1fcf0;
    border-bottom: 2px solid white;
}

.baldetrow:hover,
.profitdetrow:hover,
.cashflowdetrow:hover {
    background-color: #d3efd0;
}

.a4 .reportname {
    padding-bottom: 5px;
    font-size: 19px;
}

.batchreport .controls {
    float: right;
    position: absolute;
    right: 60px;
    top: 100px;
    z-index: 1;
}

.a4 .repparams {
    padding-bottom: 5px;
}

.a4.reportview .bo {
    border: 1px solid rgb(211, 211, 211);
}

.a4.reportview .bl {
    border-left: 1px solid rgb(211, 211, 211);
}

.a4.reportview .br {
    border-right: 1px solid rgb(211, 211, 211);
}

.a4.reportview .bb {
    border-bottom: 1px solid rgb(211, 211, 211);
}

.a4.reportview .bt {
    border-top: 1px solid rgb(211, 211, 211);
}

.reportview table .repsubheader td {
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
}

.labelplaceholderforcheckbox {
    height: 23px;
}

.sp50 {
    padding-right: 30px;
    padding-left: 30px;
}

.pright10 {
    padding-right: 10px;
}

.pright5 {
    padding-right: 5px;
}

.p0 {
    padding: 0px;
}

.pleft10 {
    padding-left: 10px;
}

.pleft5 {
    padding-left: 5px;
}

.ptop10 {
    padding-top: 10px;
}

.pbottom10 {
    padding-bottom: 10px;
}

.padding15 {
    padding: 15px;
}

.fasummary {
    border: 1px solid #d4d4d4;
    margin: 5px;
    background-color: #edecea;
    padding-bottom: 20px;
}

.mainmid {
    display: none;
}

.leftmenu {
    width: 250px;
}

.rightmenu {
    vertical-align: middle;
    white-space: nowrap;
    height: 60px;
}

.rightmenuwrap {
    text-align: right;
}

.rightmenu .rightmenuwrap>div {
    display: inline-block;
    width: 56px;
    vertical-align: top;
}

.rightmenu .rightmenuwrap .cards-tab {
    width: auto;
}

.rightmenu .rightmenuwrap .cards-tab,
.rightmenu .rightmenuwrap .cards-tab .tab.active {
    background: transparent none;    
}

.maintab.cards-tab .tab:hover {
    background: transparent none;
}

.isadmin .rightmenu .rightmenuwrap>div {
    width: 48px;
}

.buynowtab {
    background-color: #FF6A6A;
}

.companyselectionmenu {
    width: 100%;
    display: block;
}

.menubuttonsright {
    width: 48px;
}

.tabs2center {
    min-width: 960px;
    width: 66%;
}

.tabs2right {
    vertical-align: middle;
}

.tabsinright {
    float: right;
}

/* no change for company tab */
.mainheader {
    height: 14px;
    min-height: 14px;
}

.justico {
    width: 42px;
}

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

.currentcompany .companyname {
    overflow: hidden;
    text-overflow: ellipsis;
}

.currentcompany {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
}

.activesessions {
    padding: 10px;
}

.profitdescriptionmessage {
    padding: 20px 60px;
}

/* messages */
.messages .ico {
    position: relative;
}

.messagecount {
    background-color: #ed455d;
    border: 2px solid #fff;
    border-radius: 10px;
    width: 8px;
    height: 8px;
    position: absolute;
    right: -1px;
    top: -5px;
    pointer-events: none;
}

.messages .tab:hover .messagecount {
    border: 2px solid #0021D8;
}

.messages .subnav2 {
    width: 480px;

}

.messages .messagesmenuheader {
    text-align: left;
    height: 70px;
    line-height: 70px;
    border-top: 1px solid #DFE1E6;
    border-bottom: 1px solid #DFE1E6;
    font-weight: 500;
    font-size: 16px;
    padding: 0px 30px;
    color: #999;
}

.messagesimage {
    background: url(../Images/svg2020/messagesheader.svg);
    margin: 0px 50px;
    background-position: center;
    background-repeat: no-repeat;
    width: 383px;
    height: 176px;
}

.dashboardrightsection .messagesimage {
    background-size: 100%;
    width: auto;
    height: 150px;
}

.messagesmenu {
    padding-top: 20px;
}

.messageswrap {
    overflow: auto;
}

.messageline {
    padding: 12px;
    margin: 20px 30px;
    border: 1px solid #DFE1E6;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    transition: 0.1s all;
    text-align: left;
    background-color: #f2f2f4;
    line-height: 24px;
}

.messageline:hover {
    border: 1px solid #999;
}

.messageline .deletemessage {
    position: absolute;
    top: -15px;
    right: 25px;
}

.messageline .close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -16px;
    right: 16px;
    border-radius: 20px;
    background: url(../Images/svg2020/x_grey.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-color: #fcfcfc;
    border: 1px solid #DFE1E6;
}

.messageline .close:hover {
    border: 1px solid #aaa;
}

.unred {
    background-color: #fcfcfc;
}

.messageline a {
    color: #294AFF;
}

.chatmsgheadline {
    border-left: 2px solid #294AFF;
    padding-left: 10px;
    white-space: normal;
}

#unredmessagesheader,
#redmessagesheader {
    text-align: left;
    margin: 0px 30px;
    font-weight: 600;
    font-size: 16px;
}

#redmessagesheader {
    border-top: 1px solid #DFE1E6;
    padding-top: 20px;
}

#allredmessage {
    text-align: center;
    color: #aaa;
    padding: 10px 0px;
}

#salesorderimportvalidationmessage .groupname {
    margin-top: 10px;
    font-weight: bold;
}

#invoiceimportsettings {
    margin-top: 10px;
}

#invoiceimportsettings form {
    margin-bottom: 10px;
}

#invoiceimportsettings form h3 {
    font-weight: bold;
    margin: 0px 5px;
}

.originalfileexists {
    height: 24px;
    background-image: url(../Images/svg2020/clip_grey.svg);
    background-position: 50% 2px;
    background-repeat: no-repeat;
    padding: 0px;
}

.originalfileexists-red {
    height: 24px;
    min-width: 16px;
    background-image: url(../Images/svg2020/clip_red.svg);
    background-position: 50% 2px;
    background-repeat: no-repeat;
    padding: 0px;
}

.invmovepdfmenuwrap {
    position: relative;
}

.invmovepdfmenu {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    background-color: transparent;
    border-radius: 18px;
    border: none;
    visibility: hidden;
    transition: all 0.5s;
    opacity: 0;
    right: 0px;
}

.invmovepdfmenuwrap .invmovedoctopdf {
    transition: all 0.2s;
}

.invmovepdfmenuwrap:hover .invmovedoctopdf {
    border-radius: 6px 6px 0px 0px;
}

.invmovepdfmenuwrap:hover .invmovepdfmenu {
    visibility: visible;
    opacity: 1;
}

.invmovepdfmenu>div {
    background: #fff;
    padding: 4px 12px;
    white-space: nowrap;
    margin: 0px;
    margin-bottom: -1px;
    margin-top: -33px;
    transition: all 0.5s;
    position: relative;
    border-radius: 0px;
}

.invmovepdfmenu .but:first-child {
    margin-top: 0px;
    border-radius: 6px 0px 0px 0px;
}

.invmovepdfmenu>div:last-of-type {
    margin-bottom: 0px;
    border-radius: 0px 0px 6px 6px;
}

.invmovepdfmenuwrap:hover .invmovepdfmenu .but {
    margin-top: 0px;
}

.redtext,
.redtext * {
    color: #ed455d !important;
}

.greentext,
.greentext * {
    color: #2EB336 !important;
}

#periodizationbatchlisttable {
    table-layout: auto;
}

.settingscontent .zussettingsform {
    margin: 0px 0px -30px 0px;
}

.zussettingsform .headerwrap {
    margin-bottom: 10px;
}

.zussettingsform .namewrap {
    margin-right: 20px;
}

.zussettingsform .activewrap input {
    height: 31px;
}

.zussettingsform .formname {
    display: block;
}

.zussettingsform .controls {
    padding-right: 0px;
}

.zussettingsform [data-field=Row] {
    display: none;
}

.reccomendfriendwrap {
    white-space: nowrap;
}

.intercom-launcher,
.intercom-launcher-frame {
    opacity: 0.5 !important;
}

#recommendfriend {
    width: 320px;
}

#recommendfriendbutton {
    color: #fcfcfc;
    background-color: #294aff;

}

.table1 {
    border: 1px solid #ddd;
    table-layout: fixed;
}

.table1 th,
.table1 td {
    padding: 0px 6px;
}

.table1 td.nopad {
    padding: 0px;
}

.table1 td>* {
    white-space: normal;
}

.table1 td>select {
    white-space: pre;
}

.table1 .small {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table1 td input {
    border: 0px;
    background-color: transparent;
    width: 100%;
    box-sizing: border-box;
}

.table1 input:focus {
    background-color: #f2f7ff;
    border: 1px solid #308dfe;
}

#factoringform .factoringproviders .UserMsg {
    padding: 3px 0px;
    overflow: auto;
}

#factoringform .table1 td {
    margin: 3px 0px;
}

#factoringform .table1 input {
    margin-bottom: 2px;
}

#factoringform .table1 .IBANCode,
#factoringform .table1 .Comment {
    margin-top: 2px;
}

#factoringform .header {
    background-color: #f2f2f4;
    line-height: 38px;
    font-weight: 600;
}

#factoringform .item>div {
    padding: 10px 10px;
}

#factoringform .item .comment {
    margin-bottom: 30px;
    border: 1px solid #DFE1E6;
    padding: 20px 10px;
}

#factoringform .missingfactoringdata {
    display: none;
}

.modal #factoringform .missingfactoringdata {
    display: block;
}

.table2 tr {
    transition: all 0.3s;
}

.table2 select {
    border: none;
}

.table2 td {
    padding: 0px 3px;
}

.table2 tbody tr:hover {
    background-color: #e4e5ec;
}

.table2 thead td {
    background-color: #d4d6e2;
}


.tlauto {
    table-layout: auto;
}

.tlfixed,
.repdrawlimit .tlfixed {
    table-layout: fixed;
}


.repdrawlimit.noscrollbar {
    padding-right: 0px;
}

.repdrawlimit.noscrollbar .scrollbar {
    display: none;
}

#transdata .drawlimitcontent tr:first-of-type {
    border-bottom: 1px solid #fff;
}

#addnewfiscalyearstatement .fysguide {
    margin: 10px 0px;
}

#fiscalyearstatement h3,
#fiscalyearstatement .headertable {
    margin-bottom: 10px;
}

#fiscalyearstatement .fysgeneralinfo h3 {
    margin-bottom: 0px;
    margin-left: 5px;
}

#fiscalyearstatement .contents {
    padding: 0px;
}

#fiscalyearstatement .tabcontent .tablewrap {
    overflow: auto;
}

#fiscalyearstatement .reportview {
    margin: 0px;
}

#fiscalyearstatement .reptopcontrols {
    display: none;
}

#fiscalyearstatement .tabcontent .table2 input {
    box-sizing: border-box;
    padding: 0px 4px;
}

#fiscalyearstatement .tabcontent .table2 td {
    padding: 0px 5px;
    white-space: pre;
}

#fiscalyearstatement .tabcontent .table2 td.editablefield {
    padding: 0px;
}

.et #fiscalyearstatement .repcontent .edit1,
.fi #fiscalyearstatement .repcontent .edit1,
.et #fiscalyearstatement .tabcontent .clear,
.fi #fiscalyearstatement .tabcontent .clear {
    display: none !important;
}

#fiscalyearstatements .word {
    vertical-align: top;
    margin-left: 5px;
}

#fiscalyearstatements .formtopcontrols .tright>* {
    vertical-align: top;
}

#fiscalyearstatements .formtopcontrols .editdoc {
    display: none;
}

#fiscalyearstatements .documentview[data-viewmode='add'] .formtopcontrols {
    display: block;
}

#fiscalyearstatements [data-viewmode='add'] .word,
#fiscalyearstatements [data-viewmode='add'] .pdf,
#fiscalyearstatements [data-viewmode='add'] .xml,
#fiscalyearstatements [data-viewmode='add'] .prev,
#fiscalyearstatements [data-viewmode='add'] .next {
    display: none;
}

#fiscalyearstatement .controlswrap {
    margin-top: 20px;
}

#fiscalyearstatement .otherreports .wrap {
    display: none;
    position: absolute;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    margin-left: -21px;
    margin-top: 10px;
    z-index: 1;
}

#fiscalyearstatement .otherreports .wrap .other {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    padding: 6px 12px;
}

#fiscalyearstatement .otherreports .wrap .other:hover {
    background-color: #f6f6f6;
}

#fiscalyearstatement .otherreports .wrap .other:last-of-type {
    border: none;
}

#fiscalyearstatement .otherreports:hover .wrap {
    display: block;
}

.pl #fiscalyearstatement .otherreports .removewrap {
    margin-right: 54px;
    width: auto;
}

.pl #fiscalyearstatement .otherreports .section {
    position: relative;
}

.pl #fiscalyearstatement .otherreports .sectioncontrols {
    position: absolute;
    right: 0px;
}

#fiscalyearstatement .topcontrols {
    display: table-cell;
}


#fiscalyearstatement.viewmode-add .save {
    display: inline-block !important;
}

.fysgeneralinfocontent .clear {
    display: inline-block;
}

.fysgeneralinfo {
    overflow: auto;
    border: 1px solid #ddd;
    padding: 10px;
}

.otherreports .addsection {
    margin-top: 5px;
}

.otherreportswrap {
    overflow: auto;
}

.otherreportswrap button {
    vertical-align: bottom;
    margin-bottom: 3px;
}

.otherreportswrap .section .name {
    margin-bottom: 10px;
    font-weight: bold;
}


.noedit .fileattachment:hover .showattachment {
    border-radius: 5px;
}

.otherreports.noedit .removesection,
.otherreports.noedit .addsection,
.otherreports.noedit .fileattachment .deleteattachment,
.otherreports.noedit .fileattachment .addattachment,
.otherreports .recalculate,
.fysgeneralinfocontent .recalculate {
    display: none !important;
}

.multiselectdisplay {
    margin-top: 22px;
}

#P1_CChoices {
    padding-right: 20px;
}

.canaddart {
    cursor: pointer;
}

.noedit .canaddart {
    color: #999;
    cursor: auto;
}

.canaddart.hasfyscomments {
    color: #3da2d6;
}


.cleantable td {
    border: none;
    height: auto;
    padding-right: 10px;
}

.cleantable tr:nth-child(odd),
.cleantable tr:nth-child(even) {
    background-color: transparent;
}

.kpirpitmessage {
    margin-top: 40px;
    margin-bottom: 10px;
}

.confirmationlogtablewrap table {
    table-layout: auto;
}

.confirmationlogtablewrap .table1 td input {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
}

.hideconfirmationrow {
    width: 40px;
    text-align: center;
    padding: 0px;
    position: absolute;
    right: -40px;
    border-radius: 0;
    border-color: #ddd;
    background-color: #fcfcfc;
    color: #777;
    cursor: pointer;
    background-size: 20px;
}

.hideconfirmationrow:hover {
    background-image: url(../Images/svg2020/x_white.svg);
}

.confirmationlogtablewrap .table1 td input:hover {
    border: 1px solid #3da2d6;
}

.confirmationlog {
    position: relative;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

.ismobile .confirmationpreview .confirmationlog {
    margin: 0px 10px
}

.modal .confirmationlog {
    margin: 0px;
}


.confirmationlog .setwid {
    width: 181px;
}

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

.confirmationlog .commentlabel {
    margin: 5px;
}

/* ANIMATIONS */
@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadein {
    animation-name: fadein;
    animation-duration: 0.5s;
}

#addconfirmer {
    background-color: #fafafa;
    transition: all 1s;
    cursor: pointer;
}

#addconfirmer:hover {
    background-color: #E2F8D6;
}

.tablebut {
    border-radius: 0px;
    background-color: #fafafa;
    transition: all 1s;
    cursor: pointer;
    width: 100%;
    border: 1px solid #ddd;
}

.tablebut:hover {
    background-color: #E2F8D6;
}


.tab2,
.langtab {
    cursor: pointer;
    background-color: #f2f2f4;
    padding: 7px 30px;
    border: 1px solid #ddd;
    color: #aaa;
    text-align: center;
}

.tab2:hover,
.langtab:hover,
.tab2.selected,
.langtab.selected {
    color: #294aff;
    border: 1px solid #294aff;
    cursor: pointer;
    background-color: #f2f2f4;
}

.getcompanydata {
    position: absolute;
    top: 10px;
    right: 5px;
    background-position: -48px -32px;
}

.getcompanydata:hover {
    background-position: -48px 0px;
}

#pricesanddiscounts .datagrid.lineedit .topcontrols {
    width: 100%;
    position: initial;
}

#pricesanddiscounts .datagrid.lineedit .topcontrols>* {
    display: table-cell;
}

.datagrid.lineedit .topcontrols>* {
    display: initial;
    width: auto;
}

.dots,
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item.language>* {
    vertical-align: middle;
}

.item.language .languagetext {
    text-align: center;
}

#langbuttons {
    line-height: initial;
}

.myaccountcontent .ajaxload {
    width: auto;
}

.myaccountlink:hover {
    color: #294AFF;
}

.onlyinpdf {
    display: none;
}

.confirmationpreview#purchaseorder {
    margin-top: 10px;
}

.ismobile .confirmationpreview#purchaseorder {
    margin: 0px;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

.ismobile .nomobile {
    display: none;
}

.ismobile .confirmationpreview .dimensionswrap select {
    max-width: initial;
}

.confirmationnotfound#purchaseorder {
    margin-top: 100px;
}

.confirmationpreview .embededpdf {
    height: 66%;
}

.confirmationpreview .embededpdf iframe {
    height: 100%;
}

.confirmationpreview .confirmationlog .delete {
    display: none;
}

.confirmationpreview .confirmationlog {
    margin-top: 0px;
}


.embededpdf #pdfcanvas {
    margin: 20px 0px;
}

.appletouch .embededpdf {
    height: 256px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 10px;
}

.msie_10 .embededpdf {
    display: none;
}

#salesoffers .messagearea {
    margin: 20px 120px;
    padding: 20px;
    background-color: #fcfcfc;
}

.previewfromemaillink,
.previewfromemail {
    padding: 0px;
    width: 797px;
    margin: 0 auto;
}

.previewfromemail {
    background-color: #fcfcfc;
    box-sizing: border-box;
    box-shadow: 0px 1px 5px 0px #aaa;
    min-height: 1097px;
    position: relative;
}

.previewfromemail,
.previewfromemail td {
    font-size: 13px;
    line-height: 18px;
    white-space: pre-line;
}

.previewfromemail.fi .logowrap {
    position: absolute;
    width: 100%;
}

.previewfromemail.fi .logowrap canvas {
    margin-right: 80px;
}

.previewfromemail.fi .wrap0 {
    height: 90px;
}

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

.previewfromemail .LRT>div:last-of-type {
    text-align: right;
}

.previewfromemail .documentnumber .text {
    margin: 0px !important;
}

#purchaseorder[data-source="U"] .exptotalsumfield,
#purchaseorder[data-source="U"] .sumdiffield {
    display: none;
}

#purchaseorder .botwrap {
    padding-right: 10px;
}

/* pl */
[data-loc="pl"] .previewfromemail .MID {
    margin: 20px 0px 0px 0px;
}

[data-loc="pl"] .previewfromemail .recieverlabel {
    margin: 0px 10px 0px 0px !important;
}

[data-loc="pl"] .previewfromemail .MID>.wrap {
    display: inline-block;
}

.previewfromemail .RT {
    display: inline-block;
}

.previewfromemail .lines {
    border: 1px solid #ddd;
}

.previewfromemail .lines td {
    white-space: nowrap;
}

.previewfromemail td {
    background-color: #fcfcfc;
    border: none;
}

.previewfromemail .text {
    padding: 2px 5px;
}

.previewfromemail .documentheader td div.bgcolor {
    padding: 2px 10px;
}

.previewfromemail td {
    height: 22px;
}

.previewfromemail .documentheader td div {
    padding: 0px;
}

.previewfromemail .wrap {
    vertical-align: top;
}

.previewfromemail .lines .offerdowrap {
    white-space: normal;
}

.previewfromemail .totaltablewrap .offerdowrap {
    white-space: nowrap;
}

.previewfromemail .totaltable {
    margin-bottom: 30px;
    text-align: right;
}

.previewfromemail .totaltable td>* {
    white-space: nowrap;
}

.previewfromemail .totaltable tr:last-of-type {
    border-top: 1px solid #ddd;
}

.previewfromemail .totaltable td:last-of-type {
    text-align: right;
}

.previewfromemail .totaltable td:first-of-type {
    width: 66%;
}

.previewfromemail .footer {
    position: absolute;
    bottom: 0px;
    width: 90%;
    box-sizing: border-box;
    left: 0px;
    margin: 10px 40px 10px 40px;
    font-size: 11px;
    line-height: 15px;
}

.previewfromemail .righttop {
    max-width: 320px;
}

.opfield {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.opfield>* {
    display: table-cell;
}

.opfield label {
    text-align: left;
}

.opfield div {
    text-align: right;
}

.previewfromemaillink .embededpdf {
    margin: 10px 5px;
}

.previewfromemaillink .embededpdf iframe {
    height: 85%;
}

.previewfromemaillink .statustext {
    color: #3da2d6;
    font-weight: bold;
    margin: 0px 10px;
    font-size: 18px;
}

.previewfromemaillink .controls {
    margin-bottom: 10px;
}

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

.confirmationlog .controls {
    color: #999;
    font-size: 14px;
    padding: 10px 0px;
}

.previewfromemaillink .downloadpdf {
    vertical-align: middle;
}

.microsoftgreeting {
    display: block;
    text-align: center;
    font-size: 18px;
}

#offernoteform {
    margin-bottom: 0px;
    min-width: 640px;
    box-sizing: border-box;
}

/* BUTONMENU */
.buttonmenucontent {
    position: absolute;
    z-index: 3;
    top: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

.buttonmenucontent .but,
.buttonmenucontent button {
    background-color: #fcfcfc;
    line-height: 42px;
    text-align: center;
    padding: 0px;
    cursor: pointer;
    width: 100%;
    height: auto;
}

.buttonmenucontent button:active,
.buttonmenucontent button:focus,
.buttonmenucontent button:hover {
    background-color: #3da2d6;
    color: #fcfcfc;
}

.buttonmenucontent button.red:active,
.buttonmenucontent button.red:focus,
.buttonmenucontent button.red:hover {
    background-color: #ed455d;
    color: #fcfcfc;
}

.buttonmenucontent>* {
    border-radius: 0px;
}

.buttonmenucontent #haveattachment .but {
    border-radius: 0px;
}

.buttonmenucontent>*:first-child {
    border-radius: 6px 6px 0px 0px;
}

.buttonmenucontent>*:nth-last-child(2) {
    border-radius: 0px 0px 6px 6px;
}

.buttonmenucontent>*:last-child {
    margin-top: 5px;
    border-radius: 6px;
}

.kdforpl .formsection {
    background-color: #edeff5;
}

.kdforpl .formsection label {
    font-size: 15px;
    color: #333;
}

.kdforpl .formsection input[type=checkbox]:disabled {
    opacity: 0.5;
}

#deleteattachment {
    border: 1px solid #ed455d;
    color: #ed455d;
    width: 42px;
    font-size: 20px;
}

.buttonmenucontent #deleteattachment {
    border: 1px solid #3da2d6;
}

#tsekkeesettings .subscribe,
#tsekkeesettings .unsubscribe,
#tsekkeesettings .active,
#tsekkeesettings .notactive {
    display: none;
}

#tsekkeesettings[data-isactive="True"] .unsubscribe {
    display: inline-block;
}

#tsekkeesettings[data-isactive="False"] .subscribe {
    display: inline-block;
}

#tsekkeesettings[data-isactive="True"] .active {
    display: inline-block;
}

#tsekkeesettings[data-isactive="False"] .notactive {
    display: inline-block;
}

.nopdfpreview {
    display: block;
    text-align: center;
    border: 1px solid #ed455d;
    margin: 0 5px;
}

#invoicepreview {
    font-size: 9px;
    width: 450px;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 2px 5px #aaa;
    color: #111;
    background-color: #fcfcfc;
    line-height: 12px;
    margin: 0 auto;
}

#invoicepreview .marginarea {
    margin: 30px 20px 20px 40px;
    position: relative;
}

#invoicepreview .logoimage {
    height: 40px;
}

#invoicepreview .logoarea,
#invoicepreview .logoarea2 {
    position: relative;
}

#invoicepreview .logoplacement {
    position: absolute;
    top: 0px;
    opacity: 0;
    transition: 0.5s all;
}

.deletelogo,
.deletelogo2 {
    z-index: 1;
    opacity: 1;
}

.deletelogo:hover,
.deletelogo2:hover {
    transform: rotateZ(90deg);
}

.logospot {
    height: 27px;
    vertical-align: middle;
    font-size: 13px;
    border: 1px solid #ddd;
    transition: 1s all;
    opacity: 0.7;
    background-color: #fafafa;
}

.logospot:hover {
    border: 1px solid #ddd;
    background-color: #E2F8D6;
}

#invoicepreview:hover .logoarea .logoplacement,
#invoicepreview:hover .logoarea2 .logoplacement {
    display: none;
}

.loadlogo,
.loadlogo2 {
    font-size: 13px;
    top: 0px;
    line-height: 40px;
    vertical-align: middle;
    border: 1px solid #ddd;
    width: 100%;
    position: absolute;
    background-color: rgba(250, 250, 250, 0.8);
    transition: 1s all;
}

.loadlogo:hover,
.loadlogo2:hover {
    background-color: rgba(226, 248, 214, 0.8);
}

#invoicepreview:hover .logoarea.havelogo .logoplacement {
    display: block;
    opacity: 1;
}

#invoicepreview:hover .logoarea2.havelogo .logoplacement {
    display: block;
    opacity: 1;
}

#invoicepreview .logoarea.havelogo .loadlogo,
#invoicepreview .logoarea2.havelogo .loadlogo2 {
    display: none;
}

#invoicepreview .invoicetop,
#invoicepreview .invoicelines {
    margin-top: 20px;
}

#invoicepreview .logoarea2 {
    margin-top: 130px;
}

#invoicepreview .invoicenumber {
    border: 1px solid #ddd;
    background-color: #eee;
}

#invoicepreview .invoiceline {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#invoicepreview .invoicelinesheader {
    border: 1px solid #ddd;
    background-color: #eee;
}

#invoicepreview .invoicefooter {
    height: 40px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}

.fi #invoicepreview .invoicefooter {
    bottom: 40px;
    height: auto;
    border: 1px solid #ddd;
}

.stripecodepreview {
    text-align: center;
    border: 1px solid #ddd;
    border-top: none;
}

.stripecodepreview img {
    width: 225px;
}

.stripecodeblock {
    border-top: 1px solid #ddd;
}

#addinvoice .moreinfo {
    margin-top: 16px;
}

#addinvoice .moreinfo textarea {
    height: 96px;
}

#addinvoice .moreinfo .checkboxwrap {
    margin-top: 16px;
}

#addinvoice .moreinfo .commentswrap {
    margin-bottom: 52px;
    margin-top: -20px;
}

#salesoffer .moreinfo {
    margin-bottom: 25px;
    margin-top: 5px;
}

#addinvoice .message,
#salesoffer .message {
    margin-top: -66px;
    height: 20px;
    margin-right: 10px;
}

#paymentsimpleform .message {
    margin-top: 0px;
}

.modal #addinvoice .message,
.modal #salesoffer .message {
    margin-top: 0px;
}

.field.noborder {
    border: none;
}

.menugroup_button {
    background-image: url(../Images/ico32.png);
    background-position: -927px -1px;
}

.menugroup_container {
    position: absolute;
    background-color: #fcfcfc;
    z-index: 1;
    transition: all 0.5s;
    visibility: hidden;
    opacity: 0;
}

.menugroup_wrap:hover .menugroup_container {
    top: 38px;
    visibility: visible;
    opacity: 1;
    top: 0px;
    position: fixed;
    z-index: 2;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
}

.menugroup_wrap:hover .menugroup_container>* {
    display: block;
    width: 90%;
}

#vatdeclaration .buttonmenu,
#glbatches .buttonmenu {
    display: none;
}

body .setupguide-layout {
    z-index: 3;
}

.notmobile .mobile {
    display: none;
}

.burgerbutton {
    display: none;
}

@media all and (max-width: 1700px) {
    .maintabs .tab {
        padding: 0px 10px;
    }

    .bankaccountandrefnowrap>div {
        display: block;
    }

}

@media all and (max-width: 1600px) {
    .maintabs .tab {
        padding: 0px 8px;
    }

    .maintabs .tabtext {
        max-width: 120px;
    }

    #docdesign {
        width: 800px;
    }

    #docdesign .components {
        width: 50px;
        left: -50px;
    }

    #docdesign .sidespace {
        width: 50px !important;
        z-index: 1;
        position: absolute !important;
        top: 40px;
    }

    .rightsidespace {
        right: -56px;
    }

    #designchoice2 .designbut {
        width: 70px !important;
    }
}

@media all and (max-width: 1500px) {
    .maintabs .tab {
        padding: 0px 5px;
    }

    .maintabs .tabtext {
        max-width: 90px;
    }
}

@media all and (max-width: 1366px) {
    .maintabs .tab>.tabtext {
        display: none;
    }

    .maintabs .tab {
        padding: 0px 10px;
    }
}

@media all and (max-width: 1024px) {

    #addinvoice .responsive,
    #sendwithmail .responsive {
        display: block;
    }

    #addinvoice .responsive>*,
    #sendwithmail .responsive>* {
        display: block;
    }

    .pad4060,
    .pad060,
    .pad1030,
    .documentview form,
    li>.datagridlist,
    .loginwrap .leftsection {
        padding: 5px;
    }

    #addinvoice .totalsection {
        min-width: initial;
        width: 100%;
        box-sizing: border-box;
    }

    #addinvoice .buttongaps button {
        width: 100%;
        width: -webkit-fill-available;
        margin-bottom: 5px;
    }

    #invoices .documentview .formtopcontrols {
        display: inline-block;
        table-layout: auto;
        margin-left: 0px;
        padding: 5px;
        text-align: center;
        white-space: normal;
    }

    #invoices .documentview .formtopcontrols>* {
        text-align: center;
        width: 100%;
    }

    #invoices .documentview .listview {
        margin: 5px 0px;
    }

    #invoices .documentview .buttongaps {
        display: inline-block;
    }

    script {
        display: none !important;
    }

    #invoices .documentview .formtopcontrols>* {
        display: inline-block;
    }

    .modal .container {
        position: absolute;
        top: 5px;
        left: 5px;
        margin-top: 0px !important;
    }

    .loginwrap .leftsection {
        margin-right: 0px;
        margin-top: 10px;
    }

    #addinvoice,
    #sendwithmail,
    #invoices .documentview .formtopcontrols,
    .loginwrap .leftsection {
        width: 100%;
        min-width: 340px;
    }

    .loginwrap .rightsection {
        display: none;
    }

    .login_fixed {
        left: auto;
        top: auto;
        margin-left: auto;
        margin-top: auto;
        width: 100%;
    }
}

@media all and (max-width: 750px) {
    .cols .responsive {
        display: grid;
    }

    .cols .responsive>.vtop {
        display: contents;
    }
}

.ismobile .cols .responsive {
    display: grid;
}

.ismobile .cols .responsive>.vtop {
    display: contents;
}

.ismobile #addinvoice,
.ismobile #sendwithmail,
.ismobile #invoices .documentview .formtopcontrols,
.ismobile .loginwrap .leftsection {
    width: 400px;
}

/*OVERRIDES*/
#defaultuserview > div.dashboardinfo.section > div > div.sectionclose.dashboardhide {
    min-width: 40px;
    background-position: center 16px;
    border-left: unset;
}

#defaultuserview > div.dashboardinfo.section > div > div.dashboardimg {
    background-position: center;
    background-size: 90% 90%;
}

.links.iblocks {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}

@media screen and (max-width: 425px) {
    #defaultuserview {
        margin: 0.5rem;
    }
    #defaultuserview > div.dashboardinfo.section > div > div.dashboardinfoleft > h3 {
        font-size: 20px;
    }
    #dashboard > div > div.dashboardtabs.tabs div {
        padding: 0 1rem;
    }
    .dashboardleftsection div.buttonwrap span, .roundaddwithtext span {
        display: none;
    }
    .setupstepswrap .setupstepsheader .step:not(.active) {
        display: none;
    }
    #defaultuserview div.sectionheader.cols {
        display: flex;
    }
    #defaultuserview div.sectionheader.cols .headertext {
        flex-grow: 1;
    }
    #defaultuserview div.sectionheader.cols div.headertext {
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #dashboard .section .sectionheader .buttonwrap, .bankheader .roundaddwithtext {
        padding: unset;
    }
    .dashboard-tabs .leftmenu .currentcompany {
        max-width: 133px;
    }
    .linktopalk {
        box-sizing: border-box;
        width: 100vw !important;
        padding: unset !important;
        padding-left: 1rem !important;
    }
}

@media screen and (max-width: 620px) {
    .documentcontrols.field > div.editcontrols:not([style*="display: none"]) {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        max-width: 100vw;
        margin-top: 4rem;
    }
    .cols.responsive {
        display: grid;
    }
    .cols.responsive .field.w25 {
        width: unset;
    }
    .quicklinks {
        padding: 0.5rem;
    }
    .reprightsection {
        padding: 0.5rem;
    }
    .modal .container {
        position: fixed !important;
        max-width: 100vw !important;
        max-height: 100vh !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: unset;
        overflow: auto;
    }
    .modal .container .content form {
        width: unset !important;
    }
    .modal .content .controls:has(>.pdf) {
        top: 65px;
        right: 10px;
    }
    .modal .content:has(.pdf) {
        margin-top: 1rem;
    }
    .settingsribbon {
        padding: 1rem !important;
    }
    .settingsribbon *:not(button) {
        display: none;
    }
    .addnewline .tmid {
        text-align: unset;
        padding-left: 0.5rem;
    }
    .attachmentpreview {
        width: unset !important;
        margin-left: unset !important;
    }
    .totalsection, .w33 {
        width: unset;
        min-width: unset;
    }
    .totalsection {
        margin-top: 1rem;
    }
    .fieldgroup.docpayment .field {
        padding: unset;
    }
    .w50 {
        width: unset;
    }
    .formbot .confirmationlogtablewrap {
        max-width: calc(100vw - 1.5rem);
        overflow-x: auto;
    }
    .formbot .controls {
        display: grid;
        gap: 0.3rem;
    }
    .formbot .controls button {
        margin: unset;
        padding: unset;
    }
}

@media screen and (max-width: 767px) {
    #companydata .cols:not(.hide), #bankview .cols:not(.hide) {
        display: grid;
    }
}

@media screen and (max-width: 768px) {
    .dashboard-tabs .midmenu .tabs.maintabs {
        background-color: white;
    }
    #companies .companieslist {
        max-width: 100vw;
    }
    #defaultuserview > div.dashboardinfo.section > div.cols {
        display: grid;
        grid-template-columns: 1fr 40px;
        grid-template-rows: 1fr 250px;
    }
    #defaultuserview > div.dashboardinfo.section > div > div.dashboardimg {
        order: 3;
        width: 100%;
        grid-column-end: span 2;
    }
    #defaultuserview > div.dashboardinfo.section > div > div.sectionclose.dashboardhide {
        order: 2;
    }
    #dashboard > div > div.dashboardtabs.tabs {
        white-space: nowrap;
        overflow: scroll;
        overflow-y: hidden;
        height: 69px;
    }
    #defaultuserview > div.cols.vtops > div.dashboardrightsection > div {
        margin-top: 1rem;
    }
    .settings .menugroup .title {
        padding: 0.5rem;
    }
    .settings .menugroup .menu {
        padding: 1rem;
    }
    .settings .menu>div {
        padding-left: 1rem;
    }
    #breadcrumbs {
        padding: 0 1rem;
    }
    .bankchoice {
        margin: 0 1rem;
    }
    .banklinewrap.cols.responsive {
        display: grid;
    }
}

@media screen and (max-width: 825px) {
    .documentview .formtopcontrols {
        display: flex;
        flex-wrap: wrap;
        gap: .5rem;
        padding: 1rem 2rem;
    }
    .documentview .formtopcontrols > div {
        flex-grow: 1;
        display: flex;
        justify-content: center;
    }
    .documentview .formtopcontrols .tleft {
        width: unset;
    }
    .documentview .formtopcontrols > div > .cols {
        width: unset;
    }
}

@media screen and (max-width: 899px) {
    .subnav2 {
        max-width: 100vw;
    }
    .subnav2:not([style*="display: none"]) {
        padding-top: 1rem;
        overflow: auto;
    }
    .subnav2 * {
        margin: unset;
    }
    .midmenu .subnav2:not([style*="display: none"]) {
        right: 0;
    }

    #dashboard > div > div.dashboardtabs.tabs div {
        margin: unset;
        padding: 0 0.5rem;
    }
    .dashboard-tabs {
        position: unset;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    }
    .dashboard-tabs .leftmenu {
        width: unset;
    }
    .dashboard-tabs .midmenu {
        display: flex;
        justify-content: flex-end;
        padding-right: 0;
    }
    .dashboard-tabs .rightmenu {
        display: flex;
        position: absolute;
        top: 60px;
        right: 0px;
        justify-content: flex-end;
        width: 100vw;
    }
    #userandcompanymanagement .showpaidusers.but1 {
        overflow: unset;
        height: unset;
    }

    #userandcompanymanagement .leftcontrols .buttongaps.cols {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    #userandcompanymanagement .leftcontrols .buttongaps.cols button {
        margin: unset;
    }
    .companiesandusers.cols.responsive > div {
        display: flex;
        flex-wrap: wrap;
        height: unset !important;
    }
}

@media screen and (min-width: 1024px) {
    #defaultuserview > div.cols.vtops {
        grid-template-columns: 1fr 300px;
    }
}

@media screen and (max-width: 1024px) {
    .loginwrap.login_fixed {
        all: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }
    .loginwrap .leftsection {
        min-width: unset !important;
        width: unset !important;
        padding: 2rem;
        max-width: 420px;
    }
    #dashboard > div > div.dashboardtabs.tabs {
        padding: 0 1rem;
    }
    #defaultuserview {
        margin: 1rem;
    }
    #defaultuserview > div.dashboardinfo.section > div > div.dashboardinfoleft > h3 {
        font-size: 26px;
    }
    #defaultuserview > div.dashboardinfo.section > div > div.dashboardinfoleft {
        padding: 2rem;
    }
    #defaultuserview > div.cols.vtops {
        display: grid;
        gap: 1rem;
    }
    #defaultuserview > div.cols.vtops > div.dashboardrightsection {
        width: unset;
    }
    #defaultuserview > div.cols.vtops > div.dashboardleftsection > div.cols.responsive {
        display: grid;
        grid-template-columns: 1fr;
    }
    #defaultuserview > div.cols.vtops > div.dashboardrightsection > div {
        margin-left: unset;
        width: 100%;
    }
    #defaultuserview > div.cols.vtops > div.dashboardleftsection > div.cols.responsive > div.sectiongap {
        display: none;
    }
    #apipromo > div > div.sectiongap {
        display: none;
    }
    #apipromo > div > div.section {
        width: 100%;
    }
    .setupstepswrap {
        min-width: unset;
        margin: 1rem;
    }
    .setupstepswrap .setupstepsheader {
        padding: 0 1rem;
        display: flex;
        gap: 1rem;
        align-items: center;
        justify-content: center;
        line-height: unset;
    }
    .setupstepswrap .setupstepsheader .step {
        display: flex;
        flex: 1;
        align-items: center;
        gap: 1rem;
        justify-content: center;
    }
    .step .roundbutton {
        margin: unset;
    }
    .settingswrap.cols {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
        min-height: unset !important;
    }
}

.settingswrap .menugroup .title {
    white-space: nowrap;
}

/* hide dashboard messages box on smaller than 1023px */
@media screen and (max-width: 1023px) {
    #defaultuserview > div.cols.vtops > div.dashboardrightsection {
        display: none;
    }    
}

.login-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
}

.login-logo img {
    min-width: 160px;
}

@media screen and (min-width: 1025px) {
    .login-logo {
        display: none;
    }
}

.trialExpiresText {
    display: inline-block;
    margin-left: 20px;
    margin-top: 10px;
    font-size: 16px;
}

.days {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
}

.trialExpiresValue {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
}

.bank-transaction-status-confirm {
    background-color: green !important;
    border-color: green !important;
}

.bank-transaction-status-confirm:hover {
    cursor: pointer;
}

#matchBankTransactions .tablewrap {
    overflow: auto;
    will-change: transform;
    box-shadow: 0px 6px 10px #0000000A;
    border-radius: 4px;
    max-height: 590px;
}

tr:nth-child(odd of .transaction) {
    background-color: #fcfcfc;
}

tr:nth-child(even of .transaction) {
    background-color: #ededef;
}

tr:nth-child(odd of .transaction) + .hidden {
    background-color: #fcfcfc;
}

tr:nth-child(even of .transaction) + .hidden {
    background-color: #ededef;
}

.expand,
.matchingList {
    margin-bottom: 10px;
}

.removeInvoice {
    display: inline-block;
    transform: translateY(30%);
    margin-left: 10px;
}

[data-submitting] button {
    opacity: 0.5;
}

.hideImportant {
    display: none !important;
}

.btn-group button {
    float: left;
    width: 40%
}

.btn-group button:not(:last-child) {
    border-right: none;
}

.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.reprightsection .textField {
    text-align: right;
    padding: 10px 10px 5px 10px;
}

.reprightsection .textField .euro {
    text-align: right;
    padding: 10px 10px 5px 10px;
}

.invoiceData{
    padding: 0px 8px;
}

.transactionDetails{
    display: block;
    margin-top: 2px;
    clear: both;
}

.buttonCell{
    text-align: right;
}

.cellMargin {
     margin: 2px;
}

.checkmark {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}

.checkmark::after {
    content: "✔";
    position: absolute;
    color: green;
    top: 50%;
    left: 50%;
    transform: translate(0%, -60%);
    font-size: 15px; /* Adjust as needed */
}

.greentext {
    color: green;
    text-align: right;
    padding-right: 15px !important;
}

tr.transaction {
    cursor: pointer;
}

.modalTextNarrow > div {
    max-width: 500px;
}

.centerActivation {
    margin: auto;
    max-width: 800px;
}

.count-bubble {
    height: 40%;
    line-height: 100%;
    border-radius: 12px;
    padding: 5px 10px;
    background-color: #294AFF;
    color: #fff;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    border: 1px solid #fcfcfc;
}

#getAllTransactionsTab, #getUnmatchedTransactionsTab {
    position: relative;
}

.euro::after {
    content: "\20AC";
}

.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    max-width: 800px;
}

.center-container-cards {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin: auto;
    max-width: 800px;
}

#reactivationStartDateField .ui-datepicker-trigger:hover {
    cursor: pointer;
}

.password-tooltip {
    display: none;
    position: absolute;
    background-color: #fcfcfc;
    border: 1px solid #DEE0E8;
    padding: 10px;
    width: 300px;
    z-index: 1000;
    list-style-type: none;
    margin-top: 0px;
    border-radius: 5px;
}

/* Tooltip pointer appearing on top */
.password-tooltip.top::after {
    content: '';
    position: absolute;
    bottom: 100%; /* Arrow above the tooltip */
    left: 10px; /* Adjust horizontally based on need */
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top:  0;
    border-bottom: 10px solid #DEE0E8;
}

/* Tooltip pointer appearing beside */
.password-tooltip.beside::after {
    content: '';
    position: absolute;
    top: 10px; /* Adjust this to move the pointer up/down */
    left: -10px; /* Position the pointer 10px from the left of the tooltip */
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: #f2f2f4;
    border-left: 0;
    border-right: 10px solid #DEE0E8; /* Pointer beside */
}

.valid::before {
    content: '✔';
    color: green;
    margin-right: 8px;
}

.invalid::before {
    content: '✘';
    color: red;
    margin-right: 8px;
}

.input-container {
    position: relative;
}

.validation-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.icon-valid::before {
    content: '✔';
    color: green;
}

.icon-invalid::before {
    content: '✘';
    color: red;
}

.input-container {
    position: relative; /* Ensure the container is positioned relative */
}

/* make field look like disabled, readonly input field */
.fake-input {
    display: block;
    padding: 0 10px;
    border: 1px solid #DFE1E6;
    color: #333;
}

/* prevents possibility to select text with mouse */
.prevent-select {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cardsbackground {
    background-color: #fdfdfd;
}

.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 30px 30px;
    gap: 15px;
    text-align: left;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
}

.grid-1-by-2-centered {
    display: grid;
    grid-template-rows: 1fr 1fr;
    text-align: center;
    margin-top: 20px;
}

.grid-item {
    color: #555;
    font-size: 16px;
}

.slide-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Left column takes remaining space, right column takes the width of the image */
    gap: 10px; /* Adjust the gap between columns as needed */
    border: 1px solid #ddd; /* Add a border around the container if needed */
}

.slide-left-column {
    border: 1px solid #ddd; /* Add a border around the container if needed */
    /* Add styles for the left column if needed */
}

.slide-right-column  {
    border: 1px solid #ddd; /* Add a border around the container if needed */
}
.slide-img {
    background-image: url(../Images/svg2020/merit_cards.svg);
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-size: 70%;
    width: 100%;
    flex: 0 0 500px;            
}
.dashboard-container {
    display: flex;                
    justify-content: space-between; 
}
.dashboard-button-container {
    display: flex;                
    justify-content: flex-start; 
}

.dashboard-content {
    flex: 1;                     
    margin-right: 20px;         
}

.dashboardimg {
    flex: 0 0 300px;            
}
.card-container {
    margin: 40px 10px;
    padding: 10px;
    background: #f6f6f6;
    border-radius: 8px;    
    border: 1px solid #DFE1E6;
}  

.linktext {
    margin-top: 20px;        color: #007bff;
    text-decoration: none;
}

.disabledInput
{
    pointer-events: none;
    background-color: #f0f0f0;
}