:root {
  --header-zindex: 9999999;
  --header-zindex-overlay: 10000004;
  --height-header: 70px;
  --height-submenu: 33px;
  --height-win-header: 40px;
  --width-twocolumnleft: 60%;
  --width-twocolumnright: 40%;
  --width-twocolumnnavleft: 30%;
  --width-twocolumnnavright: 70%;
  --colorcoded-size: 16px;
  --color-headerbg: #444;
  --color-navbg: #555;
  --color-navsubmenubg: #666;
  --color-invalid: #f30;
  --color-invalid-bg: #febbbe;
  --color-valid-bg: #cbf7d1;
  --color-warning-bg: #e6c287;
  --color-warning-alert: #e4921d;
  --color-hover: #eee;
  --color-description: #666;
  --color-buttoninvert: #888;
  --color-buttoninvert-text: #fff;
  --color-button: #e0e0e0;
  --color-button-border: #ccc;
  --color-button-text: #333;
  --color-dashboard: #494949;
  --color-sitefront: #52bbc5;
  --color-storefront: #ee884d;
  --color-accounting: #5baf4f;
  --color-backoffice: #f8b132;
  --color-contacts: #a97fbd;
  --color-organisation: #666;
  --color-disabledarea: #aaa;
  --color-app: #4191a4;
  --color-apps: #4191a4;
  --color-reseller: #024302;
  --color-master: #494949;
  --color-master-red: #b53434;
  --color-inbox: #f2901d;
  --color-submit: #0a0;
  --color-submittext: #fff;
  --color-cancel: #888;
  --color-canceldark: #888;
  --color-delete: #bd1717;
  --color-add: #4074b2;
  --color-outstanding: #bd1717;
  --color-credit: #024302;
  --color-pastel-red: #e0a2a2;
  --color-pastel-blue: #88a8cb;
  --color-pastel-orange: #eaba6c;
  --color-pastel-yellow: #fff69a;
  --color-pastel-lightgrey: #eee;
  --color-pastel-grey: #b3b3b3;
  --color-pastel-green: #80b280;
  --color-pastel-purple: #b17fd2;
  --color-pastel-brown: #b9a286;
  --color-pastel-sitefront: #e4ecef;
  --color-row-dashed: #ddd;
  --color-form-label-background: #f0f0f0;
  --color-form-field-background: #f5f5f5;
  --color-nav-text: #ddd;
}

.text-center {
  text-align: center;
}

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

.invisible {
  visibility: hidden;
}

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

html {
  box-sizing: border-box;
}

*,*:before,*:after {
  box-sizing: inherit;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/opensans/opensans-regular-webfont.eot?');
  src: url('/fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans/opensans-regular-webfont.woff') format('woff'),url('/fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),url('/fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/opensans/opensans-semibold-webfont.eot?');
  src: url('/fonts/opensans/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans/opensans-semibold-webfont.woff') format('woff'),url('/fonts/opensans/opensans-semibold-webfont.ttf') format('truetype'),url('/fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('/fonts/opensans/opensans-italic-webfont.eot?');
  src: url('/fonts/opensans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/opensans/opensans-italic-webfont.woff') format('woff'),url('/fonts/opensans/opensans-italic-webfont.ttf') format('truetype'),url('/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: 400;
  font-style: italic;
}

html {
  padding: 0 !important;
}

body {
  background-color: #fff;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased !important;
  font-weight: 400;
  line-height: 1.429 !important;
  xoverflow-y: scroll;

  p {
    margin: 1em 0;
  }

  a {
    color: var(--color-contacts);
    text-decoration: none;

    &:hover {
      text-decoration: underline;
    }

    &:hover .fa {
      text-decoration: none !important;
    }

    &.fa:hover {
      text-decoration: none;
    }
  }

  ul {
    padding: 0;
    margin: 0;
  }
}

ol,ul {
  list-style: outside disc;
}

blockquote,q {
  quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;

  &.tblResults {
    width: 100%;
    border-collapse: collapse;
  }

  &.tblResults>thead {
    background-color: var(--color-form-field-background);
    border-bottom: 3px solid #ddd;
  }

  &.tblResults>thead tr {
    padding: 0;
    color: #000;
    height: 30px;
    border-bottom: solid 1px transparent;
  }

  &.tblResults>thead tr th {
    text-align: left;
    vertical-align: middle;
  }

  &.tblResults>thead tr th.amount {
    text-align: right;
  }

  &.tblResults>thead a.button {
    border: solid 1px #ccc;
    background-color: #e0e0e0;
    color: #333;
    cursor: pointer;
    font-size: .55em;
    text-transform: lowercase;
    border-radius: 5px;
    height: 22px;
    width: 22px;
    display: block;
    margin-right: 5px;
  }

  &.tblResults>thead .accordion {
    padding: 3px;
    margin-left: 5px;
  }

  &.tblResults>tbody {
    border-bottom: 3px solid #ddd;
  }

  &.tblResults>tbody>tr {
    border-bottom: 1px dashed #ddd;
    transition: background-color 200ms linear;
  }

  &.tblResults>tbody>tr:last-child {
    border-bottom: solid 1px transparent;
  }

  &.tblResults>tbody>tr:hover {
    background-color: var(--color-hover);
  }

  &.tblResults>tbody>tr.dropfiles {
    border-bottom: solid 1px transparent !important;
    background-color: #fff;
    height: 0;
  }

  &.tblResults>tbody>tr.dropfiles.hover {
    background-color: #ffc;
  }

  &.tblResults>tbody>tr.dropfiles th {
    padding: 0;
  }

  &.tblResults>tbody>tr.dropfiles .dropzone {
    background-color: #98fb98;
    float: left;
    width: 100%;
    height: 50vh;
    line-height: 50vh;
    text-align: center;
    border: solid 1px #ddd;
    color: #555;
    display: none;
  }

  &.tblResults>tbody>tr.dropfiles .dropzone:hover {
    background-color: #ffc;
  }

  &.tblResults>tbody>tr.dropfiles .filequeue .tblqueue {
    width: 100%;
  }

  &.tblResults>tbody>tr.dropfiles .filequeue .tblqueue tr {
    border: solid 1px #ddd;
  }

  &.tblResults>tbody>tr.dropfiles .filequeue .tblqueue tr td {
    padding: 8px 15px !important;
  }

  &.tblResults>tbody>tr.dropfiles .filequeue .tblqueue .progress {
    width: 80%;
    font-size: 11px;
    color: #f00;
  }

  &.tblResults>tbody>tr.dropfiles .filequeue .tblqueue .progressbar {
    height: 10px;
  }

  &.tblResults>tbody td {
    vertical-align: middle;
  }

  &.tblResults>tbody td.amount {
    text-align: right;
  }

  &.tblResults>tbody td.amount.credit {
    color: var(--color-credit);
  }

  &.tblResults>tbody td.amount.credit a {
    color: var(--color-credit) !important;
  }

  &.tblResults>tbody td.amount.debt {
    color: var(--color-outstanding);
  }

  &.tblResults>tbody td.amount.debt a {
    color: var(--color-outstanding) !important;
  }

  &.tblResults>tbody td.icon {
    padding: 0 5px !important;
  }

  &.tblResults>tbody td.icon .type {
    padding: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  &.tblResults>tbody td.icon .type.noteType_0 {
    color: #eee;
    background-color: var(--color-pastel-orange);
  }

  &.tblResults>tbody td.icon .type.noteType_1 {
    color: #eee;
    background-color: var(--color-pastel-blue);
  }

  &.tblResults>tbody td.icon .type.noteType_2 {
    color: #eee;
    background-color: var(--color-pastel-grey);
  }

  &.tblResults>tbody td.icon .type.noteType_3 {
    color: #eee;
    background-color: var(--color-pastel-red);
  }

  &.tblResults>tbody td.icon .type.noteType_4 {
    color: #eee;
    background-color: var(--color-pastel-green);
  }

  &.tblResults>tbody td.icon .type.noteType_5 {
    color: #eee;
    background-color: var(--color-pastel-purple);
  }

  &.tblResults>tbody td.icon .type.pinned {
    color: #eee;
    background-color: var(--color-pastel-red);
  }

  &.tblResults>tbody td .des_small {
    font-size: 11px;
    font-style: italic;
    color: #666;
  }

  &.tblResults>tbody td div.ntx_color_box {
    float: left;
    width: 14px;
    height: 14px;
    border: 1px solid #000;
    margin: 3px;
  }

  &.tblResults>tbody td div.ntx_color_box.sitefront {
    background: var(--color-sitefront);
  }

  &.tblResults>tbody td div.ntx_color_box.storefront {
    background: var(--color-storefront);
  }

  &.tblResults>tbody td div.ntx_color_box.accounting {
    background: var(--color-accounting);
  }

  &.tblResults>tbody td div.ntx_color_box.backoffice {
    background: var(--color-backoffice);
  }

  &.tblResults>tbody td div.ntx_color_box.contacts {
    background: var(--color-contacts);
  }

  &.tblResults>tbody span.tag {
    font-size: .85em;
    border: 1px solid #000;
    border-left: 4px solid #000;
    border-radius: 5px;
    padding: 2px 10px;
    margin-right: 2px;
  }

  &.tblResults>tbody span.tag.active {
    border-color: var(--color-accounting);
    color: var(--color-accounting);
  }

  &.tblResults>tbody span.tag.inactive {
    border-color: var(--color-delete);
    color: var(--color-delete);
  }

  &.tblResults>tbody span.tag.draft {
    border-color: var(--color-add);
    color: var(--color-add);
  }

  &.tblResults>tbody .actionrequiremessage {
    margin: 30px auto;
    text-align: center;
  }

  &.tblResults>tfoot tr.actions {
    background-color: #f5f5f5;
  }

  &.tblResults>tfoot tr:first-child td {
    border-top: solid 1px #888;
  }

  &.tblResults>tfoot td {
    padding: 5px 10px 15px;
  }

  &.tblResults>tfoot td.amount {
    text-align: right;
  }

  &.tblResults>tfoot td.amount.credit {
    color: var(--color-credit);
  }

  &.tblResults>tfoot td.amount.debt {
    color: var(--color-outstanding);
  }

  &.tblResults>tfoot .label {
    font-size: .85em;
  }

  &.tblResults>tfoot .total {
    font-weight: bold;
    font-size: 1.15em;
  }

  &.tblResults td {
    padding: 2px 10px;
  }

  &.tblResults td a:not(.re-button) {
    display: block;
  }

  &.tblResults td.move {
    cursor: move;
  }

  &.tblResults td .ntx_tr_tag {
    display: inline-block;
    padding: 5px 8px;
    border-radius: 5px;
    font-size: .85em;
  }

  &.tblResults td .ntx_tr_tag.blue {
    background-color: var(--color-pastel-blue);
    color: #eee;
  }

  &.tblResults td .ntx_tr_tag.yellow {
    background-color: var(--color-pastel-yellow);
  }

  &.tblResults th {
    padding: 20px 10px;
  }

  &.tblResults th.move {
    cursor: move;
  }

  &.tblResults a {
    cursor: pointer;
  }

  &.tblResults.ntx_table_rich>tbody tr {
    border-bottom: 1px solid #eee;
    transition: background-color 200ms linear;
  }

  &.tblResults.ntx_table_fixed {
    table-layout: fixed;
  }

  &.tblResults.dashboard>thead tr td {
    padding: 15px 10px;
  }

  &.isCollapsable thead a[data-button=collapse] {
    display: inline-block !important;
  }

  &.isCollapsable thead a[data-button=expand] {
    display: none !important;
  }

  &.isCollapsable.collapsed thead a[data-button=collapse] {
    display: none !important;
  }

  &.isCollapsable.collapsed thead a[data-button=expand] {
    display: inline-block !important;
  }

  &.isCollapsable.collapsed tbody {
    display: none;
  }
}

h2 {
  font-size: 1.571em;
}

h3 {
  font-size: 1.429em;
}

h4 {
  font-size: 1.286em;
}

h5 {
  font-size: 1.143em;
}

h6 {
  font-size: 1em;
}

h2,h3,h4,h5,h6 {
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: .8em;
}

::-webkit-file-upload-button {
  cursor: pointer;
}

html {
  height: 100%;
}

*,*:before,*:after {
  box-sizing: border-box;
}

::-moz-selection {
  background: #f6cf74;
  color: #fff;
}

::selection {
  background: #f6cf74;
  color: #fff;
}

a {
  cursor: pointer;

  &.tags {
    text-decoration: none;
    margin-left: 10px;
    font-size: .75em;
    padding: 3px 15px;
    background-color: #4074b2;
    color: #fff !important;
    border-radius: 3px;
    cursor: pointer;
    text-transform: lowercase;
    align-self: center;
  }
}

input[readonly=readonly],textarea[readonly=readonly],input[readonly],textarea[readonly],select[readonly],select[readonly=readonly] {
  background-color: #efefef;
  color: #666;
}

input,textarea,select {
  font-family: 'Open Sans',sans-serif;
}

input,textarea {
  border: solid 1px #ccc;
  padding: 7px;
}

input.small,textarea.small {
  padding: 3px;
}

input.error,textarea.error {
  border-bottom: 1px solid var(--color-invalid);
}

input[type=number] {
  padding-right: 0;
}

textarea {
  width: 100%;
  resize: none;
  font-size: 1em;
  font-family: monospace;
  min-height: 42px;
}

@media only screen and (max-width:529px) {
  .ntx_mobile_hide {
    display: none !important;
  }
}

@media only screen and (max-width:529px),only screen and (min-width:530px) and (max-width:949px) {
  .ntx_tablet_hide {
    display: none !important;
  }
}

@media only screen and (max-width:529px),only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_desktop_hide {
    display: none !important;
  }
}

.ntx_mobile_show {
  display: none;
}

@media only screen and (max-width:529px) {
  .ntx_mobile_show {
    display: block !important;
  }
}

.ntx_tablet_show {
  display: none;
}

@media only screen and (max-width:529px),only screen and (min-width:530px) and (max-width:949px) {
  .ntx_tablet_show {
    display: block !important;
  }
}

.ntx_desktop_show {
  display: none;
}

@media only screen and (max-width:529px),only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_desktop_show {
    display: block !important;
  }
}

.hidden {
  display: none !important;
}

.animatehidden {
  opacity: 0;
  height: 0;
  padding-bottom: 0 !important;
  overflow: hidden;
}

.showinprintonly {
  display: none;
}

.invisible {
  visibility: hidden;
}

.fillrow {
  width: 100%;
  display: flex;
}

.flex {
  display: flex !important;
}

.aligntop {
  align-self: flex-start !important;
}

.nopad {
  padding: 0 !important;
}

.nopad-l {
  padding-left: 0 !important;
}

.nopad-r {
  padding-right: 0 !important;
}

.readonly {
  background: #f5f5f5;
}

.disabled {
  opacity: .6 !important;
}

.colorcode {
  width: var(--colorcoded-size);
  height: var(--colorcoded-size);
  border-radius: 500px;
  margin-right: 3px;

  &.hasborder {
    border: solid 1px #666;
  }

  &.priority_0 {
    background-color: var(--color-pastel-blue);
  }

  &.priority_1 {
    background-color: var(--color-pastel-grey);
  }

  &.priority_2 {
    background-color: var(--color-pastel-red);
  }

  &.sitefront {
    background: var(--color-sitefront);
  }

  &.storefront {
    background: var(--color-storefront);
  }

  &.accounting {
    background: var(--color-accounting);
  }

  &.backoffice {
    background: var(--color-backoffice);
  }

  &.contacts {
    background: var(--color-contacts);
  }
}

.colorbar {
  width: 5px;
  min-width: 5px;
  margin: 0 3px;
  border-radius: 5px;

  &.priority_0 {
    background-color: var(--color-pastel-blue);
  }

  &.priority_1 {
    background-color: var(--color-pastel-grey);
  }

  &.priority_2 {
    background-color: var(--color-pastel-red);
  }
}

.colorbox {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  margin: 0 3px;
}

.ntx_pop_list_noarrow {
  display: none;
  position: absolute;
  background-color: #dedede;
  padding: 0;
  max-height: 300px;
  overflow-y: scroll;
  z-index: var(--header-zindex);

  ul {
    list-style: none;

    li:not(.group):hover {
      background-color: var(--color-hover);
    }

    li>a {
      padding: 0 5px;
      display: flex !important;
      align-items: center;
    }

    li>a .icon {
      margin-right: 5px;
    }

    li a {
      padding: 5px 10px;
      display: block;
    }

    li a:hover {
      text-decoration: none;
    }

    li a .icon {
      margin-right: 5px;
    }
  }

  &.items {
    position: absolute;
    display: none;
    background-color: var(--color-navbg);
    color: #fff;
    min-width: 150px;
  }

  &.items li:hover {
    background-color: #333 !important;
  }

  &.items li a {
    color: #fff !important;
  }

  &.items li .des {
    color: #fff;
    opacity: .7;
  }

  ul {
    list-style: none;
  }
}

.ntx_table li.multiselection,.ntx_table_rich li.multiselection {
  display: flex;
}

.ntx_table li.multiselection:hover,.ntx_table_rich li.multiselection:hover {
  background-color: transparent !important;
}

.ntx_table li.multiselection>a,.ntx_table_rich li.multiselection>a {
  background-color: #444;
  color: #333;
  cursor: pointer;
  text-transform: lowercase;
  border-radius: 3px;
  padding: .5em 1em;
  text-align: center;
  display: inline-block;
  padding: .3em .8em;
  margin: 0 5px;
}

.ntx_table li.multiselection>a:hover,.ntx_table_rich li.multiselection>a:hover {
  background-color: #333;
  color: #fff;
}

#profilepic,#invoicetypepic {
  position: absolute;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  text-align: center;
  line-height: 45px;
}

div.nxContactContainerDiv,div.nx_control_div {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

div.nxContactContainerDiv table,div.nx_control_div table {
  margin: 0;
  width: auto;
}

div.nxContactContainerDiv table tr,div.nx_control_div table tr {
  border: 0 !important;
}

div.nxContactContainerDiv table td,div.nx_control_div table td {
  padding: 0;
  margin: 0;
}

div.nxContactContainerDiv table td.status,div.nx_control_div table td.status {
  width: 5px !important;
  padding: 0 !important;
}

div.nxContactContainerDiv table td.status.hasborder,div.nx_control_div table td.status.hasborder {
  border: solid 1px #999;
}

div.nxContactContainerDiv table td.pop,div.nx_control_div table td.pop {
  width: 34px !important;
  float: left;
  cursor: pointer;
  padding-left: 8px;
}

div.nxContactContainerDiv table td.pop i,div.nx_control_div table td.pop i {
  font-size: 1.25em;
  color: #666;
  display: none;
}

div.nxContactContainerDiv table td.details,div.nx_control_div table td.details {
  min-width: 100px;
  padding-left: 5px;
}

div.nxContactContainerDiv table div.detail,div.nx_control_div table div.detail {
  float: left;
}

div.nxContactContainerDiv table div.detail a,div.nx_control_div table div.detail a {
  display: flex;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 185px;
}

div.nxContactContainerDiv table div.detail a img,div.nx_control_div table div.detail a img {
  margin-left: 5px;
  align-self: center;
}

div.nxContactContainerDiv table div.detail a.ntx_button,div.nx_control_div table div.detail a.ntx_button {
  align-self: center;
  padding: 2px;
}

div.nxContactContainerDiv:hover table td.pop i,div.nx_control_div:hover table td.pop i {
  display: block;
}

div.nxContactContainerDiv div.detail,div.nx_control_div div.detail {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 187px;
}

div.nxContactContainerDiv div.detail div.nxContactPopupDes,div.nx_control_div div.detail div.nxContactPopupDes,div.nxContactContainerDiv div.detail .des,div.nx_control_div div.detail .des {
  font-size: .8em;
  font-style: italic;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  max-width: 185px;
}

.selectize-input>.nx-control-container {
  display: flex;
}

.nx-control-container-small .profile {
  width: 50px;
  height: 50px;
  position: relative;
  margin-right: 7px;

  >a:hover {
    text-decoration: none;
  }

  .initials {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid;
    font-size: 1.15em;
    line-height: calc(44px);
    text-align: center;
    color: rgba(255,255,255,.7);
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;

    &:hover {
      color: #fff;
    }

    &.dark-color {
      color: rgba(0,0,0,.6);
    }

    &.dark-color:hover {
      color: #000;
    }

    &.brandicon {
      color: #fff;
      background-size: cover;
      background-repeat: no-repeat;
    }
  }

  img.secondary {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}

.nx-control-container-small .profile img.contact-image,.nx-control-container-small .profile img.person-image {
  min-height: 50px;
  max-height: 50px;
  min-width: 50px;
  max-width: 50px;
  border: 2px solid;
  border-radius: 50%;
}

.nx-control-container-small .profile.square img,.nx-control-container-small .profile.square .initials {
  border-radius: 10%;
}

.nx-control-container {
  position: relative;
  display: flex;
  font-weight: bold;
  width: 100%;
  overflow: hidden;

  >a:hover {
    text-decoration: none;
  }

  .bar {
    width: 5px;
    height: 50px;
    margin-right: 7px;
  }

  .profile {
    width: 50px;
    xheight: 50px;
    position: relative;
    margin-right: 7px;
    display: flex;
    align-items: center;

    i.item-image {
      font-size: 2.5em;
    }

    .completed {
      background-color: var(--color-buttoninvert) !important;
      color: var(--color-buttoninvert-text) !important;
    }

    a {
      width: 100%;
      text-decoration: none;
    }

    img.item-image {
      width: 100%;
    }

    img.secondary {
      position: absolute;
      right: 0;
      bottom: 0;
    }

    .initials {
      width: 50px;
      height: 50px;
      border: 2px solid;
      border-radius: 50%;
      font-size: 16px;
      line-height: calc(44px);
      text-align: center;
      color: rgba(255,255,255,.7);
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .initials:hover {
      color: #fff;
    }

    .initials.dark-color {
      color: rgba(0,0,0,.6);
    }

    .initials.dark-color:hover {
      color: #000;
    }

    .initials.brandicon {
      color: #fff;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .calendar {
      display: flex;
      flex-direction: column;
      width: 50px;
    }

    .calendar.past .heading {
      background: var(--color-pastel-grey);
    }

    .calendar .heading {
      background: var(--color-pastel-orange);
      color: #fefefe;
      text-align: center;
      padding: 0;
      border-radius: 5px 5px 0 0;
      font-size: 11px;
    }

    .calendar .main {
      text-align: center;
      padding: 0;
      background: #eee;
      font-size: 16px;
      line-height: 23.7px;
    }

    .calendar .footer {
      text-align: center;
      padding: 0 0 1px 0;
      border-radius: 0 0 5px 5px;
      background: #eee;
      font-size: 8px;
    }
  }

  .details {
    position: relative;
    align-self: center;
    width: calc(100% - 50px);

    .header {
      display: flex;
    }

    .header .des .fa-link {
      margin-left: 5px;
      margin-top: 5px;
    }

    .header .tags {
      display: flex;
      align-items: center;
    }

    .header .tags .ribbon {
      width: 10px;
      box-sizing: border-box;
      height: 15px;
      border: 5px solid transparent;
      border-bottom: 5px solid transparent !important;
      border-top: 0;
      margin-left: 5px;
    }

    .header .tags .ribbon>a {
      display: block;
      box-sizing: border-box;
      height: 15px;
      width: 10px;
      margin-left: -5px;
      text-align: center;
      padding-top: 8px;
      color: #fff !important;
      text-decoration: none;
    }

    a>div {
      white-space: break-spaces;
      min-width: 100%;
    }
  }

  .row .title {
    margin-left: 10px;
  }

  .actions .ntx_button {
    height: auto !important;
    padding: 5px;
  }

  .status.invoicestatus_0 {
    background-color: #cfe2cf;
    color: var(--color-pastel-green) !important;
    border-color: var(--color-pastel-green);
  }

  .status.invoicestatus_800 {
    background-color: #eaddf3;
    color: var(--color-pastel-purple) !important;
    border-color: var(--color-pastel-purple);
  }

  .status.invoicestatus_810 {
    background-color: #e1e9f2;
    color: var(--color-pastel-blue) !important;
    border-color: var(--color-pastel-blue);
  }

  .status.invoicestatus_850 {
    background-color: #e1e9f2;
    color: var(--color-pastel-blue) !important;
    border-color: var(--color-pastel-blue);
  }

  .status.invoicestatus_1000 {
    background-color: #faeedc;
    color: var(--color-pastel-orange) !important;
    border-color: var(--color-pastel-orange);
  }

  .status.invoicestatus_2000 {
    background-color: #f3f3f3;
    color: var(--color-pastel-grey) !important;
    border-color: var(--color-pastel-grey);
  }

  .status.invoicestatus_3000 {
    background-color: #fff;
    color: var(--color-pastel-red) !important;
    border-color: var(--color-pastel-red);
  }

  .status.paymentstatus_0 {
    background-color: #cfe2cf;
    color: var(--color-pastel-green) !important;
    border-color: var(--color-pastel-green);
  }

  .status.paymentstatus_10 {
    background-color: #faeedc;
    color: var(--color-pastel-orange) !important;
    border-color: var(--color-pastel-orange);
  }

  .status.paymentstatus_20 {
    background-color: #e1e9f2;
    color: var(--color-pastel-blue) !important;
    border-color: var(--color-pastel-blue);
  }

  .status.paymentstatus_200 {
    background-color: #fff;
    color: var(--color-pastel-red) !important;
    border-color: var(--color-pastel-red);
  }

  .des {
    color: #666;
    font-weight: normal;

    &.reference {
      padding-right: 20px;
    }
  }

  .pop {
    visibility: hidden;
    color: #888;
    margin-left: 3px;
    align-self: flex-start;

    i {
      font-size: 1.25em;
      color: #888;
    }
  }

  &:hover .pop {
    visibility: visible;
  }
}

.nx-control-container .profile img.contact-image,.nx-control-container .profile img.person-image {
  min-height: 50px;
  max-height: 50px;
  min-width: 50px;
  max-width: 50px;
  border: 2px solid;
  border-radius: 50%;
}

.nx-control-container .profile.square img,.nx-control-container .profile.square .initials {
  border-radius: 10%;
}

.nx-control-container .des i.fa-square,.nx-control-container .des i.fa-envelope {
  margin-right: 3px;
  margin-left: 3px;
}

.nx-control-container .des i.fa-square:first-child,.nx-control-container .des i.fa-envelope:first-child {
  margin-left: 0;
}

.nx-control-container .des i.fa-square.invoice,.nx-control-container .des i.fa-envelope.invoice {
  color: var(--color-pastel-green);
}

.nx-control-container .des i.fa-square.order,.nx-control-container .des i.fa-envelope.order {
  color: var(--color-pastel-orange);
}

.nx-control-container .des i.fa-square.quote,.nx-control-container .des i.fa-envelope.quote {
  color: var(--color-pastel-purple);
}

.livestatus_staff .status_staff {
  font-size: .8em;
  font-style: italic;
  color: #666;
  color: var(--color-cancel);
}

.livestatus_staff.online .status_staff {
  color: var(--color-submit) !important;
}

.livestatus_staff.idle .status_staff {
  color: var(--color-pastel-orange) !important;
}

.nx-control-simple-container {
  a {
    text-decoration: none !important;
  }

  .profile {
    width: 50px;
    height: 50px;
    position: relative;

    .initials {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 3px solid;
      font-size: 16px;
      line-height: calc(44px);
      text-align: center;
      color: rgba(255,255,255,.7);
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;

      &:hover {
        color: #fff;
      }

      &.dark-color {
        color: rgba(0,0,0,.6);
      }

      &.dark-color:hover {
        color: #000;
      }

      &.brandicon {
        color: #fff;
        background-size: cover;
        background-repeat: no-repeat;
      }
    }
  }
}

div.nx_control_div.invoice {
  .status.invoicestatus_0 {
    background-color: var(--color-pastel-green);
  }

  .status.invoicestatus_800 {
    background-color: var(--color-pastel-purple);
  }

  .status.invoicestatus_810 {
    background-color: var(--color-pastel-blue);
  }

  .status.invoicestatus_850 {
    background-color: var(--color-pastel-blue);
  }

  .status.invoicestatus_1000 {
    background-color: var(--color-pastel-orange);
  }

  .status.invoicestatus_2000 {
    background-color: var(--color-pastel-grey);
  }

  .status.invoicestatus_3000 {
    background-color: var(--color-pastel-red);
  }

  .des i.fa-square {
    margin-right: 3px;
    margin-left: 3px;

    &:first-child {
      margin-left: 0;
    }

    &.invoice {
      color: var(--color-pastel-green);
    }

    &.order {
      color: var(--color-pastel-orange);
    }

    &.quote {
      color: var(--color-pastel-purple);
    }
  }
}

div.nxJobContainerDiv {
  td.details {
    padding-left: 5px;
  }

  .des {
    font-size: .8em;
    font-style: italic;
    color: #666;
  }
}

.spectrum_selected {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border: solid 1px #ccc;
}

.sp-container {
  border-color: #ececec !important;
}

.item-row {
  margin-bottom: 30px;

  .actions {
    background: #e0e0e0;
    padding: 8px;
    margin: 10px 0;
    border: solid 1px #ccc;

    ul {
      list-style-type: none;
    }

    ul li {
      display: inline;
      padding: 0 10px;
      border-left: 1px solid #999;
    }

    ul li:first-child {
      border: 0;
    }

    ul li a {
      color: #333 !important;
      text-decoration: underline;
    }
  }

  .item-container {
    width: 100%;
    margin: 10px 0;

    .amount {
      font-size: 1.4em;
    }

    .date {
      font-size: 1.4em;
    }

    .date .des {
      font-size: .5em;
    }

    .status a {
      color: #fff !important;
      width: 65px;
      height: 65px;
      line-height: 65px;
    }

    .item-image {
      margin-right: 10px;
      max-width: 65px;
      height: auto;
      line-height: 65px;
    }

    .item-title {
      margin-right: auto;
    }

    .item-title h3 {
      margin-bottom: 0;
    }

    .item-title h3 a {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 100%;
    }

    .item-title .status {
      margin-top: 10px;
    }
  }
}

.kanban-wrapper {
  .item-icon {
    font-size: 36px;
    opacity: .2;
  }

  .kanban-list-header {
    padding: 0 !important;

    .kanban-list-counter {
      font-family: sans-serif;
      background-color: #666;
      color: #fff;
      border-radius: 3px;
      font-size: .8em;
      float: right;
      width: 20px;
      height: 20px;
      line-height: 20px;
      text-align: center;
    }

    .kanban-list-header-container {
      padding: 12px;
    }
  }
}

.ntx_productsearch form[name=frm_submitoption] {
  padding-top: 0 !important;

  .productoption {
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;

    .profile .item-image {
      max-height: 55px;
      margin-right: 10px;
    }

    .profile .item-image.fa {
      font-size: 3.2em;
      align-self: center;
    }

    .pricing {
      margin-left: auto;
      text-align: right;
      font-size: 1.3em;
      align-self: center;
      margin-right: 10px;
    }

    .availability {
      margin-left: auto;
      text-align: right;
      margin-right: 30px;
    }

    .availability .available {
      color: var(--color-pastel-green);
    }

    .availability .unavailable {
      color: var(--color-pastel-red);
    }

    .close {
      align-self: flex-start;
      margin-top: 0;
      min-width: initial;
      height: auto;
      padding: 0 3px;
      margin-right: 0;
    }

    .close a {
      color: #666;
    }
  }

  #sel_suppliers {
    margin-top: 10px;

    .item.row {
      display: flex;
    }
  }

  #orderlimit {
    margin-top: 10px;

    .limit {
      background-color: #fff;
      padding: 5px 20px;
      border: solid 1px #ccc;
      border-radius: 5px;
      font-size: .8em;
    }

    .limit.invalid {
      background-color: #f2d3a2;
    }
  }
}

.ntx_productsearch form[name=frm_submitoption] #snotes,.ntx_productsearch form[name=frm_submitoption] #quantitywarnings {
  margin-top: 10px;
  background-color: #fffbd7;
  border-color: #fff167;
  color: #342f00;
  padding: 20px;
}

.ntx_productsearch form[name=frm_searchoption] {
  padding-top: 0 !important;

  .product {
    padding: 10px;
    border: solid 1px #ccc;
    background-color: #fff;
    border-radius: 5px;
    display: flex;

    .profile .item-image {
      max-height: 55px;
      margin-right: 10px;
    }

    .profile .item-image.fa {
      font-size: 3.2em;
      align-self: center;
    }

    .close {
      margin-left: auto;
    }
  }

  #sel_options .item.row {
    display: flex;
  }
}

