/*region font icons */
@font-face {
  font-family: "icons";
  src: url("/assets/ctx/8c7ebb74/layout/fonts/icons.eot");
  src:
    url("/assets/ctx/8c7ebb74/layout/fonts/icons.eot?#iefix") format("embedded-opentype"),
    url("/assets/ctx/3fb96de1/layout/fonts/icons.woff") format("woff"),
    url("/assets/ctx/ad73a98b/layout/fonts/icons.ttf") format("truetype"),
    url("/assets/ctx/zd5162f37/layout/fonts/icons.svg#smarta") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-purchase:before {
  content: "\62";
}
.icon-sales:before {
  content: "\61";
}
.icon-generalLedger:before {
  content: "\67";
}
.icon-fixedAssets:before {
  content: "\64";
}
.icon-orders:before {
  content: "\66";
}
.icon-warehouse:before {
  content: "\63";
}
.icon-offers:before {
  content: "\65";
}
.icon-showMore001:before {
  content: "\6a";
}
.icon-showMore:before {
  content: "\6b";
  font-size: 16px;
  vertical-align: middle;
  padding-left: 5px;
}

.icon-showMore:hover {
  text-decoration: none;
}
.icon-videoInstruction:before {
  content: "\68";
}
.icon-textInstruction:before {
  content: "\69";
}
/*endregion*/

/*region image icons small */
.icon-16 {
  margin-left: 3px;
  border: none;
  width: 21px;
  height: 21px;
  cursor: pointer;
  text-indent: -9999px;
  color: transparent;
  text-transform: capitalize;
  display: inline-block;
  vertical-align: middle;
}

.icon-16.edit-16.disabled {
  opacity: 0.3;
}

.delete-16 {
  background: url("/assets/ctx/be5ad6dd/layout/images/btn-delete-small.png") no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
}

.delete-16-inverse {
  background: #999 url("/assets/ctx/9b1104bd/layout/images/btn-delete.png") 50% 50% no-repeat;
  background-size: 12px;
  height: 25px;
  width: 25px;
  border-radius: 3px;
  transition: all 0.2s;
}

.delete-16-inverse:hover {
  background: #f39242 url("/assets/ctx/9b1104bd/layout/images/btn-delete.png") 50% 50% no-repeat;
  background-size: 12px;
}

.delete-16:hover {
  background: #e5a36f url("/assets/ctx/9b1104bd/layout/images/btn-delete.png") no-repeat;
  background-size: 12px;
  background-position: 50% 50%;
}

.add-16 {
  background: #5199c9 url("/assets/ctx/23a34cbf/layout/images/btn-add.png") 50% 50% no-repeat;
  background-size: 12px;
}

.edit-16 {
  background: url("/assets/ctx/9434e066/layout/images/btn-edit-blue.png") 50% 50% no-repeat;
  background-size: 14px;
}

.edit-16:hover {
  background: #9db5bd url("/assets/ctx/e26a10b4/layout/images/btn-edit.png") 50% 50% no-repeat;
  background-size: 14px;
}

.icon-left-exclamation {
  background: #90a4ae url("/assets/ctx/fbea2931/layout/images/ico-exclamation-white.png") 10px 50% no-repeat;
  background-size: 2px;
  padding: 0 5px 0 25px;
  color: #fff;
}

.icon-green-dot {
  background-image: url("/assets/ctx/3d313315/layout/images/ico-new.png") !important;
  background-position: right 3px top 3px;
  background-repeat: no-repeat;
}

.minus-sign {
  background-image: url("/assets/ctx/e9584d23/layout/images/ico-minus.png");
  background-size: 1em;
  background-position-x: 0.5em;
  background-position-y: center;
  background-repeat: no-repeat;
  padding-left: 2em;
}

.plus-sign {
  background-image: url("/assets/ctx/35bb4ae1/layout/images/ico-plus.png");
  background-size: 1em;
  background-position-x: 0.5em;
  background-position-y: center;
  background-repeat: no-repeat;
  padding-left: 2em;
}

/*region statusIcons */
.statusIcon {
  width: 16px;
  height: 16px;
  border-radius: 8px;
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  transition: all 0.1s;
}

.statusIcon div.t-error-popup {
  opacity: 0;
  display: none;
  background: none;
  position: absolute;
  bottom: 20px;
  left: -9px;
}

.statusIcon DIV.t-error-popup SPAN {
  padding-right: 20px;
}
.statusIcon:hover div.t-error-popup {
  opacity: 1;
  display: block;
  animation: saOpacity 0.3s 1;
}

.rowStatus.error td.status .statusIcon,
.rowStatus.error td[data-grid-property="status"] .statusIcon,
.rowStatus.warn td.status .statusIcon,
.rowStatus.warn td[data-grid-property="status"] .statusIcon,
.statusIcon.error {
  background: #ffb03d url("/assets/ctx/fbea2931/layout/images/ico-exclamation-white.png") 50% 50% no-repeat;
  background-size: 2px;
}

.rowStatus.blue-error td.status .statusIcon,
.statusIcon.blue-error {
  background: #3bade5 url("/assets/ctx/fbea2931/layout/images/ico-exclamation-white.png") 50% 50% no-repeat;
  background-size: 2px;
}

.statusIcon.deleted {
  background: #ffb03d url("/assets/ctx/ebdcb357/layout/images/btn-close-white.png") 50% 50% no-repeat;
  background-size: 8px;
}

.rowStatus.ok td.status .statusIcon,
.rowStatus.ok td[data-grid-property="status"] .statusIcon,
.rowStatus.ok-automatic td.status .statusIcon,
.rowStatus.ok-automatic td[data-grid-property="status"] .statusIcon,
.statusIcon.ok {
  background: #6cbe70 url("/assets/ctx/83b0ae37/layout/images/ico-ok-white.png") 50% 50% no-repeat;
  background-size: 11px;
}

.rowStatus.sent td.status .statusIcon,
.rowStatus.sent td[data-grid-property="status"] .statusIcon,
.statusIcon.sent {
  background: #3bade5 url("/assets/ctx/6fcf944d/layout/images/btn-export.png") 50% 50% no-repeat;
  background-size: 8px;
}

.rowStatus.sent td.status .statusIcon,
.rowStatus.sent td[data-grid-property="status"] .statusIcon,
.statusIcon.sent {
  background: #3bade5 url("/assets/ctx/6fcf944d/layout/images/btn-export.png") 50% 50% no-repeat;
  background-size: 8px;
}

.rowStatus.saved td.status .statusIcon,
.rowStatus.saved td[data-grid-property="status"] .statusIcon {
  background: #6cbe70 url("/assets/ctx/1908141e/layout/images/btn-save.png") 50% 50% no-repeat;
  background-size: 9px;
}

.rowStatus.ok-prepayment td.status .statusIcon,
.rowStatus.ok-prepayment td[data-grid-property="status"] .statusIcon {
  background: #35ab9f url("/assets/ctx/845842a2/layout/images/btn-help.png") 50% 50% no-repeat;
  background-size: 6px;
}

.rowStatus.ok-bankfees td.status .statusIcon,
.rowStatus.ok-bankfees td[data-grid-property="status"] .statusIcon {
  background: #35ab9f url("/assets/ctx/83b0ae37/layout/images/ico-ok-white.png") 50% 50% no-repeat;
  background-size: 11px;
}

.rowStatus--red-error .statusIcon {
  background: #f37641 url("/assets/ctx/fbea2931/layout/images/ico-exclamation-white.png") 50% 50% no-repeat;
  background-size: 2px;
}

.statusIcon.invoice {
  background: #6cbe70 url("/assets/ctx/6a4c9c4d/layout/images/btn-entry.png") 50% 55% no-repeat;
  background-size: 8px;
}

.statusIcon.invoice.invGrey {
  background-color: #ddd;
}

.statusIcon.periodicInvoice {
  background: #35ab9f url("/assets/ctx/e35398f6/layout/images/periodic_invoices.png") 50% 55% no-repeat;
  background-size: 10px;
}

.statusIcon.grouping {
  background: #6cbe70 url("/assets/ctx/3d82d699/layout/images/btn-copy.png") 50% 55% no-repeat;
  background-size: 8px;
}

.statusIcon.notknown {
  background: #35ab9f url("/assets/ctx/ebdcb357/layout/images/btn-close-white.png") 50% 55% no-repeat;
  background-size: 8px;
}

.statusIcon.prepayment {
  background: #35ab9f url("/assets/ctx/db93a774/layout/images/btn-set-as-service-fees.png") 50% 55% no-repeat;
  background-size: 8px;
}

.statusIcon.prepaymentGrey {
  background: #ffa726 url("/assets/ctx/db93a774/layout/images/btn-set-as-service-fees.png") 50% 55% no-repeat;
  background-size: 8px;
}

.listStatus {
  background: #555 url("/assets/ctx/83b0ae37/layout/images/ico-ok-white.png") 5px 50% no-repeat;
  background-size: 15px;
  padding: 5px 15px 5px 25px;
  min-width: 50px;
  float: left;
  color: #fff;
  margin-left: 3px;
  margin-bottom: 3px;
}

.listStatus.disabledStatus {
  display: none;
}

.large-status {
  border-radius: 10px;
  display: inline-block;
  padding: 5px 25px;
  color: #fff;
}
.large-status:hover {
  color: #fff;
}

.large-status.enabled {
  background-color: #6cbe70;
}
.large-status.disabled {
  background-color: #999;
}
/*endregion*/
/*endregion*/

/*region big images*/
.bg-oldman {
  height: 270px;
  width: 270px;
  background: transparent url("/assets/ctx/7524f2ae/layout/images/backgrounds/bg-oldman.png") no-repeat;
  background-size: contain;
  display: inline-block;
  padding: 0;
}
/*endregion*/