.ntx_searchproduct_item {
  .productcode {
    font-weight: bold;
  }

  .amount {
    text-align: right;
    padding-right: 5px;
  }

  .profile {
    margin-left: 10px;

    .item-image {
      max-height: 55px;
      width: 55px;
      margin-right: 10px;

      &.fa {
        font-size: 3.2em;
        align-self: center;
      }
    }
  }

  .details {
    flex: 2;
  }

  .pricing {
    margin-left: auto;
    text-align: right;
    font-size: 1.3em;
    align-self: center;
  }

  .availability {
    margin-left: auto;
    margin-right: 50px;
    align-self: center;

    .available {
      color: var(--color-pastel-green);
    }

    .unavailable {
      color: var(--color-pastel-red);
    }
  }
}

#frm_generaterecurrencetasks #previewResults {
  margin-bottom: 10px;

  .title {
    font-size: 1.15em;
    margin-bottom: 15px;
  }

  .resultItem {
    padding: 2px;
    padding-left: 15px;
    font-style: italic;
    color: #666;
  }
}

div.ntx_loading,div.ntx_row_loading {
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000998;
  display: flex;
  justify-content: center;
}

div.ntx_loading>div,div.ntx_row_loading>div {
  width: 250px;
  align-self: center;
  color: #555;
  background-color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
}

div.ntx_loading>div span,div.ntx_row_loading>div span {
  display: block;
}

div.ntx_loading div.logo,div.ntx_row_loading div.logo {
  width: auto;
  height: 150px;
  background: url(/Static/images/loadingN.svg) no-repeat center;
  background-size: 150px 150px;
}

div.ntx_loading div.spin,div.ntx_row_loading div.spin {
  width: auto;
  height: 150px;
  background: url(/Static/images/loading2.svg) no-repeat center;
  background-size: 150px 150px;
  animation-name: rotate;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

div.ntx_loading[style*="visibility:hidden"] div.spin,div.ntx_row_loading[style*="visibility:hidden"] div.spin,div.ntx_loading[style*="visibility: hidden"] div.spin,div.ntx_row_loading[style*="visibility: hidden"] div.spin,div.ntx_loading[style*="display:none"] div.spin,div.ntx_row_loading[style*="display:none"] div.spin,div.ntx_loading[style*="display: none"] div.spin,div.ntx_row_loading[style*="display: none"] div.spin {
  animation-play-state: paused;
}

div.ntx_row_loading {
  position: relative;
  width: auto;

  >div {
    width: 100px;
    background-color: transparent;
    padding: 0;

    span {
      display: block;
    }
  }

  div.logo {
    height: 50px;
    background-size: 50px 50px;
  }

  div.spin {
    height: 50px;
    background-size: 50px 50px;
  }
}

.des {
  font-size: .8em;
  font-style: italic;
  color: #666;

  &.right {
    text-align: right;
  }
}

.ntx_switch {
  .enable {
    display: none;

    +label:after {
      content: "";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #000;
      font-size: 22px;
      position: absolute;
      top: -4px;
      left: -25px;
    }

    &:checked+label:after {
      content: "";
      color: var(--color-accounting);
    }
  }

  span.des {
    padding-left: 8px;
  }
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  z-index: 1;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #c4c4c4;
  border-radius: 1px;

  &:hover {
    background: #a6a6a6;
  }
}

html,body * {
  scrollbar-color: #c4c4c4 transparent;
  scrollbar-width: thin;
}

@keyframes rotate {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

div#ntx_loading {
  background-color: #ccc;

  >div {
    opacity: .8;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);
  }
}

div#ntx_data_loading {
  visibility: hidden;

  >div {
    opacity: .8;
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,.1);
  }
}

div#ntx_error {
  display: flex;
  justify-content: center;
  background-color: #ccc;
  position: fixed;
  width: 100vw;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000000;

  .erroricon {
    font-size: 12em;
    color: #d37373;
  }

  div.outer {
    width: 250px;
    align-self: center;
    color: #555;
    background-color: #fff;
    text-align: center;
    padding: 20px 30px;
    border-radius: 10px;

    div#ntx_error_btn {
      display: flex;
    }

    span {
      display: block;
      font-size: 2.2em;
      color: #d37373;
    }

    a {
      margin-top: 10px;
      padding: 5px 10px;
      border-radius: 3px;
      color: #fff;
      font-size: .8em;
    }

    a.back {
      margin-right: auto;
      background-color: var(--color-cancel);
    }

    a.home {
      margin-left: auto;
      background-color: var(--color-pastel-red);
    }

    a.home:hover {
      background-color: var(--color-delete);
    }
  }
}

.ntx_body {
  max-width: 2000px;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_body {
    padding: 0 20px;
  }
}

.ntx_des {
  font-style: italic;
  color: #999;
}

img.emoji {
  width: 24px;
  height: 24px;
}

.sort_placeholder {
  border: 1px dashed #ccc;
  background: var(--color-hover);
}

.padleft {
  margin-left: 5px;
}

.nobottomdash {
  border-bottom: 0 !important;
}

div#ntx_confirmmessage {
  background-color: var(--color-pastel-red);
  padding: 40px 10px;
  font-size: 1.25em;

  div.actions {
    margin-top: 20px;

    .ntx_button {
      padding: 3px 5px;
      text-decoration: none;
      opacity: 1;
    }
  }
}

.ntx_wrapper {
  height: 100vh;
  box-sizing: border-box;
  display: flex;

  .ntx_leftnav {
    width: 278px;
    background-color: var(--color-navbg);
    z-index: 10000004;
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;

    .ntx_logo {
      display: flex;
      justify-content: center;
      padding: 2px 5px;
      height: 50px;
      text-align: center;
      background-color: var(--color-headerbg);
      width: 278px;
    }

    .ntx_logo i.fa-remove {
      margin-left: auto;
      margin-right: 5px;
      color: #fff;
    }

    .ntx_logo img {
      width: auto;
      height: 85%;
      align-self: center;
    }

    .ntx_logo div#ntx_companyname {
      align-self: center;
      font-size: 1.3em;
      color: #fff;
    }

    .ntx_leftnavitems a {
      color: var(--color-nav-text);
      text-decoration: none;
    }

    .ntx_leftnavitems .menu_unavailable {
      margin-top: 20px;
      opacity: .8;
    }

    .ntx_leftnavitems .menu_unavailable .item>.item-container {
      background-color: #666 !important;
    }

    .ntx_leftnavitems .menu_unavailable .item>.item-container>img.icon {
      background-color: var(--color-disabledarea) !important;
      opacity: .5;
    }

    .ntx_leftnavitems .menu_unavailable .item>.item-container>a {
      color: #cbcbcb;
    }

    .ntx_leftfooter {
      padding: 14px 20px;
      border-top: 1px solid var(--color-headerbg);
    }

    .ntx_leftfooter>div {
      text-align: center;
      font-size: 10px;
      color: #fff;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .ntx_leftfooter>div>a {
      color: #aaa;
    }
  }

  .ntx_main {
    flex: 1 0 auto;
    width: 100vw;
    xoverflow-x: hidden;

    .ntx_burger {
      padding-left: 20px;
      padding-right: 20px;
    }

    .ntx_burger>a.fa-bars {
      line-height: 35px;
    }

    #ntx_global_search.focus {
      position: absolute !important;
      width: 100%;
      background-color: #000;
      margin: 0 !important;
    }

    #ntx_header_personal>div.item {
      width: 36px;
      height: 36px;
      margin-left: 8px;
      cursor: pointer;
    }

    #ntx_header_personal>div.item>img {
      border: solid 2px rgba(204,204,204,.25);
      border-radius: 3px;
      height: 100%;
      width: 100%;
    }

    #ntx_header_personal>div.item>.icon {
      border-radius: 3px;
      background-color: rgba(204,204,204,.25);
      height: 100%;
      width: 100%;
      text-align: center;
    }

    #ntx_header_personal>div.item>.icon i {
      font-size: 1.85em;
      line-height: 1.6em;
    }
  }
}

@media only screen and (min-width:950px) {
  .ntx_wrapper .ntx_leftnav {
    padding: unset;
  }
}

@media only screen and (min-width:950px) {
  .ntx_wrapper .ntx_leftnav .ntx_logo {
    height: 70px;
    text-align: center;

    i.fa-remove {
      display: none;
    }
  }
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable {
  list-style: none;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item {
  display: block;
  cursor: pointer;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  padding: 12px 20px;
  font-size: 1rem;
  transition: background-color .3s;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container>img.icon {
  padding: 8px;
  border-radius: 3px;
  width: 38px;
  height: 38px;
  margin-right: 10px;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container>div.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container>div.icon {
  padding: 8px;
  width: 38px;
  height: 38px;
  border-radius: 3px;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container>div.icon>i.fa,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container>div.icon>i.fa {
  align-self: center;
  font-size: 1.3em;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container>i,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container>i {
  color: var(--color-nav-text);
  margin-left: auto;
  font-size: .6rem;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.master>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.master>img.icon {
  background-color: var(--color-master-red);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.home>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.home>img.icon {
  background-color: var(--color-dashboard);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.contacts>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.contacts>img.icon {
  background-color: var(--color-contacts);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.accounting>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.accounting>img.icon {
  background-color: var(--color-accounting);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.backoffice>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.backoffice>img.icon {
  background-color: var(--color-backoffice);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.sitefront>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.sitefront>img.icon {
  background-color: var(--color-sitefront);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.storefront>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.storefront>img.icon {
  background-color: var(--color-storefront);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.apps>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.apps>img.icon {
  background-color: var(--color-apps);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.reseller>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.reseller>img.icon {
  background-color: var(--color-reseller);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item>.item-container.organisation>img.icon,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item>.item-container.organisation>img.icon {
  background-color: var(--color-organisation);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu {
  display: none;
  list-style: none;
  font-size: .8rem;
  border-bottom: 1px solid var(--color-headerbg);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li {
  display: flex;
  align-items: center;
  padding-left: 28px;
  height: 34px;
  color: #e5e5e5;
  background-color: var(--color-navsubmenubg);
  transition: background-color .2s;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.subitem,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.subitem {
  padding-right: 20px;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.subitem i.fa,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.subitem i.fa {
  font-size: .8em;
  padding: 10px;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li:hover,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li:hover {
  cursor: pointer;
  background-color: #333;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li a {
  display: block;
  flex: 1 0 auto;
  padding: 8px 0;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.is-active,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.is-active {
  background-color: var(--color-hover);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.is-active a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.is-active a {
  color: #333;
  font-weight: bold;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.is-active.subitem i.fa,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.is-active.subitem i.fa {
  font-size: .8em;
  padding: 10px;
  color: #333;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.opportunitytype>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.opportunitytype>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.automatecollection>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.automatecollection>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.jobtype>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.jobtype>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .submenu li.storebuildtype>a,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .submenu li.storebuildtype>a {
  padding-left: 15px;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.master,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.master,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.master,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.master {
  background-color: rgba(181,52,52,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.home,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.home,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.home,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.home {
  background-color: rgba(73,73,73,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.contacts,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.contacts,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.contacts,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.contacts {
  background-color: rgba(169,127,189,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.accounting,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.accounting,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.accounting,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.accounting {
  background-color: rgba(91,175,79,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.backoffice,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.backoffice,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.backoffice,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.backoffice {
  background-color: rgba(248,177,50,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.sitefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.sitefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.sitefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.sitefront {
  background-color: rgba(82,187,197,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.storefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.storefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.storefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.storefront {
  background-color: rgba(238,136,77,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.apps,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.apps,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.apps,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.apps {
  background-color: rgba(65,145,164,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.reseller,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.reseller,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.reseller,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.reseller {
  background-color: rgba(2,67,2,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item .item-container:hover.organisation,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item .item-container:hover.organisation,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active>.item-container.organisation,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active>.item-container.organisation {
  background-color: rgba(102,102,102,.3);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.submenu-active .submenu,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.submenu-active .submenu {
  display: block;
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.home,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.home {
  background-color: rgba(181,52,52,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.home,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.home {
  background-color: rgba(73,73,73,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.contacts,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.contacts {
  background-color: rgba(169,127,189,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.accounting,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.accounting {
  background-color: rgba(91,175,79,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.backoffice,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.backoffice {
  background-color: rgba(248,177,50,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.sitefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.sitefront {
  background-color: rgba(82,187,197,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.storefront,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.storefront {
  background-color: rgba(238,136,77,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.apps,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.apps {
  background-color: rgba(65,145,164,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.reseller,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.reseller {
  background-color: rgba(2,67,2,.7);
}

.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu .item.area-active>.item-container.organisation,.ntx_wrapper .ntx_leftnav .ntx_leftnavitems .menu_unavailable .item.area-active>.item-container.organisation {
  background-color: rgba(102,102,102,.7);
}

@media only screen and (min-width:950px) {
  .ntx_wrapper .ntx_main #ntx_global_search {
    max-width: 520px;
  }
}

@media only screen and (min-width:950px) {
  .ntx_wrapper .ntx_main #ntx_header_personal>div.item {
    margin-left: 14px;
    width: 42px !important;
    height: 42px !important;
  }
}

.ntx_wrapper .ntx_main #ntx_header_personal #ntx_phones,.ntx_wrapper .ntx_main #ntx_header_personal #ntx_chats,.ntx_wrapper .ntx_main #ntx_header_personal #ntx_notifications {
  display: none;
}

@media only screen and (min-width:950px) {
  .ntx_wrapper .ntx_main #ntx_header_personal #ntx_phones,.ntx_wrapper .ntx_main #ntx_header_personal #ntx_chats,.ntx_wrapper .ntx_main #ntx_header_personal #ntx_notifications {
    display: block;
  }
}

@media only screen and (min-width:1228px) {
  .ntx_wrapper .ntx_main {
    xoverflow-y: scroll;
    overflow-x: hidden;
  }
}

@media only screen and (min-width:1228px) {
  .ntx_wrapper.leftnav_active .ntx_main {
    margin-left: 278px;
    width: calc(100vw - 286px);

    header#ntx_header {
      width: calc(100vw - 286px);
    }
  }
}

header#ntx_header {
  height: 50px;
  width: 100%;
  background-color: var(--color-headerbg);
  position: fixed;
  top: 0;
  z-index: 10000009;

  div.ntx_header_container {
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    background-position-y: -7px;

    #ntx_global_search {
      display: block;
      position: relative;
      margin: 0 20px;
      flex: 3;
    }

    #ntx_global_search form#frm_globalsearch {
      position: relative;
    }

    #ntx_global_search form#frm_globalsearch .fa-search {
      position: absolute;
      top: 19px;
      left: 16px;
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input {
      background-color: rgba(255,255,255,.16);
      transition: background-color .2s;
      box-sizing: border-box;
      height: 50px;
      border: 0;
      border-radius: 3px;
      width: 100%;
      color: rgba(255,255,255,.7);
      font-size: 15px;
      font-weight: 400;
      text-indent: 48px;
      outline: 0;
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input::-webkit-input-placeholder {
      color: rgba(255,255,255,.7);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:-moz-placeholder {
      color: rgba(255,255,255,.7);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input::-moz-placeholder {
      color: rgba(255,255,255,.7);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:-ms-input-placeholder {
      color: rgba(255,255,255,.7);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:focus {
      color: #fff;
      background-color: rgba(255,255,255,.24);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:focus::-webkit-input-placeholder {
      color: rgba(255,255,255,.3);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:focus:-moz-placeholder {
      color: rgba(255,255,255,.3);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:focus::-moz-placeholder {
      color: rgba(255,255,255,.3);
    }

    #ntx_global_search form#frm_globalsearch input#ntx_global_search_input:focus:-ms-input-placeholder {
      color: rgba(255,255,255,.3);
    }

    #ntx_global_search form#frm_globalsearch #ntx_global_search_clear {
      position: absolute;
      top: 0;
      right: 0;
      width: 40px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      margin-left: -40px;
      cursor: pointer;
      display: none;
    }

    #ntx_header_personal {
      margin-left: auto;
      flex: 1;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-end;
      margin-right: 5px;
    }

    #ntx_header_personal a {
      text-decoration: none;
    }

    #ntx_header_personal #ntx_staff_companies {
      margin-left: 8px;
      padding-right: 8px;
      width: 44px;
      height: 36px;
      background: url(/Static/images/arrow_down_white.svg) no-repeat right center;
      background-size: 8px;
      cursor: pointer;
    }

    #ntx_header_personal #ntx_staff_companies img {
      width: 42px;
      height: 100%;
      border: solid 2px rgba(204,204,204,.5);
      border-radius: 3px;
    }

    #ntx_header_personal #ntx_staff_companies_selector {
      position: absolute;
      right: 14px;
      background-color: var(--color-navbg);
      display: none;
      top: 45px !important;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul {
      list-style: none;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li {
      text-align: right !important;
      padding-left: 20px;
      padding-right: 5px;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li.separate {
      border-bottom: solid 1px #888;
      padding-bottom: 5px;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li img.logo {
      width: 30px;
      height: 30px;
      margin-left: 5px;
      vertical-align: middle;
      border-radius: 2px;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li:hover {
      background-color: #333 !important;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li i.prmy {
      float: left;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: left;
      font-size: 1.8em;
      color: #888;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li i.fa-fw {
      width: 30px;
      margin-left: 5px;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li>a {
      padding: 5px;
      display: block !important;
      color: var(--color-nav-text);
      cursor: pointer;
      white-space: nowrap;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li>i+a span {
      display: inline-block !important;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 65%;
      vertical-align: middle;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li div.action {
      float: left;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li div.action .button {
      cursor: pointer;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li span.des {
      color: var(--color-add);
      font-style: italic;
      font-size: .9em;
    }

    #ntx_header_personal #ntx_staff_companies_selector ul li a.inviteresponse .ntx_button {
      padding: 0 5px;
    }

    #ntx_header_personal #ntx_profile {
      width: 36px;
      height: 36px;
      cursor: pointer;
    }

    #ntx_header_personal #ntx_profile img {
      width: 100%;
      height: 100%;
      border: solid 2px rgba(204,204,204,.5);
      border-radius: 3px;
    }

    #ntx_header_personal #ntx_personal_actions {
      position: absolute;
      right: 0;
      width: 200px;
      background-color: var(--color-navbg);
      z-index: 11;
      top: 45px !important;
    }

    #ntx_header_personal #ntx_personal_actions.closed {
      display: none;
    }

    #ntx_header_personal #ntx_personal_actions ul {
      list-style: none;
    }

    #ntx_header_personal #ntx_personal_actions ul li {
      text-align: right;
    }

    #ntx_header_personal #ntx_personal_actions ul li.ntx_profilename {
      border-bottom: solid 1px #888;
      font-size: .85em;
    }

    #ntx_header_personal #ntx_personal_actions ul li.ntx_profilename>a {
      color: #a0a0a0;
      padding: 10px 5px;
    }

    #ntx_header_personal #ntx_personal_actions ul li:hover {
      background-color: #333;
    }

    #ntx_header_personal #ntx_personal_actions ul li a {
      padding: 5px;
      display: block;
      color: var(--color-nav-text);
      cursor: pointer;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      max-width: 95%;
    }
  }

  &.master {
    border-bottom: solid 5px #b53434;
  }

  &.dashboard {
    border-bottom: solid 5px #494949;
  }

  &.contacts {
    border-bottom: solid 5px #a97fbd;
  }

  &.sitefront {
    border-bottom: solid 5px #52bbc5;
  }

  &.storefront {
    border-bottom: solid 5px #ee884d;
  }

  &.accounting {
    border-bottom: solid 5px #5baf4f;
  }

  &.backoffice {
    border-bottom: solid 5px #f8b132;
  }

  &.app {
    border-bottom: solid 5px #4191a4;
  }

  &.apps {
    border-bottom: solid 5px #4191a4;
  }

  &.reseller {
    border-bottom: solid 5px #024302;
  }

  &.inbox {
    border-bottom: solid 5px #f2901d;
  }

  &.organisation {
    border-bottom: solid 5px #666;
  }
}

@media only screen and (min-width:950px) {
  header#ntx_header {
    height: var(--height-header) !important;
    z-index: var(--header-zindex) !important;
  }
}

@media only screen and (min-width:950px) {
  header#ntx_header div.ntx_header_container #ntx_header_personal {
    margin-right: 14px;
  }
}

@media only screen and (min-width:950px) {
  header#ntx_header div.ntx_header_container #ntx_header_personal #ntx_staff_companies {
    margin-left: 14px !important;
    width: 56px !important;
    height: 42px !important;
  }
}

@media only screen and (min-width:950px) {
  header#ntx_header div.ntx_header_container #ntx_header_personal #ntx_staff_companies_selector {
    top: 65px !important;
  }
}

@media only screen and (min-width:950px) {
  header#ntx_header div.ntx_header_container #ntx_header_personal #ntx_profile {
    width: 42px !important;
    height: 42px !important;
  }
}

@media only screen and (min-width:950px) {
  header#ntx_header div.ntx_header_container #ntx_header_personal #ntx_personal_actions {
    top: 65px !important;
  }
}

header#ntx_header.master a,header#ntx_header.master a:hover,header#ntx_header.master a:active {
  color: #e0a2a2;
}

header#ntx_header.dashboard a,header#ntx_header.dashboard a:hover,header#ntx_header.dashboard a:active {
  color: #eee;
}

header#ntx_header.contacts a,header#ntx_header.contacts a:hover,header#ntx_header.contacts a:active {
  color: #a97fbd;
}

header#ntx_header.sitefront a,header#ntx_header.sitefront a:hover,header#ntx_header.sitefront a:active {
  color: #52bbc5;
}

header#ntx_header.storefront a,header#ntx_header.storefront a:hover,header#ntx_header.storefront a:active {
  color: #ee884d;
}

header#ntx_header.accounting a,header#ntx_header.accounting a:hover,header#ntx_header.accounting a:active {
  color: #5baf4f;
}

header#ntx_header.backoffice a,header#ntx_header.backoffice a:hover,header#ntx_header.backoffice a:active {
  color: #f8b132;
}

header#ntx_header.app a,header#ntx_header.app a:hover,header#ntx_header.app a:active {
  color: #4191a4;
}

header#ntx_header.apps a,header#ntx_header.apps a:hover,header#ntx_header.apps a:active {
  color: #4191a4;
}

header#ntx_header.reseller a,header#ntx_header.reseller a:hover,header#ntx_header.reseller a:active {
  color: #80b280;
}

header#ntx_header.inbox a,header#ntx_header.inbox a:hover,header#ntx_header.inbox a:active {
  color: #f2901d;
}

header#ntx_header.organisation a,header#ntx_header.organisation a:hover,header#ntx_header.organisation a:active {
  color: #b3b3b3;
}

#ntx_submenu {
  display: none;
  position: absolute;
  z-index: 10000010;

  ul#ntx_top_nav {
    list-style: none;
    background-color: #555;
    padding: 0;
    display: none;
    position: absolute;
    z-index: 10;
    max-height: 100vh;
    overflow-y: auto;

    li a {
      padding: 10px;
      display: block;
      cursor: pointer;
      font-size: 14px;
      color: #fff;
      white-space: nowrap;
      text-decoration: none;
    }

    li a:hover {
      background-color: #6e6e6e;
    }

    li.sub ul {
      list-style: none;
      padding-left: 10px;
    }
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_submenu ul#ntx_top_nav li a {
    padding: 0 18px;
    border-radius: 5px 5px 0 0;
    border: solid 1px transparent;
    border-bottom: 0;
    line-height: 26px;
    height: 26px;
    font-size: 11px;
    margin-bottom: 1px;
    color: #333;
    text-align: center;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_submenu ul#ntx_top_nav li a:hover {
    background-color: #ccc;
    border-bottom-width: 1px;
    border-color: #8c8c8c;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_submenu ul#ntx_top_nav li.sub ul {
    display: none;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_submenu ul#ntx_top_nav li {
    font-family: Arial,Helvetica,Geneva,sans-serif;
    font-weight: bold;
    font-size: 11px;
    border: 0;
    margin-right: 3px;
    align-self: flex-end;

    &.selected a {
      border-color: #8c8c8c;
      background-color: #fff;
      margin-bottom: 0;
    }
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_submenu ul#ntx_top_nav {
    display: flex;
    flex-direction: row;
    position: static;
    background-color: transparent;
    height: var(--height-submenu);
    overflow: hidden;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_submenu {
    position: relative !important;
    width: 100%;
    height: var(--height-submenu);
    background-color: #dadada;
    border-bottom: solid 1px #aaa;
    z-index: 9999998 !important;
  }
}

section#ntx_area {
  position: relative;
}

section#ntx_area,#footercontainer {
  margin-top: 50px;
}

section#ntx_area.dashboard #ntx_page a,#footercontainer.dashboard #ntx_page a,section#ntx_area.dashboard #ntx_page a:hover,#footercontainer.dashboard #ntx_page a:hover,section#ntx_area.dashboard #ntx_page a:active,#footercontainer.dashboard #ntx_page a:active {
  color: #232323;
}

section#ntx_area.dashboard #ntx_page .ntx_page_minidata>.section,#footercontainer.dashboard #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.dashboard #ntx_page .ntx_page_full>.section,#footercontainer.dashboard #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.dashboard #ntx_page .ntx_form_container>.section,#footercontainer.dashboard #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.dashboard .ntx_formalize .ntx_form_container>.section,#footercontainer.dashboard .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.dashboard #ntx_page_tabs,#footercontainer.dashboard #ntx_page_tabs,section#ntx_area.dashboard #ntx_page_subtabs,#footercontainer.dashboard #ntx_page_subtabs,section#ntx_area.dashboard .ntx_tabswrapper,#footercontainer.dashboard .ntx_tabswrapper {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.dashboard #ntx_page_tabs>ul li.selected a,#footercontainer.dashboard #ntx_page_tabs>ul li.selected a,section#ntx_area.dashboard #ntx_page_subtabs>ul li.selected a,#footercontainer.dashboard #ntx_page_subtabs>ul li.selected a,section#ntx_area.dashboard .ntx_tabswrapper>ul li.selected a,#footercontainer.dashboard .ntx_tabswrapper>ul li.selected a {
  background-color: #494949;
  color: #fff !important;
  border-color: #494949 !important;
}

section#ntx_area.dashboard #ntx_page_tabs>ul li a,#footercontainer.dashboard #ntx_page_tabs>ul li a,section#ntx_area.dashboard #ntx_page_subtabs>ul li a,#footercontainer.dashboard #ntx_page_subtabs>ul li a,section#ntx_area.dashboard .ntx_tabswrapper>ul li a,#footercontainer.dashboard .ntx_tabswrapper>ul li a {
  color: #494949;
  text-decoration: none !important;
}

section#ntx_area.dashboard #ntx_page_switches,#footercontainer.dashboard #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.dashboard #ntx_page_switches .ntx_switchlnk,#footercontainer.dashboard #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.dashboard #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.dashboard #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.dashboard form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.dashboard form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #494949;
  border-color: #494949;
}

section#ntx_area.dashboard table.tblResults>thead.sticky,#footercontainer.dashboard table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.dashboard table.tblResults>thead.sticky,#footercontainer.dashboard table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.dashboard table.tblResults>thead.sticky>tr,#footercontainer.dashboard table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.dashboard table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.dashboard table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.dashboard table.tblResults>thead.sticky>tr td,#footercontainer.dashboard table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.dashboard table.tblResults>thead.stickyholder tr,#footercontainer.dashboard table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.dashboard table.tblResults>thead.stickyholder tr th,#footercontainer.dashboard table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.dashboard table.tblResults tfoot td.subtotal_border,#footercontainer.dashboard table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #494949 !important;
}

section#ntx_area.dashboard #ntx_leftnav,#footercontainer.dashboard #ntx_leftnav {
  background-color: #a37575;
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.dashboard #ntx_leftnav>ul li.selected a,#footercontainer.dashboard #ntx_leftnav>ul li.selected a {
  background-color: #494949;
  color: #fff;
  border-color: #494949;
}

section#ntx_area.dashboard #ntx_leftnav.choose span.title,#footercontainer.dashboard #ntx_leftnav.choose span.title {
  background-color: #494949;
  color: #fff;
}

section#ntx_area.dashboard #ntx_leftnav.choose li.selected a,#footercontainer.dashboard #ntx_leftnav.choose li.selected a {
  background-color: #959595;
}

section#ntx_area.dashboard .fileitem:hover,#footercontainer.dashboard .fileitem:hover {
  border: solid 4px #494949;
}

section#ntx_area.dashboard .fileitem:hover .filename,#footercontainer.dashboard .fileitem:hover .filename {
  background-color: #494949;
}

section#ntx_area.dashboard .fileitem.selected,#footercontainer.dashboard .fileitem.selected {
  border: solid 4px #494949;
  background-color: #626262;
}

section#ntx_area.dashboard .fileitem.selected .filename,#footercontainer.dashboard .fileitem.selected .filename {
  background-color: #565656;
}

section#ntx_area.dashboard .fileitem.selected .image,#footercontainer.dashboard .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.contacts #ntx_page a,#footercontainer.contacts #ntx_page a,section#ntx_area.contacts #ntx_page a:hover,#footercontainer.contacts #ntx_page a:hover,section#ntx_area.contacts #ntx_page a:active,#footercontainer.contacts #ntx_page a:active {
  color: #85519e;
}

section#ntx_area.contacts #ntx_page .ntx_page_minidata>.section,#footercontainer.contacts #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #a97fbd !important;
}

section#ntx_area.contacts #ntx_page .ntx_page_full>.section,#footercontainer.contacts #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #a97fbd !important;
}

section#ntx_area.contacts #ntx_page .ntx_form_container>.section,#footercontainer.contacts #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #a97fbd !important;
}

section#ntx_area.contacts .ntx_formalize .ntx_form_container>.section,#footercontainer.contacts .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #a97fbd !important;
}

section#ntx_area.contacts #ntx_page_tabs,#footercontainer.contacts #ntx_page_tabs,section#ntx_area.contacts #ntx_page_subtabs,#footercontainer.contacts #ntx_page_subtabs,section#ntx_area.contacts .ntx_tabswrapper,#footercontainer.contacts .ntx_tabswrapper {
  border-bottom: solid 1px #a97fbd !important;
}

section#ntx_area.contacts #ntx_page_tabs>ul li.selected a,#footercontainer.contacts #ntx_page_tabs>ul li.selected a,section#ntx_area.contacts #ntx_page_subtabs>ul li.selected a,#footercontainer.contacts #ntx_page_subtabs>ul li.selected a,section#ntx_area.contacts .ntx_tabswrapper>ul li.selected a,#footercontainer.contacts .ntx_tabswrapper>ul li.selected a {
  background-color: #a97fbd;
  color: #fff !important;
  border-color: #a97fbd !important;
}

section#ntx_area.contacts #ntx_page_tabs>ul li a,#footercontainer.contacts #ntx_page_tabs>ul li a,section#ntx_area.contacts #ntx_page_subtabs>ul li a,#footercontainer.contacts #ntx_page_subtabs>ul li a,section#ntx_area.contacts .ntx_tabswrapper>ul li a,#footercontainer.contacts .ntx_tabswrapper>ul li a {
  color: #a97fbd;
  text-decoration: none !important;
}

section#ntx_area.contacts #ntx_page_switches,#footercontainer.contacts #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.contacts #ntx_page_switches .ntx_switchlnk,#footercontainer.contacts #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.contacts #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.contacts #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.contacts form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.contacts form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #a97fbd;
  border-color: #a97fbd;
}

section#ntx_area.contacts table.tblResults>thead.sticky,#footercontainer.contacts table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.contacts table.tblResults>thead.sticky,#footercontainer.contacts table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.contacts table.tblResults>thead.sticky>tr,#footercontainer.contacts table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.contacts table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.contacts table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.contacts table.tblResults>thead.sticky>tr td,#footercontainer.contacts table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.contacts table.tblResults>thead.stickyholder tr,#footercontainer.contacts table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.contacts table.tblResults>thead.stickyholder tr th,#footercontainer.contacts table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.contacts table.tblResults tfoot td.subtotal_border,#footercontainer.contacts table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #a97fbd !important;
}

section#ntx_area.contacts #ntx_leftnav,#footercontainer.contacts #ntx_leftnav {
  background-color: #9475a3;
  border-bottom: solid 1px #a97fbd !important;
}

section#ntx_area.contacts #ntx_leftnav>ul li.selected a,#footercontainer.contacts #ntx_leftnav>ul li.selected a {
  background-color: #a97fbd;
  color: #fff;
  border-color: #a97fbd;
}

section#ntx_area.contacts #ntx_leftnav.choose span.title,#footercontainer.contacts #ntx_leftnav.choose span.title {
  background-color: #a97fbd;
  color: #fff;
}

section#ntx_area.contacts #ntx_leftnav.choose li.selected a,#footercontainer.contacts #ntx_leftnav.choose li.selected a {
  background-color: #ede4f1;
}

section#ntx_area.contacts .fileitem:hover,#footercontainer.contacts .fileitem:hover {
  border: solid 4px #a97fbd;
}

section#ntx_area.contacts .fileitem:hover .filename,#footercontainer.contacts .fileitem:hover .filename {
  background-color: #a97fbd;
}

section#ntx_area.contacts .fileitem.selected,#footercontainer.contacts .fileitem.selected {
  border: solid 4px #a97fbd;
  background-color: #c0a1ce;
}

section#ntx_area.contacts .fileitem.selected .filename,#footercontainer.contacts .fileitem.selected .filename {
  background-color: #b490c6;
}

section#ntx_area.contacts .fileitem.selected .image,#footercontainer.contacts .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.sitefront #ntx_page a,#footercontainer.sitefront #ntx_page a,section#ntx_area.sitefront #ntx_page a:hover,#footercontainer.sitefront #ntx_page a:hover,section#ntx_area.sitefront #ntx_page a:active,#footercontainer.sitefront #ntx_page a:active {
  color: #338f98;
}

section#ntx_area.sitefront #ntx_page .ntx_page_minidata>.section,#footercontainer.sitefront #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_page .ntx_page_full>.section,#footercontainer.sitefront #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_page .ntx_form_container>.section,#footercontainer.sitefront #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #52bbc5 !important;
}

section#ntx_area.sitefront .ntx_formalize .ntx_form_container>.section,#footercontainer.sitefront .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_page_tabs,#footercontainer.sitefront #ntx_page_tabs,section#ntx_area.sitefront #ntx_page_subtabs,#footercontainer.sitefront #ntx_page_subtabs,section#ntx_area.sitefront .ntx_tabswrapper,#footercontainer.sitefront .ntx_tabswrapper {
  border-bottom: solid 1px #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_page_tabs>ul li.selected a,#footercontainer.sitefront #ntx_page_tabs>ul li.selected a,section#ntx_area.sitefront #ntx_page_subtabs>ul li.selected a,#footercontainer.sitefront #ntx_page_subtabs>ul li.selected a,section#ntx_area.sitefront .ntx_tabswrapper>ul li.selected a,#footercontainer.sitefront .ntx_tabswrapper>ul li.selected a {
  background-color: #52bbc5;
  color: #fff !important;
  border-color: #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_page_tabs>ul li a,#footercontainer.sitefront #ntx_page_tabs>ul li a,section#ntx_area.sitefront #ntx_page_subtabs>ul li a,#footercontainer.sitefront #ntx_page_subtabs>ul li a,section#ntx_area.sitefront .ntx_tabswrapper>ul li a,#footercontainer.sitefront .ntx_tabswrapper>ul li a {
  color: #52bbc5;
  text-decoration: none !important;
}

section#ntx_area.sitefront #ntx_page_switches,#footercontainer.sitefront #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.sitefront #ntx_page_switches .ntx_switchlnk,#footercontainer.sitefront #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.sitefront #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.sitefront #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.sitefront form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.sitefront form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #52bbc5;
  border-color: #52bbc5;
}

section#ntx_area.sitefront table.tblResults>thead.sticky,#footercontainer.sitefront table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.sitefront table.tblResults>thead.sticky,#footercontainer.sitefront table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.sitefront table.tblResults>thead.sticky>tr,#footercontainer.sitefront table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.sitefront table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.sitefront table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.sitefront table.tblResults>thead.sticky>tr td,#footercontainer.sitefront table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.sitefront table.tblResults>thead.stickyholder tr,#footercontainer.sitefront table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.sitefront table.tblResults>thead.stickyholder tr th,#footercontainer.sitefront table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.sitefront table.tblResults tfoot td.subtotal_border,#footercontainer.sitefront table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_leftnav,#footercontainer.sitefront #ntx_leftnav {
  background-color: #759fa3;
  border-bottom: solid 1px #52bbc5 !important;
}

section#ntx_area.sitefront #ntx_leftnav>ul li.selected a,#footercontainer.sitefront #ntx_leftnav>ul li.selected a {
  background-color: #52bbc5;
  color: #fff;
  border-color: #52bbc5;
}

section#ntx_area.sitefront #ntx_leftnav.choose span.title,#footercontainer.sitefront #ntx_leftnav.choose span.title {
  background-color: #52bbc5;
  color: #fff;
}

section#ntx_area.sitefront #ntx_leftnav.choose li.selected a,#footercontainer.sitefront #ntx_leftnav.choose li.selected a {
  background-color: #c5e8eb;
}

section#ntx_area.sitefront .fileitem:hover,#footercontainer.sitefront .fileitem:hover {
  border: solid 4px #52bbc5;
}

section#ntx_area.sitefront .fileitem:hover .filename,#footercontainer.sitefront .fileitem:hover .filename {
  background-color: #52bbc5;
}

section#ntx_area.sitefront .fileitem.selected,#footercontainer.sitefront .fileitem.selected {
  border: solid 4px #52bbc5;
  background-color: #78cad2;
}

section#ntx_area.sitefront .fileitem.selected .filename,#footercontainer.sitefront .fileitem.selected .filename {
  background-color: #65c3cb;
}

section#ntx_area.sitefront .fileitem.selected .image,#footercontainer.sitefront .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.storefront #ntx_page a,#footercontainer.storefront #ntx_page a,section#ntx_area.storefront #ntx_page a:hover,#footercontainer.storefront #ntx_page a:hover,section#ntx_area.storefront #ntx_page a:active,#footercontainer.storefront #ntx_page a:active {
  color: #da5d15;
}

section#ntx_area.storefront #ntx_page .ntx_page_minidata>.section,#footercontainer.storefront #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #ee884d !important;
}

section#ntx_area.storefront #ntx_page .ntx_page_full>.section,#footercontainer.storefront #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #ee884d !important;
}

section#ntx_area.storefront #ntx_page .ntx_form_container>.section,#footercontainer.storefront #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #ee884d !important;
}

section#ntx_area.storefront .ntx_formalize .ntx_form_container>.section,#footercontainer.storefront .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #ee884d !important;
}

section#ntx_area.storefront #ntx_page_tabs,#footercontainer.storefront #ntx_page_tabs,section#ntx_area.storefront #ntx_page_subtabs,#footercontainer.storefront #ntx_page_subtabs,section#ntx_area.storefront .ntx_tabswrapper,#footercontainer.storefront .ntx_tabswrapper {
  border-bottom: solid 1px #ee884d !important;
}

section#ntx_area.storefront #ntx_page_tabs>ul li.selected a,#footercontainer.storefront #ntx_page_tabs>ul li.selected a,section#ntx_area.storefront #ntx_page_subtabs>ul li.selected a,#footercontainer.storefront #ntx_page_subtabs>ul li.selected a,section#ntx_area.storefront .ntx_tabswrapper>ul li.selected a,#footercontainer.storefront .ntx_tabswrapper>ul li.selected a {
  background-color: #ee884d;
  color: #fff !important;
  border-color: #ee884d !important;
}

section#ntx_area.storefront #ntx_page_tabs>ul li a,#footercontainer.storefront #ntx_page_tabs>ul li a,section#ntx_area.storefront #ntx_page_subtabs>ul li a,#footercontainer.storefront #ntx_page_subtabs>ul li a,section#ntx_area.storefront .ntx_tabswrapper>ul li a,#footercontainer.storefront .ntx_tabswrapper>ul li a {
  color: #ee884d;
  text-decoration: none !important;
}

section#ntx_area.storefront #ntx_page_switches,#footercontainer.storefront #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.storefront #ntx_page_switches .ntx_switchlnk,#footercontainer.storefront #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.storefront #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.storefront #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.storefront form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.storefront form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #ee884d;
  border-color: #ee884d;
}

section#ntx_area.storefront table.tblResults>thead.sticky,#footercontainer.storefront table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.storefront table.tblResults>thead.sticky,#footercontainer.storefront table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.storefront table.tblResults>thead.sticky>tr,#footercontainer.storefront table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.storefront table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.storefront table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.storefront table.tblResults>thead.sticky>tr td,#footercontainer.storefront table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.storefront table.tblResults>thead.stickyholder tr,#footercontainer.storefront table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.storefront table.tblResults>thead.stickyholder tr th,#footercontainer.storefront table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.storefront table.tblResults tfoot td.subtotal_border,#footercontainer.storefront table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #ee884d !important;
}

section#ntx_area.storefront #ntx_leftnav,#footercontainer.storefront #ntx_leftnav {
  background-color: #a38675;
  border-bottom: solid 1px #ee884d !important;
}

section#ntx_area.storefront #ntx_leftnav>ul li.selected a,#footercontainer.storefront #ntx_leftnav>ul li.selected a {
  background-color: #ee884d;
  color: #fff;
  border-color: #ee884d;
}

section#ntx_area.storefront #ntx_leftnav.choose span.title,#footercontainer.storefront #ntx_leftnav.choose span.title {
  background-color: #ee884d;
  color: #fff;
}

section#ntx_area.storefront #ntx_leftnav.choose li.selected a,#footercontainer.storefront #ntx_leftnav.choose li.selected a {
  background-color: #fbe5d9;
}

section#ntx_area.storefront .fileitem:hover,#footercontainer.storefront .fileitem:hover {
  border: solid 4px #ee884d;
}

section#ntx_area.storefront .fileitem:hover .filename,#footercontainer.storefront .fileitem:hover .filename {
  background-color: #ee884d;
}

section#ntx_area.storefront .fileitem.selected,#footercontainer.storefront .fileitem.selected {
  border: solid 4px #ee884d;
  background-color: #f2a77c;
}

section#ntx_area.storefront .fileitem.selected .filename,#footercontainer.storefront .fileitem.selected .filename {
  background-color: #f09864;
}

section#ntx_area.storefront .fileitem.selected .image,#footercontainer.storefront .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.accounting #ntx_page a,#footercontainer.accounting #ntx_page a,section#ntx_area.accounting #ntx_page a:hover,#footercontainer.accounting #ntx_page a:hover,section#ntx_area.accounting #ntx_page a:active,#footercontainer.accounting #ntx_page a:active {
  color: #407a37;
}

section#ntx_area.accounting #ntx_page .ntx_page_minidata>.section,#footercontainer.accounting #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #5baf4f !important;
}

section#ntx_area.accounting #ntx_page .ntx_page_full>.section,#footercontainer.accounting #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #5baf4f !important;
}

section#ntx_area.accounting #ntx_page .ntx_form_container>.section,#footercontainer.accounting #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #5baf4f !important;
}

section#ntx_area.accounting .ntx_formalize .ntx_form_container>.section,#footercontainer.accounting .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #5baf4f !important;
}

section#ntx_area.accounting #ntx_page_tabs,#footercontainer.accounting #ntx_page_tabs,section#ntx_area.accounting #ntx_page_subtabs,#footercontainer.accounting #ntx_page_subtabs,section#ntx_area.accounting .ntx_tabswrapper,#footercontainer.accounting .ntx_tabswrapper {
  border-bottom: solid 1px #5baf4f !important;
}

section#ntx_area.accounting #ntx_page_tabs>ul li.selected a,#footercontainer.accounting #ntx_page_tabs>ul li.selected a,section#ntx_area.accounting #ntx_page_subtabs>ul li.selected a,#footercontainer.accounting #ntx_page_subtabs>ul li.selected a,section#ntx_area.accounting .ntx_tabswrapper>ul li.selected a,#footercontainer.accounting .ntx_tabswrapper>ul li.selected a {
  background-color: #5baf4f;
  color: #fff !important;
  border-color: #5baf4f !important;
}

section#ntx_area.accounting #ntx_page_tabs>ul li a,#footercontainer.accounting #ntx_page_tabs>ul li a,section#ntx_area.accounting #ntx_page_subtabs>ul li a,#footercontainer.accounting #ntx_page_subtabs>ul li a,section#ntx_area.accounting .ntx_tabswrapper>ul li a,#footercontainer.accounting .ntx_tabswrapper>ul li a {
  color: #5baf4f;
  text-decoration: none !important;
}

section#ntx_area.accounting #ntx_page_switches,#footercontainer.accounting #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.accounting #ntx_page_switches .ntx_switchlnk,#footercontainer.accounting #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.accounting #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.accounting #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.accounting form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.accounting form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #5baf4f;
  border-color: #5baf4f;
}

section#ntx_area.accounting table.tblResults>thead.sticky,#footercontainer.accounting table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.accounting table.tblResults>thead.sticky,#footercontainer.accounting table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.accounting table.tblResults>thead.sticky>tr,#footercontainer.accounting table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.accounting table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.accounting table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.accounting table.tblResults>thead.sticky>tr td,#footercontainer.accounting table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.accounting table.tblResults>thead.stickyholder tr,#footercontainer.accounting table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.accounting table.tblResults>thead.stickyholder tr th,#footercontainer.accounting table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.accounting table.tblResults tfoot td.subtotal_border,#footercontainer.accounting table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #5baf4f !important;
}

section#ntx_area.accounting #ntx_leftnav,#footercontainer.accounting #ntx_leftnav {
  background-color: #7ba375;
  border-bottom: solid 1px #5baf4f !important;
}

section#ntx_area.accounting #ntx_leftnav>ul li.selected a,#footercontainer.accounting #ntx_leftnav>ul li.selected a {
  background-color: #5baf4f;
  color: #fff;
  border-color: #5baf4f;
}

section#ntx_area.accounting #ntx_leftnav.choose span.title,#footercontainer.accounting #ntx_leftnav.choose span.title {
  background-color: #5baf4f;
  color: #fff;
}

section#ntx_area.accounting #ntx_leftnav.choose li.selected a,#footercontainer.accounting #ntx_leftnav.choose li.selected a {
  background-color: #bddfb8;
}

section#ntx_area.accounting .fileitem:hover,#footercontainer.accounting .fileitem:hover {
  border: solid 4px #5baf4f;
}

section#ntx_area.accounting .fileitem:hover .filename,#footercontainer.accounting .fileitem:hover .filename {
  background-color: #5baf4f;
}

section#ntx_area.accounting .fileitem.selected,#footercontainer.accounting .fileitem.selected {
  border: solid 4px #5baf4f;
  background-color: #7bbf72;
}

section#ntx_area.accounting .fileitem.selected .filename,#footercontainer.accounting .fileitem.selected .filename {
  background-color: #6bb760;
}

section#ntx_area.accounting .fileitem.selected .image,#footercontainer.accounting .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.backoffice #ntx_page a,#footercontainer.backoffice #ntx_page a,section#ntx_area.backoffice #ntx_page a:hover,#footercontainer.backoffice #ntx_page a:hover,section#ntx_area.backoffice #ntx_page a:active,#footercontainer.backoffice #ntx_page a:active {
  color: #d68c07;
}

section#ntx_area.backoffice #ntx_page .ntx_page_minidata>.section,#footercontainer.backoffice #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #f8b132 !important;
}

section#ntx_area.backoffice #ntx_page .ntx_page_full>.section,#footercontainer.backoffice #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #f8b132 !important;
}

section#ntx_area.backoffice #ntx_page .ntx_form_container>.section,#footercontainer.backoffice #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #f8b132 !important;
}

section#ntx_area.backoffice .ntx_formalize .ntx_form_container>.section,#footercontainer.backoffice .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #f8b132 !important;
}

section#ntx_area.backoffice #ntx_page_tabs,#footercontainer.backoffice #ntx_page_tabs,section#ntx_area.backoffice #ntx_page_subtabs,#footercontainer.backoffice #ntx_page_subtabs,section#ntx_area.backoffice .ntx_tabswrapper,#footercontainer.backoffice .ntx_tabswrapper {
  border-bottom: solid 1px #f8b132 !important;
}

section#ntx_area.backoffice #ntx_page_tabs>ul li.selected a,#footercontainer.backoffice #ntx_page_tabs>ul li.selected a,section#ntx_area.backoffice #ntx_page_subtabs>ul li.selected a,#footercontainer.backoffice #ntx_page_subtabs>ul li.selected a,section#ntx_area.backoffice .ntx_tabswrapper>ul li.selected a,#footercontainer.backoffice .ntx_tabswrapper>ul li.selected a {
  background-color: #f8b132;
  color: #fff !important;
  border-color: #f8b132 !important;
}

section#ntx_area.backoffice #ntx_page_tabs>ul li a,#footercontainer.backoffice #ntx_page_tabs>ul li a,section#ntx_area.backoffice #ntx_page_subtabs>ul li a,#footercontainer.backoffice #ntx_page_subtabs>ul li a,section#ntx_area.backoffice .ntx_tabswrapper>ul li a,#footercontainer.backoffice .ntx_tabswrapper>ul li a {
  color: #f8b132;
  text-decoration: none !important;
}

section#ntx_area.backoffice #ntx_page_switches,#footercontainer.backoffice #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.backoffice #ntx_page_switches .ntx_switchlnk,#footercontainer.backoffice #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.backoffice #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.backoffice #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.backoffice form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.backoffice form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #f8b132;
  border-color: #f8b132;
}

section#ntx_area.backoffice table.tblResults>thead.sticky,#footercontainer.backoffice table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.backoffice table.tblResults>thead.sticky,#footercontainer.backoffice table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.backoffice table.tblResults>thead.sticky>tr,#footercontainer.backoffice table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.backoffice table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.backoffice table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.backoffice table.tblResults>thead.sticky>tr td,#footercontainer.backoffice table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.backoffice table.tblResults>thead.stickyholder tr,#footercontainer.backoffice table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.backoffice table.tblResults>thead.stickyholder tr th,#footercontainer.backoffice table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.backoffice table.tblResults tfoot td.subtotal_border,#footercontainer.backoffice table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #f8b132 !important;
}

section#ntx_area.backoffice #ntx_leftnav,#footercontainer.backoffice #ntx_leftnav {
  background-color: #a39375;
  border-bottom: solid 1px #f8b132 !important;
}

section#ntx_area.backoffice #ntx_leftnav>ul li.selected a,#footercontainer.backoffice #ntx_leftnav>ul li.selected a {
  background-color: #f8b132;
  color: #fff;
  border-color: #f8b132;
}

section#ntx_area.backoffice #ntx_leftnav.choose span.title,#footercontainer.backoffice #ntx_leftnav.choose span.title {
  background-color: #f8b132;
  color: #fff;
}

section#ntx_area.backoffice #ntx_leftnav.choose li.selected a,#footercontainer.backoffice #ntx_leftnav.choose li.selected a {
  background-color: #fde9c6;
}

section#ntx_area.backoffice .fileitem:hover,#footercontainer.backoffice .fileitem:hover {
  border: solid 4px #f8b132;
}

section#ntx_area.backoffice .fileitem:hover .filename,#footercontainer.backoffice .fileitem:hover .filename {
  background-color: #f8b132;
}

section#ntx_area.backoffice .fileitem.selected,#footercontainer.backoffice .fileitem.selected {
  border: solid 4px #f8b132;
  background-color: #fac463;
}

section#ntx_area.backoffice .fileitem.selected .filename,#footercontainer.backoffice .fileitem.selected .filename {
  background-color: #f9ba4b;
}

section#ntx_area.backoffice .fileitem.selected .image,#footercontainer.backoffice .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.app #ntx_page a,#footercontainer.app #ntx_page a,section#ntx_area.app #ntx_page a:hover,#footercontainer.app #ntx_page a:hover,section#ntx_area.app #ntx_page a:active,#footercontainer.app #ntx_page a:active {
  color: #2b616d;
}

section#ntx_area.app #ntx_page .ntx_page_minidata>.section,#footercontainer.app #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.app #ntx_page .ntx_page_full>.section,#footercontainer.app #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.app #ntx_page .ntx_form_container>.section,#footercontainer.app #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.app .ntx_formalize .ntx_form_container>.section,#footercontainer.app .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.app #ntx_page_tabs,#footercontainer.app #ntx_page_tabs,section#ntx_area.app #ntx_page_subtabs,#footercontainer.app #ntx_page_subtabs,section#ntx_area.app .ntx_tabswrapper,#footercontainer.app .ntx_tabswrapper {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.app #ntx_page_tabs>ul li.selected a,#footercontainer.app #ntx_page_tabs>ul li.selected a,section#ntx_area.app #ntx_page_subtabs>ul li.selected a,#footercontainer.app #ntx_page_subtabs>ul li.selected a,section#ntx_area.app .ntx_tabswrapper>ul li.selected a,#footercontainer.app .ntx_tabswrapper>ul li.selected a {
  background-color: #4191a4;
  color: #fff !important;
  border-color: #4191a4 !important;
}

section#ntx_area.app #ntx_page_tabs>ul li a,#footercontainer.app #ntx_page_tabs>ul li a,section#ntx_area.app #ntx_page_subtabs>ul li a,#footercontainer.app #ntx_page_subtabs>ul li a,section#ntx_area.app .ntx_tabswrapper>ul li a,#footercontainer.app .ntx_tabswrapper>ul li a {
  color: #4191a4;
  text-decoration: none !important;
}

section#ntx_area.app #ntx_page_switches,#footercontainer.app #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.app #ntx_page_switches .ntx_switchlnk,#footercontainer.app #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.app #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.app #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.app form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.app form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #4191a4;
  border-color: #4191a4;
}

section#ntx_area.app table.tblResults>thead.sticky,#footercontainer.app table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.app table.tblResults>thead.sticky,#footercontainer.app table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.app table.tblResults>thead.sticky>tr,#footercontainer.app table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.app table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.app table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.app table.tblResults>thead.sticky>tr td,#footercontainer.app table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.app table.tblResults>thead.stickyholder tr,#footercontainer.app table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.app table.tblResults>thead.stickyholder tr th,#footercontainer.app table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.app table.tblResults tfoot td.subtotal_border,#footercontainer.app table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #4191a4 !important;
}

section#ntx_area.app #ntx_leftnav,#footercontainer.app #ntx_leftnav {
  background-color: #759aa3;
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.app #ntx_leftnav>ul li.selected a,#footercontainer.app #ntx_leftnav>ul li.selected a {
  background-color: #4191a4;
  color: #fff;
  border-color: #4191a4;
}

section#ntx_area.app #ntx_leftnav.choose span.title,#footercontainer.app #ntx_leftnav.choose span.title {
  background-color: #4191a4;
  color: #fff;
}

section#ntx_area.app #ntx_leftnav.choose li.selected a,#footercontainer.app #ntx_leftnav.choose li.selected a {
  background-color: #a3d0db;
}

section#ntx_area.app .fileitem:hover,#footercontainer.app .fileitem:hover {
  border: solid 4px #4191a4;
}

section#ntx_area.app .fileitem:hover .filename,#footercontainer.app .fileitem:hover .filename {
  background-color: #4191a4;
}

section#ntx_area.app .fileitem.selected,#footercontainer.app .fileitem.selected {
  border: solid 4px #4191a4;
  background-color: #5aabbe;
}

section#ntx_area.app .fileitem.selected .filename,#footercontainer.app .fileitem.selected .filename {
  background-color: #48a1b6;
}

section#ntx_area.app .fileitem.selected .image,#footercontainer.app .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.apps #ntx_page a,#footercontainer.apps #ntx_page a,section#ntx_area.apps #ntx_page a:hover,#footercontainer.apps #ntx_page a:hover,section#ntx_area.apps #ntx_page a:active,#footercontainer.apps #ntx_page a:active {
  color: #2b616d;
}

section#ntx_area.apps #ntx_page .ntx_page_minidata>.section,#footercontainer.apps #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.apps #ntx_page .ntx_page_full>.section,#footercontainer.apps #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.apps #ntx_page .ntx_form_container>.section,#footercontainer.apps #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.apps .ntx_formalize .ntx_form_container>.section,#footercontainer.apps .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.apps #ntx_page_tabs,#footercontainer.apps #ntx_page_tabs,section#ntx_area.apps #ntx_page_subtabs,#footercontainer.apps #ntx_page_subtabs,section#ntx_area.apps .ntx_tabswrapper,#footercontainer.apps .ntx_tabswrapper {
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.apps #ntx_page_tabs>ul li.selected a,#footercontainer.apps #ntx_page_tabs>ul li.selected a,section#ntx_area.apps #ntx_page_subtabs>ul li.selected a,#footercontainer.apps #ntx_page_subtabs>ul li.selected a,section#ntx_area.apps .ntx_tabswrapper>ul li.selected a,#footercontainer.apps .ntx_tabswrapper>ul li.selected a {
  background-color: #4191a4;
  color: #fff !important;
  border-color: #4191a4 !important;
}

section#ntx_area.apps #ntx_page_tabs>ul li a,#footercontainer.apps #ntx_page_tabs>ul li a,section#ntx_area.apps #ntx_page_subtabs>ul li a,#footercontainer.apps #ntx_page_subtabs>ul li a,section#ntx_area.apps .ntx_tabswrapper>ul li a,#footercontainer.apps .ntx_tabswrapper>ul li a {
  color: #4191a4;
  text-decoration: none !important;
}

section#ntx_area.apps #ntx_page_switches,#footercontainer.apps #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.apps #ntx_page_switches .ntx_switchlnk,#footercontainer.apps #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.apps #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.apps #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.apps form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.apps form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #4191a4;
  border-color: #4191a4;
}

section#ntx_area.apps table.tblResults>thead.sticky,#footercontainer.apps table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.apps table.tblResults>thead.sticky,#footercontainer.apps table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.apps table.tblResults>thead.sticky>tr,#footercontainer.apps table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.apps table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.apps table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.apps table.tblResults>thead.sticky>tr td,#footercontainer.apps table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.apps table.tblResults>thead.stickyholder tr,#footercontainer.apps table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.apps table.tblResults>thead.stickyholder tr th,#footercontainer.apps table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.apps table.tblResults tfoot td.subtotal_border,#footercontainer.apps table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #4191a4 !important;
}

section#ntx_area.apps #ntx_leftnav,#footercontainer.apps #ntx_leftnav {
  background-color: #759aa3;
  border-bottom: solid 1px #4191a4 !important;
}

section#ntx_area.apps #ntx_leftnav>ul li.selected a,#footercontainer.apps #ntx_leftnav>ul li.selected a {
  background-color: #4191a4;
  color: #fff;
  border-color: #4191a4;
}

section#ntx_area.apps #ntx_leftnav.choose span.title,#footercontainer.apps #ntx_leftnav.choose span.title {
  background-color: #4191a4;
  color: #fff;
}

section#ntx_area.apps #ntx_leftnav.choose li.selected a,#footercontainer.apps #ntx_leftnav.choose li.selected a {
  background-color: #a3d0db;
}

section#ntx_area.apps .fileitem:hover,#footercontainer.apps .fileitem:hover {
  border: solid 4px #4191a4;
}

section#ntx_area.apps .fileitem:hover .filename,#footercontainer.apps .fileitem:hover .filename {
  background-color: #4191a4;
}

section#ntx_area.apps .fileitem.selected,#footercontainer.apps .fileitem.selected {
  border: solid 4px #4191a4;
  background-color: #5aabbe;
}

section#ntx_area.apps .fileitem.selected .filename,#footercontainer.apps .fileitem.selected .filename {
  background-color: #48a1b6;
}

section#ntx_area.apps .fileitem.selected .image,#footercontainer.apps .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.reseller #ntx_page a,#footercontainer.reseller #ntx_page a,section#ntx_area.reseller #ntx_page a:hover,#footercontainer.reseller #ntx_page a:hover,section#ntx_area.reseller #ntx_page a:active,#footercontainer.reseller #ntx_page a:active {
  color: #000;
}

section#ntx_area.reseller #ntx_page .ntx_page_minidata>.section,#footercontainer.reseller #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #024302 !important;
}

section#ntx_area.reseller #ntx_page .ntx_page_full>.section,#footercontainer.reseller #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #024302 !important;
}

section#ntx_area.reseller #ntx_page .ntx_form_container>.section,#footercontainer.reseller #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #024302 !important;
}

section#ntx_area.reseller .ntx_formalize .ntx_form_container>.section,#footercontainer.reseller .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #024302 !important;
}

section#ntx_area.reseller #ntx_page_tabs,#footercontainer.reseller #ntx_page_tabs,section#ntx_area.reseller #ntx_page_subtabs,#footercontainer.reseller #ntx_page_subtabs,section#ntx_area.reseller .ntx_tabswrapper,#footercontainer.reseller .ntx_tabswrapper {
  border-bottom: solid 1px #024302 !important;
}

section#ntx_area.reseller #ntx_page_tabs>ul li.selected a,#footercontainer.reseller #ntx_page_tabs>ul li.selected a,section#ntx_area.reseller #ntx_page_subtabs>ul li.selected a,#footercontainer.reseller #ntx_page_subtabs>ul li.selected a,section#ntx_area.reseller .ntx_tabswrapper>ul li.selected a,#footercontainer.reseller .ntx_tabswrapper>ul li.selected a {
  background-color: #024302;
  color: #fff !important;
  border-color: #024302 !important;
}

section#ntx_area.reseller #ntx_page_tabs>ul li a,#footercontainer.reseller #ntx_page_tabs>ul li a,section#ntx_area.reseller #ntx_page_subtabs>ul li a,#footercontainer.reseller #ntx_page_subtabs>ul li a,section#ntx_area.reseller .ntx_tabswrapper>ul li a,#footercontainer.reseller .ntx_tabswrapper>ul li a {
  color: #024302;
  text-decoration: none !important;
}

section#ntx_area.reseller #ntx_page_switches,#footercontainer.reseller #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.reseller #ntx_page_switches .ntx_switchlnk,#footercontainer.reseller #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.reseller #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.reseller #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.reseller form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.reseller form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #024302;
  border-color: #024302;
}

section#ntx_area.reseller table.tblResults>thead.sticky,#footercontainer.reseller table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.reseller table.tblResults>thead.sticky,#footercontainer.reseller table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.reseller table.tblResults>thead.sticky>tr,#footercontainer.reseller table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.reseller table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.reseller table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.reseller table.tblResults>thead.sticky>tr td,#footercontainer.reseller table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.reseller table.tblResults>thead.stickyholder tr,#footercontainer.reseller table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.reseller table.tblResults>thead.stickyholder tr th,#footercontainer.reseller table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.reseller table.tblResults tfoot td.subtotal_border,#footercontainer.reseller table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #024302 !important;
}

section#ntx_area.reseller #ntx_leftnav,#footercontainer.reseller #ntx_leftnav {
  background-color: #75a375;
  border-bottom: solid 1px #024302 !important;
}

section#ntx_area.reseller #ntx_leftnav>ul li.selected a,#footercontainer.reseller #ntx_leftnav>ul li.selected a {
  background-color: #024302;
  color: #fff;
  border-color: #024302;
}

section#ntx_area.reseller #ntx_leftnav.choose span.title,#footercontainer.reseller #ntx_leftnav.choose span.title {
  background-color: #024302;
  color: #fff;
}

section#ntx_area.reseller #ntx_leftnav.choose li.selected a,#footercontainer.reseller #ntx_leftnav.choose li.selected a {
  background-color: #06d806;
}

section#ntx_area.reseller .fileitem:hover,#footercontainer.reseller .fileitem:hover {
  border: solid 4px #024302;
}

section#ntx_area.reseller .fileitem:hover .filename,#footercontainer.reseller .fileitem:hover .filename {
  background-color: #024302;
}

section#ntx_area.reseller .fileitem.selected,#footercontainer.reseller .fileitem.selected {
  border: solid 4px #024302;
  background-color: #037503;
}

section#ntx_area.reseller .fileitem.selected .filename,#footercontainer.reseller .fileitem.selected .filename {
  background-color: #035c03;
}

section#ntx_area.reseller .fileitem.selected .image,#footercontainer.reseller .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.inbox #ntx_page a,#footercontainer.inbox #ntx_page a,section#ntx_area.inbox #ntx_page a:hover,#footercontainer.inbox #ntx_page a:hover,section#ntx_area.inbox #ntx_page a:active,#footercontainer.inbox #ntx_page a:active {
  color: #b8680b;
}

section#ntx_area.inbox #ntx_page .ntx_page_minidata>.section,#footercontainer.inbox #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #f2901d !important;
}

section#ntx_area.inbox #ntx_page .ntx_page_full>.section,#footercontainer.inbox #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #f2901d !important;
}

section#ntx_area.inbox #ntx_page .ntx_form_container>.section,#footercontainer.inbox #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #f2901d !important;
}

section#ntx_area.inbox .ntx_formalize .ntx_form_container>.section,#footercontainer.inbox .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #f2901d !important;
}

section#ntx_area.inbox #ntx_page_tabs,#footercontainer.inbox #ntx_page_tabs,section#ntx_area.inbox #ntx_page_subtabs,#footercontainer.inbox #ntx_page_subtabs,section#ntx_area.inbox .ntx_tabswrapper,#footercontainer.inbox .ntx_tabswrapper {
  border-bottom: solid 1px #f2901d !important;
}

section#ntx_area.inbox #ntx_page_tabs>ul li.selected a,#footercontainer.inbox #ntx_page_tabs>ul li.selected a,section#ntx_area.inbox #ntx_page_subtabs>ul li.selected a,#footercontainer.inbox #ntx_page_subtabs>ul li.selected a,section#ntx_area.inbox .ntx_tabswrapper>ul li.selected a,#footercontainer.inbox .ntx_tabswrapper>ul li.selected a {
  background-color: #f2901d;
  color: #fff !important;
  border-color: #f2901d !important;
}

section#ntx_area.inbox #ntx_page_tabs>ul li a,#footercontainer.inbox #ntx_page_tabs>ul li a,section#ntx_area.inbox #ntx_page_subtabs>ul li a,#footercontainer.inbox #ntx_page_subtabs>ul li a,section#ntx_area.inbox .ntx_tabswrapper>ul li a,#footercontainer.inbox .ntx_tabswrapper>ul li a {
  color: #f2901d;
  text-decoration: none !important;
}

section#ntx_area.inbox #ntx_page_switches,#footercontainer.inbox #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.inbox #ntx_page_switches .ntx_switchlnk,#footercontainer.inbox #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.inbox #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.inbox #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.inbox form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.inbox form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #f2901d;
  border-color: #f2901d;
}

section#ntx_area.inbox table.tblResults>thead.sticky,#footercontainer.inbox table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.inbox table.tblResults>thead.sticky,#footercontainer.inbox table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.inbox table.tblResults>thead.sticky>tr,#footercontainer.inbox table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.inbox table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.inbox table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.inbox table.tblResults>thead.sticky>tr td,#footercontainer.inbox table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.inbox table.tblResults>thead.stickyholder tr,#footercontainer.inbox table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.inbox table.tblResults>thead.stickyholder tr th,#footercontainer.inbox table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.inbox table.tblResults tfoot td.subtotal_border,#footercontainer.inbox table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #f2901d !important;
}

section#ntx_area.inbox #ntx_leftnav,#footercontainer.inbox #ntx_leftnav {
  background-color: #a38e75;
  border-bottom: solid 1px #f2901d !important;
}

section#ntx_area.inbox #ntx_leftnav>ul li.selected a,#footercontainer.inbox #ntx_leftnav>ul li.selected a {
  background-color: #f2901d;
  color: #fff;
  border-color: #f2901d;
}

section#ntx_area.inbox #ntx_leftnav.choose span.title,#footercontainer.inbox #ntx_leftnav.choose span.title {
  background-color: #f2901d;
  color: #fff;
}

section#ntx_area.inbox #ntx_leftnav.choose li.selected a,#footercontainer.inbox #ntx_leftnav.choose li.selected a {
  background-color: #fad7ae;
}

section#ntx_area.inbox .fileitem:hover,#footercontainer.inbox .fileitem:hover {
  border: solid 4px #f2901d;
}

section#ntx_area.inbox .fileitem:hover .filename,#footercontainer.inbox .fileitem:hover .filename {
  background-color: #f2901d;
}

section#ntx_area.inbox .fileitem.selected,#footercontainer.inbox .fileitem.selected {
  border: solid 4px #f2901d;
  background-color: #f5a84d;
}

section#ntx_area.inbox .fileitem.selected .filename,#footercontainer.inbox .fileitem.selected .filename {
  background-color: #f39c35;
}

section#ntx_area.inbox .fileitem.selected .image,#footercontainer.inbox .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.master #ntx_page a,#footercontainer.master #ntx_page a,section#ntx_area.master #ntx_page a:hover,#footercontainer.master #ntx_page a:hover,section#ntx_area.master #ntx_page a:active,#footercontainer.master #ntx_page a:active {
  color: #232323;
}

section#ntx_area.master #ntx_page .ntx_page_minidata>.section,#footercontainer.master #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.master #ntx_page .ntx_page_full>.section,#footercontainer.master #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.master #ntx_page .ntx_form_container>.section,#footercontainer.master #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.master .ntx_formalize .ntx_form_container>.section,#footercontainer.master .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.master #ntx_page_tabs,#footercontainer.master #ntx_page_tabs,section#ntx_area.master #ntx_page_subtabs,#footercontainer.master #ntx_page_subtabs,section#ntx_area.master .ntx_tabswrapper,#footercontainer.master .ntx_tabswrapper {
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.master #ntx_page_tabs>ul li.selected a,#footercontainer.master #ntx_page_tabs>ul li.selected a,section#ntx_area.master #ntx_page_subtabs>ul li.selected a,#footercontainer.master #ntx_page_subtabs>ul li.selected a,section#ntx_area.master .ntx_tabswrapper>ul li.selected a,#footercontainer.master .ntx_tabswrapper>ul li.selected a {
  background-color: #494949;
  color: #fff !important;
  border-color: #494949 !important;
}

section#ntx_area.master #ntx_page_tabs>ul li a,#footercontainer.master #ntx_page_tabs>ul li a,section#ntx_area.master #ntx_page_subtabs>ul li a,#footercontainer.master #ntx_page_subtabs>ul li a,section#ntx_area.master .ntx_tabswrapper>ul li a,#footercontainer.master .ntx_tabswrapper>ul li a {
  color: #494949;
  text-decoration: none !important;
}

section#ntx_area.master #ntx_page_switches,#footercontainer.master #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.master #ntx_page_switches .ntx_switchlnk,#footercontainer.master #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.master #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.master #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.master form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.master form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #494949;
  border-color: #494949;
}

section#ntx_area.master table.tblResults>thead.sticky,#footercontainer.master table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.master table.tblResults>thead.sticky,#footercontainer.master table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.master table.tblResults>thead.sticky>tr,#footercontainer.master table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.master table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.master table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.master table.tblResults>thead.sticky>tr td,#footercontainer.master table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.master table.tblResults>thead.stickyholder tr,#footercontainer.master table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.master table.tblResults>thead.stickyholder tr th,#footercontainer.master table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.master table.tblResults tfoot td.subtotal_border,#footercontainer.master table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #494949 !important;
}

section#ntx_area.master #ntx_leftnav,#footercontainer.master #ntx_leftnav {
  background-color: #a37575;
  border-bottom: solid 1px #494949 !important;
}

section#ntx_area.master #ntx_leftnav>ul li.selected a,#footercontainer.master #ntx_leftnav>ul li.selected a {
  background-color: #494949;
  color: #fff;
  border-color: #494949;
}

section#ntx_area.master #ntx_leftnav.choose span.title,#footercontainer.master #ntx_leftnav.choose span.title {
  background-color: #494949;
  color: #fff;
}

section#ntx_area.master #ntx_leftnav.choose li.selected a,#footercontainer.master #ntx_leftnav.choose li.selected a {
  background-color: #959595;
}

section#ntx_area.master .fileitem:hover,#footercontainer.master .fileitem:hover {
  border: solid 4px #494949;
}

section#ntx_area.master .fileitem:hover .filename,#footercontainer.master .fileitem:hover .filename {
  background-color: #494949;
}

section#ntx_area.master .fileitem.selected,#footercontainer.master .fileitem.selected {
  border: solid 4px #494949;
  background-color: #626262;
}

section#ntx_area.master .fileitem.selected .filename,#footercontainer.master .fileitem.selected .filename {
  background-color: #565656;
}

section#ntx_area.master .fileitem.selected .image,#footercontainer.master .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area.organisation #ntx_page a,#footercontainer.organisation #ntx_page a,section#ntx_area.organisation #ntx_page a:hover,#footercontainer.organisation #ntx_page a:hover,section#ntx_area.organisation #ntx_page a:active,#footercontainer.organisation #ntx_page a:active {
  color: #404040;
}

section#ntx_area.organisation #ntx_page .ntx_page_minidata>.section,#footercontainer.organisation #ntx_page .ntx_page_minidata>.section {
  border-bottom: solid 1px #666 !important;
}

section#ntx_area.organisation #ntx_page .ntx_page_full>.section,#footercontainer.organisation #ntx_page .ntx_page_full>.section {
  border-bottom: solid 1px #666 !important;
}

section#ntx_area.organisation #ntx_page .ntx_form_container>.section,#footercontainer.organisation #ntx_page .ntx_form_container>.section {
  border-bottom: solid 1px #666 !important;
}

section#ntx_area.organisation .ntx_formalize .ntx_form_container>.section,#footercontainer.organisation .ntx_formalize .ntx_form_container>.section {
  border-bottom: solid 1px #666 !important;
}

section#ntx_area.organisation #ntx_page_tabs,#footercontainer.organisation #ntx_page_tabs,section#ntx_area.organisation #ntx_page_subtabs,#footercontainer.organisation #ntx_page_subtabs,section#ntx_area.organisation .ntx_tabswrapper,#footercontainer.organisation .ntx_tabswrapper {
  border-bottom: solid 1px #666 !important;
}

section#ntx_area.organisation #ntx_page_tabs>ul li.selected a,#footercontainer.organisation #ntx_page_tabs>ul li.selected a,section#ntx_area.organisation #ntx_page_subtabs>ul li.selected a,#footercontainer.organisation #ntx_page_subtabs>ul li.selected a,section#ntx_area.organisation .ntx_tabswrapper>ul li.selected a,#footercontainer.organisation .ntx_tabswrapper>ul li.selected a {
  background-color: #666;
  color: #fff !important;
  border-color: #666 !important;
}

section#ntx_area.organisation #ntx_page_tabs>ul li a,#footercontainer.organisation #ntx_page_tabs>ul li a,section#ntx_area.organisation #ntx_page_subtabs>ul li a,#footercontainer.organisation #ntx_page_subtabs>ul li a,section#ntx_area.organisation .ntx_tabswrapper>ul li a,#footercontainer.organisation .ntx_tabswrapper>ul li a {
  color: #666;
  text-decoration: none !important;
}

section#ntx_area.organisation #ntx_page_switches,#footercontainer.organisation #ntx_page_switches {
  display: flex;
  flex-direction: row-reverse;
  padding: 10px;
}

section#ntx_area.organisation #ntx_page_switches .ntx_switchlnk,#footercontainer.organisation #ntx_page_switches .ntx_switchlnk {
  margin: 0 5px;
  text-decoration: underline;
}

section#ntx_area.organisation #ntx_page_switches .ntx_switchlnk.selected,#footercontainer.organisation #ntx_page_switches .ntx_switchlnk.selected {
  color: #000 !important;
  text-decoration: none;
}

section#ntx_area.organisation form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label,#footercontainer.organisation form.invoicedetails .ntx_radiogroup input[type=radio]:checked+label {
  background: #666;
  border-color: #666;
}

section#ntx_area.organisation table.tblResults>thead.sticky,#footercontainer.organisation table.tblResults>thead.sticky {
  z-index: 9999;
  position: fixed;
  top: 50px;
}

@media only screen and (min-width:950px) {
  section#ntx_area.organisation table.tblResults>thead.sticky,#footercontainer.organisation table.tblResults>thead.sticky {
    top: var(--height-header) !important;
  }
}

section#ntx_area.organisation table.tblResults>thead.sticky>tr,#footercontainer.organisation table.tblResults>thead.sticky>tr {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

section#ntx_area.organisation table.tblResults>thead.sticky>tr.hellomoto,#footercontainer.organisation table.tblResults>thead.sticky>tr.hellomoto {
  display: flex;
}

section#ntx_area.organisation table.tblResults>thead.sticky>tr td,#footercontainer.organisation table.tblResults>thead.sticky>tr td {
  display: block;
  width: 100%;
}

section#ntx_area.organisation table.tblResults>thead.stickyholder tr,#footercontainer.organisation table.tblResults>thead.stickyholder tr {
  background-color: #f5f5f5;
}

section#ntx_area.organisation table.tblResults>thead.stickyholder tr th,#footercontainer.organisation table.tblResults>thead.stickyholder tr th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
}

section#ntx_area.organisation table.tblResults tfoot td.subtotal_border,#footercontainer.organisation table.tblResults tfoot td.subtotal_border {
  border-top: solid 2px #666 !important;
}

section#ntx_area.organisation #ntx_leftnav,#footercontainer.organisation #ntx_leftnav {
  background-color: #a37575;
  border-bottom: solid 1px #666 !important;
}

section#ntx_area.organisation #ntx_leftnav>ul li.selected a,#footercontainer.organisation #ntx_leftnav>ul li.selected a {
  background-color: #666;
  color: #fff;
  border-color: #666;
}

section#ntx_area.organisation #ntx_leftnav.choose span.title,#footercontainer.organisation #ntx_leftnav.choose span.title {
  background-color: #666;
  color: #fff;
}

section#ntx_area.organisation #ntx_leftnav.choose li.selected a,#footercontainer.organisation #ntx_leftnav.choose li.selected a {
  background-color: #b2b2b2;
}

section#ntx_area.organisation #ntx_leftnav,#footercontainer.organisation #ntx_leftnav {
  background-color: #666;
}

section#ntx_area.organisation .fileitem:hover,#footercontainer.organisation .fileitem:hover {
  border: solid 4px #666;
}

section#ntx_area.organisation .fileitem:hover .filename,#footercontainer.organisation .fileitem:hover .filename {
  background-color: #666;
}

section#ntx_area.organisation .fileitem.selected,#footercontainer.organisation .fileitem.selected {
  border: solid 4px #666;
  background-color: #808080;
}

section#ntx_area.organisation .fileitem.selected .filename,#footercontainer.organisation .fileitem.selected .filename {
  background-color: #737373;
}

section#ntx_area.organisation .fileitem.selected .image,#footercontainer.organisation .fileitem.selected .image {
  opacity: .5;
}

section#ntx_area .ntx_body,#footercontainer .ntx_body {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

section#ntx_area #ntx_page,#footercontainer #ntx_page {
  width: 100%;
  position: relative;
  padding-bottom: 45px;
}

section#ntx_area #ntx_page #bn_actiontoggle,#footercontainer #ntx_page #bn_actiontoggle {
  cursor: pointer;
  padding: 10px;
}

section#ntx_area #ntx_page #ntx_page_action_togglebutton,#footercontainer #ntx_page #ntx_page_action_togglebutton {
  position: absolute !important;
  top: 10px;
  right: 8px;
}

section#ntx_area #ntx_page #ntx_page_action_buttons,#footercontainer #ntx_page #ntx_page_action_buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  transition: visibility 0s,opacity .5s linear;
  background-color: #f5f5f5;
  padding-bottom: 10px;
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button {
  width: 54px;
  height: 35px;
  line-height: 35px;
  margin: 5px 5px 5px 0;
  border-radius: 5px;
  opacity: .7;
  padding: 0 5px;
  text-decoration: none;
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button:hover,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button:hover {
  opacity: 1;
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button .ntx_fileuploadinput,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button .ntx_fileuploadinput {
  width: 54px;
  height: 35px;
  line-height: 35px;
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button.more,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button.more {
  display: flex;
  font-size: .8em;
  align-items: center;
  justify-content: center;
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button.more:after,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button.more:after {
  content: "";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.33333333em;
  vertical-align: -15%;
  padding-left: 3px;
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button.on,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button.on {
  border-right: 5px solid var(--color-submit);
}

section#ntx_area #ntx_page #ntx_page_action_buttons .ntx_button.off,#footercontainer #ntx_page #ntx_page_action_buttons .ntx_button.off {
  border-left: 5px solid var(--color-delete);
}

section#ntx_area #ntx_page #ntx_page_action_buttons .form_wrapper,#footercontainer #ntx_page #ntx_page_action_buttons .form_wrapper {
  height: 35px;
  align-self: center;
  margin-right: 20px;
}

section#ntx_area #ntx_page .ntx_page_header,#footercontainer #ntx_page .ntx_page_header {
  padding: 10px 3px;
  background-color: var(--color-form-field-background);
}

section#ntx_area #ntx_page .ntx_page_header .title,#footercontainer #ntx_page .ntx_page_header .title {
  font-size: 1.35em;
  display: flex;
  flex-direction: row;
}

section#ntx_area #ntx_page .ntx_page_header .title>span,#footercontainer #ntx_page .ntx_page_header .title>span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 65%;
}

section#ntx_area #ntx_page .ntx_page_header .title .ntx_button,#footercontainer #ntx_page .ntx_page_header .title .ntx_button {
  margin-right: 10px;
}

section#ntx_area #ntx_page .ntx_page_header .title .ntx_button a.fa,#footercontainer #ntx_page .ntx_page_header .title .ntx_button a.fa,section#ntx_area #ntx_page .ntx_page_header .title .ntx_button a.fa:hover,#footercontainer #ntx_page .ntx_page_header .title .ntx_button a.fa:hover {
  color: var(--color-button-text) !important;
  font-size: .75em;
}

section#ntx_area #ntx_page .ntx_page_header .des,#footercontainer #ntx_page .ntx_page_header .des {
  font-size: 1em;
  font-weight: normal;
  margin-left: 5px;
}

section#ntx_area #ntx_page .ntx_page_header .ntx_button,#footercontainer #ntx_page .ntx_page_header .ntx_button {
  width: 30px;
  line-height: 30px;
  border-radius: 5px;
  opacity: .7;
}

section#ntx_area #ntx_page .ntx_page_header .ntx_button:hover,#footercontainer #ntx_page .ntx_page_header .ntx_button:hover {
  opacity: 1;
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_page .ntx_page_content article,#footercontainer #ntx_page .ntx_page_content article {
    width: 100%;
  }
}

section#ntx_area #ntx_page .ntx_page_content aside,#footercontainer #ntx_page .ntx_page_content aside {
  border-left: 0;
  border-top: dashed 1px #ccc;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata {
  margin-bottom: 40px;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data {
  width: 100%;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .bn_managedby,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .bn_managedby {
  height: auto;
  padding: 5px 10px;
  margin-left: 15px;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .rowactions,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .rowactions {
  margin-left: 10px;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data>.title,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data>.title {
  padding: 10px 5px;
  font-size: 1.15em;
  margin-top: 5px;
  background-color: #efefef;
  width: 100%;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .type.pinned,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .type.pinned {
  background-color: var(--color-pastel-red);
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .pin-check,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .pin-check {
  display: none;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .pin-check+.pin-icon,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .pin-check+.pin-icon {
  display: block;
  color: var(--color-pastel-red);
  opacity: .5;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .pin-check:checked+.pin-icon,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .pin-check:checked+.pin-icon {
  opacity: 1;
  color: #eee;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.data .ntx_row>.details,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.data .ntx_row>.details {
  width: 100%;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata .section,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata .section {
  width: 100%;
  cursor: pointer;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .section,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .section {
  background-color: #eee;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .section:after,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .section:after {
  content: "...";
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 1.5em;
  opacity: .4;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .data,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .data {
  display: none;
}

section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .notification-counter_mini.hasResults,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .notification-counter_mini.hasResults,section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .notification-counter_button.hasResults,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata.collapsed .notification-counter_button.hasResults {
  visibility: visible !important;
}

section#ntx_area #ntx_page .ntx_page_content .section,#footercontainer #ntx_page .ntx_page_content .section {
  display: flex;
  flex-direction: row;
  position: relative;
  border-bottom: 1px;
  padding: 10px;
  background-color: #f5f5f5;
}

section#ntx_area #ntx_page .ntx_page_content .section .title,#footercontainer #ntx_page .ntx_page_content .section .title {
  font-size: 1.4em;
  font-weight: bold;
  color: #444;
}

section#ntx_area #ntx_page .ntx_page_content .section .actions,#footercontainer #ntx_page .ntx_page_content .section .actions {
  margin-left: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}

section#ntx_area #ntx_page .ntx_page_content .section .actions .ntx_button,#footercontainer #ntx_page .ntx_page_content .section .actions .ntx_button {
  width: 29px;
  height: 30px;
  line-height: 30px;
  margin-left: 5px;
  opacity: .7;
}

section#ntx_area #ntx_page .ntx_page_content .section .actions .ntx_button:hover,#footercontainer #ntx_page .ntx_page_content .section .actions .ntx_button:hover {
  opacity: 1;
}

section#ntx_area #ntx_page .ntx_page_content .section.sub,#footercontainer #ntx_page .ntx_page_content .section.sub {
  background-color: #eee;
}

section#ntx_area #ntx_page .ntx_page_content .section.sub .title,#footercontainer #ntx_page .ntx_page_content .section.sub .title {
  font-size: 1.2em;
  text-transform: capitalize;
}

section#ntx_area #ntx_page .ntx_page_content .section.sub .actions .ntx_button,#footercontainer #ntx_page .ntx_page_content .section.sub .actions .ntx_button {
  width: 22px;
  height: 22px;
  line-height: 22px;
  margin-left: 5px;
  opacity: .7;
  padding: 0;
}

section#ntx_area #ntx_page .ntx_page_content #ntx_page_details,#footercontainer #ntx_page .ntx_page_content #ntx_page_details {
  margin-bottom: 20px;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page .ntx_page_header,#footercontainer #ntx_page .ntx_page_header {
    padding: 20px 3px !important;
    background-color: transparent !important;
  }

  section#ntx_area #ntx_page .ntx_page_header .title,#footercontainer #ntx_page .ntx_page_header .title {
    font-size: 2.214em !important;
  }

  section#ntx_area #ntx_page .ntx_page_header .title>span,#footercontainer #ntx_page .ntx_page_header .title>span {
    margin-left: 0 !important;
  }

  section#ntx_area #ntx_page .ntx_page_header .title .ntx_button,#footercontainer #ntx_page .ntx_page_header .title .ntx_button {
    align-self: center;
  }

  section#ntx_area #ntx_page .ntx_page_header .des,#footercontainer #ntx_page .ntx_page_header .des {
    font-size: 1.15em !important;
    margin-left: 0 !important;
  }

  section#ntx_area #ntx_page #ntx_page_action_buttons,#footercontainer #ntx_page #ntx_page_action_buttons {
    position: absolute !important;
    top: 20px;
    right: 0;
    left: auto !important;
    bottom: auto !important;
    width: auto !important;
    border-top: 0 !important;
    background-color: rgba(255,255,255,.96) !important;
  }

  section#ntx_area #ntx_page #ntx_page_action_togglebutton,#footercontainer #ntx_page #ntx_page_action_togglebutton {
    display: none;
  }
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_page .ntx_page_content,#footercontainer #ntx_page .ntx_page_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  section#ntx_area #ntx_page .ntx_page_content article.left,#footercontainer #ntx_page .ntx_page_content article.left {
    width: var(--width-twocolumnleft) !important;
    padding-right: 10px !important;
  }

  section#ntx_area #ntx_page .ntx_page_content article.right,#footercontainer #ntx_page .ntx_page_content article.right {
    width: var(--width-twocolumnnavright) !important;
    padding-left: 10px !important;
  }

  section#ntx_area #ntx_page .ntx_page_content aside.right,#footercontainer #ntx_page .ntx_page_content aside.right {
    border-top: 0 !important;
    border-left: dashed 1px #ccc !important;
    width: var(--width-twocolumnright) !important;
    padding: 0 !important;
    padding-left: 10px !important;
  }

  section#ntx_area #ntx_page .ntx_page_content aside.left,#footercontainer #ntx_page .ntx_page_content aside.left {
    border-top: 0 !important;
    width: var(--width-twocolumnnavleft) !important;
  }

  section#ntx_area #ntx_page .ntx_page_content .ntx_page_minidata>.section .title,#footercontainer #ntx_page .ntx_page_content .ntx_page_minidata>.section .title {
    font-size: 1.5em !important;
  }

  section#ntx_area #ntx_page .ntx_page_content #ntx_page_details,#footercontainer #ntx_page .ntx_page_content #ntx_page_details {
    margin-bottom: 20px;
  }
}

section#ntx_area #ntx_page_tabs>ul li.selected,#footercontainer #ntx_page_tabs>ul li.selected,section#ntx_area .ntx_tabswrapper>ul li.selected .ntx_tabform>ul li.selected,#footercontainer .ntx_tabswrapper>ul li.selected .ntx_tabform>ul li.selected {
  display: inline;
}

section#ntx_area #ntx_page_tabs,#footercontainer #ntx_page_tabs,section#ntx_area #ntx_page_subtabs,#footercontainer #ntx_page_subtabs,section#ntx_area .ntx_tabswrapper,#footercontainer .ntx_tabswrapper,section#ntx_area .ntx_tabform,#footercontainer .ntx_tabform {
  font-size: .9em;
}

section#ntx_area #ntx_page_tabs>ul,#footercontainer #ntx_page_tabs>ul,section#ntx_area #ntx_page_subtabs>ul,#footercontainer #ntx_page_subtabs>ul,section#ntx_area .ntx_tabswrapper>ul,#footercontainer .ntx_tabswrapper>ul,section#ntx_area .ntx_tabform>ul,#footercontainer .ntx_tabform>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

section#ntx_area #ntx_page_tabs>ul li,#footercontainer #ntx_page_tabs>ul li,section#ntx_area #ntx_page_subtabs>ul li,#footercontainer #ntx_page_subtabs>ul li,section#ntx_area .ntx_tabswrapper>ul li,#footercontainer .ntx_tabswrapper>ul li,section#ntx_area .ntx_tabform>ul li,#footercontainer .ntx_tabform>ul li {
  display: none;
}

section#ntx_area #ntx_page_tabs>ul li a,#footercontainer #ntx_page_tabs>ul li a,section#ntx_area #ntx_page_subtabs>ul li a,#footercontainer #ntx_page_subtabs>ul li a,section#ntx_area .ntx_tabswrapper>ul li a,#footercontainer .ntx_tabswrapper>ul li a,section#ntx_area .ntx_tabform>ul li a,#footercontainer .ntx_tabform>ul li a {
  height: 37px;
  line-height: 30px;
  padding: 10px;
  cursor: pointer;
  font-size: .9em;
  border: solid 1px transparent;
  display: block;
  text-decoration: none;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs>ul li a,#footercontainer #ntx_page_tabs>ul li a,section#ntx_area #ntx_page_subtabs>ul li a,#footercontainer #ntx_page_subtabs>ul li a,section#ntx_area .ntx_tabswrapper>ul li a,#footercontainer .ntx_tabswrapper>ul li a,section#ntx_area .ntx_tabform>ul li a,#footercontainer .ntx_tabform>ul li a {
    display: inline-block !important;
    padding: 2px 8px 0 !important;
    margin: 0 0 -2px 3px;
  }

  section#ntx_area #ntx_page_tabs>ul li a:hover,#footercontainer #ntx_page_tabs>ul li a:hover,section#ntx_area #ntx_page_subtabs>ul li a:hover,#footercontainer #ntx_page_subtabs>ul li a:hover,section#ntx_area .ntx_tabswrapper>ul li a:hover,#footercontainer .ntx_tabswrapper>ul li a:hover,section#ntx_area .ntx_tabform>ul li a:hover,#footercontainer .ntx_tabform>ul li a:hover {
    background-color: #ddd;
    border: solid 1px #c0c0c0 !important;
    border-radius: 5px 5px 0 0;
    border-bottom: 0 !important;
  }
}

section#ntx_area #ntx_page_tabs>ul li.selected a,#footercontainer #ntx_page_tabs>ul li.selected a,section#ntx_area #ntx_page_subtabs>ul li.selected a,#footercontainer #ntx_page_subtabs>ul li.selected a,section#ntx_area .ntx_tabswrapper>ul li.selected a,#footercontainer .ntx_tabswrapper>ul li.selected a,section#ntx_area .ntx_tabform>ul li.selected a,#footercontainer .ntx_tabform>ul li.selected a {
  background-color: #fff;
  border: solid 1px #c0c0c0;
  border-bottom: 0 !important;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs>ul li.selected a,#footercontainer #ntx_page_tabs>ul li.selected a,section#ntx_area #ntx_page_subtabs>ul li.selected a,#footercontainer #ntx_page_subtabs>ul li.selected a,section#ntx_area .ntx_tabswrapper>ul li.selected a,#footercontainer .ntx_tabswrapper>ul li.selected a,section#ntx_area .ntx_tabform>ul li.selected a,#footercontainer .ntx_tabform>ul li.selected a {
    background-color: #fff;
    height: 39px !important;
    line-height: 34px;
    border: solid 1px #c0c0c0;
    border-bottom: 0 !important;
    border-radius: 5px 5px 0 0;
  }
}

section#ntx_area #ntx_page_tabs>ul li.selected:before,#footercontainer #ntx_page_tabs>ul li.selected:before,section#ntx_area #ntx_page_subtabs>ul li.selected:before,#footercontainer #ntx_page_subtabs>ul li.selected:before,section#ntx_area .ntx_tabswrapper>ul li.selected:before,#footercontainer .ntx_tabswrapper>ul li.selected:before,section#ntx_area .ntx_tabform>ul li.selected:before,#footercontainer .ntx_tabform>ul li.selected:before {
  content: '';
  font-family: FontAwesome;
  float: right;
  margin-right: 10px;
  margin-top: 8px;
  color: #fff;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs>ul li.selected:before,#footercontainer #ntx_page_tabs>ul li.selected:before,section#ntx_area #ntx_page_subtabs>ul li.selected:before,#footercontainer #ntx_page_subtabs>ul li.selected:before,section#ntx_area .ntx_tabswrapper>ul li.selected:before,#footercontainer .ntx_tabswrapper>ul li.selected:before,section#ntx_area .ntx_tabform>ul li.selected:before,#footercontainer .ntx_tabform>ul li.selected:before {
    content: '' !important;
    margin: 0 !important;
  }
}

section#ntx_area #ntx_page_tabs>ul li.right,#footercontainer #ntx_page_tabs>ul li.right,section#ntx_area #ntx_page_subtabs>ul li.right,#footercontainer #ntx_page_subtabs>ul li.right,section#ntx_area .ntx_tabswrapper>ul li.right,#footercontainer .ntx_tabswrapper>ul li.right,section#ntx_area .ntx_tabform>ul li.right,#footercontainer .ntx_tabform>ul li.right {
  float: right;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs>ul li,#footercontainer #ntx_page_tabs>ul li,section#ntx_area #ntx_page_subtabs>ul li,#footercontainer #ntx_page_subtabs>ul li,section#ntx_area .ntx_tabswrapper>ul li,#footercontainer .ntx_tabswrapper>ul li,section#ntx_area .ntx_tabform>ul li,#footercontainer .ntx_tabform>ul li {
    text-align: center;
    display: inline;
  }
}

section#ntx_area #ntx_page_tabs>ul.choose,#footercontainer #ntx_page_tabs>ul.choose,section#ntx_area #ntx_page_subtabs>ul.choose,#footercontainer #ntx_page_subtabs>ul.choose,section#ntx_area .ntx_tabswrapper>ul.choose,#footercontainer .ntx_tabswrapper>ul.choose,section#ntx_area .ntx_tabform>ul.choose,#footercontainer .ntx_tabform>ul.choose {
  position: fixed;
  width: 90vw;
  margin: 0 auto 20px;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  z-index: var(--header-zindex);
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,.75);
}

section#ntx_area #ntx_page_tabs>ul.choose li,#footercontainer #ntx_page_tabs>ul.choose li,section#ntx_area #ntx_page_subtabs>ul.choose li,#footercontainer #ntx_page_subtabs>ul.choose li,section#ntx_area .ntx_tabswrapper>ul.choose li,#footercontainer .ntx_tabswrapper>ul.choose li,section#ntx_area .ntx_tabform>ul.choose li,#footercontainer .ntx_tabform>ul.choose li {
  display: block;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs>ul,#footercontainer #ntx_page_tabs>ul,section#ntx_area #ntx_page_subtabs>ul,#footercontainer #ntx_page_subtabs>ul,section#ntx_area .ntx_tabswrapper>ul,#footercontainer .ntx_tabswrapper>ul,section#ntx_area .ntx_tabform>ul,#footercontainer .ntx_tabform>ul {
    height: 39px;
  }
}

section#ntx_area #ntx_page_tabs+#frmsearch #divSearch,#footercontainer #ntx_page_tabs+#frmsearch #divSearch,section#ntx_area #ntx_page_subtabs+#frmsearch #divSearch,#footercontainer #ntx_page_subtabs+#frmsearch #divSearch,section#ntx_area .ntx_tabswrapper+#frmsearch #divSearch,#footercontainer .ntx_tabswrapper+#frmsearch #divSearch,section#ntx_area .ntx_tabform+#frmsearch #divSearch,#footercontainer .ntx_tabform+#frmsearch #divSearch {
  border: 0;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs,#footercontainer #ntx_page_tabs,section#ntx_area #ntx_page_subtabs,#footercontainer #ntx_page_subtabs,section#ntx_area .ntx_tabswrapper,#footercontainer .ntx_tabswrapper,section#ntx_area .ntx_tabform,#footercontainer .ntx_tabform {
    font-size: 1em !important;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area #ntx_page_tabs,#footercontainer #ntx_page_tabs,section#ntx_area #ntx_page_subtabs,#footercontainer #ntx_page_subtabs,section#ntx_area .ntx_tabswrapper,#footercontainer .ntx_tabswrapper,section#ntx_area .ntx_tabform,#footercontainer .ntx_tabform {
    display: flex;
    padding: 12px 0 0;
    background-color: #f5f5f5;
    font-size: .9em;
    width: 100%;
  }

  section#ntx_area #ntx_page_tabs:not(.noscroll),#footercontainer #ntx_page_tabs:not(.noscroll),section#ntx_area #ntx_page_subtabs:not(.noscroll),#footercontainer #ntx_page_subtabs:not(.noscroll),section#ntx_area .ntx_tabswrapper:not(.noscroll),#footercontainer .ntx_tabswrapper:not(.noscroll),section#ntx_area .ntx_tabform:not(.noscroll),#footercontainer .ntx_tabform:not(.noscroll) {
    overflow-x: auto;
  }

  section#ntx_area #ntx_page_tabs ul,#footercontainer #ntx_page_tabs ul,section#ntx_area #ntx_page_subtabs ul,#footercontainer #ntx_page_subtabs ul,section#ntx_area .ntx_tabswrapper ul,#footercontainer .ntx_tabswrapper ul,section#ntx_area .ntx_tabform ul,#footercontainer .ntx_tabform ul {
    white-space: nowrap;
  }

  section#ntx_area #ntx_page_tabs .actions,#footercontainer #ntx_page_tabs .actions,section#ntx_area #ntx_page_subtabs .actions,#footercontainer #ntx_page_subtabs .actions,section#ntx_area .ntx_tabswrapper .actions,#footercontainer .ntx_tabswrapper .actions,section#ntx_area .ntx_tabform .actions,#footercontainer .ntx_tabform .actions {
    margin-left: auto;
    margin-right: 5px;
    display: flex;
    align-self: center;
  }

  section#ntx_area #ntx_page_tabs .actions .ntx_button,#footercontainer #ntx_page_tabs .actions .ntx_button,section#ntx_area #ntx_page_subtabs .actions .ntx_button,#footercontainer #ntx_page_subtabs .actions .ntx_button,section#ntx_area .ntx_tabswrapper .actions .ntx_button,#footercontainer .ntx_tabswrapper .actions .ntx_button,section#ntx_area .ntx_tabform .actions .ntx_button,#footercontainer .ntx_tabform .actions .ntx_button {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 8px;
  }
}

section#ntx_area .ntx_tabform.dark>ul li.selected a,#footercontainer .ntx_tabform.dark>ul li.selected a {
  background-color: #555;
  color: #fff !important;
  border-color: #555 !important;
}

section#ntx_area .ntx_tabform.dark>ul li a,#footercontainer .ntx_tabform.dark>ul li a {
  color: #fff;
  text-decoration: none !important;
}

section#ntx_area #ntx_leftnav.left,#footercontainer #ntx_leftnav.left {
  border-top: 0 !important;
}

section#ntx_area #ntx_leftnav span.title,#footercontainer #ntx_leftnav span.title {
  display: none;
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_leftnav span.title,#footercontainer #ntx_leftnav span.title {
    font-size: 1.2em;
    font-weight: normal;
    padding: 10px;
    display: block !important;
  }
}

section#ntx_area #ntx_leftnav>ul,#footercontainer #ntx_leftnav>ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

section#ntx_area #ntx_leftnav>ul li,#footercontainer #ntx_leftnav>ul li {
  display: none;
}

section#ntx_area #ntx_leftnav>ul li a,#footercontainer #ntx_leftnav>ul li a {
  padding: 10px;
  cursor: pointer;
  font-size: .9em;
  border: solid 1px transparent;
  display: block;
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_leftnav>ul li a,#footercontainer #ntx_leftnav>ul li a {
    display: block;
    padding: 8px 8px;
    color: #000 !important;
    text-decoration: none;
    font-size: .95em;
    cursor: pointer;
    margin: 0 0 0 0;
    border: solid 1px rgba(0,0,0,0);
    border-right: 0;
  }

  section#ntx_area #ntx_leftnav>ul li a:hover,#footercontainer #ntx_leftnav>ul li a:hover {
    background-color: #fff;
    color: #000;
    border: solid 1px #ccc;
    border-right: 0;
  }
}

section#ntx_area #ntx_leftnav>ul li.selected,#footercontainer #ntx_leftnav>ul li.selected {
  display: block;
}

section#ntx_area #ntx_leftnav>ul li.selected a,#footercontainer #ntx_leftnav>ul li.selected a {
  background-color: #fff;
  border: solid 1px #c0c0c0;
  border-bottom: 0 !important;
}

section#ntx_area #ntx_leftnav>ul li.selected:before,#footercontainer #ntx_leftnav>ul li.selected:before {
  content: '';
  font-family: FontAwesome;
  float: right;
  margin-right: 10px;
  margin-top: 8px;
  color: #fff;
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_leftnav>ul li.selected:before,#footercontainer #ntx_leftnav>ul li.selected:before {
    content: '' !important;
    margin: 0 !important;
  }

  section#ntx_area #ntx_leftnav>ul li.selected a,#footercontainer #ntx_leftnav>ul li.selected a {
    background-color: #fff !important;
    color: #000 !important;
    border: solid 1px #ccc !important;
    border-right: 0 !important;
  }
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_leftnav>ul li,#footercontainer #ntx_leftnav>ul li {
    display: block !important;
  }
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_leftnav>ul,#footercontainer #ntx_leftnav>ul {
    width: auto !important;
    list-style: none;
    margin: 10px 0 10px 8px !important;
    padding: 0;
    background-color: #dadada;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
}

section#ntx_area #ntx_leftnav.choose,#footercontainer #ntx_leftnav.choose {
  position: fixed;
  width: 90vw;
  margin: 0 auto 20px;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #fff;
  z-index: var(--header-zindex);
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,.75);
}

section#ntx_area #ntx_leftnav.choose span.title,#footercontainer #ntx_leftnav.choose span.title {
  display: block;
  padding: 10px;
}

section#ntx_area #ntx_leftnav.choose li,#footercontainer #ntx_leftnav.choose li {
  display: block;
}

@media only screen and (min-width:950px) {
  section#ntx_area #ntx_leftnav,#footercontainer #ntx_leftnav {
    display: block !important;
    margin-bottom: 50px;
    border-radius: 5px;
    color: #fff;
    border-right: 0 !important;
  }
}

section#ntx_area .ntx_slider_container,#footercontainer .ntx_slider_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 2.5rem;
}

section#ntx_area .ntx_slider_container .ntx_slidervalue,#footercontainer .ntx_slider_container .ntx_slidervalue {
  width: 30px;
}

section#ntx_area .ntx_slider_container .ntx_slider,#footercontainer .ntx_slider_container .ntx_slider {
  margin: 5px 10px;
  width: 100%;
}

section#ntx_area .tbl_tasks .taskdetail,#footercontainer .tbl_tasks .taskdetail {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

section#ntx_area .tbl_tasks .taskdetail .details>div,#footercontainer .tbl_tasks .taskdetail .details>div {
  margin-bottom: 5px;
}

section#ntx_area .tbl_tasks .otherdetails .date,#footercontainer .tbl_tasks .otherdetails .date {
  font-size: 11px;
  font-style: italic;
  color: #666;
  margin-right: 5px;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area .tbl_tasks .otherdetails,#footercontainer .tbl_tasks .otherdetails {
    display: flex;
  }
}

section#ntx_area .tbl_tasks .complete.action,#footercontainer .tbl_tasks .complete.action {
  width: 57px;
}

section#ntx_area .tbl_tasks .priority,#footercontainer .tbl_tasks .priority {
  width: 16px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

section#ntx_area .tbl_tasks .priority .colorbar,#footercontainer .tbl_tasks .priority .colorbar {
  height: 54px;
}

section#ntx_area .tbl_tasks .duetime,#footercontainer .tbl_tasks .duetime {
  width: 164px;
}

section#ntx_area .tbl_tasks .completed,#footercontainer .tbl_tasks .completed {
  opacity: .3;
}

section#ntx_area .tbl_tasks .completed .subject,#footercontainer .tbl_tasks .completed .subject {
  text-decoration: line-through;
}

section#ntx_area .tbl_tasks .taskassignment,#footercontainer .tbl_tasks .taskassignment {
  display: flex;
  align-items: center;
}

section#ntx_area .tbl_tasks .taskassignment span,#footercontainer .tbl_tasks .taskassignment span {
  margin-right: 5px;
}

section#ntx_area .tbl_tasks .taskassignment .colorcode,#footercontainer .tbl_tasks .taskassignment .colorcode {
  align-self: center;
  width: 13px;
  height: 13px;
  border-radius: 3px;
  display: inline-block;
}

section#ntx_area .tbl_tasks .taskassignment .colorcode.assigned_type_1,#footercontainer .tbl_tasks .taskassignment .colorcode.assigned_type_1 {
  background-color: var(--color-pastel-blue);
}

section#ntx_area .tbl_tasks .taskassignment .colorcode.assigned_type_2,#footercontainer .tbl_tasks .taskassignment .colorcode.assigned_type_2 {
  background-color: var(--color-pastel-orange);
}

section#ntx_area .tbl_tasks .taskassignment .colorcode.assigned_type_3,#footercontainer .tbl_tasks .taskassignment .colorcode.assigned_type_3 {
  background-color: var(--color-pastel-grey);
}

section#ntx_area .notes_item .type,#footercontainer .notes_item .type,section#ntx_area .notes_item .pinned,#footercontainer .notes_item .pinned {
  padding: 5px;
  color: #eee;
  border-radius: 1px;
  margin: 3px;
}

section#ntx_area .notes_item .type.noteType_0,#footercontainer .notes_item .type.noteType_0,section#ntx_area .notes_item .pinned.noteType_0,#footercontainer .notes_item .pinned.noteType_0 {
  background-color: var(--color-pastel-orange);
}

section#ntx_area .notes_item .type.noteType_1,#footercontainer .notes_item .type.noteType_1,section#ntx_area .notes_item .pinned.noteType_1,#footercontainer .notes_item .pinned.noteType_1 {
  background-color: var(--color-pastel-blue);
}

section#ntx_area .notes_item .type.noteType_2,#footercontainer .notes_item .type.noteType_2,section#ntx_area .notes_item .pinned.noteType_2,#footercontainer .notes_item .pinned.noteType_2 {
  background-color: var(--color-pastel-grey);
}

section#ntx_area .notes_item .type.noteType_3,#footercontainer .notes_item .type.noteType_3,section#ntx_area .notes_item .pinned.noteType_3,#footercontainer .notes_item .pinned.noteType_3 {
  background-color: var(--color-pastel-brown);
}

section#ntx_area .notes_item .type.noteType_4,#footercontainer .notes_item .type.noteType_4,section#ntx_area .notes_item .pinned.noteType_4,#footercontainer .notes_item .pinned.noteType_4 {
  background-color: var(--color-pastel-green);
}

section#ntx_area .notes_item .type.noteType_5,#footercontainer .notes_item .type.noteType_5,section#ntx_area .notes_item .pinned.noteType_5,#footercontainer .notes_item .pinned.noteType_5 {
  background-color: var(--color-pastel-purple);
}

section#ntx_area .notes_item .details .subject,#footercontainer .notes_item .details .subject {
  font-size: .85em;
}

section#ntx_area .notes_item .info,#footercontainer .notes_item .info {
  color: #666;
  font-size: .8em;
  font-style: italic;
}

section#ntx_area .notes_item .pinned,#footercontainer .notes_item .pinned {
  background-color: var(--color-pastel-red);
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  section#ntx_area,#footercontainer {
    padding-top: 0 !important;
    margin-top: var(--height-header);
  }

  section#ntx_area div.pgResults,#footercontainer div.pgResults {
    font-size: 14px !important;
  }

  section#ntx_area div.pgResults .button.first,#footercontainer div.pgResults .button.first,section#ntx_area div.pgResults .button.last,#footercontainer div.pgResults .button.last {
    display: block !important;
  }

  section#ntx_area div.pgResults #pgRows,#footercontainer div.pgResults #pgRows {
    display: inline-block !important;
  }

  section#ntx_area div.pgResults span,#footercontainer div.pgResults span {
    font-size: 1em;
  }

  section#ntx_area div.pgResults i,#footercontainer div.pgResults i {
    font-size: 1.15em !important;
  }
}

.ntx_rows {
  list-style: none;

  .ntx_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 5px;
    border-bottom: dashed 1px var(--color-row-dashed);
    width: 100%;

    &:hover {
      background-color: var(--color-hover);
    }

    &:last-of-type {
      border-bottom: 0;
    }

    .right {
      margin-left: auto;
      display: flex;
    }

    a {
      cursor: pointer;
    }

    .icon {
      padding: 0 3px;
    }

    >.details {
      margin-left: 10px;
    }

    .rowactions {
      display: flex;
      flex-wrap: row;
      align-items: center;
    }

    .rowactions .ntx_button {
      width: 30px;
      height: 30px;
      line-height: 30px;
    }

    &.workboardlist .colorbar.status {
      align-self: stretch;
    }
  }
}

.ntx_rows .ntx_row.workboard,.ntx_rows .ntx_row.workboardlist {
  justify-content: center;
}

.ntx_rows .ntx_row.workboard .workboard-icon,.ntx_rows .ntx_row.workboardlist .workboard-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  border-radius: 2px;
}

.ntx_rows .ntx_row.workboard .workboard-name,.ntx_rows .ntx_row.workboardlist .workboard-name {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  line-height: 30px;
}

.tasks_item {
  padding: 10px 5px;

  .colorbar {
    height: 45px;
  }

  &.completed {
    opacity: .3;
  }

  &.completed .details .subject {
    text-decoration: line-through;
  }

  .complete {
    width: 18px;
    min-width: 18px;
  }

  .taskassignment {
    display: flex;
    align-items: center;

    span {
      margin-right: 5px;
    }

    .colorcode {
      align-self: center;
      width: 13px;
      height: 13px;
      border-radius: 3px;
      display: inline-block;
    }

    .colorcode.assigned_type_1 {
      background-color: var(--color-pastel-blue);
    }

    .colorcode.assigned_type_2 {
      background-color: var(--color-pastel-orange);
    }

    .colorcode.assigned_type_3 {
      background-color: var(--color-pastel-grey);
    }
  }

  .details {
    padding-left: 5px;
    max-width: 300px;

    .subject {
      margin-bottom: 3px;
    }

    .otherdetails {
      display: flex;
      flex-direction: row;
    }

    .otherdetails .staff {
      display: flex;
      flex-direction: row;
      font-size: .75em;
      font-style: italic;
      margin-bottom: 3px;
      align-self: center;
      color: #666;
      min-width: 144px;
    }

    .otherdetails .staff>div {
      margin-right: 5px;
    }

    .otherdetails .duetime {
      margin-left: auto;
      align-self: center;
      width: 144px;
      min-width: 144px;
    }

    .otherdetails .taskdate {
      font-size: .75em;
      font-style: italic;
      color: #666;
    }
  }
}

.countdown {
  display: flex;
  flex-direction: row;

  .section {
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    border-radius: 3px;
    margin-right: 2px;
    color: #fff;
    font-size: .8em;
    background-color: var(--color-pastel-grey) !important;
    padding: 4px 5px !important;
    width: 34px;
    border: 0 !important;

    .type {
      font-size: .9em;
      padding-left: 1px;
      align-self: flex-end;
    }
  }

  &.due .section {
    background-color: var(--color-pastel-orange) !important;
  }

  &.overdue .section {
    background-color: var(--color-pastel-red) !important;
  }
}

.ntx_button {
  position: relative;
  background-color: var(--color-button);
  color: var(--color-button-text) !important;
  cursor: pointer;
  border-radius: 3px;
  text-align: center;
  opacity: .7;

  &.selected {
    box-shadow: inset 0 0 10px -4px #000;
    opacity: 1 !important;
  }

  &.withborder {
    border: solid 1px #ccc;
  }

  &.green {
    background-color: var(--color-submit);
    color: var(--color-buttoninvert-text) !important;
  }

  &.red {
    background-color: var(--color-delete);
    color: var(--color-buttoninvert-text) !important;
  }

  &.blue {
    background-color: var(--color-add);
    color: var(--color-buttoninvert-text) !important;
  }

  &.blue[disabled=disabled] {
    opacity: .3 !important;
    cursor: default !important;
  }

  &.blue a {
    color: var(--color-buttoninvert-text) !important;
  }

  &.darkgrey {
    background-color: var(--color-buttoninvert);
    color: var(--color-buttoninvert-text) !important;
  }

  &.clear {
    background-color: transparent;
    border: solid 1px transparent !important;
  }

  &.clear:hover {
    background-color: var(--color-button);
    color: var(--color-button-text);
    border: solid 1px #ccc !important;
  }

  &.fa-inverse {
    color: var(--color-buttoninvert-text) !important;
  }

  &.disabled {
    cursor: default;
    opacity: .4 !important;
  }

  &.fa-user.customer {
    color: var(--color-pastel-blue) !important;
  }

  &.fa-user.supplier {
    color: var(--color-pastel-red) !important;
  }
}

.ntx_button:hover,.ntx_button.selected {
  opacity: 1;
  color: var(--color-button-text) !important;
}

.ntx_button.bnattachments,.ntx_button.bndocuments {
  height: auto !important;
  padding: 10px !important;
  margin-right: 5px !important;
}

footer {
  margin-bottom: 30px;
  margin-top: 40px;

  #ntx_tc {
    font-size: 9px;
    text-align: center;
    list-style: none;

    li {
      display: inline;
    }
  }

  .ntx_footer_bar {
    height: 1px;
    width: 65%;
    max-width: 540px;
    margin: 0 auto 13px;
  }

  &.dashboard .ntx_footer_bar {
    background-color: #494949;
  }

  &.contacts .ntx_footer_bar {
    background-color: #a97fbd;
  }

  &.sitefront .ntx_footer_bar {
    background-color: #52bbc5;
  }

  &.storefront .ntx_footer_bar {
    background-color: #ee884d;
  }

  &.accounting .ntx_footer_bar {
    background-color: #5baf4f;
  }

  &.backoffice .ntx_footer_bar {
    background-color: #f8b132;
  }

  &.apps .ntx_footer_bar {
    background-color: #4191a4;
  }

  &.reseller .ntx_footer_bar {
    background-color: #024302;
  }

  &.inbox .ntx_footer_bar {
    background-color: #f2901d;
  }

  &.master .ntx_footer_bar {
    background-color: #494949;
  }

  &.organisation .ntx_footer_bar {
    background-color: #666;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  footer {
    margin-bottom: 70px;
  }
}

footer.dashboard a,footer.dashboard a:hover,footer.dashboard a:active {
  color: #494949;
}

footer.contacts a,footer.contacts a:hover,footer.contacts a:active {
  color: #a97fbd;
}

footer.sitefront a,footer.sitefront a:hover,footer.sitefront a:active {
  color: #52bbc5;
}

footer.storefront a,footer.storefront a:hover,footer.storefront a:active {
  color: #ee884d;
}

footer.accounting a,footer.accounting a:hover,footer.accounting a:active {
  color: #5baf4f;
}

footer.backoffice a,footer.backoffice a:hover,footer.backoffice a:active {
  color: #f8b132;
}

footer.apps a,footer.apps a:hover,footer.apps a:active {
  color: #4191a4;
}

footer.reseller a,footer.reseller a:hover,footer.reseller a:active {
  color: #024302;
}

footer.inbox a,footer.inbox a:hover,footer.inbox a:active {
  color: #f2901d;
}

footer.master a,footer.master a:hover,footer.master a:active {
  color: #494949;
}

footer.organisation a,footer.organisation a:hover,footer.organisation a:active {
  color: #666;
}

div.pgResults_wrapper {
  overflow: hidden;
  background-color: var(--color-form-field-background);
  padding: 8px 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;

  .leftSummary {
    font-size: .95em;
    align-self: flex-start;
    align-items: center;

    select {
      padding: 7px;
      margin: 0 -1px;
    }
  }

  div.pgResults {
    align-self: flex-start;
    align-items: center;
    margin-left: auto;
    font-size: 18px;
    display: flex;
    flex-direction: row;

    #rpp {
      padding: 7px;
      margin: 0 -1px !important;
    }

    span {
      font-size: .75em;
      margin-right: 5px;
      align-self: center;
    }

    .button {
      cursor: pointer;
      border: solid 1px #ccc;
      background-color: #e0e0e0;
      border-radius: 5px;
      width: 28px;
      margin-right: 5px;
      opacity: .5;
    }

    .button.disabled {
      opacity: .3;
      cursor: default;
    }

    .button.disabled:hover {
      opacity: .3 !important;
    }

    .button:hover {
      opacity: 1;
    }

    .button i {
      font-size: 1.35em;
      font-weight: bold;
      opacity: .75;
      display: block;
      padding: 5px;
    }

    .button i:hover {
      opacity: 1;
    }

    .button i.disabled {
      opacity: .3;
      cursor: default !important;
    }

    input {
      width: 50px;
    }
  }
}

div.pgResults_wrapper div.pgResults #pgRows,div.pgResults_wrapper div.pgResults #pgRowsLabel {
  display: none;
}

div.pgResults_wrapper div.pgResults .button.first,div.pgResults_wrapper div.pgResults .button.last {
  display: none;
}

.ntx_tableTitle {
  font-size: 2.5em;
}

table.tblResults>thead a.button .selectall,table.tblResults>thead a.button .expand,table.tblResults>thead a.button .collapse {
  width: 100%;
  height: 100%;
  line-height: 22px;
  color: var(--color-description);
}

table.tblResults td.select,table.tblResults th.select {
  width: 30px;
}

table.tblResults td.icon,table.tblResults th.icon {
  width: 16px;
}

table.tblResults td.action,table.tblResults th.action {
  width: 14px;
}

table.tblResults td.color,table.tblResults th.color {
  width: 16px;
}

table.tblResults td.action,table.tblResults td.actions {
  vertical-align: middle;
  padding: 15px 5px !important;
}

table.tblResults td.action .edit-button,table.tblResults td.actions .edit-button {
  font-size: 1.5em;
}

table.tblResults td.action a,table.tblResults td.actions a {
  padding: 10px;
  text-decoration: none;
  height: auto;
}

table.tblResults td.action:hover,table.tblResults td.actions:hover {
  opacity: 1;
}

table.tblResults.ntx_table_rich>tbody tr td,table.tblResults.ntx_table_rich>tbody tr th {
  padding: 15px 10px;
}

#tblNotes .icon {
  width: 22px;
}

div.bottom-right {
  position: fixed;
  bottom: 40px;
  right: 20px;
}

#statusMsgs {
  width: 300px;
  position: fixed;
  z-index: 10000005;

  div.statusMsgWrapper {
    word-break: break-word;
    width: 300px;
    font-size: 11px;
    background: #fefefe;
    color: #333;
    padding: 0;
    margin: 0 0 10px 0;
    border: 1px solid #bcbcbc;
    position: relative;
  }

  div.status_success div.statusMsg .icon-container {
    background: var(--color-pastel-green);
  }

  div.status_error div.statusMsg .icon-container {
    background: var(--color-pastel-red);
  }

  div.status_info div.statusMsg .icon-container {
    background: var(--color-pastel-blue);
  }

  div.status_warning div.statusMsg .icon-container {
    background: var(--color-pastel-orange);
  }

  div.statusMsg {
    display: flex;
    align-items: stretch;
    min-height: 30px;
    height: 100%;
    color: #000;
    font-size: 13px;

    .icon-container {
      display: flex;
      align-items: center;
      min-width: 50px;
      padding: 10px 0;
    }

    .icon-container i {
      margin: 0 auto;
      text-align: center;
      color: #fefefe;
      display: block;
    }

    .message-text {
      padding: 10px;
    }

    .message-text .title {
      font-weight: 600;
      margin-bottom: 10px;
    }

    div.close {
      position: absolute;
      top: 3px;
      right: 8px;
      opacity: .4;
    }

    div.close a {
      display: block;
      cursor: pointer;
      text-decoration: none;
      padding: 2px 5px;
    }

    div.close a:hover {
      color: #000 !important;
    }
  }
}

#ntx_dash_items_base {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #e6e6e6;
  padding: 20px 10px;

  .ntx_dash_items {
    width: 100% !important;

    &.left {
      order: 1;
    }

    &.right {
      order: 2;
      margin-left: 0;
    }

    .ntx_dash_item {
      background-color: #fff;
      padding: 12px;
      margin-bottom: 15px;
      box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    }

    .ntx_dash_item.ntx_dash_form {
      background-color: #f5f5f5;
    }

    .ntx_dash_item .header {
      display: flex;
    }

    .ntx_dash_item .header .title {
      font-size: 1.5em;
      color: #555;
      margin-bottom: 10px;
      font-weight: bold;
    }

    .ntx_dash_item .header .actions {
      margin-left: auto;
    }

    .ntx_dash_item .header .actions .ntx_button {
      padding: 5px;
    }

    .ntx_dash_item .content .buttons {
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .ntx_dash_item .content .buttons .ntx_button {
      padding: 5px;
    }

    .ntx_dash_item .content .links {
      margin-top: 5px;
      margin-bottom: 10px;
    }

    .ntx_dash_item .content .links ul {
      list-style: none;
      font-size: .9em;
    }

    .ntx_dash_item .content .links ul li {
      font-style: italic;
      padding: 3px 0;
    }

    .ntx_dash_item .content .links ul li a {
      text-decoration: underline;
    }
  }
}

@media only screen and (min-width:950px) {
  #ntx_dash_items_base .ntx_dash_items {
    display: flex;
    flex-direction: column;

    &.left {
      width: var(--width-twocolumnleft) !important;
    }

    &.right {
      width: var(--width-twocolumnright) !important;
      padding-left: 10px;
    }
  }
}

div.ntx_search_items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 3px;
  background: #f3f3f3;

  .ntx_search_item {
    flex-grow: 1;
    margin-bottom: 10px;
    align-items: center;
    position: relative;

    .ntx_search_item {
      margin-bottom: 0;
    }

    select {
      padding: 9px;
    }

    .selectize-control.single {
      height: 40px;
      width: 200px;
    }

    label {
      font-size: .85em;
    }

    .ntx_button {
      width: 20px;
      height: 20px;
      line-height: 20px;
    }
  }

  .ntx_search_actions {
    align-self: flex-end;
    width: 100%;
    text-align: right;

    button {
      border: 0;
      color: #666;
      background-color: #e0e0e0;
      cursor: pointer;
      padding: 5px 18px;
      border-radius: 5px;
      margin-right: 10px;
      text-transform: capitalize;
      width: 50px;
      height: 30px;
    }

    button[type=submit] {
      background-color: var(--color-submit);
      color: #fff;
      width: 70px;
    }
  }
}

div.ntx_search_items .ntx_search_item input,div.ntx_search_items .ntx_search_item textarea,div.ntx_search_items .ntx_search_item select {
  width: 100%;
  border: solid 1px rgba(0,0,0,.2);
  padding: 10px;
  margin: 0 5px;
  border-radius: 3px;
  color: #303030;
}

div.ntx_search_items .ntx_search_item.sdate,div.ntx_search_items .ntx_search_item.sdatetime {
  margin-right: 0;
}

div.ntx_search_items .ntx_search_item.sdate::after,div.ntx_search_items .ntx_search_item.sdatetime::after {
  content: "-";
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  div.ntx_search_items {
    margin-bottom: 10px;

    .ntx_search_item {
      flex-grow: 0 !important;
      margin-right: 15px;
      display: flex;
    }

    label {
      padding: 3px !important;

      &:after {
        content: ': ';
      }
    }
  }

  div.ntx_search_items input,div.ntx_search_items textarea,div.ntx_search_items select {
    width: auto !important;
  }
}

.ntx_form_mini_wrapper {
  padding: 60px 10px 10px;
  position: fixed;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000005;
  overflow: auto;
  width: 100%;
  background-color: #efefef;

  .ntx_formalize {
    padding-top: 0;

    .ntx_form_item {
      margin: 5px 0;
    }
  }

  .type {
    padding: 5px;
    width: 30px;
    height: 30px;
    border-radius: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    &.noteType_0 {
      color: #eee;
      background-color: var(--color-pastel-orange);
    }

    &.noteType_1 {
      color: #eee;
      background-color: var(--color-pastel-blue);
    }

    &.noteType_2 {
      color: #eee;
      background-color: var(--color-pastel-grey);
    }

    &.noteType_3 {
      color: #eee;
      background-color: var(--color-pastel-brown);
    }

    &.noteType_4 {
      color: #eee;
      background-color: var(--color-pastel-green);
    }

    &.noteType_5 {
      color: #eee;
      background-color: var(--color-pastel-purple);
    }

    +span {
      margin-left: 5px;
    }
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_form_mini_wrapper {
    position: relative !important;
    padding-top: 10px !important;
    height: auto !important;
    z-index: auto !important;
  }
}

.ntx_form {
  width: 100%;

  &.ntx_form_full {
    margin: 0;
    background-color: var(--color-form-field-background);
  }

  &.ntx_form_full div.ntx_form_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_label {
    width: 100%;
    padding: 2px 5px 0;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_label label {
    font-size: .8em;
    font-weight: bold;
    color: #333;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_label div.des {
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    color: #666;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field {
    position: relative;
    width: 100%;
    min-height: 30px;
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field .colorcode {
    align-self: center;
    margin-right: 3px;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field img {
    display: inline-block;
    vertical-align: middle;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field label {
    font-size: .85em;
    font-style: italic;
    color: #666;
    margin-right: 10px;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field .selectize-control {
    flex-grow: 1;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field .selectize-control .selectize-input.email {
    opacity: .7;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field span.email {
    margin-left: 5px;
    opacity: .5;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field span.email:before {
    content: "<";
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field span.email:after {
    content: ">";
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }

  &.ntx_form_full div.ntx_form_row div.ntx_form_field .redactor-box {
    margin-bottom: 0;
  }

  &.ntx_form_full div.ntx_form_row.center {
    justify-content: center;
  }

  &.ntx_form_full div.ntx_form_row.header {
    border-bottom: solid 1px #999;
    margin-bottom: 10px;
  }

  &.ntx_form_full div.ntx_form_row.header .title {
    font-size: 1.15em;
    margin-bottom: 5px;
  }

  &.ntx_form_full div.ntx_form_row .success {
    color: #4caf50;
  }

  &.ntx_form_full div.ntx_form_row .error {
    color: #f44336;
  }

  &.ntx_form_full input[type=number] {
    width: 100px;
    flex-grow: 0;
  }

  &.ntx_form_full input.date {
    padding: 3px;
  }

  &.ntx_form_full input.valid {
    background: url(/Static/images/form_icon_valid.png) no-repeat right #fff;
  }

  &.ntx_form_full input.error {
    border-color: var(--color-invalid-bg);
    background: url(/Static/images/form_icon_error.png) no-repeat right #fff;
  }

  &.ntx_form_full input.warning {
    border-color: var(--color-warning-bg);
    background: url(/Static/images/form_icon_warning.png) no-repeat right #fff;
  }

  &.ntx_form_full .ntx_button {
    border: 0;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
    padding: 0 5px;
    height: 30px;
    opacity: 1;
  }

  &.ntx_form_full .ntx_button[type=submit] {
    background: var(--color-submit);
    color: var(--color-submittext) !important;
    width: 70px;
  }

  &.ntx_form_full .ntx_button.delete {
    float: right;
    background: var(--color-delete);
  }

  &.ntx_form_full .ntx_button.cancel {
    background: var(--color-cancel);
  }

  &.ntx_form_full .ntx_button.fieldbutton {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  &.ntx_form_full.note .type {
    display: flex;
  }

  &.ntx_form_full.note .typeicon {
    width: 28px;
    cursor: pointer;
  }

  &.ntx_form_full.note .typeicon a {
    display: block;
    height: 28px;
  }

  &.ntx_form_full.note .typedes {
    align-self: center;
    cursor: pointer;
  }

  &.ntx_form_mini {
    background-color: #efefef;
  }

  &.ntx_form_mini div.ntx_form_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_label {
    width: 100%;
    padding: 5px 5px 0;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_label label {
    font-size: .8em;
    font-weight: bold;
    color: #333;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_label div.des {
    font-weight: normal;
    font-size: 11px;
    font-style: italic;
    color: #888;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_field {
    width: 100%;
    padding: 2px 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_field .colorcode {
    align-self: center;
    margin-right: 3px;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_field input {
    display: inline-block;
    vertical-align: middle;
  }

  &.ntx_form_mini div.ntx_form_row div.ntx_form_field img {
    display: inline-block;
    vertical-align: middle;
  }

  &.ntx_form_mini div.ntx_form_row.section {
    padding: 2px 30px;
    border-top: solid 1px #494949;
    border-bottom: solid 1px #bbb;
    color: #494949;
    font-size: 1.1em;
    font-family: Verdana,Arial,Geneva,sans-serif;
    background-color: #fff;
    height: 35px;
    line-height: 30px;
  }

  &.ntx_form_mini div.ntx_form_row.header {
    border-bottom: solid 1px #999 !important;
    margin-bottom: 10px;
  }

  &.ntx_form_mini div.ntx_form_row.header .title {
    font-size: 1.15em;
    margin-bottom: 5px;
  }

  &.ntx_form_mini input.date {
    padding: 3px;
  }

  &.ntx_form_mini input.valid {
    background: url(/Static/images/form_icon_valid.png) no-repeat right #fff;
  }

  &.ntx_form_mini input.error {
    border-color: var(--color-invalid-bg);
    background: url(/Static/images/form_icon_error.png) no-repeat right #fff;
  }

  &.ntx_form_mini button {
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    width: 30px;
    height: 30px;
  }

  &.ntx_form_mini button[type=submit] {
    background-color: var(--color-submit);
    width: 70px;
    margin-left: 10px;
  }

  &.ntx_form_mini button.delete {
    background-color: var(--color-delete);
    margin-left: auto;
  }

  &.ntx_form_mini button.cancel {
    background-color: var(--color-canceldark);
  }

  &.ntx_form_mini.note .typeicon {
    width: 28px;
    cursor: pointer;
  }

  &.ntx_form_mini.note .typeicon a {
    display: block;
    height: 28px;
  }

  &.ntx_form_dash input.date {
    padding: 3px;
  }

  &.ntx_form_dash input.valid {
    background: url(/Static/images/form_icon_valid.png) no-repeat right #fff;
  }

  &.ntx_form_dash input.error {
    border-color: var(--color-invalid-bg);
    background: url(/Static/images/form_icon_error.png) no-repeat right #fff;
  }

  &.ntx_form_dash button {
    border: 0;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 8px 15px;
    font-size: .85em;
  }

  &.ntx_form_dash button[type=submit] {
    background-color: var(--color-submit);
    width: 70px;
    margin-left: 10px;
  }

  &.ntx_form_dash button.delete {
    background-color: var(--color-delete);
    margin-left: auto;
  }

  &.ntx_form_dash button.cancel {
    background-color: var(--color-canceldark);
  }

  &.ntx_form_dash .ntx_form_row .ntx_form_field {
    margin: 5px 0;
  }

  &.tasktemplate input.date {
    margin-right: 5px;
    width: 60px;
    flex-grow: 0;
  }
}

.ntx_form.ntx_form_full div.ntx_form_row div.ntx_form_field select,.ntx_form.ntx_form_full div.ntx_form_row div.ntx_form_field input {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px rgba(0,0,0,.2);
  padding: 5px;
}

.ntx_form.ntx_form_full input[type=password],.ntx_form.ntx_form_full input[type=text],.ntx_form.ntx_form_full input[type=number],.ntx_form.ntx_form_full input[type=email],.ntx_form.ntx_form_full select,.ntx_form.ntx_form_full textarea {
  flex-grow: 1;
  margin: 1px;
}

.ntx_form.ntx_form_full input,.ntx_form.ntx_form_full select,.ntx_form.ntx_form_full textarea {
  font-size: 14px;
  border: solid 1px #999;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_form.ntx_form_full {
    background-color: var(--color-form-label-background);
    padding: 15px 0;

    div.ntx_form_row {
      div.ntx_form_label {
        width: 28%;
        text-align: right;
        background-color: var(--color-form-label-background);
        font-size: 1.15em;
        padding-bottom: 5px !important;

        label {
          font-weight: normal !important;
        }
      }

      div.ntx_form_field {
        width: 72%;
        background-color: #f5f5f5;

        &.full {
          width: 100%;
        }
      }

      select {
        width: 100% !important;
      }

      button[type=submit] {
        margin-left: 24%;
      }
    }
  }
}

.ntx_form.ntx_form_mini input[type=password],.ntx_form.ntx_form_mini input[type=text],.ntx_form.ntx_form_mini input[type=email],.ntx_form.ntx_form_mini select,.ntx_form.ntx_form_mini textarea {
  width: 100%;
  padding: 3px;
  margin-bottom: 3px;
}

.ntx_form.ntx_form_mini input,.ntx_form.ntx_form_mini select,.ntx_form.ntx_form_mini textarea {
  font-size: 14px;
  border: solid 1px #999;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_form.ntx_form_mini {
    position: initial !important;
  }
}

.ntx_form.ntx_form_dash input[type=password],.ntx_form.ntx_form_dash input[type=text],.ntx_form.ntx_form_dash input[type=email],.ntx_form.ntx_form_dash select,.ntx_form.ntx_form_dash textarea {
  width: 100%;
  padding: 3px;
  margin-bottom: 3px;
}

.ntx_form.ntx_form_dash input,.ntx_form.ntx_form_dash select,.ntx_form.ntx_form_dash textarea {
  font-size: 14px;
  border: solid 1px #999;
}

.ntx_form_row.section {
  border-bottom: solid 1px #bbb;
  padding: 2px 30px;
  font-size: 1.1em;
  font-family: Verdana,Arial,Geneva,sans-serif;
  background-color: #fff;
  line-height: 35px;
  text-transform: uppercase;
  font-weight: bold;
  color: #444;
}

.ntx_form_row.cfields {
  padding: 10px 0;
  border-bottom: solid 1px #ccc;

  .cfield {
    padding: 5px 10px;
    margin: 5px;
    font-size: 11px;
    border: solid 1px rgba(0,0,0,0);
    border-radius: 5px;
    display: flex;

    &.selected {
      border: solid 1px #236fad;
      background-color: #dce7ef;
      color: #236fad;
    }

    &.selected.disabled {
      border: solid 1px #aaa;
      color: #555;
    }
  }
}

.ntx_formalize {
  background-color: #f0f0f0;
  padding-top: 25px;

  select:focus {
    outline: 1px solid #e4f0fa;
  }

  button:focus {
    outline: 0;
  }

  >label {
    font-size: .8rem;
    color: #888;
  }

  input.ignore {
    width: auto;
  }

  .input_wrapper {
    border: solid 1px rgba(0,0,0,.2);
    background-color: #fff;
    display: flex;
    align-items: center;

    .input_icon {
      padding: 5px;
    }
  }

  textarea.materialize-textarea {
    padding: 7px;
    height: 6em;
  }

  .type {
    width: 30px;
    height: 30px;

    &.pinned {
      background-color: var(--color-pastel-red);
    }
  }

  .pin-check {
    display: none;

    +.pin-icon {
      color: var(--color-pastel-red);
      opacity: .5;
    }

    &:checked+.pin-icon {
      opacity: 1;
      color: #eee;
    }
  }

  .notedate {
    width: 100%;
  }

  .ntx_form_container {
    padding: 0 1rem;

    .highlight {
      background-color: #fffbd7 !important;
      border-color: #fff167;
      color: #342f00;
      padding: 5px;
      font-size: .8rem;
    }

    .section {
      margin: 20px 0;
    }

    .section:first-of-type {
      margin-top: 0;
    }

    &.footer {
      background-color: #efefef;
      border-top: dashed 1px #ccc;
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 10113;
      padding: .6rem 1rem;
    }
  }

  .ntx_form_subitem {
    margin: .6em 0 0;
  }

  .ntx_form_item {
    position: relative;
    margin: .75rem 0 1.5rem;

    label:not(.ignore) {
      color: #888;
      position: absolute;
      top: 3px;
      left: 8px;
      font-size: .8rem;
      cursor: text;
      transition: .2s ease-out;
      padding-bottom: 3px;
      transform: translateY(-20px);
    }

    label:not(.ignore).active {
      font-size: .8rem;
      transform: translateY(-20px);
      left: .5rem;
    }

    input[type="checkbox"]+label {
      transform: none;
      left: 0;
      top: -1px;
      cursor: pointer;
      position: relative;
    }

    select+label {
      font-size: .8rem;
      transform: translateY(-20px);
    }

    a.suffix {
      position: absolute;
      width: 3rem;
      font-size: 1.5rem;
      transition: color .2s;
      color: #888 !important;
    }

    div.des {
      font-weight: normal;
      font-size: 11px;
      font-style: italic;
      color: #666;
    }

    .percentage-indent {
      position: absolute;
      right: 40px;
      top: 0;
      line-height: 40px;
    }

    .notes {
      padding: 8px;
    }

    .notes .note {
      margin-bottom: 15px;
    }

    .notes .note .details {
      padding: 8px;
      box-shadow: rgba(0,0,0,.2) 0 1px 2px;
      background: #fff;
      margin-bottom: 8px;
    }
  }

  select {
    background-color: rgba(255,255,255,.9);
    width: 100%;
    padding: 3px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 2.5rem;

    option.disabled {
      color: #aaa;
    }
  }

  .ntx_button {
    border: 0;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 8px;
    opacity: 1;

    &[type=submit] {
      background: var(--color-submit);
      width: 70px;
      margin-left: 20px;
    }

    &.delete {
      background: var(--color-delete);
      width: 30px;
      margin-left: 30px;
    }

    &.cancel {
      background: var(--color-cancel);
    }
  }

  .selectize-control {
    input {
      transition: none;
      height: auto;
    }

    .selectize_row .flex {
      display: flex;

      .colorcode {
        margin-right: 5px;
      }
    }
  }

  .checkwrapper {
    padding: 5px 10px;
    font-size: 11px;
    border: solid 1px rgba(0,0,0,0);
    border-radius: 5px;

    &.selected {
      border: solid 1px #236fad;
      background-color: #dce7ef;
      color: #236fad;
    }

    &.selected.disabled {
      border: solid 1px #aaa;
      color: #555;
    }
  }

  .cfields {
    padding: 10px 0;
    border-bottom: solid 1px #ccc;

    .cfield {
      position: relative;
      padding: 5px 10px;
      margin: 5px;
      font-size: 11px;
      border: solid 1px rgba(0,0,0,0);
      border-radius: 5px;
    }

    .cfield.selected {
      border: solid 1px #236fad;
      background-color: #dce7ef;
      color: #236fad;
    }

    .cfield.selected.disabled {
      border: solid 1px #aaa;
      color: #555;
    }

    .cfield label {
      position: relative;
      top: 0;
      left: 0;
    }
  }

  .typeicon {
    height: 42px;
    width: 28px;
    cursor: pointer;

    a {
      display: block;
      height: 42px;
    }
  }

  &.ntx_email span.name {
    margin-right: 5px;
  }

  &.ntx_email span.email {
    font-size: .8em;
    font-style: italic;
  }
}

.ntx_formalize input:not([type]),.ntx_formalize input[type=text],.ntx_formalize input[type=password],.ntx_formalize input[type=email],.ntx_formalize input[type=url],.ntx_formalize input[type=time],.ntx_formalize input[type=date],.ntx_formalize input[type=datetime-local],.ntx_formalize input[type=tel],.ntx_formalize input[type=number],.ntx_formalize input[type=search],.ntx_formalize textarea.materialize-textarea {
  border: solid 1px rgba(0,0,0,.2);
  border-radius: 0;
  outline: 0;
  height: 2.5rem;
  width: 100%;
  font-size: 1em;
  padding: 0 7px;
  box-shadow: none;
  transition: all .3s;
}

.ntx_formalize input:not([type]):disabled,.ntx_formalize input[type=text]:disabled,.ntx_formalize input[type=password]:disabled,.ntx_formalize input[type=email]:disabled,.ntx_formalize input[type=url]:disabled,.ntx_formalize input[type=time]:disabled,.ntx_formalize input[type=date]:disabled,.ntx_formalize input[type=datetime-local]:disabled,.ntx_formalize input[type=tel]:disabled,.ntx_formalize input[type=number]:disabled,.ntx_formalize input[type=search]:disabled,.ntx_formalize textarea.materialize-textarea:disabled,.ntx_formalize input:not([type])[readonly],.ntx_formalize input[type=text][readonly],.ntx_formalize input[type=password][readonly],.ntx_formalize input[type=email][readonly],.ntx_formalize input[type=url][readonly],.ntx_formalize input[type=time][readonly],.ntx_formalize input[type=date][readonly],.ntx_formalize input[type=datetime-local][readonly],.ntx_formalize input[type=tel][readonly],.ntx_formalize input[type=number][readonly],.ntx_formalize input[type=search][readonly],.ntx_formalize textarea.materialize-textarea[readonly] {
  color: rgba(0,0,0,.8);
}

.ntx_formalize input:not([type]):focus:not([readonly]),.ntx_formalize input[type=text]:focus:not([readonly]),.ntx_formalize input[type=password]:focus:not([readonly]),.ntx_formalize input[type=email]:focus:not([readonly]),.ntx_formalize input[type=url]:focus:not([readonly]),.ntx_formalize input[type=time]:focus:not([readonly]),.ntx_formalize input[type=date]:focus:not([readonly]),.ntx_formalize input[type=datetime-local]:focus:not([readonly]),.ntx_formalize input[type=tel]:focus:not([readonly]),.ntx_formalize input[type=number]:focus:not([readonly]),.ntx_formalize input[type=search]:focus:not([readonly]),.ntx_formalize textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #247fca;
  box-shadow: 0 1px 0 0 #247fca;
}

.ntx_formalize input:not([type]):focus:not([readonly])+label,.ntx_formalize input[type=text]:focus:not([readonly])+label,.ntx_formalize input[type=password]:focus:not([readonly])+label,.ntx_formalize input[type=email]:focus:not([readonly])+label,.ntx_formalize input[type=url]:focus:not([readonly])+label,.ntx_formalize input[type=time]:focus:not([readonly])+label,.ntx_formalize input[type=date]:focus:not([readonly])+label,.ntx_formalize input[type=datetime-local]:focus:not([readonly])+label,.ntx_formalize input[type=tel]:focus:not([readonly])+label,.ntx_formalize input[type=number]:focus:not([readonly])+label,.ntx_formalize input[type=search]:focus:not([readonly])+label,.ntx_formalize textarea.materialize-textarea:focus:not([readonly])+label {
  color: #247fca;
}

.ntx_formalize input:not([type]).valid:not([readonly]),.ntx_formalize input[type=text].valid:not([readonly]),.ntx_formalize input[type=password].valid:not([readonly]),.ntx_formalize input[type=email].valid:not([readonly]),.ntx_formalize input[type=url].valid:not([readonly]),.ntx_formalize input[type=time].valid:not([readonly]),.ntx_formalize input[type=date].valid:not([readonly]),.ntx_formalize input[type=datetime-local].valid:not([readonly]),.ntx_formalize input[type=tel].valid:not([readonly]),.ntx_formalize input[type=number].valid:not([readonly]),.ntx_formalize input[type=search].valid:not([readonly]),.ntx_formalize textarea.materialize-textarea.valid:not([readonly]),.ntx_formalize input:not([type]).valid:focus:not([readonly]),.ntx_formalize input[type=text].valid:focus:not([readonly]),.ntx_formalize input[type=password].valid:focus:not([readonly]),.ntx_formalize input[type=email].valid:focus:not([readonly]),.ntx_formalize input[type=url].valid:focus:not([readonly]),.ntx_formalize input[type=time].valid:focus:not([readonly]),.ntx_formalize input[type=date].valid:focus:not([readonly]),.ntx_formalize input[type=datetime-local].valid:focus:not([readonly]),.ntx_formalize input[type=tel].valid:focus:not([readonly]),.ntx_formalize input[type=number].valid:focus:not([readonly]),.ntx_formalize input[type=search].valid:focus:not([readonly]),.ntx_formalize textarea.materialize-textarea.valid:focus:not([readonly]) {
  border-bottom: 1px solid #4caf50;
  box-shadow: 0 1px 0 0 #4caf50;
}

.ntx_formalize input:not([type]).valid+label:after,.ntx_formalize input[type=text].valid+label:after,.ntx_formalize input[type=password].valid+label:after,.ntx_formalize input[type=email].valid+label:after,.ntx_formalize input[type=url].valid+label:after,.ntx_formalize input[type=time].valid+label:after,.ntx_formalize input[type=date].valid+label:after,.ntx_formalize input[type=datetime-local].valid+label:after,.ntx_formalize input[type=tel].valid+label:after,.ntx_formalize input[type=number].valid+label:after,.ntx_formalize input[type=search].valid+label:after,.ntx_formalize textarea.materialize-textarea.valid+label:after,.ntx_formalize input:not([type]).valid:focus+label:after,.ntx_formalize input[type=text].valid:focus+label:after,.ntx_formalize input[type=password].valid:focus+label:after,.ntx_formalize input[type=email].valid:focus+label:after,.ntx_formalize input[type=url].valid:focus+label:after,.ntx_formalize input[type=time].valid:focus+label:after,.ntx_formalize input[type=date].valid:focus+label:after,.ntx_formalize input[type=datetime-local].valid:focus+label:after,.ntx_formalize input[type=tel].valid:focus+label:after,.ntx_formalize input[type=number].valid:focus+label:after,.ntx_formalize input[type=search].valid:focus+label:after,.ntx_formalize textarea.materialize-textarea.valid:focus+label:after {
  content: attr(data-success);
  color: #4caf50;
  opacity: 1;
}

.ntx_formalize input:not([type]).error,.ntx_formalize input[type=text].error,.ntx_formalize input[type=password].error,.ntx_formalize input[type=email].error,.ntx_formalize input[type=url].error,.ntx_formalize input[type=time].error,.ntx_formalize input[type=date].error,.ntx_formalize input[type=datetime-local].error,.ntx_formalize input[type=tel].error,.ntx_formalize input[type=number].error,.ntx_formalize input[type=search].error,.ntx_formalize textarea.materialize-textarea.error,.ntx_formalize input:not([type]).error:focus,.ntx_formalize input[type=text].error:focus,.ntx_formalize input[type=password].error:focus,.ntx_formalize input[type=email].error:focus,.ntx_formalize input[type=url].error:focus,.ntx_formalize input[type=time].error:focus,.ntx_formalize input[type=date].error:focus,.ntx_formalize input[type=datetime-local].error:focus,.ntx_formalize input[type=tel].error:focus,.ntx_formalize input[type=number].error:focus,.ntx_formalize input[type=search].error:focus,.ntx_formalize textarea.materialize-textarea.error:focus {
  border-bottom: 1px solid #f44336;
  box-shadow: 0 1px 0 0 #f44336;
}

.ntx_formalize input:not([type]).error+label:after,.ntx_formalize input[type=text].error+label:after,.ntx_formalize input[type=password].error+label:after,.ntx_formalize input[type=email].error+label:after,.ntx_formalize input[type=url].error+label:after,.ntx_formalize input[type=time].error+label:after,.ntx_formalize input[type=date].error+label:after,.ntx_formalize input[type=datetime-local].error+label:after,.ntx_formalize input[type=tel].error+label:after,.ntx_formalize input[type=number].error+label:after,.ntx_formalize input[type=search].error+label:after,.ntx_formalize textarea.materialize-textarea.error+label:after,.ntx_formalize input:not([type]).error:focus+label:after,.ntx_formalize input[type=text].error:focus+label:after,.ntx_formalize input[type=password].error:focus+label:after,.ntx_formalize input[type=email].error:focus+label:after,.ntx_formalize input[type=url].error:focus+label:after,.ntx_formalize input[type=time].error:focus+label:after,.ntx_formalize input[type=date].error:focus+label:after,.ntx_formalize input[type=datetime-local].error:focus+label:after,.ntx_formalize input[type=tel].error:focus+label:after,.ntx_formalize input[type=number].error:focus+label:after,.ntx_formalize input[type=search].error:focus+label:after,.ntx_formalize textarea.materialize-textarea.error:focus+label:after {
  content: attr(data-error);
  color: #f44336;
  opacity: 1;
  white-space: nowrap;
}

.ntx_formalize input:not([type]).warning,.ntx_formalize input[type=text].warning,.ntx_formalize input[type=password].warning,.ntx_formalize input[type=email].warning,.ntx_formalize input[type=url].warning,.ntx_formalize input[type=time].warning,.ntx_formalize input[type=date].warning,.ntx_formalize input[type=datetime-local].warning,.ntx_formalize input[type=tel].warning,.ntx_formalize input[type=number].warning,.ntx_formalize input[type=search].warning,.ntx_formalize textarea.materialize-textarea.warning,.ntx_formalize input:not([type]).warning:focus,.ntx_formalize input[type=text].warning:focus,.ntx_formalize input[type=password].warning:focus,.ntx_formalize input[type=email].warning:focus,.ntx_formalize input[type=url].warning:focus,.ntx_formalize input[type=time].warning:focus,.ntx_formalize input[type=date].warning:focus,.ntx_formalize input[type=datetime-local].warning:focus,.ntx_formalize input[type=tel].warning:focus,.ntx_formalize input[type=number].warning:focus,.ntx_formalize input[type=search].warning:focus,.ntx_formalize textarea.materialize-textarea.warning:focus {
  border-bottom: 1px solid #e6c287;
  box-shadow: 0 1px 0 0 #e6c287;
}

.ntx_formalize input:not([type]).warning+label:after,.ntx_formalize input[type=text].warning+label:after,.ntx_formalize input[type=password].warning+label:after,.ntx_formalize input[type=email].warning+label:after,.ntx_formalize input[type=url].warning+label:after,.ntx_formalize input[type=time].warning+label:after,.ntx_formalize input[type=date].warning+label:after,.ntx_formalize input[type=datetime-local].warning+label:after,.ntx_formalize input[type=tel].warning+label:after,.ntx_formalize input[type=number].warning+label:after,.ntx_formalize input[type=search].warning+label:after,.ntx_formalize textarea.materialize-textarea.warning+label:after,.ntx_formalize input:not([type]).warning:focus+label:after,.ntx_formalize input[type=text].warning:focus+label:after,.ntx_formalize input[type=password].warning:focus+label:after,.ntx_formalize input[type=email].warning:focus+label:after,.ntx_formalize input[type=url].warning:focus+label:after,.ntx_formalize input[type=time].warning:focus+label:after,.ntx_formalize input[type=date].warning:focus+label:after,.ntx_formalize input[type=datetime-local].warning:focus+label:after,.ntx_formalize input[type=tel].warning:focus+label:after,.ntx_formalize input[type=number].warning:focus+label:after,.ntx_formalize input[type=search].warning:focus+label:after,.ntx_formalize textarea.materialize-textarea.warning:focus+label:after {
  content: attr(data-error);
  color: #e6c287;
  opacity: 1;
  white-space: nowrap;
}

.ntx_formalize input:not([type])+label:after,.ntx_formalize input[type=text]+label:after,.ntx_formalize input[type=password]+label:after,.ntx_formalize input[type=email]+label:after,.ntx_formalize input[type=url]+label:after,.ntx_formalize input[type=time]+label:after,.ntx_formalize input[type=date]+label:after,.ntx_formalize input[type=datetime-local]+label:after,.ntx_formalize input[type=tel]+label:after,.ntx_formalize input[type=number]+label:after,.ntx_formalize input[type=search]+label:after,.ntx_formalize textarea.materialize-textarea+label:after {
  display: block;
  content: "";
  position: absolute;
  top: 65px;
  opacity: 0;
  transition: .2s opacity ease-out,.2s color ease-out;
}

.ntx_formalize input:not([type]).hasicon_suffix,.ntx_formalize input[type=text].hasicon_suffix,.ntx_formalize input[type=password].hasicon_suffix,.ntx_formalize input[type=email].hasicon_suffix,.ntx_formalize input[type=url].hasicon_suffix,.ntx_formalize input[type=time].hasicon_suffix,.ntx_formalize input[type=date].hasicon_suffix,.ntx_formalize input[type=datetime-local].hasicon_suffix,.ntx_formalize input[type=tel].hasicon_suffix,.ntx_formalize input[type=number].hasicon_suffix,.ntx_formalize input[type=search].hasicon_suffix,.ntx_formalize textarea.materialize-textarea.hasicon_suffix {
  width: 95%;
}

.ntx_formalize .input_wrapper input:not([type]),.ntx_formalize .input_wrapper input[type=text],.ntx_formalize .input_wrapper input[type=password],.ntx_formalize .input_wrapper input[type=email],.ntx_formalize .input_wrapper input[type=url],.ntx_formalize .input_wrapper input[type=time],.ntx_formalize .input_wrapper input[type=date],.ntx_formalize .input_wrapper input[type=datetime-local],.ntx_formalize .input_wrapper input[type=tel],.ntx_formalize .input_wrapper input[type=number],.ntx_formalize .input_wrapper input[type=search],.ntx_formalize .input_wrapper textarea.materialize-textarea {
  border: 0;
}

.ntx_formalize .type,.ntx_formalize .pinned {
  padding: 5px;
  color: #eee;
  border-radius: 1px;
  margin: 3px;
  text-align: center;
}

.ntx_formalize .type.noteType_0,.ntx_formalize .pinned.noteType_0 {
  background-color: var(--color-pastel-orange);
}

.ntx_formalize .type.noteType_1,.ntx_formalize .pinned.noteType_1 {
  background-color: var(--color-pastel-blue);
}

.ntx_formalize .type.noteType_2,.ntx_formalize .pinned.noteType_2 {
  background-color: var(--color-pastel-grey);
}

.ntx_formalize .type.noteType_3,.ntx_formalize .pinned.noteType_3 {
  background-color: var(--color-pastel-brown);
}

.ntx_formalize .type.noteType_4,.ntx_formalize .pinned.noteType_4 {
  background-color: var(--color-pastel-green);
}

.ntx_formalize .type.noteType_5,.ntx_formalize .pinned.noteType_5 {
  background-color: var(--color-pastel-purple);
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_formalize .ntx_form_container {
    .label {
      text-align: right;
    }

    .field {
      background-color: #f5f5f5;
    }
  }
}

.ntx_itemfilter {
  padding: 10px 5px;
}

.selectize-input {
  box-shadow: 0 0 0 !important;

  >* {
    display: inline-flex !important;
  }

  div .label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80%;
  }

  input {
    height: 100%;
  }

  .icon {
    width: 40px;
    height: 40px;
    margin-right: 8px;

    img {
      width: 40px;
      height: 40px;
      border-radius: 500px;
      margin-right: -8px;
      border: solid 2px #d7d7d7;
    }
  }
}

.selectized.valid+.selectize-control>.selectize-input {
  background: #fff url(/Static/images/form_icon_valid.png) no-repeat right 30px center !important;
}

.selectized.error+.selectize-control>.selectize-input {
  border-color: var(--color-invalid-bg);
  background: #fff url(/Static/images/form_icon_error.png) no-repeat right 30px center !important;
}

.selectized.warning+.selectize-control>.selectize-input {
  border-color: var(--color-warning-bg);
  background: #fff url(/Static/images/form_icon_warning.png) no-repeat right 30px center !important;
}

.selectize-dropdown {
  z-index: 10001000 !important;

  .active {
    background-color: #eee !important;
  }

  .highlight {
    background: rgba(170,170,170,.3) !important;
  }

  .selectize-dropdown-content {
    div.nxContactContainerDiv {
      td.pop {
        display: none;
      }

      .detail a {
        display: block;
        color: #333;
      }
    }

    .optgroup-header {
      font-size: 1em;
      background-color: #666;
      color: #fff;
    }

    .workboardwrapper .icon {
      width: 30px;
      height: 30px;
      margin-right: 5px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .workboardwrapper>span {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
}

.selectize-dropdown,.selectize-dropdown .selectize-input,.selectize-dropdown .selectize-input input {
  line-height: 16px !important;
}

.selectize-dropdown [data-selectable],.selectize-dropdown .optgroup-header {
  padding: 9px 8px !important;
}

.selectize-dropdown-content {
  .icon {
    width: 40px;
    height: 40px;
    margin-right: 8px;

    img {
      width: 40px;
      height: 40px;
      border-radius: 500px;
      margin-right: -8px;
      border: solid 2px #d7d7d7;
    }
  }

  .highlight {
    background-color: #fffbd7 !important;
    border-color: #fff167;
    color: #342f00;
    font-size: .8rem;
  }
}

.brandlookup_label {
  display: inline-block;
  margin-right: 5px;

  .icon {
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px;
    border-radius: 5px;
    display: inline-block;
  }

  .label {
    display: inline-block;
  }
}

.brandlookup {
  margin-right: 5px;

  .icon {
    width: 20px;
    height: 20px;
    background-size: cover;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 5px;
  }

  .label {
    display: inline-block;
  }
}

#tooltip {
  text-align: center;
  color: #ccc;
  background: #2a2a2a;
  position: absolute;
  z-index: 10001000;
  padding: 10px;
  border-radius: 3px;
  word-wrap: break-word;

  &:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #2a2a2a;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
  }

  &.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #2a2a2a;
    top: -20px;
    bottom: auto;
  }

  &.left:after {
    left: 10px;
    margin: 0;
  }

  &.right:after {
    right: 10px;
    left: auto;
    margin: 0;
  }
}

#popover {
  position: absolute;
  background: #fff;
  border: 1px solid #999;
  z-index: 10000009;
  border-radius: 3px;

  .title {
    width: 100%;
    font-weight: bold;
    background: #ddd;
    border: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #bbb;
    padding: 5px;
  }

  .content {
    position: relative;
    padding: 5px;

    .control {
      margin-bottom: 10px;
    }

    .icon {
      position: absolute;
      bottom: 5px;
      right: 5px;
      color: rgba(0,0,0,.1);
    }
  }

  &:after {
    border-color: rgba(255,255,255,0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }

  &:before {
    border-color: rgba(42,42,42,0);
    border-top-color: #2a2a2a;
    border-width: 11px;
    margin-left: -11px;
  }
}

#popover:after,#popover:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ntx_form_error {
  position: absolute;
  max-width: 230px;
  display: inline-block;

  &.ui-tooltip {
    padding: 0;
    border: 0;
    opacity: .8 !important;
    z-index: 10000006;
  }

  .ui-tooltip {
    padding: 10px 20px;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 7px black;
  }

  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    right: -26px;
    margin-left: -35px;
    bottom: -16px;

    &.top {
      top: -16px;
      bottom: auto;
    }

    &.top:after {
      bottom: -20px;
      top: auto;
    }

    &.left {
      left: 20%;
    }

    &:after {
      content: "";
      position: absolute;
      left: 20px;
      top: -20px;
      width: 25px;
      height: 25px;
      box-shadow: 6px 5px 9px -9px black;
      transform: rotate(45deg);
      background: #c34040;
    }
  }

  .ui-tooltip-content {
    font-size: 12px;
    background-color: #c34040;
    color: #fff;
    padding: 5px 10px;
  }
}

.ntx_confirm_overlay,.ntx_popup_overlay {
  position: fixed;
  opacity: .8;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #ccc;
  z-index: var(--header-zindex-overlay) !important;
}

#ntx_windows,#frm_bug {
  z-index: 10000999 !important;
}

.ntx_confirm,.ntx_popup_div {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000006;
  display: flex;
  justify-content: center;
  background-color: transparent !important;
}

.ntx_confirm.dashboard .fileitem:hover,.ntx_popup_div.dashboard .fileitem:hover {
  border: solid 4px #494949;
}

.ntx_confirm.dashboard .fileitem:hover .filename,.ntx_popup_div.dashboard .fileitem:hover .filename {
  background-color: #494949;
}

.ntx_confirm.dashboard .fileitem.selected,.ntx_popup_div.dashboard .fileitem.selected {
  border: solid 4px #494949;
  background-color: #626262;
}

.ntx_confirm.dashboard .fileitem.selected .filename,.ntx_popup_div.dashboard .fileitem.selected .filename {
  background-color: #565656;
}

.ntx_confirm.dashboard .fileitem.selected .image,.ntx_popup_div.dashboard .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.contacts .fileitem:hover,.ntx_popup_div.contacts .fileitem:hover {
  border: solid 4px #a97fbd;
}

.ntx_confirm.contacts .fileitem:hover .filename,.ntx_popup_div.contacts .fileitem:hover .filename {
  background-color: #a97fbd;
}

.ntx_confirm.contacts .fileitem.selected,.ntx_popup_div.contacts .fileitem.selected {
  border: solid 4px #a97fbd;
  background-color: #c0a1ce;
}

.ntx_confirm.contacts .fileitem.selected .filename,.ntx_popup_div.contacts .fileitem.selected .filename {
  background-color: #b490c6;
}

.ntx_confirm.contacts .fileitem.selected .image,.ntx_popup_div.contacts .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.sitefront .fileitem:hover,.ntx_popup_div.sitefront .fileitem:hover {
  border: solid 4px #52bbc5;
}

.ntx_confirm.sitefront .fileitem:hover .filename,.ntx_popup_div.sitefront .fileitem:hover .filename {
  background-color: #52bbc5;
}

.ntx_confirm.sitefront .fileitem.selected,.ntx_popup_div.sitefront .fileitem.selected {
  border: solid 4px #52bbc5;
  background-color: #78cad2;
}

.ntx_confirm.sitefront .fileitem.selected .filename,.ntx_popup_div.sitefront .fileitem.selected .filename {
  background-color: #65c3cb;
}

.ntx_confirm.sitefront .fileitem.selected .image,.ntx_popup_div.sitefront .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.storefront .fileitem:hover,.ntx_popup_div.storefront .fileitem:hover {
  border: solid 4px #ee884d;
}

.ntx_confirm.storefront .fileitem:hover .filename,.ntx_popup_div.storefront .fileitem:hover .filename {
  background-color: #ee884d;
}

.ntx_confirm.storefront .fileitem.selected,.ntx_popup_div.storefront .fileitem.selected {
  border: solid 4px #ee884d;
  background-color: #f2a77c;
}

.ntx_confirm.storefront .fileitem.selected .filename,.ntx_popup_div.storefront .fileitem.selected .filename {
  background-color: #f09864;
}

.ntx_confirm.storefront .fileitem.selected .image,.ntx_popup_div.storefront .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.accounting .fileitem:hover,.ntx_popup_div.accounting .fileitem:hover {
  border: solid 4px #5baf4f;
}

.ntx_confirm.accounting .fileitem:hover .filename,.ntx_popup_div.accounting .fileitem:hover .filename {
  background-color: #5baf4f;
}

.ntx_confirm.accounting .fileitem.selected,.ntx_popup_div.accounting .fileitem.selected {
  border: solid 4px #5baf4f;
  background-color: #7bbf72;
}

.ntx_confirm.accounting .fileitem.selected .filename,.ntx_popup_div.accounting .fileitem.selected .filename {
  background-color: #6bb760;
}

.ntx_confirm.accounting .fileitem.selected .image,.ntx_popup_div.accounting .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.backoffice .fileitem:hover,.ntx_popup_div.backoffice .fileitem:hover {
  border: solid 4px #f8b132;
}

.ntx_confirm.backoffice .fileitem:hover .filename,.ntx_popup_div.backoffice .fileitem:hover .filename {
  background-color: #f8b132;
}

.ntx_confirm.backoffice .fileitem.selected,.ntx_popup_div.backoffice .fileitem.selected {
  border: solid 4px #f8b132;
  background-color: #fac463;
}

.ntx_confirm.backoffice .fileitem.selected .filename,.ntx_popup_div.backoffice .fileitem.selected .filename {
  background-color: #f9ba4b;
}

.ntx_confirm.backoffice .fileitem.selected .image,.ntx_popup_div.backoffice .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.apps .fileitem:hover,.ntx_popup_div.apps .fileitem:hover {
  border: solid 4px #4191a4;
}

.ntx_confirm.apps .fileitem:hover .filename,.ntx_popup_div.apps .fileitem:hover .filename {
  background-color: #4191a4;
}

.ntx_confirm.apps .fileitem.selected,.ntx_popup_div.apps .fileitem.selected {
  border: solid 4px #4191a4;
  background-color: #5aabbe;
}

.ntx_confirm.apps .fileitem.selected .filename,.ntx_popup_div.apps .fileitem.selected .filename {
  background-color: #48a1b6;
}

.ntx_confirm.apps .fileitem.selected .image,.ntx_popup_div.apps .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.reseller .fileitem:hover,.ntx_popup_div.reseller .fileitem:hover {
  border: solid 4px #024302;
}

.ntx_confirm.reseller .fileitem:hover .filename,.ntx_popup_div.reseller .fileitem:hover .filename {
  background-color: #024302;
}

.ntx_confirm.reseller .fileitem.selected,.ntx_popup_div.reseller .fileitem.selected {
  border: solid 4px #024302;
  background-color: #037503;
}

.ntx_confirm.reseller .fileitem.selected .filename,.ntx_popup_div.reseller .fileitem.selected .filename {
  background-color: #035c03;
}

.ntx_confirm.reseller .fileitem.selected .image,.ntx_popup_div.reseller .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.inbox .fileitem:hover,.ntx_popup_div.inbox .fileitem:hover {
  border: solid 4px #f2901d;
}

.ntx_confirm.inbox .fileitem:hover .filename,.ntx_popup_div.inbox .fileitem:hover .filename {
  background-color: #f2901d;
}

.ntx_confirm.inbox .fileitem.selected,.ntx_popup_div.inbox .fileitem.selected {
  border: solid 4px #f2901d;
  background-color: #f5a84d;
}

.ntx_confirm.inbox .fileitem.selected .filename,.ntx_popup_div.inbox .fileitem.selected .filename {
  background-color: #f39c35;
}

.ntx_confirm.inbox .fileitem.selected .image,.ntx_popup_div.inbox .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.master .fileitem:hover,.ntx_popup_div.master .fileitem:hover {
  border: solid 4px #494949;
}

.ntx_confirm.master .fileitem:hover .filename,.ntx_popup_div.master .fileitem:hover .filename {
  background-color: #494949;
}

.ntx_confirm.master .fileitem.selected,.ntx_popup_div.master .fileitem.selected {
  border: solid 4px #494949;
  background-color: #626262;
}

.ntx_confirm.master .fileitem.selected .filename,.ntx_popup_div.master .fileitem.selected .filename {
  background-color: #565656;
}

.ntx_confirm.master .fileitem.selected .image,.ntx_popup_div.master .fileitem.selected .image {
  opacity: .5;
}

.ntx_confirm.organisation .fileitem:hover,.ntx_popup_div.organisation .fileitem:hover {
  border: solid 4px #666;
}

.ntx_confirm.organisation .fileitem:hover .filename,.ntx_popup_div.organisation .fileitem:hover .filename {
  background-color: #666;
}

.ntx_confirm.organisation .fileitem.selected,.ntx_popup_div.organisation .fileitem.selected {
  border: solid 4px #666;
  background-color: #808080;
}

.ntx_confirm.organisation .fileitem.selected .filename,.ntx_popup_div.organisation .fileitem.selected .filename {
  background-color: #737373;
}

.ntx_confirm.organisation .fileitem.selected .image,.ntx_popup_div.organisation .fileitem.selected .image {
  opacity: .5;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_confirm .ntx_confirm_container,.ntx_popup_div .ntx_confirm_container,.ntx_confirm .ntx_popup_container,.ntx_popup_div .ntx_popup_container {
    align-self: center;
    background-color: #eee;
    padding: 20px !important;
    margin: 10px;
  }
}

.ntx_confirm .ntx_confirm_container,.ntx_popup_div .ntx_confirm_container {
  padding: 30px 20px;
  width: 300px;
  text-align: center;
  align-self: center;
  background-color: #eee;
}

.ntx_confirm .ntx_confirm_container .message,.ntx_popup_div .ntx_confirm_container .message {
  font-weight: bold;
  margin-bottom: 20px;
}

.ntx_confirm .ntx_confirm_container #bn_confirm_yes,.ntx_popup_div .ntx_confirm_container #bn_confirm_yes {
  margin-left: 0;
}

.ntx_confirm .ntx_confirm_container #bn_confirm_cancel,.ntx_popup_div .ntx_confirm_container #bn_confirm_cancel {
  padding: 0 15px;
}

.ntx_confirm .ntx_confirm_container .footer,.ntx_popup_div .ntx_confirm_container .footer {
  border-top: 0;
}

.ntx_confirm .ntx_popup_container,.ntx_popup_div .ntx_popup_container {
  padding-top: 50px;
  background-color: #eee;
  min-width: 300px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_confirm .ntx_popup_container,.ntx_popup_div .ntx_popup_container {
    height: auto !important;
    max-height: 100vh;
  }
}

.ntx_confirm .ntx_popup_container .header,.ntx_popup_div .ntx_popup_container .header {
  display: flex;
  flex-wrap: column;
  background-color: #ddd;
  padding: 0 5px;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_confirm .ntx_popup_container .header,.ntx_popup_div .ntx_popup_container .header {
    background-color: transparent;
  }
}

.ntx_confirm .ntx_popup_container .header .title,.ntx_popup_div .ntx_popup_container .header .title {
  font-size: 1.15em;
  height: 25px;
  line-height: 25px;
}

.ntx_confirm .ntx_popup_container .header .bn_close,.ntx_popup_div .ntx_popup_container .header .bn_close {
  padding: 10px;
  margin-left: auto;
}

.ntx_confirm .ntx_popup_container .content,.ntx_popup_div .ntx_popup_container .content {
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 0;
}

.ntx_confirm .ntx_popup_container .content.noscroll,.ntx_popup_div .ntx_popup_container .content.noscroll {
  overflow-y: hidden;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_confirm,.ntx_popup_div {
    z-index: 10000005 !important;
  }
}

.ntx_confirm .footer {
  display: flex;
  justify-content: center;
}

.ntx_popup_div .footer {
  display: flex;
  justify-content: flex-start;
}

.ntx_status_selectize {
  width: 100%;

  &.islabel .selectize-input {
    background-color: #f5f5f5;
    border: 1px solid transparent;
  }

  &.islabel .selectize-input.focus {
    background-color: #fff;
  }

  &.islabel .selectize-input .row_status {
    height: 100%;
  }
}

.row_status,.row_group {
  padding: 2px 0;
  vertical-align: middle;
}

.row_status .colorcode,.row_group .colorcode,.row_status .colorbar,.row_group .colorbar {
  margin-right: 5px;
}

.row_status,.row_group {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 92%;
}

[class^="selectize"] {
  .row_status {
    display: flex;
    align-items: center;
  }

  .item.row_ribbons {
    display: flex;
    align-items: center;

    .ribbon {
      width: 10px;
      box-sizing: border-box;
      height: 15px;
      border: 5px solid transparent;
      border-bottom: 5px solid transparent !important;
      border-top: 0;
      margin-right: 5px;

      >a {
        display: block;
        box-sizing: border-box;
        height: 15px;
        width: 10px;
        margin-left: -5px;
        text-align: center;
        padding-top: 8px;
        color: #fff !important;
        text-decoration: none;
      }
    }
  }
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.notification-counter,.notification-counter_mini {
  font-family: sans-serif;
  position: absolute;
  bottom: -5px;
  right: -7px;
  background-color: #d64f4b;
  color: #fff;
  border-radius: 3px;
  padding: 0 3px;
  font-size: .6em;
  height: 14px;
  line-height: 15px;
}

.notification-counter_button {
  font-family: sans-serif;
  background-color: #d64f4b;
  color: #fff !important;
  font-size: .7em;
  border-radius: 500px;
  width: 24px;
  height: 24px;
  text-align: center;
  padding: 6px 0;
  cursor: default;

  &:hover {
    color: #fff !important;
    text-decoration: none;
  }
}

.notification-counter_mini {
  right: unset;
  left: -7px;
}

.ntx_card {
  padding: 10px;
  border: solid 1px #ccc;
  border-radius: 5px;

  .actions .ntx_button {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  i.fa {
    align-self: center;
    margin-right: 5px;
  }
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_card {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
}

.ntx_card.businesscard,.ntx_card.addresscard {
  border: solid 1px rgba(0,0,0,.12) !important;
  box-shadow: 1px 1px 3px rgba(0,0,0,.1);
  border-radius: 3px !important;
  margin-bottom: 5px !important;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_card.businesscard,.ntx_card.addresscard {
    width: 330px;
    margin: 10px 1% 0 1% !important;
  }
}

.ntx_card.businesscard i,.ntx_card.addresscard i {
  opacity: .6;
}

.ntx_card.businesscard .title,.ntx_card.addresscard .title {
  display: flex;
  background-color: #f5f5f5;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding: 5px;
  align-items: center;
}

.ntx_card.businesscard .title .contactprofile,.ntx_card.addresscard .title .contactprofile {
  max-height: 32px;
  border-radius: 10%;
}

.ntx_card.businesscard .title .actions,.ntx_card.addresscard .title .actions {
  margin-left: auto;
}

.ntx_card.businesscard .title .actions a,.ntx_card.addresscard .title .actions a {
  opacity: .7;
  color: #333 !important;
  padding: 2px;
  background-color: transparent;
  border: solid 1px transparent !important;
  border-radius: 10%;
}

.ntx_card.businesscard .title .actions a:hover,.ntx_card.addresscard .title .actions a:hover {
  opacity: 1;
  background-color: var(--color-button);
  color: var(--color-button-text);
  border: solid 1px #ccc !important;
}

.ntx_card.businesscard .title .actions .isactive,.ntx_card.addresscard .title .actions .isactive,.ntx_card.businesscard .title .actions .primary,.ntx_card.addresscard .title .actions .primary,.ntx_card.businesscard .title .actions .billing,.ntx_card.addresscard .title .actions .billing {
  padding: 2px;
  margin-right: unset;
}

.ntx_card.businesscard .content,.ntx_card.addresscard .content {
  padding: 10px;
  display: flex;
  flex-direction: row;
  background-color: #fff;
}

.ntx_card.businesscard .content.notactive,.ntx_card.addresscard .content.notactive {
  background-color: var(--color-pastel-lightgrey);
}

.ntx_card.businesscard .content .profile,.ntx_card.addresscard .content .profile {
  width: 90px;
  padding: 5px;
}

.ntx_card.businesscard .content .profile .personprofile,.ntx_card.addresscard .content .profile .personprofile {
  width: 70px;
  border-radius: 500px;
  border: solid 2px #ccc;
}

.ntx_card.businesscard .content .details,.ntx_card.addresscard .content .details {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 70%;
  flex-grow: 2;
  align-self: center;
}

.ntx_card.businesscard .content .details .personname,.ntx_card.addresscard .content .details .personname {
  font-size: 1.15em;
}

.ntx_card.businesscard .content .details .personname a,.ntx_card.addresscard .content .details .personname a {
  color: #333 !important;
}

.ntx_card.businesscard .content .details .personname.header,.ntx_card.addresscard .content .details .personname.header {
  display: flex;
}

.ntx_card.businesscard .content .details .personname.header .tags,.ntx_card.addresscard .content .details .personname.header .tags {
  display: flex;
  align-items: center;
}

.ntx_card.businesscard .content .details .personname.header .tags .ribbon,.ntx_card.addresscard .content .details .personname.header .tags .ribbon {
  width: 10px;
  box-sizing: border-box;
  height: 15px;
  border: 5px solid transparent;
  border-bottom: 5px solid transparent !important;
  border-top: 0;
  margin-left: 5px;
}

.ntx_card.businesscard .content .details .personname.header .tags .ribbon>a,.ntx_card.addresscard .content .details .personname.header .tags .ribbon>a {
  display: block;
  box-sizing: border-box;
  height: 15px;
  width: 10px;
  margin-left: -5px;
  text-align: center;
  padding-top: 8px;
  color: #fff !important;
  text-decoration: none;
}

.ntx_card.businesscard .content .details .contactcompanyname a,.ntx_card.addresscard .content .details .contactcompanyname a {
  color: #333 !important;
}

.ntx_card.businesscard .content .details .bc_actions .bc_action,.ntx_card.addresscard .content .details .bc_actions .bc_action {
  padding: 5px 0;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_card.businesscard .content .details .bc_actions .bc_action,.ntx_card.addresscard .content .details .bc_actions .bc_action {
    padding: 0;
  }
}

.ntx_card.businesscard .content .details .bc_actions .bc_action.mobile,.ntx_card.addresscard .content .details .bc_actions .bc_action.mobile,.ntx_card.businesscard .content .details .bc_actions .bc_action.workphone,.ntx_card.addresscard .content .details .bc_actions .bc_action.workphone,.ntx_card.businesscard .content .details .bc_actions .bc_action.workfax,.ntx_card.addresscard .content .details .bc_actions .bc_action.workfax,.ntx_card.businesscard .content .details .bc_actions .bc_action.email>a,.ntx_card.addresscard .content .details .bc_actions .bc_action.email>a {
  font-size: .95em;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .ntx_card.businesscard .content .details .bc_actions .bc_action.mobile,.ntx_card.addresscard .content .details .bc_actions .bc_action.mobile,.ntx_card.businesscard .content .details .bc_actions .bc_action.workphone,.ntx_card.addresscard .content .details .bc_actions .bc_action.workphone,.ntx_card.businesscard .content .details .bc_actions .bc_action.workfax,.ntx_card.addresscard .content .details .bc_actions .bc_action.workfax,.ntx_card.businesscard .content .details .bc_actions .bc_action.email>a,.ntx_card.addresscard .content .details .bc_actions .bc_action.email>a {
    font-size: .75em;
  }
}

.cm-s-lesser-dark {
  span.cm-attribute {
    color: #e8af7e !important;
  }

  span.cm-qualifier {
    color: #b2789c !important;
  }
}

.ntx_tags_wrapper {
  display: flex;
  width: 100%;

  .selectize-control {
    width: 100%;
  }
}

.ntx_tags_bn {
  text-align: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  align-self: center;

  &.selectize_bn {
    margin-top: 3px;
    margin-left: 3px;
    align-self: flex-start;
  }
}

.ntx_codemirror_tags_bn {
  text-align: center;
  width: 25px;
  height: 25px;
  cursor: pointer;
  position: relative;
  top: 3px;
  left: 7px;
}

.ntx_tags {
  position: absolute;
  display: none;
  width: 400px;
  background-color: #2a2a2a;
  color: #fff;
  z-index: 10000005;

  input.ntx_tags_search {
    background-color: #333;
    color: #fff;
    width: 100%;
    font-size: .8em;
    padding: 8px !important;
    border: solid 1px #555;
  }

  >ul {
    list-style: none;
    max-height: 264px;
    overflow-y: auto;
    overflow-x: hidden;

    li {
      padding: 2px 5px !important;
      width: 100% !important;
    }

    li.group {
      color: #ccc;
      font-size: .9em;
    }

    li.ntx_tag {
      padding-left: 15px !important;
      cursor: pointer;
      color: #fff;
    }

    li.ntx_tag:hover {
      background-color: #333;
    }
  }
}

.ntx_filepicker {
  .header {
    display: flex;
    background-color: #e0e0e0;

    .title {
      font-size: 1.2em;
      line-height: 50px;
      padding-left: 10px;
    }

    .selectize-control {
      width: 250px;

      div.label {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        max-width: 175px;
        float: left;
      }
    }

    .selectize-input.has-options.has-items>input {
      width: 5px !important;
    }

    .selectize-input.has-options.has-items .ntx_labelfilter {
      float: left;
    }

    #extracontainer .selectize-control {
      margin-right: 6px;
    }

    .ntx_labelfilter {
      display: flex !important;
      font-size: .9em;

      .colorcode {
        margin-right: 3px;
        width: var(--colorcoded-size);
        height: var(--colorcoded-size);
        border-radius: 500px;
        align-self: center;
      }

      .colorcode.hasborder {
        border: solid 1px #666;
      }

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

    #srh_filepicker {
      padding-left: 10px;
    }

    .hitem {
      margin-right: 6px;
    }

    .toolbar {
      margin-left: auto;
      margin-right: 25px;

      .fa {
        padding: 5px;
        color: #333;
      }

      .fa.selected {
        opacity: .7;
      }

      .fa.fa-upload {
        margin-left: 50px;
        padding: 7px 20px;
      }

      .fa.fa-upload .ntx_fileuploadinput {
        width: 100%;
        height: 100%;
        cursor: pointer;
      }
    }
  }

  .dropzone {
    background-color: #98fb98;
    float: left;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border: solid 1px #ddd;
    color: #555;
    display: none;

    &:hover {
      background-color: #ffc;
    }
  }

  .filequeue .tblqueue {
    width: 100%;

    tr {
      border: solid 1px #ddd;

      td {
        padding: 8px 15px !important;
      }
    }

    .progress {
      width: 80%;
      font-size: 11px;
      color: #f00;
    }

    .progressbar {
      height: 10px;
    }
  }

  .content {
    padding: 10px 10px 50px 10px;
    min-height: 200px !important;
    display: flex;
    flex-wrap: wrap;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;

    .fileitem {
      width: 150px;
      height: 150px;
      margin-right: 8px;
      margin-bottom: 8px;
      overflow: hidden;
      position: relative;
      text-align: center;
      cursor: pointer;
      border: solid 4px transparent;

      .image {
        width: 100%;
        height: 100%;
      }

      >.fa {
        font-size: 10em;
        color: var(--color-button-text);
        opacity: .15;
        margin-top: 5px;
      }

      .filename {
        position: absolute;
        bottom: 0;
        height: 34px;
        width: 100%;
        background-color: #ddd;
      }

      .filename>div {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        text-align: center;
        text-overflow: ellipsis;
        font-size: .8em;
      }
    }

    &.listview .fileitem {
      margin-right: 0;
      width: 100%;
      height: 36px;
      overflow: auto;
      border: 0;
    }

    &.listview .fileitem .filename {
      width: 100%;
      padding: 5px;
    }

    &.listview .fileitem .filename div {
      text-align: left;
      font-size: 1em;
      padding: 3px 5px;
    }
  }

  .footer {
    display: flex;
    background-color: #ccc;
    position: sticky;
    bottom: 0;

    .selectedfiles {
      display: flex;
      padding: 10px;
      min-height: 62px;
      flex-wrap: wrap;
      flex-grow: 1;

      .selectedfile {
        padding: 10px;
        background-color: #eee;
        border-radius: 5px;
        margin-right: 10px;
        margin-bottom: 10px;
        font-size: .85em;
      }

      .selectedfile i {
        color: var(--color-buttoninvert);
      }
    }

    .action {
      padding: 10px;
      display: flex;
      align-items: center;

      .ntx_button {
        padding: 10px 25px;
        text-decoration: none !important;
      }
    }
  }
}

.ntx_filepicker .header .toolbar .fa.fa-th-list,.ntx_filepicker .header .toolbar .fa.fa-th-large {
  opacity: .3;
}

.ntx_filepicker .content.listview .fileitem i,.ntx_filepicker .content.listview .fileitem .image {
  display: none;
}

.dropfiles {
  .dropzone {
    background-color: #98fb98;
    float: left;
    width: 100%;
    height: 50vh;
    line-height: 50vh;
    text-align: center;
    border: solid 1px #ddd;
    color: #555;
    display: none;

    &:hover {
      background-color: #ffc;
    }
  }

  .filequeue .tblqueue {
    width: 100%;

    tr {
      border: solid 1px #ddd;

      td {
        padding: 8px 15px !important;
      }
    }

    .progress {
      width: 80%;
      font-size: 11px;
      color: #f00;
    }

    .progressbar {
      height: 10px;
    }
  }
}

.files {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}

.files .afile,.files .ifile,.files .adoc {
  padding: 5px;
  border: solid 1px #ccc;
  border-radius: 3px;
  display: flex;
  margin-right: 5px;
  margin-bottom: 5px;
  align-items: center;
}

.files .afile .name,.files .ifile .name,.files .adoc .name {
  font-size: .85em;
  margin-right: 5px;
}

.files .afile .ntx_button,.files .ifile .ntx_button,.files .adoc .ntx_button {
  height: auto;
  padding: 3px;
  margin: 0;
}

.redactor-box {
  width: 100%;
  margin: 10px 0;

  .redactor-toolbar.toolbar-fixed-box {
    z-index: 10112;
  }

  .redactor-toolbar a.re-button {
    color: #333 !important;

    &:hover {
      text-decoration: none;
      color: #333 !important;
      background-color: var(--color-hover);
    }
  }
}

.sp-container {
  z-index: 1000 !important;
}

.sp-button-container .sp-choose {
  height: auto !important;
  border: 0 !important;
  padding: 10px 20px;
  color: #333 !important;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #e0e0e0 !important;
  background-image: none;
  font-size: .9em !important;

  &:hover {
    background-color: #e0e0e0 !important;
    background-image: none;
  }
}

.ntx_action {
  cursor: pointer;

  i.fa {
    margin-right: 5px;
    color: #333;
    opacity: .5;
  }

  &:hover i {
    opacity: 1;
  }
}

.fc-toolbar h2 {
  font-size: 1.2em;
  line-height: 29px;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .fc-toolbar h2 {
    font-size: 1.35em !important;
  }
}

.fc-event {
  color: #333 !important;

  .icon {
    padding: 0 10px;
  }

  .fc-time {
    margin-right: 5px;
  }

  .fc-content {
    white-space: normal !important;
    line-height: 1.4em;
    padding: 2px;

    .ntx_button {
      float: right;
      width: 15px;
      height: 15px;
      line-height: 15px;
    }
  }

  &.completed {
    background-color: var(--color-pastel-lightgrey);
    border-color: #d4d4d4 !important;
  }

  &.active {
    background-color: var(--color-pastel-yellow);
    border-color: #ffe801 !important;
  }
}

.fc-content {
  min-height: .5em;
}

.fc-basic-view .fc-body .fc-row {
  min-height: 0 !important;
}

#popover {
  min-width: 340px;
}

.nx_AppsItems {
  display: flex;
  flex-wrap: wrap;

  .nx_AppsItem {
    width: 216px;
    height: 199px;
    overflow: hidden;
    position: relative;
    border: solid 1px var(--color-hover);
    background-color: #fafafa;
    margin-right: 10px;
    margin-bottom: 12px;

    >a>div {
      width: 100%;
      height: 100%;
      position: relative;
    }

    .item {
      text-align: center;
    }

    .item img {
      width: 214px;
      height: 140px;
    }

    .item .title {
      margin-top: 10px;
      font-weight: bold;
    }

    .desc {
      background-color: #f8f8f8;
    }

    .desc .title {
      position: absolute;
      top: 30px;
      left: 10px;
      max-height: 30px;
      font-size: 16px;
      font-weight: bold;
    }

    .desc .summary {
      position: absolute;
      width: 195px;
      top: 80px;
      left: 10px;
      max-height: 100px;
    }

    a {
      display: block;
      width: 100%;
      height: 198px;
      color: #000 !important;
      text-decoration: none;
    }

    a:hover {
      color: #000 !important;
    }
  }
}

.ntx_fileuploadinput {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 18px;
}

.fa-upload {
  position: relative;

  .ntx_fileuploadinput {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
}

.ntx_action_email,.ntx_action_jemail,.ntx_action_phone,.ntx_action_pemail,.ntx_action_noemail {
  color: #333 !important;
  cursor: pointer;
}

.ntx_action_email.ntx_button,.ntx_action_jemail.ntx_button,.ntx_action_phone.ntx_button,.ntx_action_pemail.ntx_button,.ntx_action_noemail.ntx_button {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}

.ntx_action_email.ntx_button .fa,.ntx_action_jemail.ntx_button .fa,.ntx_action_phone.ntx_button .fa,.ntx_action_pemail.ntx_button .fa,.ntx_action_noemail.ntx_button .fa {
  margin-right: 5px;
}

#ntx_phoneactions_list {
  width: 250px;
  display: none;

  li {
    padding: 0;

    a {
      color: #333;
      font-size: .9em;
      display: block;
    }
  }

  .ntx_pop_item {
    padding: 5px 10px;

    .fa {
      margin-right: 10px;
    }
  }
}

#ntx_noteactions_list {
  width: 250px;
  display: none;
  cursor: pointer;

  li {
    padding: 0;

    a {
      color: #333;
      font-size: .9em;
      display: block;
    }
  }

  .ntx_pop_item {
    padding: 5px 10px;

    .fa {
      margin-right: 10px;
    }
  }
}

#ntx_emailactions_list {
  width: 185px;
  display: none;
  font-weight: 400;

  a {
    color: #333;
    font-size: .9em;
  }

  .ntx_pop_item {
    padding: 5px 0;

    .fa {
      margin-right: 10px;
    }
  }
}

.ntx_email {
  #allrecipients {
    background-color: rgba(0,0,0,0);
    border: 0;
    font-style: italic;
    font-size: .85em;
    color: #666;
  }

  #bn_attachments {
    padding: 7px 15px;
  }

  #bn_documenttemplates {
    padding: 7px 15px;
  }

  .filecontainer {
    border: dotted 1px #ddd;
    padding: 10px;
    margin: 10px 0;

    .ntx_button {
      margin: 0;
    }
  }

  .recordasnote {
    margin-bottom: 10px;
  }
}

.allocatepayment .leftcolumn,.allocatepayment .rightcolumn {
  overflow-y: auto;
}

.allocatepayment .leftcolumn .itemcredit,.allocatepayment .rightcolumn .itemcredit,.allocatepayment .leftcolumn .itemdebt,.allocatepayment .rightcolumn .itemdebt {
  position: relative;
}

.allocatepayment .leftcolumn .itemcredit.selected .ntx_check,.allocatepayment .rightcolumn .itemcredit.selected .ntx_check,.allocatepayment .leftcolumn .itemdebt.selected .ntx_check,.allocatepayment .rightcolumn .itemdebt.selected .ntx_check {
  display: block;
}

.allocatepayment .leftcolumn .itemcredit .ntx_check,.allocatepayment .rightcolumn .itemcredit .ntx_check,.allocatepayment .leftcolumn .itemdebt .ntx_check,.allocatepayment .rightcolumn .itemdebt .ntx_check {
  position: absolute;
  left: 7px;
  bottom: 7px;
  padding: 5px;
  display: none;
  font-size: 1rem;
  background: var(--color-add);
  color: #fff;
  border-radius: 0 50% 0 0;
}

.allocatepayment .leftcolumn .header,.allocatepayment .rightcolumn .header {
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: .8em;
  padding: 3px 2px;
}

.allocatepayment .leftcolumn .right,.allocatepayment .rightcolumn .right {
  text-align: right;
}

.allocatepayment .leftcolumn .content,.allocatepayment .rightcolumn .content {
  border: solid 1px #cfcfcf;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  font-size: .9em;
  background: #e7e7e7;
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e7e7e7));
  background: -moz-linear-gradient(top,#fff,#e7e7e7);
}

.allocatepayment .leftcolumn .content .total,.allocatepayment .rightcolumn .content .total {
  text-align: center;
  font-size: 2em;
  font-weight: bold;
}

.allocatepayment .leftcolumn .content .remain,.allocatepayment .rightcolumn .content .remain {
  text-align: center;
  font-size: 1.3em;
  font-weight: bold;
  color: var(--color-outstanding);
}

.allocatepayment {
  .rightcolumn .ntx_button {
    padding: 3px;
  }

  .itemcredit {
    cursor: move;

    .header {
      background-color: var(--color-credit);

      &.creditnote {
        background-color: #555;
      }

      &.paymentgateway {
        background-color: var(--color-pastel-orange);
      }

      &.refund {
        background-color: var(--color-outstanding);
      }
    }

    &.disabled {
      cursor: not-allowed;
    }

    &.disabled .header {
      background-color: var(--color-warning-bg);
    }
  }

  .itemdebt {
    cursor: pointer;

    .header {
      background-color: var(--color-add);
    }

    &.itemdebthover {
      background-color: var(--color-add);
    }

    &.itemdebthover .content {
      background: var(--color-add);
      color: #fff;
    }
  }

  .allocatevalue {
    display: none;
    position: absolute;
    background-color: var(--color-accounting);
    color: #fff;
    border-radius: 10px;
    margin-left: -5px;
    width: 285px;

    .arrow_left {
      width: 0;
      height: 0;
      border-width: 7.5px 10px 7.5px 0;
      border-color: transparent var(--color-accounting) transparent transparent;
      border-style: inset;
      margin-left: -10px;
      margin-top: 55px;
      float: left;
    }

    #bn_paymentcancel {
      color: var(--color-cancel);
      float: right;
    }
  }

  .bn_addpayment {
    width: 100% !important;
  }

  #selectedtotal {
    .action i {
      cursor: pointer;
      color: #333;
    }

    .item {
      background-color: #ccc;
      padding: 10px;
      border-radius: 5px;

      >div {
        text-align: center;
      }

      .total {
        font-size: 1.1em;
      }
    }
  }
}

#batchallocate button {
  color: var(--color-submittext) !important;
  background-color: var(--color-submit);
  border: 0;
  padding: 10px;
  width: auto;
  height: auto;
  margin-top: 15px;
}

.invoicestatuslookup .invoiceStatus {
  margin: 0 5px;
}

.invoiceStatus {
  background-color: var(--color-pastel-green);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;

  &.invoiceStatus_0 {
    background-color: var(--color-pastel-green);
  }

  &.invoiceStatus_800 {
    background-color: var(--color-pastel-purple);
  }

  &.invoiceStatus_810 {
    background-color: var(--color-pastel-blue);
  }

  &.invoiceStatus_850 {
    background-color: var(--color-pastel-blue);
  }

  &.invoiceStatus_1000 {
    background-color: var(--color-pastel-orange);
  }

  &.invoiceStatus_2000 {
    background-color: var(--color-pastel-red);
  }

  &.invoiceStatus_3000 {
    background-color: var(--color-pastel-red);
  }
}

.invoicePaymentStatus {
  background-color: var(--color-pastel-lightgrey);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  cursor: pointer;

  &.nocursor {
    cursor: default;
  }

  &.paymentStatus_0 {
    background-color: var(--color-pastel-green);
  }

  &.paymentStatus_1 {
    background-color: var(--color-pastel-lightgrey);
  }

  &.paymentStatus_2 {
    background-color: var(--color-pastel-orange);
    cursor: pointer;
  }
}

.paymentStatus {
  background-color: var(--color-pastel-lightgrey);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;

  &.paymentStatus_0 {
    background-color: var(--color-pastel-green);
  }

  &.paymentStatus_10 {
    background-color: var(--color-pastel-orange);
  }

  &.paymentStatus_20 {
    background-color: var(--color-pastel-blue);
  }

  &.paymentStatus_200 {
    background-color: var(--color-pastel-red);
  }
}

.deliveryStatus {
  background-color: var(--color-pastel-lightgrey);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  position: relative;

  &.deliveryStatus_0 {
    background-color: var(--color-pastel-green);
  }

  &.deliveryStatus_1 {
    background-color: var(--color-pastel-red);
  }

  &.deliveryStatus_2 {
    background-color: var(--color-pastel-orange);
  }
}

#sel_deliverystatus li a {
  display: flex;
  align-items: center;
  padding: 5px;

  div[class^=color-] {
    padding: 2px;
  }

  .color_grey {
    background-color: #e0e0e0;
  }

  .color_green {
    background-color: #80b280;
  }

  .color_red {
    background-color: #e2afaf;
  }

  .color_yellow {
    background-color: #eaba6c;
  }

  .fa-truck {
    background-color: transparent;
    text-align: left;
    margin-right: 0;
  }

  >span {
    margin-left: 5px;
    font-size: .9em;
  }

  i {
    text-align: center;
  }
}

.isAssigned {
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;

  &.assigned {
    color: #fff;
    background-color: var(--color-pastel-purple);
  }
}

.attachment {
  background-color: var(--color-pastel-grey);
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  opacity: .4;

  &.hasfile {
    opacity: 1;
  }

  a {
    color: #fff !important;
  }
}

.paymenttype {
  padding: 5px;

  &.payment {
    background-color: var(--color-pastel-grey);
  }

  &.receipt {
    background-color: var(--color-pastel-grey);
  }

  &.salespayment {
    background-color: var(--color-pastel-green);
  }
}

.paymenttype.refund,.paymenttype.creditnote {
  background-color: var(--color-pastel-red);
}

#ntx_windows {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: transparent;
  z-index: var(--header-zindex-overlay);
  height: 0;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #ntx_windows {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;

    #ntx_windowgroup {
      width: var(--height-win-header);

      header {
        height: var(--height-win-header);
        background-color: #494949;
        color: #fff;
        padding: 5px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      header span {
        color: #fff;
        font-size: 1em;
      }

      header i.fa {
        margin-right: 5px;
      }
    }

    .ntx_window {
      position: relative;
      float: right;
      height: auto;
      width: 300px;
      bottom: 0;
      margin-left: 5px;
      transition-property: all;
      transition-duration: .3s;
      transition-timing-function: cubic-bezier(0,1,.5,1);

      a {
        color: #666;
      }

      &.hidden {
        visibility: hidden;
      }

      &.collapsed {
        height: var(--height-win-header);
        overflow: hidden;
        width: 200px;
      }

      &.collapsed header i.fa {
        font-size: 1.56em;
        margin-left: 2px;
      }

      &.collapsed header i.action {
        font-size: 1em;
      }

      &.collapsed article {
        visibility: hidden;
      }

      &.collapsed footer {
        visibility: hidden;
      }

      &.fixed.collapsed {
        width: var(--height-win-header);
      }

      &.fixed.collapsed header .title {
        visibility: hidden;
      }

      header {
        height: var(--height-win-header);
        background-color: #494949;
        color: #fff;
        padding: 9px;
        cursor: pointer;
        display: flex;
        align-items: center;
      }

      header span {
        color: #fff;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        max-width: 235px;
      }

      header i.fa {
        margin-right: 5px;
      }

      header div.action {
        margin-left: auto;
        padding: 10px;
      }

      header div.action:hover {
        background-color: #3c3c3c;
      }

      header div.action i.action {
        font-size: 1em;
        margin-right: 0;
      }

      header.error {
        background: var(--color-pastel-red);
      }

      article {
        position: relative;
        background-color: #fff;
        border-left: solid 1px #c8c8c8;
        border-right: solid 1px #c8c8c8;
        padding: 9px;
        overflow: auto;
        height: 340px;
        width: 300px;
      }

      article ul {
        list-style: none;
      }

      footer {
        height: var(--height-win-header);
        margin: 0;
        border: solid 1px #c8c8c8;
        border-bottom: 0;
        background-color: #fff;
      }

      footer input[type=text] {
        width: 100%;
        height: var(--height-win-header);
        padding: 5px;
        border: 0;
      }

      &.alert header {
        background-color: var(--color-warning-alert);
      }
    }

    #ntx_windowgroup_items {
      position: absolute;
      width: 180px;
      display: none;

      .ntx_window {
        height: var(--height-win-header);
        overflow: hidden;
        width: 180px;
      }

      .ntx_window header {
        background-color: #666;
      }

      .ntx_window header i.fa {
        font-size: 1em;
        margin-left: 2px;
      }

      .ntx_window header i.action {
        font-size: 1em;
      }

      .ntx_window header span.title {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        display: block;
        max-width: 105px;
        font-size: .8em;
      }

      .ntx_window header:hover {
        background-color: #494949;
      }

      .ntx_window article {
        visibility: hidden;
      }

      .ntx_window footer {
        visibility: hidden;
      }
    }
  }

  #ntx_windows .ntx_window.fixed article,#ntx_windows .ntx_window.expandable article {
    min-height: 340px;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
  }
}

@media only screen and (max-width:529px) {
  #ntx_windows {
    display: none;
  }
}

#ntx_chat_master {
  li.company {
    border-top: solid 1px #d0d0d0;

    >div {
      background-color: #d7d7d7;
      padding: 10px;
      cursor: pointer;
    }

    &.hasmessage>div {
      border-left: solid 12px #f2c98f;
    }
  }

  li.staff {
    display: flex;
    opacity: .6;
    padding: 10px 15px;
    cursor: pointer;

    &:hover {
      background-color: #eee;
    }

    .status {
      font-size: .8em;
      font-style: italic;
      color: #666;
      color: var(--color-cancel);
    }

    &.online {
      opacity: 1;
    }

    &.online .profileimg {
      border-color: var(--color-submit) !important;
    }

    &.online .status {
      color: var(--color-submit) !important;
    }

    &.idle {
      opacity: 1;
    }

    &.idle .profileimg {
      border-color: var(--color-pastel-orange) !important;
    }

    &.idle .status {
      color: var(--color-pastel-orange) !important;
    }

    .icon {
      position: relative;

      .profileimg {
        width: 43px;
        height: 43px;
        border-radius: 500px;
        margin-right: 10px;
        border: solid 3px #d7d7d7;
      }

      .nom {
        display: none;
        position: absolute;
        width: auto;
        height: 20px;
        background-color: #e00;
        bottom: 0;
        right: 0;
        border: solid 2px #fff;
        font-size: 10px;
        border-radius: 5px;
        text-align: center;
        line-height: 16px;
        color: #fff;
        padding: 0 4px;
      }

      .nom.hm {
        display: block;
      }

      .handsetstatus {
        position: absolute;
        top: 21px;
        left: -5px;
        font-size: .8em;
      }

      .handsetstatus.status_1 .fa-circle {
        color: var(--color-submit);
      }
    }
  }
}

.chatcontent {
  background-color: #e6e6e6 !important;

  .loadmessages {
    padding: 10px;
    text-align: center;
    border: solid 1px #ccc;
    margin-bottom: 5px;
    background-color: #ddd;
    color: #666;
  }

  ul.messages {
    li .chat {
      display: flex;
      flex-direction: row;

      img.profile {
        width: 30px;
        height: 30px;
      }

      .message {
        background-color: #fff;
        padding: 5px;
        margin-bottom: 10px;
        box-shadow: 0 1px 2px rgba(0,0,0,.15);
        max-width: 230px;
        font-size: .85em;
        word-wrap: break-word;
      }

      .message .time time {
        font-size: .7em;
        color: #666;
        font-style: italic;
      }
    }

    li.self .chat {
      flex-direction: row-reverse;
    }

    li.status .chat {
      img.profile {
        width: 20px;
        height: 20px;
      }

      .message {
        background-color: transparent;
        box-shadow: none;
        font-size: .75em;
        font-style: italic;
        opacity: .5;
      }
    }
  }
}

#ntx_phone_master {
  font-size: .9em;

  li {
    display: flex;
    padding: 10px 15px;

    &.phone {
      position: relative;
    }

    &:hover {
      background-color: #eee;
    }

    .profileimg {
      width: 43px;
      height: 43px;
      border-radius: 500px;
      margin-right: 10px;
      border: solid 3px #d7d7d7;
    }

    .handsetstatus {
      position: absolute;
      top: 37px;
      left: 12px;
      font-size: .75em;
    }

    .handsetstatus .fa-phone {
      transform: rotate(134deg);
    }

    .handsetstatus.status_1 .fa-circle {
      color: var(--color-submit);
    }

    .handsetstatus.status_0 .fa-circle {
      color: var(--color-warning-alert);
    }

    .handsetstatus.status_200 .fa-circle {
      color: var(--color-delete);
    }

    .phonedetails {
      margin-left: auto;
      display: flex;
      flex-direction: column;
    }

    .phonedetails .number {
      display: flex;
      flex-direction: row-reverse;
      font-size: .8em;
      position: relative;
    }

    .phonedetails .number .phonecolour {
      width: 8px;
      height: 8px;
      border-radius: 100px;
      margin-top: 5px;
      margin-left: 3px;
    }

    .phonedetails .time {
      text-align: right;
    }

    .phonedetails .time time.timeago {
      font-size: .65em;
      font-style: italic;
    }
  }
}

#ntx_phone_dialer {
  display: flex;

  input[type=text] {
    width: unset !important;
  }

  .button {
    margin-left: auto;
    display: flex;

    button {
      height: 30px;
      align-self: center;
      border: 0;
    }

    .phonecolour {
      width: 12px;
      height: 12px;
      border-radius: 100px;
      margin-top: 15px;
      margin-left: 3px;
      margin-right: 5px;
    }

    .phonecolour.hasborder {
      border: solid 1px #666;
    }
  }

  #currentPhoneLine {
    cursor: pointer;
  }

  #selPhone {
    background-color: #2a2a2a;
    color: #fff;
    min-width: 150px;

    li {
      padding: 5px 10px;
      cursor: pointer;
    }

    li:hover {
      background-color: #333;
    }
  }
}

.win_contact {
  display: flex;
  flex-direction: column;

  .contact_top {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #e6e6e6 !important;
    padding: 5px;
    height: 110px;

    .contact_left {
      position: relative;
      padding-bottom: 10px;
    }

    .contact_left .profileimg {
      width: 76px;
      height: 76px;
      border-radius: 500px;
      margin-right: 10px;
      border: solid 3px #d7d7d7;
    }

    .contact_left .handsetstatus {
      position: absolute;
      top: 45px;
      left: 0;
      font-size: .75em;
    }

    .contact_left .handsetstatus .fa-phone {
      transform: rotate(134deg);
    }

    .contact_left .handsetstatus.status_1 .fa-circle {
      color: var(--color-submit);
    }

    .contact_left .handsetstatus.status_0 .fa-circle {
      color: var(--color-warning-alert);
    }

    .contact_left .handsetstatus.status_200 .fa-circle {
      color: var(--color-delete);
    }

    .contact_left .timeago {
      font-size: .8em;
      font-style: italic;
      color: #666;
    }

    .contact_right {
      flex-grow: 1;
      height: 100px;
      display: flex;
      flex-direction: column;
    }

    .contact_right .actions {
      margin-top: auto;
      display: flex;
      flex-direction: row-reverse;
    }

    .contact_right .actions .fa {
      cursor: pointer;
      color: #666;
      margin: 5px;
    }

    .contact_right .actions .fa:hover {
      color: #494949;
    }
  }

  .contact_bottom {
    overflow-x: hidden;
    overflow-y: auto;

    li:hover {
      background-color: var(--color-hover);
    }

    .info_items {
      background-color: var(--color-form-label-background);
      display: flex;
      flex-direction: column;
    }

    .info_items .info_item {
      display: flex;
    }

    .info_items .info_item .label {
      width: 30px;
      padding: 5px;
      text-align: right;
      text-transform: lowercase;
      align-self: center;
      font-size: .8em;
    }

    .info_items .info_item .label .fa {
      color: var(--color-description);
    }

    .info_items .info_item .label.full {
      width: auto;
    }

    .info_items .info_item .value {
      padding: 5px;
      background: var(--color-form-field-background);
      flex-grow: 1;
    }

    .info_items .info_item .value span {
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      display: block;
      max-width: 230px;
    }

    .info_items .info_item .value .ntx_emailactions_wrapper {
      display: flex;
      flex-direction: row;
      padding: 2px;
      align-items: center;
      height: auto !important;
      line-height: normal;
    }

    .info_items .info_item .value .ntx_action {
      display: flex;
      flex-direction: row;
      padding: 2px;
      align-items: center;
    }

    .info_items .info_item .value.groups {
      display: flex;
    }

    .info_items .info_item .value.groups .colorcode {
      margin-right: 3px;
    }

    .info_items .info_item .section {
      font-weight: bold;
      padding: 10px;
    }

    .info_items .info_item.contact {
      padding: 10px 15px;
    }

    .notes_items .notes_item {
      display: flex;
      padding: 10px 15px;
    }

    .notes_items .notes_item .type {
      margin-right: 5px;
    }

    .notes_items .notes_item .type img {
      margin-top: 3px;
    }

    .notes_items .notes_item .details .info {
      font-size: .8em;
      font-style: italic;
      color: #666;
    }

    .notes_items .notes_item .right {
      margin-left: auto;
    }

    .tasks_items .tasks_item {
      display: flex;
      padding: 10px 15px;
    }

    .tasks_items .tasks_item.completed .details .subject {
      text-decoration: line-through;
    }

    .tasks_items .tasks_item .complete {
      width: 18px;
      min-width: 18px;
    }

    .tasks_items .tasks_item .colorbar {
      margin: 0 3px;
      width: 5px;
      min-width: 5px;
      border-radius: 5px;
    }

    .tasks_items .tasks_item .colorbar.priority_0 {
      background-color: #88a8cb;
    }

    .tasks_items .tasks_item .colorbar.priority_1 {
      background-color: #b3b3b3;
    }

    .tasks_items .tasks_item .colorbar.priority_2 {
      background-color: #e2afaf;
    }

    .tasks_items .tasks_item .details .otherdetails .staff {
      display: flex;
      font-size: .8em;
      font-style: italic;
      color: #666;
    }

    .tasks_items .tasks_item .details .otherdetails .staff .colorcode {
      align-self: center;
      width: 13px;
      height: 13px;
      border-radius: 3px;
      display: inline-block;
    }

    .tasks_items .tasks_item .details .otherdetails .staff .colorcode.assigned_type_1 {
      background-color: var(--color-pastel-blue);
    }

    .tasks_items .tasks_item .details .otherdetails .staff .colorcode.assigned_type_2 {
      background-color: var(--color-pastel-orange);
    }

    .tasks_items .tasks_item .details .otherdetails .staff .colorcode.assigned_type_3 {
      background-color: var(--color-pastel-grey);
    }

    .tasks_items .tasks_item .right {
      margin-left: auto;
    }

    .billing_items {
      display: flex;
      flex-direction: column;
      background-color: var(--color-form-label-background);
      padding: 5px;
    }

    .billing_items .billing_item table.billingbalance {
      width: 100%;
      font-size: .85em;
      margin-bottom: 10px;
    }

    .billing_items .billing_item table.billingbalance th {
      border-bottom: solid 1px #ddd;
    }

    .billing_items .billing_item table.billingbalance tbody tr:hover {
      background-color: #fff;
    }

    .billing_items .billing_item table.billingbalance .debt {
      color: var(--color-outstanding);
    }

    .billing_items .billing_item table.billingbalance .credit {
      color: var(--color-credit);
    }

    .billing_items .billing_item table.billingbalance .amount {
      font-style: italic;
      padding: 3px;
      text-align: right;
    }

    .billing_items a.lnk_billing {
      margin-left: auto;
    }

    .billing_items a.lnk_billing span {
      padding-right: 5px;
      font-size: .9em;
      text-transform: lowercase;
    }

    .buttons {
      padding: 10px;
    }

    .buttons .ntx_button {
      margin: 2px 0;
      display: block;
      height: 30px;
      padding: 5px 10px;
    }

    .buttons .ntx_button .fa-plus {
      margin-right: 5px;
    }
  }

  .tasks_items .tasks_item .details {
    max-width: 200px;
  }
}

.win_contact .contact_bottom .noteform,.win_contact .contact_bottom .taskform {
  overflow: hidden;
  background-color: #fafafa;
}

.win_contact .contact_bottom .noteform .fa-plus,.win_contact .contact_bottom .taskform .fa-plus {
  float: right;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 10px;
}

.col-flex {
  display: flex;
  flex: 1 0 auto;

  .ui-datepicker-trigger {
    background: none;
    border: 0;
    height: 28px;
  }
}

.row .box {
  padding: .5em 1em;

  &.label {
    background-color: #efefef;
    font-size: .8em;
    font-style: italic;
    color: #666;
    height: 100%;
    text-align: right;
  }

  &.label label::after {
    content: ":";
  }
}

.row.full {
  width: 100%;
}

div[class*=col-] input[type=text],div[class*=col-] input[type=date] textarea {
  width: 100%;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  #divResults div.pgResults_wrapper div.pgResults #pgRows,#divResults div.pgResults_wrapper div.pgResults #pgRowsLabel {
    display: block !important;
  }
}

@media only screen and (min-width:950px) {
  #floatsubmitbar {
    position: relative;
    background-color: transparent;
    left: auto;
    right: auto;
    height: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 8px 40px;

    &.floatfix {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
    }
  }
}

.datetime_wrapper {
  position: relative;

  .ui-datepicker-trigger {
    background: none;
    border: 0;
    height: 100%;
    position: absolute;
    right: 12px;
    top: 0;

    .fa {
      font-size: 1.25em;
    }

    &:hover {
      cursor: pointer;
    }

    &:focus {
      background: none !important;
    }
  }
}

.datepicker_container .ntx_button.label {
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  margin: 0;
  text-transform: lowercase;
  font-size: .8em;
  opacity: .8;
  text-align: center;

  &:hover {
    opacity: 1;
  }

  &.active {
    opacity: 1;
    color: #fff !important;
    background-color: #333;
  }
}

td.status {
  height: 45px;
}

.input-icon {
  position: relative;

  >i {
    position: absolute;
    display: block;
    transform: translate(0,-50%);
    top: 50%;
    pointer-events: none;
    width: 25px;
    text-align: center;
    font-style: normal;
  }
}

.ntx_formalize .input-icon>input,.ntx_formalize .input-icon>textarea {
  padding-left: 25px;
  padding-right: 10px;
  margin: 0 0 0 0;
}

c .input-icon-right>i {
  right: 0;
}

.ntx_formalize .input-icon-right>input,.ntx_formalize .input-icon-right>textarea {
  padding-left: 10px;
  padding-right: 25px;
}

form#form_invoice .add-button {
  min-width: 50px;
  line-height: 30px;
}

form.invoicedetails {
  .formrow {
    align-items: center;
  }

  .ntx_radiogroup {
    input[type=radio] {
      position: absolute;
      visibility: hidden;
      display: none;

      &:checked+label {
        color: #e5e5e5;
      }
    }

    label {
      border-radius: 5px;
      position: relative;
      color: #999;
      display: inline-block;
      cursor: pointer;
      font-weight: bold;
      padding: 3px 15px;
      top: 0;
      left: 0;
      transform: none;
      font-size: .8em;
      margin-top: 8px;
      border: solid 1px #999;
    }
  }

  .bn_days {
    white-space: nowrap;
    display: inline-block;
    text-align: center;
    border: solid 1px #ccc;
    color: #666;
    cursor: pointer;
    padding: 5px 10px;
    font-size: .7em;
    border-radius: 5px;
    text-transform: lowercase;
    text-decoration: none;
    margin-top: 10px;
    margin-left: 10px;

    &:hover {
      background-color: rgba(255,255,255,.9);
      color: #333;
    }
  }
}

.ntx_alertmessageholder {
  padding: 30px;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 5px;

  .title {
    font-weight: bold;
    margin-bottom: 10px;
  }

  .item {
    padding: 5px;
    text-align: left;

    .ntx_button {
      padding: 5px;
    }
  }

  &.redirectwarning {
    background-color: var(--color-button);
    border-color: #c6c6c6;
  }

  &.redirectwarning .item:hover {
    background-color: #c6c6c6;
  }

  &.disablealert {
    background-color: var(--color-pastel-red);
    border-color: #d37c7c;
    color: #642828;
    font-weight: bold;
  }

  &.disablealert .item:hover {
    background-color: #d37c7c;
  }

  &.messagealert {
    background-color: #fffbd7;
    border-color: #fff167;
    color: #342f00;
  }

  &.messagealert .item:hover {
    background-color: #fff167;
  }

  &.newsalert {
    background-color: #555;
    color: #ccc;
  }

  &.newsalert a {
    color: #fff !important;
  }
}

.ntx_rating_container {
  flex-direction: column !important;

  .ntx_rating {
    font-size: 1.25em;

    .fa-star-o {
      color: #999;
    }

    .fa-star {
      color: #f7c214;
    }
  }
}

.productdoc {
  display: flex !important;

  .pdoctype {
    background-color: #999;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin-right: 10px;
  }
}

.fa-picture-o.productimage {
  margin: 5px 2px;
  font-size: 3em;
  color: #ddd;
  height: 100%;
  width: 100%;
}

.fa-picture-o.productprofileimage {
  margin: 18px 16px;
  font-size: 3.5em;
  color: #ddd;
}

.row_invoicetags {
  display: flex !important;
  align-items: center;

  .ribbon.invoicetag {
    width: 10px;
    box-sizing: border-box;
    height: 20px;
    border: 5px solid transparent;
    border-bottom: 5px solid transparent !important;
    border-top: 0;
    margin-right: 5px;
    margin-top: 2px;
    margin-left: 2px;

    >a {
      display: block;
      box-sizing: border-box;
      height: 20px;
      width: 10px;
      margin-left: -5px;
      text-align: center;
      padding-top: 8px;
      color: #fff !important;
      text-decoration: none;
    }
  }
}

#sel_processes li>a>i.fa {
  margin-right: 8px;
}

.re-popup.open {
  z-index: 10000006;
}

@media only screen and (min-width:530px) and (max-width:949px),only screen and (min-width:950px) {
  .re-popup.open {
    z-index: 10000005 !important;
  }
}

.ntx_search_highlight {
  background-color: var(--color-pastel-yellow);
  border-radius: 3px;
  padding: 0 4px;
  margin: 0 -4px;
}

#ntx_page_sequences {
  .name {
    .fa {
      margin-right: 5px;
    }

    .date {
      text-align: right;
      font-size: .85em;
    }
  }

  .status {
    width: 80px;
    margin-right: 10px;

    span {
      text-align: center;
      width: 100%;
      display: inline-block;
      padding: 5px 8px;
      border-radius: 5px;

      &.status_0 {
        background-color: var(--color-backoffice);
        color: #333;
      }

      &.status_1 {
        background-color: var(--color-accounting);
        color: #fff;
      }

      &.status_10 {
        background-color: var(--color-pastel-green);
        color: #fff;
      }

      &.status_200 {
        background-color: var(--color-description);
        color: #fff;
      }
    }
  }
}

#iteminfo.ntx_popup_div .row {
  margin-bottom: 5px;
  font-size: .85em;

  &:hover {
    background-color: #999;
  }

  .item {
    padding: 10px;
    background-color: #fff;
  }

  &:hover .item {
    color: #fff;
    background-color: #999;
  }
}

#sel_sequences li i {
  margin-right: 5px;
}

.ntx_objecttask_status {
  background-color: #e0e0e0;
  font-size: .8em;
  padding: 3px 10px;
  border-radius: 50px;
}

.ntx_productsearch {
  padding-top: unset;

  #frm_searchall {
    padding-top: unset;
  }
}