@import "fontastic.css";
@font-face {
  font-family: 'Biryani';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/biryani/v13/hv-WlzNxIFoO84YdfUsTOQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Biryani';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/biryani/v13/hv-TlzNxIFoO84YddZQ3KTdYVw.ttf) format('truetype');
}
@font-face {
  font-family: 'Biryani';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/biryani/v13/hv-TlzNxIFoO84YddfA2KTdYVw.ttf) format('truetype');
}
@font-face {
  font-family: 'Biryani';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/biryani/v13/hv-TlzNxIFoO84Yddew1KTdYVw.ttf) format('truetype');
}
@font-face {
  font-family: 'Biryani';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/biryani/v13/hv-TlzNxIFoO84Yddcg0KTdYVw.ttf) format('truetype');
}
.mobile-show {
  display: none;
}
@media only screen and (max-width: 480px) {
  .mobile-hide {
    display: none !important;
  }
  .mobile-show {
    display: block;
  }
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"]
{
  border: 1px solid rgba(140, 152, 175, 0.4);
  -webkit-box-shadow: inset 0 1px 0px 2px rgba(140, 152, 175, 0.07);
  box-shadow: inset 0 1px 0px 2px rgba(140, 152, 175, 0.07);
  margin-bottom: 0.9rem;
  font-size: 0.75rem;
  padding-top: 13px;
}
textarea {
    border: 1px solid rgba(140, 152, 175, 0.4);
    -webkit-box-shadow: inset 0 1px 0px 2px rgba(140, 152, 175, 0.07);
    box-shadow: inset 0 1px 0px 2px rgba(140, 152, 175, 0.07);
    margin-bottom: 0.9rem;
    font-size: 0.75rem;
    padding-top: 8px;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
  background: var(--primary-fade);
}
table {
  border: 1px solid rgba(140, 152, 175, 0.4);
}
table thead {
  background: #F7F8FA;
}
table thead tr th {
  color: #282934;
}
table.multi-line-table {
  margin-bottom: 0px;
}
table.multi-line-table input,
table.multi-line-table select,
table.multi-line-table span.display {
  margin-bottom: 0;
}
table.multi-line-table input[type="text"],
table.multi-line-table input[type="number"] {
  padding-top: 7px;
}
table.multi-line-table input[type="text"],
table.multi-line-table input[type="number"],
table.multi-line-table select,
table.multi-line-table textarea {
  background: #fff;
  font-size: 0.6rem;
}
table.multi-line-table input[type="text"][readonly],
table.multi-line-table input[type="number"][readonly],
table.multi-line-table select[readonly],
table.multi-line-table textarea[readonly],
table.multi-line-table input[type="text"][disabled],
table.multi-line-table input[type="number"][disabled],
table.multi-line-table select[disabled],
table.multi-line-table textarea[disabled] {
  background: #fff;
}
table.multi-line-table th {
  font-size: 0.6rem;
  font-weight: 400;
  padding: 2px;
  line-height: 11px;
}
table.multi-line-table td {
  padding: 2px !important;
}
ul.pagination li a,
ul.pagination li button {
  color: #282934;
}
ul.pagination li:hover {
  background: #F7F8FA;
}
.bld {
  font-weight: bold;
}
.bs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fontfam {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.ba {
  border: 1px solid #ddd;
}
.bb {
  border-bottom: 1px solid #ddd;
}
.br {
  border-right: 1px solid #ddd;
}
.bl {
  border-left: 1px solid #ddd;
}
.bt {
  border-top: 1px solid #ddd;
}
.mt {
  margin-top: 10px;
}
.mb {
  margin-bottom: 10px;
}
.ml {
  margin-left: 10px;
}
.mr {
  margin-right: 10px;
}
.ma {
  margin: 10px;
}
.mt20 {
  margin-top: 20px;
}
.cnt {
  text-align: center;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.clear {
  clear: both;
}
.clearl {
  clear: left;
}
.wt {
  background: #fff;
}
.pos {
  color: #18C395;
}
.neg {
  color: #de412a;
}
._2-5 {
  width: 2.5%;
}
._3-5 {
  width: 3.5%;
}
._5 {
  width: 5%;
}
._7-5 {
  width: 7.5%;
}
._10 {
  width: 10%;
}
._12-5 {
  width: 12.5%;
}
._15 {
  width: 15%;
}
._17-5 {
  width: 17.5%;
}
._20 {
  width: 20%;
}
._22-5 {
  width: 22.5%;
}
._25 {
  width: 25%;
}
._27-5 {
  width: 27.5%;
}
._30 {
  width: 30%;
}
._32-5 {
  width: 32.5%;
}
._35 {
  width: 35%;
}
._40 {
  width: 40%;
}
._45 {
  width: 45%;
}
._50 {
  width: 50%;
}
._55 {
  width: 55%;
}
._60 {
  width: 60%;
}
._65 {
  width: 65%;
}
._70 {
  width: 70%;
}
._75 {
  width: 75%;
}
._77-5 {
  width: 77.5%;
}
._80 {
  width: 80%;
}
._85 {
  width: 85%;
}
._90 {
  width: 90%;
}
._95 {
  width: 95%;
}
._97-5 {
  width: 97.5%;
}
._100 {
  width: 100%;
}
.pad {
  padding: 10px;
}
.pad20 {
  padding: 20px;
}
.tab-pad {
  padding: 10px 10px 0 10px;
}
.page-width {
  max-width: 1000px;
}
.transition {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
html {
  overflow: hidden;
}
body {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
  background: #F7F8FA;
  overflow: hidden;
  background-position: bottom right;
  background-repeat: no-repeat;
}
a {
  color: #282934;
}
a:hover {
  color: #ef511f;
}
input[type="text"],
input[type="number"] {
  border-radius: 3px;
}
select {
  background-color: white;
  border-radius: 3px;
  border: 1px solid rgba(140, 152, 175, 0.4);
  -webkit-box-shadow: inset 0 1px 0px 2px rgba(140, 152, 175, 0.07);
  box-shadow: inset 0 1px 0px 2px rgba(140, 152, 175, 0.07);
  padding: 7px 8px !important;
  font-size: 0.7rem !important;
}
select:hover {
  background-color: #fafafa;
}
label {
  cursor: default;
  font-size: 0.72rem;
  color: #282934;
  font-weight: 400;
}
label:hover {
  cursor: default;
}
label.name-inline {
  font-size: 1rem;
  color: #ef511f;
  margin-top: 25px;
}
label span.helper {
  display: block;
  color: #999;
  font-weight: 400;
  padding-bottom: 3px;
}
label.mandatory:after {
  content: '*';
  color: #de412a;
  font-weight: 700;
  font-size: 13px;
}
.no-mandatory-label label .mandatory {
  cursor: default;
}
.no-mandatory-label label .mandatory:after {
  content: '';
}
textarea {
  border-radius: 3px;
}
input[type="checkbox"] {
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
  display: inline-block;
  margin-right: 5px;
}
select {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
p.nm {
  margin-bottom: 0;
}
h1 {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
h1.text-danger {
  color: #de412a;
}
h2 {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  padding: 10px 0px 10px 10px;
  color: #ef511f;
  margin-bottom: 16px;
  min-height: 40px;
}
h2.nb {
  border-bottom: none;
  padding-bottom: 5px;
}
h2.cc {
  border-bottom: none;
  position: relative;
}
h2.cc .crumbs {
  color: #999;
  font-size: 0.8rem;
  height: 12px;
}
h2.cc .crumbs span[class^="icon-"],
h2.cc .crumbs span[class*=" icon-"] {
  position: relative;
  top: 3px;
  font-size: 1rem;
}
h2 a {
  float: right;
  font-size: 0.8rem;
  -webkit-transform: translateY(7px);
  transform: translateY(7px);
  margin-right: 10px;
}
h2 > span[class^="icon-"],
h2 > span[class*=" icon-"] {
  position: relative;
  top: 4px;
}
h2 .right-logo {
  float: right;
  width: 200px;
  height: 60px;
  background-size: contain;
  background-repeat: no-repeat;
}
h3 {
  color: #282934;
  height: 43px;
  font-size: 1.2rem;
  padding: 5px 20px 0 10px;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
h3 .d-icon {
  margin-right: 10px;
  position: relative;
  top: 2px;
  color: #ef511f;
}
h3.mt {
  margin-top: 30px;
}
h3.np {
  padding: 0;
}
h3 .total {
  height: 28px;
  min-width: 28px;
  margin-left: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #1a3360;
  color: #fff;
  text-align: center;
}
h4 {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
h5 {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
h6 {
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 700;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.row.st {
  padding-top: 25px;
}
.row.sb {
  padding-bottom: 25px;
}
.row.sl {
  padding-left: 25px;
}
.row.sr {
  padding-right: 25px;
}
.columns.np {
  padding: 0;
}
.columns.less-padding {
  padding: 0 0.2rem;
}
.body-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: calc(100vh - 59px);
  float: left;
  overflow: auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.body-content.expanded {
  width: calc(100% - 50px);
}
section {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
section.section--important {
  background: rgba(239, 81, 31, 0.1);
  border-right: 20px solid rgba(239, 81, 31, 0.1);
  border-bottom: 20px solid rgba(239, 81, 31, 0.1);
}
section.section--important.top-bottom {
  border-right: 10px solid rgba(239, 81, 31, 0.1);
  border-top: 10px solid rgba(239, 81, 31, 0.1);
}
section.section--important .table-grid {
  background: rgba(239, 81, 31, 0.1);
  margin-bottom: 0;
}
section.section--important .table-grid span.display,
section.section--important .table-grid input[readonly] {
  background: rgba(255, 255, 255, 0.7) !important;
  color: #ef511f;
  border-color: rgba(239, 81, 31, 0.5) !important;
  font-weight: 700;
}
section.section--important .table-grid span.display.important,
section.section--important .table-grid input[readonly].important {
  background: #ef511f !important;
  color: #fff;
}
section.section--important .table-grid td.non-collapsable-grid-header {
  color: rgba(239, 81, 31, 0.8);
}
section.section--secondary {
  background: rgba(26, 51, 96, 0.1);
}
section.section--secondary .table-grid {
  background: transparent;
}
section.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
section.pl {
  padding-left: 10px;
}
section.pr {
  padding-right: 10px;
}
section.pt {
  padding-top: 10px;
}
section.pb {
  padding-bottom: 10px;
}
section._2-5 {
  width: 2.5%;
}
section._5 {
  width: 5%;
}
section._7-5 {
  width: 7.5%;
}
section._10 {
  width: 10%;
}
section._12-5 {
  width: 12.5%;
}
section._15 {
  width: 15%;
}
section._17-5 {
  width: 17.5%;
}
section._20 {
  width: 20%;
}
section._22-5 {
  width: 22.5%;
}
section._25 {
  width: 25%;
}
section._27-5 {
  width: 27.5%;
}
section._30 {
  width: 30%;
}
section._32-5 {
  width: 32.5%;
}
section._35 {
  width: 35%;
}
section._40 {
  width: 40%;
}
section._45 {
  width: 45%;
}
section._50 {
  width: 50%;
}
section._55 {
  width: 55%;
}
section._60 {
  width: 60%;
}
section._65 {
  width: 65%;
}
section._70 {
  width: 70%;
}
section._75 {
  width: 75%;
}
section._77-5 {
  width: 77.5%;
}
section._80 {
  width: 80%;
}
section._85 {
  width: 85%;
}
section._90 {
  width: 90%;
}
section._95 {
  width: 95%;
}
section._97-5 {
  width: 97.5%;
}
section._100 {
  width: 100%;
}
.wizard-side {
  background: #F7F8FA;
  padding: 10px;
}
.wizard-side ul {
  margin: 0;
}
.wizard-side ul li {
  list-style-type: none;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 5px;
}
.wizard-side ul li.selected {
  background: #ef511f;
  color: #fff;
  border-radius: 2px;
}
.wizard-side ul li.selected:hover {
  background: #ef511f;
  color: #fff;
}
.wizard-side ul li:hover {
  background: rgba(239, 81, 31, 0.1);
  color: #ef511f;
}
.webcontractor-logo {
  cursor: pointer;
  width: 250px;
  position: absolute;
  left: 5px;
  z-index: 4;
  margin: 7px;
  height: 39px;
}
.webcontractor-logo.dark-mode {
  display: none !important;
}
.webcontractor-logo.webcontractor-logo--blue {
  width: 200px;
  top: 5px;
  left: 5px;
}
.dark-mode .webcontractor-logo.dark-mode {
  display: block !important;
}
#timeline-container::-webkit-scrollbar {
  display: none;
}
.timeline-item {
  margin: 20px;
}
.timeline-list li {
  white-space: nowrap;
  overflow: hidden;
  display: inline;
  list-style-type: none;
  padding-right: 20px;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
header.primary-header {
  -webkit-box-shadow: 0 1px 10px 1px rgba(40, 41, 52, 0.1);
  box-shadow: 0 1px 10px 1px rgba(40, 41, 52, 0.1);
  height: 59px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 3;
}
header.primary-header .button,
header.primary-header input[type="submit"] {
  align-items: flex-start;
}
@media only screen and (max-width: 480px) {
  header.primary-header .button,
  header.primary-header input[type="submit"] {
    align-items: center;
  }
}
header.primary-header .account-button {
  margin-right: 7px;
  text-align: left;
  padding-left: 10px;
  height: 44px;
}
header.primary-header .account-button .name {
  line-height: 17px;
  padding-right: 5px;
}
@media only screen and (max-width: 480px) {
  header.primary-header .account-button .name {
    padding-right: 0;
  }
}
header.primary-header .account-button .company-name {
  font-size: 0.6rem;
}
header.primary-header .account-button .profile-img {
  height: 30px;
  width: 30px;
  float: left;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 3px;
  margin-right: 10px;
}
header.primary-header .account-button.dropdown .dropdown-content {
  top: 45px;
  width: 205px;
}
header.primary-header .account-button .company-name-big {
  text-overflow: ellipsis;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
}
header.primary-header .account-button .icon-users {
  font-size: 1.4rem;
}
header.primary-header #timeline-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 320px;
  padding: 20px 0;
  cursor: -webkit-grab;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
header.primary-header #timeline-container:hover {
  -webkit-box-shadow: inset 0 -2px 0 0 #999;
  box-shadow: inset 0 -2px 0 0 #999;
  background: #F7F8FA;
}
header.primary-header #timeline-container .timeline-list {
  font-size: 0.7rem;
}
header.primary-header .webcontractor-logo-white {
  display: none;
}
header.primary-header .fr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
header.primary-header .ecx-logo {
  margin: 15px;
  cursor: pointer;
  float: right;
  width: 82px;
}
header.primary-header ul.nav {
  margin-left: 375px;
  margin-bottom: 0;
}
header.primary-header ul.nav li {
  list-style-type: none;
  text-decoration: none;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
nav.primary-nav {
  width: 225px;
  height: calc(100vh - 59px);
  float: left;
  background: #F7F8FA;
  border-right: 1px solid rgba(40, 41, 52, 0.1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 480px) {
  nav.primary-nav {
    border-right: none;
  }
}
nav.primary-nav .copyright-text {
  position: absolute;
  bottom: 13px;
  left: 13px;
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #282934;
  font-size: 0.7rem;
  font-weight: 300;
}
nav.primary-nav .menu-toggle {
  color: #282934;
  cursor: pointer;
  display: block;
  padding: 8px 8px 8px 12px;
  overflow: hidden;
  font-size: 1rem;
  position: absolute;
  bottom: 8px;
  right: 5px;
  width: 30px;
  height: 30px;
  background: rgba(40, 41, 52, 0.05);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}
nav.primary-nav .menu-toggle span {
  position: relative;
  left: -5px;
  top: -1px;
}
nav.primary-nav .menu-toggle:hover {
  background: #41acb9;
  color: #fff;
}
nav.primary-nav .menu-toggle .title {
  font-size: 0.8rem;
  float: left;
  margin-top: 3px;
  margin-left: 10px;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
nav.primary-nav .main-menu {
  overflow: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 146px);
}
nav.primary-nav ul {
  margin: 0;
}
nav.primary-nav ul > li:hover,
nav.primary-nav ul > li.selected {
  text-decoration: none;
  background: #41acb9;
  color: #fff;
}
nav.primary-nav ul li {
  list-style-type: none;
  padding: 6px 6px;
  color: #282934;
  display: block;
  cursor: pointer;
  position: relative;
  border-bottom: 1px dotted rgba(40, 41, 52, 0.1);
}
nav.primary-nav ul li.selected span[class^="icon-"],
nav.primary-nav ul li.selected span[class*=" icon-"] {
  background: rgba(255, 255, 255, 0.05);
}
nav.primary-nav ul li.selected .title {
  font-weight: 700;
}
nav.primary-nav ul li.release-notes {
  margin-top: 5px;
}
nav.primary-nav ul li.release-notes .title,
nav.primary-nav ul li.release-notes span[class^="icon-"],
nav.primary-nav ul li.release-notes span[class*=" icon-"] {
  color: #41acb9;
}
nav.primary-nav ul li.release-notes:hover .title,
nav.primary-nav ul li.release-notes:hover span[class^="icon-"],
nav.primary-nav ul li.release-notes:hover span[class*=" icon-"] {
  color: #fff;
}
nav.primary-nav ul li:active {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
  z-index: 9;
  background: #e44310;
}
nav.primary-nav ul li span[class^="icon-"],
nav.primary-nav ul li span[class*=" icon-"] {
  margin-right: 10px;
  margin-left: 5px;
  position: relative;
  top: 2px;
  font-size: 0.8rem;
  background: rgba(40, 41, 52, 0.05);
  height: 22px;
  display: inline-block;
  width: 22px;
  border-radius: 4px;
  text-align: center;
  padding-top: 5px;
}
nav.primary-nav ul li span[class^="icon-"].icon-arrow-down,
nav.primary-nav ul li span[class*=" icon-"].icon-arrow-down {
  color: #999;
  margin-right: 0;
  margin-left: 10px;
  font-size: 0.8rem;
}
nav.primary-nav ul li span.title {
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.7rem;
  font-weight: 400;
}
nav.primary-nav ul li:last-child {
  border-right: none;
}
nav.primary-nav ul li:last-child > ul {
  border-right: none;
}
nav.primary-nav ul li:hover > ul {
  display: block;
}
nav.primary-nav ul li > ul {
  display: none;
  position: absolute;
  top: 43px;
  left: -1px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 2px solid #ef511f;
  -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  z-index: 3;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
nav.primary-nav ul li > ul li {
  border-bottom: 1px solid #ddd;
  width: 100%;
  border-right: none;
  background: #fff;
  padding: 5px;
  font-size: 0.9rem;
  color: #282934;
}
nav.primary-nav ul li > ul li:hover,
nav.primary-nav ul li > ul li.selected {
  color: #fff;
}
nav.primary-nav.collapsed {
  width: 50px;
}
nav.primary-nav.collapsed .copyright-text {
  opacity: 0;
}
nav.primary-nav.collapsed li {
  z-index: 1;
}
nav.primary-nav.collapsed li .title {
  display: none;
}
nav.primary-nav.collapsed li:hover .title {
  position: absolute;
  top: 0;
  left: 38px;
  background: #41acb9;
  display: block;
  padding: 12px 15px 10px 5px;
  z-index: 9;
  border-radius: 0 3px 3px 0;
  box-shadow: 0 1px 0 0 #00cadc7a;
}
nav.primary-nav.collapsed .menu-toggle {
  padding-left: 0px;
  background: #41acb9;
  left: 10px;
}
nav.primary-nav.collapsed .menu-toggle .icon-arrow-left.left {
  color: #fff;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  left: 7px;
  top: -10px;
}
nav.primary-nav.collapsed .menu-toggle .title {
  display: none;
}
nav.primary-nav.collapsed .main-menu {
  overflow: visible;
}
input[type="text"].data-ready {
  background: rgba(239, 81, 31, 0.1);
  border-color: #ef511f;
}
input[type="text"].important {
  color: #ef511f;
  font-weight: 700;
  font-size: 1.2rem;
  border: 2px solid #ef511f;
}
input[type="text"].not-as-important {
  font-weight: 700;
  font-size: 1.1rem;
  color: #1a3360;
  border: 1px solid #1a3360;
}
input[type="checkbox"].check {
  float: left;
  margin-right: 10px;
  position: relative;
  top: 2px;
}
input[type="checkbox"] + label {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
footer.primary-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px;
  text-align: right;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dialog {
  display: none;
}
.dialog-overlay {
  background: rgba(100, 100, 100, 0.5);
  z-index: 9990;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
}
.dialog-notification-title {
  position: relative;
  top: -10px;
  padding-top: 10px;
}
.dialog-notification-subtitle {
  flex-basis: 100%;
  position: relative;
  top: -15px;
  left: 15px;
  color: #404040;
  font-size: 14px;
}
.dialog {
  width: auto;
  height: auto;
  background: #fff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  max-width: 100vw;
  max-height: 100vh;
  min-width: 300px;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dialog .dialog-width {
  display: none;
}
.dialog .dialog-max-width {
  display: none;
}
.dialog section.bigpad {
  padding: 30px 30px;
}
.dialog section.content-container {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  max-width: 100vw;
  overflow: hidden;
}
.dialog section.content-container.nbt {
  border-top: none;
}
.dialog header .icon-cross.close {
  transform: none;
  float: right;
  margin-top: 38px;
  margin-right: 20px;
  font-size: 1rem;
  margin-bottom: 0px;
  position: static;
  margin: 17px 17px 0 0;
}
.dialog header .icon-cross.close:hover {
  color: #41acb9;
}
    .dialog header .dialog-title {
        display: inline-block;
        padding: 13px 15px 10px 15px;
        font-weight: bold;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 1.2rem;
        color: var(--primary);
    }
.dialog header .dialog-ref {
  background: #F7F8FA;
  border-radius: 2px;
  padding: 3px;
  font-size: 0.8rem;
  margin-left: 10px;
}
.dialog header .dialog-status {
  color: #fff;
  padding: 3px 10px;
  border-radius: 2px;
  font-size: 0.8rem;
  float: right;
  margin-right: 30px;
}
.dialog header .dialog-status.not-started {
  background: #666;
}
.dialog header .dialog-status.current {
  background: #18C395;
}
.dialog header .close {
  color: #666;
  float: right;
  font-size: 2.4em;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  position: relative;
  bottom: 10px;
  right: 5px;
}
.dialog header .close:hover {
  color: #ef511f;
}
.dialog header .icon-print {
  float: right;
  margin-top: 6px;
  margin-right: 16px;
  cursor: pointer;
}
.dialog header .icon-print:hover {
  color: #ef511f;
}
.dialog header.dialog-header {
  height: 140px;
  background: #999;
  color: #fff;
  overflow: hidden;
}
.dialog header.dialog-header.positive {
  background: #18C395;
}
.dialog header.dialog-header.negative {
  background: #de412a;
}
.dialog header.dialog-header.secondary {
  background: #ef511f;
}
.dialog header.dialog-header.primary {
  background: #1a3360;
}
.dialog header.dialog-header .big-icon-container {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  color: #333;
  text-align: center;
  padding: 20px;
  -webkit-box-shadow: 3px 0px 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 3px 0px 0 3px rgba(0, 0, 0, 0.2);
  margin-top: 20px;
  margin-left: 30px;
}
.dialog header.dialog-header .big-icon-container span {
  font-size: 3.5rem;
}
.dialog header.dialog-header .dialog-title {
  float: left;
  font-size: 2.5rem;
  line-height: 1.8rem;
  margin-left: 20px;
  margin-top: 54px;
}
.dialog header.dialog-header .dialog-title .dialog-subtitle {
  font-size: 1rem;
}
.dialog header.dialog-header .dialog-title .dialog-subtitle span {
  margin-right: 10px;
  font-size: 1.4rem;
  margin-top: 10px;
  float: left;
}
.dialog header.dialog-header .close {
  color: #fff;
  font-size: 2.5rem;
  margin-right: 10px;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  text-align: center;
}
.dialog header.dialog-header .close:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.2);
}
.dialog footer {
  padding: 10px;
  text-align: right;
  clear: both;
}
.dialog fieldset legend {
  background: transparent;
}
fieldset legend {
  font-weight: normal;
  color: #666;
}
.loading {
  padding: 20px;
  text-align: center;
}
.loading-spin {
  width: 50px;
  height: 50px;
  display: block;
  margin: 10px auto;
}
.validation-summary-valid {
  display: none;
}
.explanation-block {
  padding: 10px 20px;
}
.explanation-block p.explanation {
  margin-bottom: 5px;
}
p.explanation {
  font-size: 0.7rem;
}
.login-card {
  background: #fff;
  border-radius: 4px;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px 30px 20px;
}
.login-logo {
  margin: 0 auto 20px auto;
  display: block;
  width: 400px;
}
.login-sub-logo {
  width: 100px;
}
.login-title {
  margin-bottom: 10px;
}
.login-options {
  margin-top: 50px;
  text-align: center;
  color: #ccc;
}
.login-options a {
  color: #666;
  font-size: 1rem;
  border-bottom: 1px solid #F7F8FA;
  border-top: 1px solid #F7F8FA;
  padding: 10px;
  display: block;
  float: none;
}
.login-options a:hover {
  color: #ef511f;
}
label.right-side {
  display: inline-block;
  margin-left: 0.44444rem;
  margin-right: 8px;
  margin-bottom: 0;
  vertical-align: baseline;
}
.alert-box ul {
  margin: 0;
}
.alert-box ul li {
  list-style-type: none;
}
.row.bottom-row input,
.row.bottom-row label {
  margin-bottom: 0;
}
.panel {
  border-radius: 3px;
}
.panel.ly {
  background: lightyellow;
}
.panel p {
  font-size: 0.8rem;
}
body.dark-mode .panel p {
  color: #fff;
}
.panel li {
  font-size: 0.8rem;
}
body.dark-mode .panel li {
  color: #fff;
}
.panel li input[type="text"] {
  display: inline;
}
.panel label {
  display: inline-block;
}
.panel .e-datewidget {
  width: 126px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.panel.nm {
  margin-bottom: 0;
}
.panel.mb5 {
  margin-bottom: 5px;
}
.panel.alert {
  background: rgba(222, 65, 42, 0.1);
  border-color: #de412a;
  color: #de412a;
}
.panel2 {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333;
}
fieldset {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
fieldset.pad {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
fieldset.nmb {
  margin-bottom: 0;
}
fieldset.nbb {
  border-bottom: 0;
}
.dashboard-tiles-totals {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.dashboard-tiles-totals li {
  padding: 5px;
}
.dashboard-tiles-totals li div {
  padding: 20px 10px;
  font-size: 1rem;
  line-height: 1rem;
}
.dashboard-tiles-totals li div .number {
  font-size: 1.8rem;
  margin-right: 10px;
}
.dashboard-tiles-totals li.primary div {
  border-bottom: 5px solid #1a3360;
  color: #282934;
}
.dashboard-tiles-totals li.secondary div {
  border-bottom: 5px solid #ef511f;
  color: #ef511f;
}
.dashboard-tiles {
  width: 100%;
  margin: 0;
  padding: 0px 50px;
}
.dashboard-tiles.padded {
  padding: 20px 50px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dashboard-tiles.flex2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dashboard-tiles.flex2 li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-tiles.flex2 div {
  height: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.dashboard-tiles.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.dashboard-tiles.flex li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.dashboard-tiles.flex li > div {
  height: auto;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dashboard-tiles.flex li > div:hover {
  background: #fff;
  cursor: default;
}
.dashboard-tiles.flex li > div .n-icon {
  margin-right: 10px;
}
.dashboard-tiles.flex li > div .notification-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: left;
  margin-right: 10px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.dashboard-tiles.autoheight li div {
  height: auto;
}
.dashboard-tiles.big li div {
  padding: 30px 10px;
  flex-direction: column;
}
.dashboard-tiles.big li div .d-icon {
  font-size: 2rem;
  transform: translateY(-5px);
  display: inline-block;
  margin-right: 0;
}
.dashboard-tiles.big li div .number {
  height: 43px;
}
.dashboard-tiles.big li div .title {
  font-size: 1rem;
}
.dashboard-tiles li {
  padding: 5px;
}
.dashboard-tiles li > div {
  padding: 15px 10px;
  text-align: center;
  height: 170px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #282934;
  border-radius: 3px;
  min-height: 112px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.dashboard-tiles li > div:hover {
  background: rgba(26, 51, 96, 0.1);
  color: #282934;
}
.dashboard-tiles li > div.search-result {
  padding: 5px;
}
.dashboard-tiles li > div.search-result .logo {
  width: 100%;
  background-size: contain;
  height: 90px;
  margin: 5px 0;
  background-repeat: no-repeat;
  background-position: center center;
}
.dashboard-tiles li > div .top-section {
  border-bottom: 1px solid #F7F8FA;
  text-align: left;
  padding: 0 5px;
  font-size: 0.7rem;
  color: #ccc;
}
.dashboard-tiles li > div .top-section span[class^="icon-"],
.dashboard-tiles li > div .top-section span[class*=" icon-"] {
  margin-right: 5px;
}
.dashboard-tiles li > div .d-icon {
  font-size: 2em;
  margin-right: 15px;
  transform: translateY(5px);
}
.dashboard-tiles li > div .title {
  display: block;
  font-size: 1.2rem;
}
.dashboard-tiles li > div .subtitle {
  display: block;
  font-size: 0.8rem;
  color: #999;
}
.dashboard-tiles li > div .inner {
  padding: 10px;
}
.dashboard-tiles li > div .number {
  min-width: 60px;
  border-radius: 50px;
  height: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  bottom: 10px;
  margin: 0 5px;
  display: inline-block;
  font-size: 2.1rem;
  padding: 0 10px;
}
.dashboard-tiles li > div.empty {
  color: #ccc;
  background: transparent;
  cursor: default;
}
.dashboard-tiles li > div.empty:hover {
  border-color: #ddd;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dashboard-tiles li > div.empty:hover .number {
  background: transparent;
  border-color: #ddd;
  color: #ccc;
}
.dashboard-widget-tiles {
  padding-left: 5px;
  padding-right: 5px;
}
.dashboard-widget-tiles li {
  padding: 5px;
}
.dashboard-widget-tiles li div {
  border: 1px solid #ddd;
  padding: 10px;
  background: #fff;
  height: auto;
}
#subcontractor-tiles {
  padding-left: 5px;
  padding-right: 5px;
}
#subcontractor-tiles li.tile {
  padding: 5px;
}
#subcontractor-tiles li.tile div {
  border: 1px solid #ddd;
  padding: 10px;
  height: 300px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#subcontractor-tiles li.tile div:hover {
  background: rgba(239, 81, 31, 0.2);
  border-color: #ef511f;
  color: #ef511f;
  -webkit-box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
}
#subcontractor-tiles li.tile div:hover .title {
  border-color: #ef511f;
}
#subcontractor-tiles li.tile div .title {
  font-size: 1.2rem;
  padding: 5px 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 10px;
}
#subcontractor-tiles li.tile div .image {
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 100px;
  display: block;
}
#subcontractor-tiles li.tile div .description {
  font-size: 0.9rem;
  overflow: auto;
  height: 94px;
  text-overflow: ellipsis;
  padding: 5px 0;
  margin-bottom: 5px;
}
#subcontractor-tiles li.tile div .location {
  color: #ef511f;
}
#subcontractor-tiles li.tile div .location .icon-location {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
#subcontractor-list,
#subcontractor-search {
  padding-left: 5px;
  padding-right: 5px;
  margin: 0;
}
#subcontractor-list li.tile,
#subcontractor-search li.tile {
  padding: 5px 0;
  list-style-type: none;
}
#subcontractor-list li.tile div,
#subcontractor-search li.tile div {
  border: 1px solid #ddd;
  min-height: 100px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#subcontractor-list li.tile div:hover,
#subcontractor-search li.tile div:hover {
  background: rgba(239, 81, 31, 0.2);
  border-color: #ef511f;
  color: #ef511f;
  -webkit-box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
}
#subcontractor-list li.tile div:hover .title,
#subcontractor-search li.tile div:hover .title {
  border-color: #ef511f;
}
#subcontractor-list li.tile div .title,
#subcontractor-search li.tile div .title {
  font-size: 1.2rem;
  padding: 10px;
  display: block;
  float: left;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 300px;
}
#subcontractor-list li.tile div .image,
#subcontractor-search li.tile div .image {
  width: 200px;
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: left;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
#subcontractor-list li.tile div .description,
#subcontractor-search li.tile div .description {
  font-size: 0.9rem;
  overflow: auto;
  text-overflow: ellipsis;
  padding: 10px;
  margin-bottom: 0;
  line-height: 1.2rem;
  margin-bottom: 10px;
}
#subcontractor-list li.tile div .location,
#subcontractor-search li.tile div .location {
  color: #ef511f;
  font-size: 0.9rem;
}
#subcontractor-list li.tile div .location .icon-location,
#subcontractor-search li.tile div .location .icon-location {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.list-tiles {
  margin-left: 0;
}
.list-tiles li {
  list-style-type: none;
  padding: 10px;
}
.list-tiles li div {
  background: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  overflow: hidden;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.05);
}
.list-tiles li div .profile-img {
  width: 15%;
  float: left;
  background-size: cover;
}
.list-tiles li div .description {
  width: 85%;
  float: left;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-tiles li div .description .title {
  display: block;
  padding: 7px 10px;
  color: #282934;
}
.list-tiles li div .description .info {
  display: block;
  color: #ef511f;
  font-size: 0.8rem;
}
.list-tiles .pagination {
  margin-bottom: 10px;
}
.list-tiles .pagination li {
  padding: 0;
}
.tabs {
  position: relative;
  z-index: 0;
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  min-height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabs .status-field {
  float: right;
  padding: 13px 20px;
}
.tabs .status-field input {
  margin-bottom: 0;
  float: left;
}
.tabs .status-field label {
  position: relative;
  bottom: 2px;
  margin-left: 10px;
  float: left;
}
.tabs.mb {
  margin-bottom: 10px !important;
}
.tabs .title {
  float: left;
  color: #282934;
  font-size: 1.2rem;
  padding: 7px 20px 0px 10px;
}
.tabs .tab {
  float: left;
  margin-right: 3px;
  color: #282934;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  top: 1px;
  border-left: 1px solid rgba(140, 152, 175, 0.4);
  border-right: 1px solid rgba(140, 152, 175, 0.4);
  border-top: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 3px 3px 0 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.tabs .tab:last-child {
  margin-right: 0;
}
.tabs .tab div {
  padding: 13px 5px 7px 5px;
  border-bottom: 2px solid transparent;
  width: 100%;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 46px;
  line-height: 0.9rem;
}
.tabs .tab .circle {
  min-width: 20px;
  display: inline-block;
  height: 20px;
  border-radius: 50%;
  background: rgba(26, 51, 96, 0.1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font-size: 0.7rem;
  padding: 2px;
  margin-left: 10px;
}
.tabs .tab.selected {
  background: #F7F8FA;
  color: #ef511f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tabs .tab.selected div {
  border-bottom-color: #ef511f;
  font-weight: 700;
}
.tabs .tab.selected .circle {
  background: rgba(26, 51, 96, 0.15);
}
.tabs .tab:hover {
  color: #ef511f;
  cursor: pointer;
}
.tabs .fgrow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 10px;
}
.tabs.nb {
  border-bottom: none;
}
.tabs .fileinput-button {
  margin-bottom: 0 !important;
}
#RenderBody .pagalog-title {
  display: inline-block;
  padding: 0 0 10px 0;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#RenderBody footer {
  padding: 10px;
  overflow: hidden;
}
#reports .profile-img.big {
  height: 45px;
  background-size: contain;
}
#subcontractorimage.profile-img.big,
#contractorimage.profile-img.big {
  margin-top: 30px;
  margin-bottom: 75px;
}
#contractorimage.profile-img.big {
  margin-bottom: 26px;
  background-size: contain;
}
.profile-img {
  height: 40px;
  width: 40px;
  border-radius: 1px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
}
.profile-img.big {
  width: 100%;
  height: 169px;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 4px;
  background-size: auto 90%;
}
.profile-img.nudge {
  position: relative;
  left: 2px;
}
.profile-img.uploadable {
  cursor: pointer;
}
.profile-img.uploadable:hover {
  -webkit-box-shadow: 0 0 0 1px rgba(140, 152, 175, 0.4);
  box-shadow: 0 0 0 1px rgba(140, 152, 175, 0.4);
}
.profile-img .upload-button-container {
  position: absolute;
  top: 128px;
  left: 8px;
  display: none;
}
.profile-img:hover .upload-button-container {
  display: block;
}
.row {
  max-width: 100%;
}
.row.fnd {
  max-width: 62.5rem;
  font-size: 0.8rem;
}
.row.fnd h2 {
  padding-left: 0;
}
.row.setting-item input[type="text"] {
  margin-bottom: 0;
}
.spacer {
  padding-top: 100px;
  padding-bottom: 100px;
}
input.input-validation-error,
select.input-validation-error {
  margin-bottom: 0;
  border-color: #de412a;
}
.field-validation-error {
  display: block;
  padding: 5px;
  font-size: 0.7rem;
  margin-bottom: 1rem;
}
.field-validation-error.text-danger {
  background: #de412a;
  color: #fff;
}
.validation-summary-errors {
  background: #de412a;
  color: #fff;
  margin-bottom: 1rem;
  width: 100%;
  font-size: 0.7rem;
  padding: 9px 10px 7px 10px;
  border-radius: 3px;
}
.validation-summary-errors ul {
  margin-bottom: 0;
}
.validation-summary-errors ul li {
  font-size: 0.7rem;
}
.message {
  background: rgba(239, 81, 31, 0.1);
  padding: 10px;
}
.message p.special {
  text-align: center;
  border-top: 1px solid #ef511f;
  border-bottom: 1px solid #ef511f;
  margin: 10px;
  padding: 30px;
  color: #ef511f;
}
.check input[type="checkbox"] {
  margin-top: 12px;
  margin-bottom: 0;
}
.e-numeric,
.e-percent,
.e-currency,
.e-mask,
.e-atc,
.e-ddl,
.e-datewidget,
.e-timewidget,
.e-datetime-wrap {
  height: 2.3125rem;
  width: 100%;
}
.e-datewidget .e-select:hover {
  background: #1a3360;
  border-color: #282934;
}
.e-datewidget.e-focus,
.e-datewidget .e-input.e-focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.e-datewidget.e-focus .e-in-wrap,
.e-datewidget .e-input.e-focus .e-in-wrap {
  border-color: #999;
}
.e-datepicker .e-header,
.e-datetime-popup .e-timecontainer .e-header {
  background: #1a3360;
}
.e-datepicker .e-active {
  background: #ef511f;
}
.e-datepicker .e-datepicker-days .e-state-default {
  border-radius: 3px;
}
.e-datepicker .e-datepicker-days .e-state-default:hover,
.e-datepicker .e-datepicker-days .e-state-default.e-state-hover {
  background: rgba(239, 81, 31, 0.1);
  color: #ef511f;
}
.e-datepicker table td.other-month,
.e-datepicker .e-allyear-first,
.e-datepicker .e-allyear-last,
.e-datepicker .e-year-first,
.e-datepicker .e-year-last {
  color: #999;
}
.e-datepicker .e-left-arrow:hover,
.e-datepicker .e-right-arrow:hover {
  background: #ef511f;
  border-radius: 3px;
}
.e-datepicker .e-footer:hover {
  background: rgba(239, 81, 31, 0.1);
  color: #ef511f;
}
.timeline-text {
  color: #ef511f;
}
.e-grid {
  border: none;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.e-grid .e-table {
  margin-bottom: 0;
}
.e-grid tr {
  cursor: pointer;
}
.e-grid tr.e-hover {
  background: #fbdbd1;
}
.e-grid tr td {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.e-grid tr td.e-active {
  background: rgba(239, 81, 31, 0.05);
  color: #ef511f;
}
.e-grid .e-gridheader {
  border: none;
  border-bottom: 1px solid #ef511f;
}
.e-grid .e-gridheader .e-icon {
  color: #999;
  margin-top: -16px;
}
.e-grid .e-gridheader thead {
  background: #fff;
}
.e-grid .e-gridheader thead .e-headercell {
  background: #fff;
  color: #ef511f;
  font-size: 0.8rem;
  border-left: none;
}
.e-grid .e-gridheader thead .e-headercell:hover {
  background: rgba(239, 81, 31, 0.05);
}
.e-grid .e-gridheader thead .e-headercell .e-headercelldiv {
  font-weight: normal;
  line-height: 16px;
  font-size: 0.8rem;
  height: auto;
}
.e-grid .e-gridcontent {
  border-left: 1px solid rgba(140, 152, 175, 0.4);
  border-right: 1px solid rgba(140, 152, 175, 0.4);
  overflow: visible;
}
.e-grid .e-rowcell {
  font-size: 0.8rem;
  overflow: visible;
  padding: 1em 0.5em;
}
.e-grid .e-rowcell:first-child {
  overflow: hidden;
  font-size: 0px;
}
.e-grid .e-rowcell:nth-child(2) {
  border-left-width: 0;
}
.e-grid .e-rowcell input[type="checkbox"] {
  margin: 0;
}
.e-grid .e-pager {
  padding-top: 6px;
  padding-bottom: 2px;
  background: #fff;
}
.e-grid .e-pager .e-parentmsgbar {
  padding-top: 2px;
}
.e-grid .e-pager .e-pagercontainer {
  border-radius: 0;
  margin-left: 0;
  background: #fff;
  border: none;
}
.e-grid .e-pager .e-currentitem,
.e-grid .e-pager .e-currentitem:hover {
  background: #1a3360;
}
.e-grid .e-pager .e-prevpagedisabled,
.e-grid .e-pager .e-prevpage,
.e-grid .e-pager .e-nextpage,
.e-grid .e-pager .e-nextpagedisabled,
.e-grid .e-pager .e-lastpagedisabled,
.e-grid .e-pager .e-lastpage,
.e-grid .e-pager .e-firstpage,
.e-grid .e-pager .e-firstpagedisabled {
  background: #fff;
}
.e-grid .e-pager .e-numericitem:hover {
  background: #ef511f;
}
.e-grid .e-menu.e-vertical .e-list.e-mhover,
.e-grid .e-menu.e-vertical .e-list:hover {
  background: #1a3360;
}
.e-grid .e-menu.e-vertical .e-list.e-mhover a,
.e-grid .e-menu.e-vertical .e-list:hover a {
  background: inherit;
}
.e-grid .e-menu.e-vertical .e-list.e-mhover a .e-icon,
.e-grid .e-menu.e-vertical .e-list:hover a .e-icon {
  color: #fff;
}
.e-grid .e-menu.e-vertical .e-list.e-disable-item.e-mhover,
.e-grid .e-menu.e-vertical .e-list.e-disable-item:hover {
  background: #F7F8FA;
}
.e-grid .e-menu.e-vertical .e-list.e-disable-item.e-mhover .e-icon,
.e-grid .e-menu.e-vertical .e-list.e-disable-item:hover .e-icon {
  color: #aaa;
}
.e-grid .e-excelfilter {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.e-grid .e-excelfilter .e-btncontainer {
  margin: 0;
}
.e-grid .e-excelfilter .e-btncontainer input.e-button {
  background: #1a3360;
  color: #fff;
  border: none;
  margin: 0 5px 0 0;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.e-grid .e-excelfilter .e-btncontainer input.e-button#FlatGridstring_CancelBtn {
  background: transparent;
  color: #666;
}
.e-grid .e-excelfilter .e-btncontainer input.e-button#FlatGridstring_CancelBtn:hover {
  background: #F7F8FA;
}
.e-grid .e-excelfilter .e-icon {
  font-size: 0.9rem;
}
.e-grid .e-excelfilter .e-icon.e-arrows {
  font-size: 0.7rem;
}
.e-grid .e-excelfilter .e-icon.e-search {
  font-size: 1.5rem;
}
.e-grid .e-excelfilter .e-btncontainer input,
.e-grid .e-excelfilter .e-checkboxlist .e-ftrchk {
  margin-left: 6px;
}
.e-grid .e-excelfilter .e-checkboxlist label.e-ftrchk,
.e-grid .e-excelfilter.e-dlgcustom label.e-caption,
.e-grid .e-excelfilter .e-searchbox .e-searchitem {
  display: inline-block;
}
.e-grid .e-input,
.e-grid .e-tooltip,
.e-grid .e-btn,
.e-grid .e-time-popup,
.e-grid .e-datepicker.e-calendar,
.e-grid .e-menu,
.e-grid .e-uploadbox .e-file-name-txt,
.e-grid .e-uploadbox .e-selectpart,
.e-grid .e-uploadbox .e-uploadbtn,
.e-grid .e-waitpopup-pane .e-text,
.e-grid .e-tagcloud,
.e-grid .e-toolbar,
.e-grid .e-progressbar,
.e-grid .e-scale .e-tick .tick-value,
.e-grid .e-datetime-popup .e-dt-button,
.e-grid .e-grid,
.e-grid .e-ejinputtext,
.e-grid .e-pager {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.e-grid .e-headercontent {
  border-right: none;
}
.e-uploadclosebtn.e-btn.e-select,
.e-uploadbtn.e-btn.e-select {
  width: auto;
  background: #1a3360;
  border: none;
  position: static;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.e-uploadclosebtn.e-btn.e-select:hover,
.e-uploadbtn.e-btn.e-select:hover {
  background: #15284c;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-uploadbox .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover,
.e-upload-box.e-drag-wrapper .e-ul li:nth-child(even) .e-file-list .e-action-perform:hover,
.e-upload-box.e-drag-wrapper .e-ul li:nth-child(odd) .e-file-list .e-action-perform:hover,
.e-uploadbox .e-file-progress-status,
.e-upload-box.e-drag-wrapper .e-file-progress-status {
  background: #1a3360;
}
.e-dialog .e-dialog-icon:hover {
  background: #1a3360;
}
.e-uploadbox.e-disable .e-select .e-inputbtn,
.e-uploadbox.e-widget .e-inputbtn {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
}
.e-uploadbox {
  margin-bottom: 0.7rem;
  display: inline-block;
}
.e-uploadbox.e-widget .e-selectpart.e-select,
.e-uploadbox.e-disable .e-select:hover,
.e-uploadbox.e-widget.e-disable .e-selectpart.e-select:hover,
.e-uploadbox.e-widget.e-disable:hover .e-inputbtn {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid #1a3360;
  border-radius: 100px;
  padding: 0 0 3px 0;
}
.e-uploadbox.e-widget .e-inputbtn,
.e-uploadbox.e-disable .e-select .e-inputbtn {
  color: #282934;
}
.e-uploadbox.e-dialog .e-header,
.e-upload-box.e-drag-wrapper .e-dialog .e-header {
  background: #ef511f;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
  border: none;
}
.e-uploadbox .e-ul li:nth-child(even) .e-file-list,
.e-uploadbox .e-head-content,
.e-upload-box.e-drag-wrapper .e-ul li:nth-child(even) .e-file-list,
.e-upload-box.e-drag-wrapper .e-head-content {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
#Subcontractor_Description_wrapper {
  margin-bottom: 1rem;
}
.e-popup {
  border-color: #ef511f;
}
.e-popup .e-content .e-ul {
  background: rgba(239, 81, 31, 0.1);
}
.e-popup .e-content .e-ul li.e-hover {
  background: #ef511f;
  cursor: pointer;
}
table ._13 {
  width: 7.69230769%;
}
table .field-cell {
  padding: 2px 5px;
  font-size: 0.7rem;
}
table .field-cell input {
  margin-bottom: 0;
  text-align: center;
}

    table .field-cell input[type="text"][readonly],
    table .field-cell input[type="number"][readonly],
    table .field-cell select[readonly],
    table .field-cell textarea[readonly],
    table .field-cell input[type="text"][disabled],
    table .field-cell input[type="number"][disabled],
    table .field-cell select[disabled],
    table .field-cell textarea[disabled] {
        background: var(--primary-fade);
        border: 1px solid rgba(140, 152, 175, 0.4);
        pointer-events: none;
    }
table .field-cell.text-right input {
  text-align: right;
  padding-left: 16px;
}
table .field-cell br:last-child {
  display: none;
}
input[type="text"].address-input {
  margin-bottom: 0.7rem;
}
.manual-entry {
  display: none;
}
.entry-icon {
  font-size: 3.5rem;
}
.entry-icon.primary {
  color: #282934;
}
.entry-icon.secondary {
  color: #ef511f;
}
.display {
    background: var(--primary-fade);
    border: 1px solid rgba(140, 152, 175, 0.4);
    padding: 10px 10px 6px 10px;
    width: 100%;
    margin-bottom: 0.62rem;
    display: block;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 4px 0 rgba(140, 152, 175, 0.25);
    box-shadow: inset 0 1px 4px 0 rgba(140, 152, 175, 0.25);
    min-height: 35px;
    font-size: 0.75rem;
    border-radius: 3px;
}
.display.email {
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: 0.75rem;
  padding: 5px 7px;
  line-height: 0.8rem;
}
.display.email-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px 10px;
}
.display.email-centered span {
  display: block;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: 0.75rem;
  padding: 0;
  line-height: 0.8rem;
  width: 100%;
}
.display.primary {
  background: rgba(26, 51, 96, 0.15);
  -webkit-box-shadow: inset 1px 1px 5px rgba(26, 51, 96, 0.2);
  box-shadow: inset 1px 1px 5px rgba(26, 51, 96, 0.2);
}
.display.secondary,
.display.warning {
  background: rgba(239, 81, 31, 0.15);
  -webkit-box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.2);
  box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.2);
}
.display.nmb {
  margin-bottom: 0;
}
.display.important {
  font-size: 1.4rem;
  border: 2px solid #ef511f;
}
.display.smaller {
  font-size: 0.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 10px;
}
.mobile-hamburger {
  display: none;
}
table {
  width: 100%;
}
table tr th,
table tr td {
  font-size: 0.8rem;
}
table.imitation {
  border: none;
}
table.imitation thead {
  background: #fff;
  border-bottom: 1px solid #ef511f;
}
table.imitation thead th {
  color: #ef511f;
  font-weight: normal;
}
table.imitation tbody {
  border: 1px solid #c4c4c4;
}
table.imitation tbody tr {
  cursor: pointer;
}
table.imitation tbody tr:nth-child(even) {
  background: #f6f7f7;
}
table.imitation tbody tr:hover {
  background: rgba(239, 81, 31, 0.1);
}
table.imitation tbody tr td {
  border-right: 1px solid #c4c4c4;
}
table.imitation tbody tr td:last-child {
  border-right: none;
}
table.paycertificate-table {
  border: none;
}
table.paycertificate-table thead {
  background: #fff;
  border-bottom: 1px solid #ef511f;
}
table.paycertificate-table thead th {
  color: #ef511f;
  font-weight: normal;
  width: 25%;
}
table.paycertificate-table thead th:nth-child(n+2) {
  text-align: right;
}
table.paycertificate-table tbody {
  border: 1px solid #c4c4c4;
}
table.paycertificate-table tbody tr:nth-child(even) {
  background: #f6f7f7;
}
table.paycertificate-table tbody tr:hover {
  background: rgba(239, 81, 31, 0.1);
}
table.paycertificate-table tbody tr td {
  border-right: 1px solid #c4c4c4;
}
table.paycertificate-table tbody tr td:last-child {
  border-right: none;
}
table.paycertificate-table tbody tr td:first-child {
  font-weight: bold;
}
table.paycertificate-table tbody tr td:nth-child(n+2) {
  text-align: right;
}
table.paycertificate-table tbody tr td .label {
  background: #ef511f;
  border-radius: 2px;
  float: right;
}
table.paycertificate-table tbody tr.total-row {
  background: rgba(239, 81, 31, 0.3);
}
table.paycertificate-table tbody tr.total-row td:nth-child(n+2) {
  background: #ef511f;
  color: #fff;
  font-weight: bold;
}
table.paycertificate-table-bottom {
  width: 50%;
  float: right;
}
table.paycertificate-table-bottom thead tr th {
  background: #1a3360;
  color: #fff;
}
table.paycertificate-table-bottom tbody tr td {
  width: 50%;
}
table.paycertificate-table-bottom tbody tr td:first-child {
  background: #1a3360;
  color: #fff;
}
table.paycertificate-table-bottom tbody tr td:nth-child(2) {
  text-align: right;
}
.pager {
  margin: 0;
  width: 100%;
}
.pager li {
  float: left;
  list-style-type: none;
}
.list-header {
  padding: 15px 10px;
  overflow: hidden;
}
.pagination-container {
  padding: 10px 10px 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination-container .count {
  color: #282934;
  font-weight: 500;
  font-size: 0.7rem;
  transform: translateY(2px);
}
.pagination-container:last-child {
  border-top: none;
}
.pagination-container select {
  margin-bottom: 0;
}
ul.pagination {
  clear: both;
  margin-bottom: 0;
  overflow: hidden;
  text-align: right;
  float: right;
}
ul.pagination li {
  display: inline-block;
  float: none;
}
ul.pagination li a {
  padding: 2px 10px 0 10px;
}
ul.pagination li.current a,
ul.pagination li.current button {
  background: #ef511f;
}
ul.pagination li.current a:hover,
ul.pagination li.current button:hover {
  background: #e44310;
}
.data-picker {
  margin: 0;
  border-top: 1px solid #ddd;
}
.data-picker li {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  list-style-type: none;
  cursor: pointer;
  padding: 10px;
}
.data-picker li .icon-tick {
  float: right;
  color: #ccc;
  margin-left: 20px;
}
.data-picker li:hover {
  background: rgba(239, 81, 31, 0.1);
  color: #ef511f;
}
.data-picker li:hover .icon-tick {
  color: #ef511f;
}
.data-picker-icon-container {
  width: 0;
  height: 0;
  float: right;
  position: relative;
}
.data-picker-icon-container .data-picker-icon {
  position: absolute;
  top: -15px;
  right: 0;
  color: #ef511f;
  height: 15px;
  font-size: 0.6rem;
  padding: 2px 3px;
  cursor: pointer;
  background: #fff;
}
.data-picker-icon-container .data-picker-icon:hover {
  background: #ef511f;
  color: #fff;
}
.icon-cog {
  position: relative;
  cursor: pointer;
}
.icon-cog ul {
  display: none;
  position: absolute;
  top: -30px;
  right: 0;
  width: 180px;
  border: 1px solid #ef511f;
  -webkit-box-shadow: 0 0 2px rgba(239, 81, 31, 0.3);
  box-shadow: 0 0 2px rgba(239, 81, 31, 0.3);
  z-index: 2;
}
.icon-cog ul li {
  background: #fff;
  list-style-type: none;
  font-size: 0.8rem;
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  padding: 5px;
  text-align: center;
}
.icon-cog ul li:hover {
  background: #F7F8FA;
}
.icon-cog ul li:last-child {
  border-bottom: none;
}
.icon-cog:hover ul {
  display: block;
}
.fieldset-align {
  margin-top: 10px;
}
.fieldset-align textarea {
  height: 248px;
}
.back-circle {
  background: rgba(40, 41, 52, 0.05);
  border-radius: 4px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  float: left;
  margin-right: 10px;
  border: 4px solid transparent;
  padding: 6px 0 0 0px;
  text-align: center;
  transition: all 0.2s ease;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  font-size: 0.8rem;
}
.back-circle:hover {
  background: #DFE3EA;
}
.icon-arrow-down.left {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.function-select {
  display: inline-flex;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 2px;
  overflow: hidden;
  float: left;
  width: 48%;
  height: 35px;
  margin-right: 0.5%;
  margin-left: 0.5%;
  margin-bottom: 8px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  position: relative;
}
.function-select input {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
}
.function-select label {
  float: left;
  position: relative;
  bottom: 2px;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  padding: 10px;
  cursor: default;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.function-select:hover {
  background: #ccc;
  cursor: pointer;
}
.function-select:hover input {
  cursor: pointer;
}
.function-select.nohov:hover {
  background: transparent;
  cursor: default;
}
.function-select.selected {
  background: #ef511f;
  border-color: #ef511f;
}
.function-select.selected label {
  color: #fff;
}
.function-select span[class^="icon-"],
.function-select span[class*=" icon-"] {
  float: left;
  font-size: 1.2rem;
  cursor: pointer;
  padding: 5px;
  border-right: 1px solid rgba(140, 152, 175, 0.4);
}
.function-select span[class^="icon-"] input,
.function-select span[class*=" icon-"] input {
  display: none;
}
.function-select span[class^="icon-"]:hover,
.function-select span[class*=" icon-"]:hover {
  background: #F7F8FA;
}
.function-select span[class^="icon-"].on,
.function-select span[class*=" icon-"].on {
  color: #18C395;
  cursor: default;
}
.function-select span[class^="icon-"].on.inherited,
.function-select span[class*=" icon-"].on.inherited {
  background: rgba(24, 195, 149, 0.2);
}
.function-select span[class^="icon-"].off,
.function-select span[class*=" icon-"].off {
  color: #de412a;
  cursor: default;
}
.function-select span[class^="icon-"].off.inherited,
.function-select span[class*=" icon-"].off.inherited {
  background: rgba(222, 65, 42, 0.2);
}
.function-select span[class^="icon-"].disabled,
.function-select span[class*=" icon-"].disabled {
  color: #ccc;
}
.login-screen-bg {
  background-position: bottom right;
  background-repeat: no-repeat;
  background: #282934;
}
table td.email-cell {
  width: 170px;
  font-size: 0.7rem;
}
.SearchResult {
  border: solid 2px red;
}
.interface-target {
  color: #999;
  border: 1px solid transparent;
  padding: 5px;
  border-radius: 3px;
  margin-bottom: 5px;
}
.interface-target .icon-cross {
  color: #de412a;
}
.interface-target .icon-tick {
  color: #18C395;
}
.interface-target label {
  color: #aaa;
}
.interface-target input[type="text"] {
  margin-top: 5px;
  height: 25px;
  margin-bottom: 0;
  border: 1px solid #18C395;
}
.interface-target .tickorcross {
  float: right;
  margin: 7px 3px;
}
.interface-target .choose {
  float: right;
  position: relative;
  margin: 7px 3px;
}
.interface-target .choose ul {
  display: none;
  position: absolute;
  top: 13px;
  right: 0;
  background: #fff;
  border: 1px solid #999;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.interface-target .choose ul li {
  list-style-type: none;
  font-size: 0.8rem;
  padding: 3px 5px;
  color: #333;
}
.interface-target .choose ul li:hover {
  background: #F7F8FA;
}
.interface-target .choose:hover ul {
  display: block;
}
.interface-target .choose:hover {
  color: #333;
}
.interface-target .mappedfixed {
  float: right;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 0 5px;
}
.interface-target .mappedfixed:hover {
  background: #1a3360;
  color: #fff;
}
.interface-target.ready {
  border-color: #18C395;
  background: rgba(24, 195, 149, 0.1);
  color: #18C395;
}
.interface-target.ready label {
  color: #18C395;
}
.interface-target.valueRequired {
  border-color: #de412a;
  background: rgba(222, 65, 42, 0.1);
  color: #de412a;
}
.interface-target.valueRequired label {
  color: #de412a;
}
.interface-target.selectabletarget {
  border-color: #282934;
  color: #282934;
  cursor: pointer;
  background: #fff;
  -webkit-box-shadow: 0 2px 0 rgba(26, 51, 96, 0.1);
  box-shadow: 0 2px 0 rgba(26, 51, 96, 0.1);
}
.interface-target.selectabletarget label {
  color: #282934;
}
.interface-target.selectabletarget:hover {
  border-radius: 3px;
  background: rgba(26, 51, 96, 0.1);
  border-color: #282934;
  color: #282934;
}
.interface-target.selectabletarget:hover label {
  color: #282934;
}
.interface-target.grey-state {
  border-color: #282934;
  color: #282934;
}
.extracted-data {
  border: 1px solid rgba(140, 152, 175, 0.4);
  margin-bottom: 5px;
  border-radius: 3px;
  min-width: 200px;
}
.extracted-data .choose {
  float: right;
  position: relative;
  margin: 7px 3px;
}
.extracted-data .choose ul {
  display: none;
  position: absolute;
  top: 13px;
  right: 0;
  background: #fff;
  border: 1px solid #282934;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
.extracted-data .choose ul li {
  list-style-type: none;
  font-size: 0.8rem;
  padding: 3px 5px;
  color: #333;
  min-width: 150px;
}
.extracted-data .choose ul li:hover {
  background: #F7F8FA;
}
.extracted-data .choose:hover ul {
  display: block;
}
.extracted-data .choose:hover {
  color: #333;
}
.extracted-data.disabledlabels {
  float: left;
  min-width: 200px;
  padding: 5px;
  color: #aaa;
  text-decoration: line-through;
  border-color: #fff;
}
.extracted-data.disabledlabels label,
.extracted-data.disabledlabels span {
  cursor: default;
}
.extracted-data.selectablelabels {
  cursor: pointer;
  padding: 5px;
  position: relative;
}
body.dark-mode .extracted-data.selectablelabels {
  color: #fff;
}
.extracted-data.selectablelabels.selected {
  border-color: #ef511f;
  background: rgba(239, 81, 31, 0.1);
  z-index: 999;
}
.extracted-data.selectablelabels.selected:after {
  content: 'Click on a Data Target to Map';
  position: absolute;
  right: 0;
  background-color: #ef511f;
  padding: 2px 4px;
  color: white;
  font-size: 0.7rem;
  bottom: -20px;
}
.extracted-data.selectablelabels:hover {
  background: rgba(239, 81, 31, 0.1);
  border-color: #ef511f;
}
.remove-icon {
  font-size: 1.4rem;
  cursor: pointer;
}
.remove-icon:hover {
  color: #ff0000;
}
.remove-icon.neg {
  color: #de412a;
}
.red-asterisk {
  color: #de412a;
  font-size: 1.2rem;
}
.filter-container-row {
  padding: 10px;
  position: relative;
}
.filter-container-row .upload-button-container {
  float: right;
}
.filter-container-row .upload-button-container a {
  margin-top: 0 !important;
}
.list {
  background: #fff;
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}
.list .item {
  border-bottom: 1px solid #ddd;
  width: 100%;
  list-style-type: none;
  padding: 10px;
  cursor: pointer;
  overflow: hidden;
}
.list .item:hover {
  background: #F7F8FA;
}
.list .column {
  display: inline-block;
}
.list .image {
  width: 100%;
  background-size: contain;
  height: 45px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}
.list .subtitle {
  color: #647685;
  font-size: 0.8rem;
}
.table-area {
  width: 100%;
}
.table-area .table-area {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.table-area.bt {
  border-top: 1px solid rgba(140, 152, 175, 0.4);
}
.table-area.np {
  padding: 0;
}
.table-area.gry {
  background: #F7F8FA;
}
.table-area + h2.cc {
  margin-bottom: 50px;
}
.table-area.grid-padding {
  padding-top: 10px;
  padding-bottom: 0px;
}
.table-list {
  overflow: hidden;
  margin: 0;
  width: 100%;
}
.table-list .row {
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  font-size: 0.75rem;
  overflow: hidden;
  padding-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.table-list .row.positive {
  background: rgba(24, 195, 149, 0.1);
}
.table-list .row.positive.hov:hover {
  background: rgba(24, 195, 149, 0.15);
  -webkit-box-shadow: inset 5px 0 0 #18C395;
  box-shadow: inset 5px 0 0 #18C395;
}
.table-list .row.hov {
  cursor: pointer;
}
.table-list .row.hov:hover {
  background: rgba(239, 81, 31, 0.1);
  -webkit-box-shadow: inset 5px 0 0 #ef511f;
  box-shadow: inset 5px 0 0 #ef511f;
}
.table-list .row.hov:hover .column {
  border-right-color: rgba(239, 81, 31, 0.1);
}
.table-list .row.hov:hover .column span[class^="icon-"],
.table-list .row.hov:hover .column span[class*=" icon-"] {
  color: #ef511f;
}
.table-list .row.hov:hover .column .button.secondary span[class^="icon-"],
.table-list .row.hov:hover .column .button.success span[class^="icon-"],
.table-list .row.hov:hover .column .button.save span[class^="icon-"],
.table-list .row.hov:hover .column .button.secondary span[class*=" icon-"],
.table-list .row.hov:hover .column .button.success span[class*=" icon-"],
.table-list .row.hov:hover .column .button.save span[class*=" icon-"] {
  color: #fff;
}
.table-list .row.hov:hover .column .connected-status span[class^="icon-"],
.table-list .row.hov:hover .column .connected-status span[class*=" icon-"] {
  color: #fff;
}
.table-list .row.head {
  color: #282934;
  background: rgba(26, 51, 96, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.05);
}
.table-list .row.head .column {
  padding: 5px;
}
.table-list .column {
  float: left;
  padding: 10px 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.table-list .column span[class^="icon-"],
.table-list .column span[class*=" icon-"] {
  -webkit-transform-origin: top left;
  transform-origin: top left;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  display: inline-block;
}
.table-list .column .image {
  width: 100%;
  background-size: contain;
  height: 28px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}
.table-list .column:last-child {
  border-right: none;
}
.table-list .column.p5 {
  padding: 5px;
}
.table-list .column input[type="checkbox"] {
  margin-bottom: 0;
  position: relative;
  top: 3px;
}
.table-list.mt {
  margin-top: 10px;
}
.table-list.blbr {
  border-left: 1px solid rgba(140, 152, 175, 0.4);
  border-right: 1px solid rgba(140, 152, 175, 0.4);
}
.quick-search-container {
  float: right;
}
.quick-search-container label {
  float: left;
  margin-bottom: 0;
  margin-right: 5px;
}
.quick-search-container input {
  float: left;
  width: 200px;
  margin-bottom: 0;
  height: 34px;
}
.crumbs {
  font-size: 0.8rem;
}
.active-filter {
  font-size: 0.8rem;
  background: #F7F8FA;
  background: rgba(239, 81, 31, 0.1);
  padding: 8px;
  margin-left: 20px;
  cursor: pointer;
  position: relative;
  border: 2px solid transparent;
}
.active-filter .title {
  color: #ef511f;
}
.active-filter .remove-icon {
  position: relative;
  top: 2px;
  margin-left: 5px;
}
.active-filter .remove-icon:hover {
  color: #333;
}
.active-filter:hover {
  border-color: #de412a;
}
.active-filter:hover .title {
  text-decoration: line-through;
}
.active-filter:hover:after {
  content: 'Remove';
  position: absolute;
  right: -2px;
  top: 32px;
  background: #de412a;
  padding: 2px 10px;
  font-size: 0.7rem;
  color: #fff;
}
.mapping-table td,
.mapping-table th {
  position: relative;
}
.mapping-table td:hover,
.mapping-table th:hover {
  cursor: pointer;
  background: rgba(239, 81, 31, 0.1);
  color: #ef511f;
  text-decoration: underline;
}
.mapping-table td.selected,
.mapping-table th.selected {
  background: #ef511f;
  color: #fff;
}
.mapping-table td.selected:hover,
.mapping-table th.selected:hover {
  text-decoration: none;
}
.mapping-table td.selected ul.matrix-dropdown,
.mapping-table th.selected ul.matrix-dropdown {
  display: block;
}
.mapping-table td.ready,
.mapping-table th.ready {
  background: rgba(24, 195, 149, 0.2);
}
.mapping-table ul.matrix-dropdown {
  display: none;
  position: absolute;
  top: 36px;
  left: -18px;
  background: #fff;
  border: 1px solid #ef511f;
  z-index: 9999;
}
.mapping-table ul.matrix-dropdown li {
  padding: 5px;
  list-style-type: none;
  border-bottom: 1px solid #ef511f;
  font-size: 0.7rem;
  color: #333;
}
.mapping-table ul.matrix-dropdown li:last-child {
  border-bottom: none;
}
.mapping-table ul.matrix-dropdown li:hover {
  background: rgba(239, 81, 31, 0.1);
}
span.prefix {
  border: none;
  height: 35px;
}
.secondary-section {
  background: rgba(239, 81, 31, 0.05);
}
.secondary-section h3 {
  padding-top: 10px;
}
.secondary-section .display {
  background: rgba(239, 81, 31, 0.1);
  -webkit-box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
  box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
}
.secondary-section span.prefix,
.secondary-section label.prefix {
  background: rgba(239, 81, 31, 0.1);
}
.secondary-section span.prefix.important,
.secondary-section label.prefix.important {
  font-size: 1.4rem;
  padding: 5px;
  height: 51px;
  border: 2px solid #ef511f;
  border-right: 0;
  color: #fff;
  background: #ef511f;
}
#ResponseWindow {
  height: calc(100vh - 297px);
  overflow: hidden;
}
#ResponseWindow .mapping-table td,
#ResponseWindow .mapping-table th {
  white-space: nowrap;
}
#ResponseWindowMatrix {
  height: calc(100vh - 330px);
  overflow: scroll;
  padding-bottom: 60px;
}
#ResponseWindowMatrix .mapping-table td,
#ResponseWindowMatrix .mapping-table th {
  white-space: nowrap;
}
.check-container label {
  float: left;
}
.check-container input {
  float: left;
  margin-right: 5px;
}
.uploaded-icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
  -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  clear: both;
  cursor: pointer;
  margin-bottom: 15px;
}
.uploaded-icon .text {
  position: absolute;
  top: 5px;
  left: 35px;
  padding: 3px 10px;
  font-size: 0.8rem;
  width: 200px;
}
.uploaded-icon:hover .text {
  color: #ef511f;
}
.bar {
  background: #18C395;
  width: 200px;
  height: 10px;
  display: inline-block;
  border-radius: 0px;
  position: absolute;
  top: -6px;
  left: 0;
}
.text-center .uploaded-successfully-container {
  float: none;
}
.uploaded-successfully-container {
  float: right;
  position: relative;
}
.uploaded-successfully-container .uploaded-successfully {
  background: transparent;
  color: #18C395;
  padding: 8px;
  height: 34px;
  font-size: 0.8rem;
  z-index: 999;
}
.uploaded-successfully-container .uploaded-successfully .icon-tick {
  margin-right: 10px;
  position: relative;
  top: 2px;
}
.fileinput-button.success {
  background: #18C395;
  color: #fff;
}
.fileinput-button {
  cursor: pointer !important;
}
.fileinput-button input[type="file"] {
  -webkit-transform: scale(4);
  transform: scale(4);
  cursor: pointer;
}
.fileinput-button.fn {
  float: none;
}
.upload-button-container {
  cursor: pointer;
  display: inline-block;
}
.upload-button-container.field-grid-val-button .fileinput-button {
  padding-top: 8px !important;
}
.version-banner {
  color: #282934;
  font-size: 0.8rem;
  padding: 15px;
  text-align: right;
}
.connected-status {
  background: #18C395;
  color: #fff;
  padding: 5px;
  position: absolute;
  top: 5px;
  left: -5px;
  width: 28px;
  height: 30px;
}
.connected-status.negative {
  background: #F7F8FA;
}
.view-doc-container {
  display: inline-block;
  padding: 9px 7px 4px 5px;
  cursor: pointer;
  border-radius: 2px;
}
.view-doc-container span[class^="icon-"],
.view-doc-container span[class*=" icon-"] {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  margin-right: 5px;
}
.view-doc-container span[class^="icon-"].icon-pdf,
.view-doc-container span[class*=" icon-"].icon-pdf {
  color: #ec3636;
}
.view-doc-container span[class^="icon-"].icon-xls,
.view-doc-container span[class*=" icon-"].icon-xls {
  color: #5ab816;
}
.view-doc-container span[class^="icon-"].icon-xlsx,
.view-doc-container span[class*=" icon-"].icon-xlsx {
  color: #5ab816;
}
.view-doc-container .text {
  font-size: 0.8rem;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  display: inline-block;
}
.view-doc-container:hover {
  background: #F7F8FA;
}
.view-doc-container:hover span[class^="icon-"],
.view-doc-container:hover span[class*=" icon-"] {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.doc-options-container {
  padding: 9px 7px 4px 5px;
  float: right;
  position: relative;
  z-index: 9;
}
.doc-options-container .text {
  font-size: 0.8rem;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  display: inline-block;
}
.doc-options-container .icon-arrow-down {
  font-size: 0.8rem;
}
.doc-options-container .drop-container {
  display: none;
}
.doc-options-container .drop-container .upload-button-container {
  float: right;
}
.doc-options-container:hover {
  cursor: pointer;
}
.doc-options-container:hover > span {
  color: #ef511f;
}
.doc-options-container:hover .drop-container {
  display: block;
  position: absolute;
  right: 0;
  top: 37px;
  width: 200px;
}
input[type=file]::-webkit-file-upload-button {
  cursor: pointer !important;
}
.form-section-container {
  margin-bottom: 10px;
}
.form-section-container.enabled {
  background: rgba(26, 51, 96, 0.1);
  -webkit-box-shadow: 0 0 0 7px rgba(26, 51, 96, 0.1);
  box-shadow: 0 0 0 7px rgba(26, 51, 96, 0.1);
}
.loading-bar {
  height: 44px;
  background: #18C395;
  position: fixed;
  bottom: -44px;
  left: 0;
  width: 0%;
  color: #fff;
  z-index: 1000;
  text-align: right;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.loading-bar.uploading {
  bottom: -35px;
}
.loading-bar.successful {
  -webkit-transform: translateY(-35px);
  transform: translateY(-35px);
  padding: 10px;
}
.loading-bar.successful:after {
  content: 'Upload Successful';
  white-space: nowrap;
}
textarea.taller {
  height: 300px;
}
.edit-link {
  cursor: pointer;
}
.edit-link:hover {
  color: #ef511f;
}
.next-table-height {
  align-content: space-between;
}
.field-grid-container {
  background: #F7F8FA;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
}
.field-grid-container.secondary-container table.field-grid,
.field-grid-container.white-container table.field-grid {
  margin-bottom: 4px;
}
.field-grid-container.secondary-container table.field-grid td.text,
.field-grid-container.white-container table.field-grid td.text {
  padding-top: 10px;
  padding-bottom: 5px;
}
.field-grid-container.secondary-container table.field-grid td.text p,
.field-grid-container.white-container table.field-grid td.text p {
  margin-bottom: 5px;
  font-size: 0.9rem;
}
.field-grid-container.secondary-container table.field-grid td.display-value,
.field-grid-container.white-container table.field-grid td.display-value {
  background: rgba(239, 81, 31, 0.1);
  border: 1px solid rgba(239, 81, 31, 0.5);
  -webkit-box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
  box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
  word-break: break-word;
  padding: 8px;
  font-size: 0.75rem;
}
.field-grid-container.secondary-container table.field-grid td.display-value p.dynamic-currency,
.field-grid-container.white-container table.field-grid td.display-value p.dynamic-currency {
  color: #ef511f;
}
.field-grid-container.secondary-container table.field-grid td.display-value.important,
.field-grid-container.white-container table.field-grid td.display-value.important {
  border: 2px solid #ef511f;
}
.field-grid-container.secondary-container table.field-grid td.display-value span.display,
.field-grid-container.white-container table.field-grid td.display-value span.display {
  border: none;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0 5px;
}
.field-grid-container.secondary-container table.field-grid td.edit-value,
.field-grid-container.white-container table.field-grid td.edit-value {
  padding: 0;
  border: 1px solid rgba(239, 81, 31, 0.5);
  background: rgba(239, 81, 31, 0.1);
  -webkit-box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
  box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
}
.field-grid-container.secondary-container table.field-grid td.edit-value input[type="text"],
.field-grid-container.white-container table.field-grid td.edit-value input[type="text"],
.field-grid-container.secondary-container table.field-grid td.edit-value span.display,
.field-grid-container.white-container table.field-grid td.edit-value span.display {
  border: none;
  background: none;
  box-shadow: none;
}
.field-grid-container.secondary-container table.field-grid td.display-label,
.field-grid-container.white-container table.field-grid td.display-label {
  background: rgba(239, 81, 31, 0.3);
  border: 1px solid rgba(239, 81, 31, 0.5);
}
.field-grid-container.secondary-container table.field-grid td.display-label label,
.field-grid-container.white-container table.field-grid td.display-label label {
  font-size: inherit;
  color: inherit;
  display: inline;
}
.field-grid-container.secondary-container table.field-grid td.display-label label.mandatory:after,
.field-grid-container.white-container table.field-grid td.display-label label.mandatory:after {
  content: '';
}
.field-grid-container.secondary-container table.field-grid td.display-label.mandatory,
.field-grid-container.white-container table.field-grid td.display-label.mandatory {
  font-weight: 600;
}
.field-grid-container.secondary-container table.field-grid td.display-label.mandatory:after,
.field-grid-container.white-container table.field-grid td.display-label.mandatory:after {
  content: '*';
  color: #de412a;
}
.field-grid-container.secondary-container.secondary-container,
.field-grid-container.white-container.secondary-container {
  background: rgba(239, 81, 31, 0.1);
  border: 1px solid #ef511f;
}
.field-grid-container.secondary-container.white-container table.field-grid td.display-value,
.field-grid-container.white-container.white-container table.field-grid td.display-value {
  background: #F7F8FA;
  border: 1px solid rgba(153, 153, 153, 0.5);
  -webkit-box-shadow: inset 1px 1px 5px rgba(153, 153, 153, 0.1);
  box-shadow: inset 1px 1px 5px rgba(153, 153, 153, 0.1);
}
.field-grid-container.secondary-container.white-container table.field-grid td.edit-value,
.field-grid-container.white-container.white-container table.field-grid td.edit-value {
  border: 1px solid rgba(153, 153, 153, 0.5);
}
.field-grid-container.secondary-container.white-container table.field-grid td.display-label,
.field-grid-container.white-container.white-container table.field-grid td.display-label {
  background: rgba(153, 153, 153, 0.3);
  border: 1px solid rgba(153, 153, 153, 0.5);
}
.field-grid-container.secondary-container table.field-grid,
.field-grid-container.white-container table.field-grid,
.field-grid-container.secondary-container table.field-grid tbody,
.field-grid-container.white-container table.field-grid tbody,
.field-grid-container.secondary-container table.field-grid thead,
.field-grid-container.white-container table.field-grid thead,
.field-grid-container.secondary-container table.field-grid thead tr,
.field-grid-container.white-container table.field-grid thead tr,
.field-grid-container.secondary-container table.field-grid tbody tr,
.field-grid-container.white-container table.field-grid tbody tr {
  background: transparent;
}
.field-grid-container.secondary-container table.field-grid td input[readonly],
.field-grid-container.white-container table.field-grid td input[readonly],
.field-grid-container.secondary-container table.field-grid tbody td input[readonly],
.field-grid-container.white-container table.field-grid tbody td input[readonly],
.field-grid-container.secondary-container table.field-grid thead td input[readonly],
.field-grid-container.white-container table.field-grid thead td input[readonly],
.field-grid-container.secondary-container table.field-grid thead tr td input[readonly],
.field-grid-container.white-container table.field-grid thead tr td input[readonly],
.field-grid-container.secondary-container table.field-grid tbody tr td input[readonly],
.field-grid-container.white-container table.field-grid tbody tr td input[readonly] {
  background: #fff;
  text-align: left;
}
.field-grid-container.secondary-container table.field-grid td input[readonly].text-right,
.field-grid-container.white-container table.field-grid td input[readonly].text-right,
.field-grid-container.secondary-container table.field-grid tbody td input[readonly].text-right,
.field-grid-container.white-container table.field-grid tbody td input[readonly].text-right,
.field-grid-container.secondary-container table.field-grid thead td input[readonly].text-right,
.field-grid-container.white-container table.field-grid thead td input[readonly].text-right,
.field-grid-container.secondary-container table.field-grid thead tr td input[readonly].text-right,
.field-grid-container.white-container table.field-grid thead tr td input[readonly].text-right,
.field-grid-container.secondary-container table.field-grid tbody tr td input[readonly].text-right,
.field-grid-container.white-container table.field-grid tbody tr td input[readonly].text-right {
  text-align: right;
  padding-left: 16px;
}
.field-grid-container.secondary-container table.field-grid td input[readonly].important,
.field-grid-container.white-container table.field-grid td input[readonly].important,
.field-grid-container.secondary-container table.field-grid tbody td input[readonly].important,
.field-grid-container.white-container table.field-grid tbody td input[readonly].important,
.field-grid-container.secondary-container table.field-grid thead td input[readonly].important,
.field-grid-container.white-container table.field-grid thead td input[readonly].important,
.field-grid-container.secondary-container table.field-grid thead tr td input[readonly].important,
.field-grid-container.white-container table.field-grid thead tr td input[readonly].important,
.field-grid-container.secondary-container table.field-grid tbody tr td input[readonly].important,
.field-grid-container.white-container table.field-grid tbody tr td input[readonly].important {
  border-width: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  font-size: 1.2rem;
  height: 37px;
  background: transparent;
}
.field-grid-container.secondary-container span.display,
.field-grid-container.white-container span.display {
  background: rgba(239, 81, 31, 0.1);
  border: 1px solid rgba(239, 81, 31, 0.3);
  -webkit-box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
  box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.1);
}
table.field-grid {
  border: none;
}
table.field-grid .mandatory:after {
  content: '*';
  color: #de412a;
}
table.field-grid.field-grid--important {
  background: rgba(239, 81, 31, 0.1);
}
table.field-grid.field-grid--important th,
table.field-grid.field-grid--important td {
  background: rgba(239, 81, 31, 0.1);
}
table.field-grid.field-grid--secondary {
  background: rgba(26, 51, 96, 0.1);
}
table.field-grid.field-grid--secondary th,
table.field-grid.field-grid--secondary td {
  background: rgba(26, 51, 96, 0.1);
}
table.field-grid tr.grey-section {
  background: #F7F8FA;
}
table.field-grid tr.grey-section td input[readonly] {
  background: #F7F8FA;
  font-size: 0.75rem;
  letter-spacing: -0.01rem;
}
table.field-grid tr.grey-section.last input {
  margin-bottom: 5px;
  font-size: 0.75rem;
  letter-spacing: -0.01rem;
}
table.field-grid thead tr th {
  padding: 5px;
}
table.field-grid thead tr th.spacer {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}
table.field-grid span.explanation {
  font-size: 0.7rem;
  color: #ef511f;
  font-style: italic;
  display: block;
  font-weight: bold;
}
table.field-grid .description {
  color: #282934;
  font-size: 0.7rem;
}
table.field-grid tr {
  background: #F7F8FA;
}
table.field-grid td {
  padding: 2px 5px;
}
table.field-grid td span.display {
  margin-bottom: 0;
  padding: 8px 10px;
}
    table.field-grid td input[type="text"],
    table.field-grid td select,
    table.field-grid td textarea {
        margin-bottom: 0;
        max-width: 100%;
        border: none;
        text-align: right;
        border: 1px solid rgba(140, 152, 175, 0.4);
    }
table.field-grid td input[type="text"].text-left,
table.field-grid td select.text-left,
table.field-grid td textarea.text-left {
  text-align: left;
}
table.field-grid td input[readonly] {
  background: rgba(26, 51, 96, 0.15);
  font-size: 0.75rem;
  letter-spacing: -0.01rem;
}
table.field-grid td input[readonly].important {
  background: rgba(239, 81, 31, 0.15);
  -webkit-box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.2);
  box-shadow: inset 1px 1px 5px rgba(239, 81, 31, 0.2);
  font-size: 1.4rem;
  border: 2px solid #ef511f;
}
table.field-grid td.total input[readonly] {
  background: rgba(26, 51, 96, 0.25);
  font-weight: bold;
  font-size: 0.75rem;
  letter-spacing: -0.01rem;
}
    table.field-grid td.grey input[readonly] {
        background: var(--primary-fade);
        font-size: 0.75rem;
        letter-spacing: -0.01rem;
    }
table.field-grid td.spacer {
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}
table.field-grid td.vab {
  vertical-align: bottom;
}
table.field-grid td.explanation {
  padding: 10px 5px;
  font-size: 0.7rem;
  color: #ef511f;
  font-style: italic;
}
table.field-grid td.secondary .description {
  color: #ef511f;
}
table.field-grid td.br {
  border-right: 1px dashed #ef511f;
}
table.field-grid td .display.important {
  color: #ef511f;
  font-weight: 700;
  font-size: 1.2rem;
}
table.field-grid td .display.not-as-important {
  font-weight: 700;
  font-size: 1.1rem;
  color: #282934;
  border: 1px solid #1a3360;
}
table.field-grid td .display.not-as-important.negative {
  color: #de412a;
  border-color: #de412a;
}
table.field-grid td .display.important.negative {
  color: #fff;
  background: #de412a;
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cis-panel {
  padding-top: 15px;
  background: rgba(239, 81, 31, 0.1);
}
.commercials-panel {
  padding-top: 15px;
  background: rgba(26, 51, 96, 0.1);
}
table.pc-list-grid {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
}
table.pc-list-grid tr td {
  width: 8.33333333%;
  padding: 2px 5px;
  border: 2px solid #fff;
}
table.pc-list-grid tr td.dark {
  background: rgba(26, 51, 96, 0.25);
  vertical-align: top;
}
table.pc-list-grid tr td.light {
  background: rgba(26, 51, 96, 0.15);
  vertical-align: middle;
  text-align: right;
}
table.pc-list-grid tr td.important {
  background: rgba(24, 195, 149, 0.15);
  border-bottom-color: #18C395;
  color: #18C395;
  text-align: right;
  font-size: 1.1rem;
  padding: 5px;
  white-space: nowrap;
}
table.pc-list-grid tr td.description-container {
  vertical-align: bottom;
  font-size: 0.75rem;
}
.percentage-field-cell {
  position: relative;
}
.percentage-field-cell:after {
  content: '%';
  position: absolute;
  top: 11px;
  font-size: 0.75rem;
  right: 8px;
  z-index: 1;
}
.percentage-field-cell input[type="text"] {
  text-align: right !important;
  padding-right: 20px;
}
.field-cell.percentage-field-cell:after:after {
  left: 52px !important;
  top: 15px !important;
}
.help-button {
  background: rgba(26, 51, 96, 0.05);
  padding: 6px 16px 8px 16px;
  border-radius: 50px;
  font-size: 0.7rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.help-button .icon-help {
  font-size: 0.6rem;
  -webkit-transform: scale(1.5) translateY(1px);
  transform: scale(1.5) translateY(1px);
  display: inline-block;
  margin-right: 5px;
}
.help-button:hover {
  background: #1a3360;
  color: #fff;
}
.help-area {
  background: rgba(26, 51, 96, 0.05);
  padding: 10px;
}
.help-area h3 .icon-help {
  margin-right: 5px;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  display: inline-block;
}
.help-area ol li {
  margin-bottom: 5px;
  font-size: 0.7rem;
  line-height: 1.2rem;
}
.list-item {
  padding: 15px 5px;
  border-bottom: 2px solid #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.list-item .image {
  width: 40px;
  height: 40px;
}
.list-item .icon-container {
  width: 40px;
  height: 40px;
  text-align: center;
}
.list-item .icon-container span[class^="icon-"],
.list-item .icon-container span[class*=" icon-"] {
  font-size: 1.3rem;
}
.list-item .main-area {
  padding: 0 0 0 10px;
}
.list-item .main-area .title {
  display: block;
}
.list-item .main-area .subtitle {
  color: #999;
  font-size: 0.7rem;
  display: block;
}
.help-sidebar {
  position: absolute;
  right: -350px;
  top: 70px;
  width: 300px;
  background: #fff;
  height: calc(100vh - 59px);
  z-index: 9998;
  -webkit-box-shadow: -3px 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -3px 3px 15px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.9, -0.23, 1, 0.59);
  animation-timing-function: cubic-bezier(0.9, -0.23, 1, 0.59);
}
.help-sidebar.in {
  right: 0;
}
.help-sidebar.out {
  right: -350px;
}
.help-sidebar h2 {
  padding: 10px 20px;
  margin-bottom: 0;
}
.help-sidebar .close {
  color: #282934;
  float: right;
  font-size: 1rem;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  position: relative;
  bottom: 10px;
  right: 5px;
}
.help-sidebar .close:hover {
  color: #ef511f;
}
.help-sidebar .tabs {
  padding: 0 10px;
  margin-bottom: 10px !important;
}
.help-sidebar .help-search-area {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
}
.help-sidebar .help-search-area input[type="text"] {
  padding: 10px;
  width: 100%;
  margin-bottom: 0;
}
.help-sidebar .help-article-list {
  border-top: 1px solid #ddd;
  overflow: auto;
  height: calc(100vh - 236px);
}
.help-sidebar .help-article-list .item {
  padding: 10px 10px 7px 20px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.help-sidebar .help-article-list .item .title {
  color: #282934;
  font-weight: 600;
  display: block;
  font-size: 0.8rem;
}
.help-sidebar .help-article-list .item.sorry {
  cursor: default;
}
.help-sidebar .help-article-list .item.sorry .title {
  color: #ef511f;
}
.help-sidebar .help-article-list .item.sorry:hover {
  background: #fff;
}
.help-sidebar .help-article-list .item .description {
  color: #666;
  font-size: 0.8rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  float: left;
}
.help-sidebar .help-article-list .item.selected {
  position: relative;
  background: #feeee8;
}
.help-sidebar .help-article-list .item.selected .title {
  color: #ef511f;
}
.help-sidebar .help-article-list .item.selected:after {
  content: '';
  position: absolute;
  left: -10px;
  top: 25px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #ef511f;
}
.help-sidebar .help-article-list .item.selected:hover {
  background: #feeee8;
}
.help-sidebar .help-article-list .item:hover {
  background: rgba(221, 221, 221, 0.2);
}
.help-sidebar .help-content {
  position: absolute;
  right: -850px;
  background: #feeee8;
  height: calc(100vh - 59px);
  z-index: 9997;
  -webkit-box-shadow: -3px 3px 15px 0 rgba(0, 0, 0, 0.1);
  box-shadow: -3px 3px 15px 0 rgba(0, 0, 0, 0.1);
  top: 0px;
  width: 800px;
  max-width: calc(100vw - 300px);
  overflow: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-animation-timing-function: cubic-bezier(0.9, -0.23, 1, 0.59);
  animation-timing-function: cubic-bezier(0.9, -0.23, 1, 0.59);
}
.help-sidebar .help-content.in {
  right: 300px;
}
.help-sidebar .help-content.out {
  right: -850px;
}
.help-sidebar .help-content .content {
  padding: 10px 20px;
  clear: both;
}
.help-sidebar .help-content .content h2 {
  padding: 30px 0 10px 0;
  font-size: 1.2rem;
  font-weight: 700;
  border-top: 1px solid #ef511f;
}
.help-sidebar .help-content h2 {
  padding: 10px 20px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.help-sidebar .help-content h2 .title {
  width: 400px;
  float: left;
}
.help-sidebar .help-content h2 .close {
  color: #666;
  float: right;
  font-size: 2rem;
  width: 32px;
  height: 32px;
  text-align: center;
  cursor: pointer;
  position: relative;
  bottom: 10px;
  right: 5px;
}
.help-sidebar .help-content h2 .close:hover {
  color: #ef511f;
}
.help-sidebar .help-content .helpful-buttons {
  padding: 10px 20px;
}
.duplicate-date-fix > span > span.e-padding {
  padding: 0;
}
.duplicate-date-fix > span > span.e-padding > .e-select {
  display: none !important;
}
.help-sections-container {
  border: 2px solid #ccc;
  border-radius: 15px;
}
.help-sections-container .help-section {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  position: relative;
}
.help-sections-container .help-section input[type="text"] {
  margin-bottom: 0;
}
.help-sections-container .help-section textarea {
  height: 300px;
  margin-bottom: 0;
}
.help-sections-container .help-section img {
  margin-bottom: 5px;
}
.help-sections-container .help-section:last-child {
  border-bottom: none;
  background: #F7F8FA;
  border-radius: 0 0 15px 15px;
}
.help-sections-container .help-section .controls {
  opacity: 0;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 9999;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.help-sections-container .help-section:hover .controls {
  opacity: 1;
}
.icon-arrow-left.up {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-arrow-left.right {
  -webkit-transform: rotate(180deg) translateY(4px);
  transform: rotate(180deg) translateY(4px);
}
.icon-arrow-left.down {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.rejected-panel {
  border: 1px solid #de412a;
  border-left: 5px solid #de412a;
  margin: 9px 0;
  overflow: hidden;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 0;
  clear: both;
}
.ecx-tooltip {
  position: relative;
  cursor: help;
  float: right;
}
.ecx-tooltip .icon-help {
  font-size: 0.6rem;
  margin-right: 3px;
  color: #b3b3b3;
}
.ecx-tooltip .icon-help:hover {
  color: #07b7da;
}
    .ecx-tooltip .tooltiptext {
        display: none;
        position: fixed;
        transition: 0.2s all ease-out;
        color: black;
        background-color: white;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
        border-radius: 4px;
        bottom: 15px;
        right: 30px;
        width: max-content;
        /* display: flex; */
        flex-direction: column;
        align-items: flex-start;
        font-size: 11px;
        font-weight: 600;
        z-index: 1100;
        max-width: 500px;
        border: 4px solid #4A89DC;
    }

    .ecx-tooltip .tooltiptext {
        transform-origin: bottom center;
        animation-name: example;
        animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
    }

        .ecx-tooltip .tooltiptext > .tooltip-content > * {
            font-size: 0.8rem;
            color: #282934;
            margin-bottom: 2px;
        }

    .tooltiptext > .title {
        padding: 10px;
        color: white;
        font-size: 20px;
        background-color: #4A89DC;
        width:100%;
        text-align:left;
    }

    .tooltiptext > div {
        margin: 20px 0 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        width:100%;
    }

    .tooltiptext > .tooltip-content {
        padding:20px;
    }

    .tooltiptext > div > .icon-wrapper {
        background-color: #4A89DC;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        font-size: 20px;
    }

    .tooltiptext > div > .icon-wrapper > span {
        padding-top: 5px;
    }

.ecx-tooltip .tooltiptext > .tooltip-content > p {
    text-align: left;
    margin-bottom: 5px;
}
.ecx-tooltip:hover {
  color: #07b7da;
}
.ecx-tooltip:hover .tooltiptext {
  display: flex;
}
.step-level {
  border: 2px dotted #41acb9;
  color: #41acb9;
  padding: 4px 0px 0px 0px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notificationarea-outer {
  position: fixed;
  bottom: 0;
  right: 0;
}
#notificationarea-items {
  overflow: auto;
  height: 290px;
}
#notificationarea-items .no-notifications {
  color: #ccc;
  text-align: center;
  padding: 50px;
}
#notificationarea-items .no-notifications span {
  font-size: 2rem;
  display: inline-block;
}
.notificationarea-item {
  background: #fff;
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  padding: 10px;
  font-size: 0.8rem;
  overflow: hidden;
}
.notificationarea-item .n-icon {
  width: 25px;
  height: 25px;
  background: #F7F8FA;
  color: #282934;
  border-radius: 100px;
  float: left;
  padding: 5px;
  text-align: center;
  margin-right: 8px;
}
.notificationarea-item .notification-text {
  width: 160px;
  float: left;
}
.notificationarea-item a {
  color: #ef511f;
}
.notificationarea-item a:hover {
  color: #282934;
}
.notificationarea-item .icon-cross {
  float: right;
  color: #ccc;
  cursor: pointer;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.notificationarea-item .icon-cross:hover {
  color: #ef511f;
}
.popup {
  height: 350px;
  width: 250px;
  background: #fff;
  bottom: -320px;
  right: 20px;
  position: absolute;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding-top: 30px;
  border-radius: 3px 3px 0 0;
  vertical-align: top;
  border: 2px solid #ef511f;
  border-bottom: none;
}
.popup.open {
  bottom: 0;
}
.popup.open .band {
  background: #ef511f;
  color: #fff;
}
.popup.open .band .total {
  background: #fff;
  color: #ef511f;
}
.popup.open .band .icon-arrow-left {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.popup .notification-options {
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  padding: 5px 10px;
  overflow: hidden;
}
.popup .notification-options .clear-notifications {
  font-size: 0.8rem;
  color: #ccc;
  float: right;
  cursor: pointer;
}
.popup .notification-options .clear-notifications:hover {
  color: #ef511f;
}
.popup .band {
  position: absolute;
  top: 0;
  width: 100%;
  height: 30px;
  padding: 5px;
  text-align: right;
  border-radius: 2px 2px 0 0;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  text-align: center;
  font-size: 0.8rem;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.popup .band .icon-arrow-left {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: inline-block;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: absolute;
  right: 10px;
}
.popup .band .total {
  height: 20px;
  min-width: 20px;
  border-radius: 50px;
  padding: 2px 5px;
  display: inline-block;
  background: #ef511f;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.popup .band:hover {
  background: #ef511f;
  color: #fff;
}
.popup .band:hover .total {
  background: #fff;
  color: #ef511f;
}
.global-search-area {
  text-align: center;
  padding: 50px 0;
}
.global-search-area input[type="text"] {
  font-size: 1.6rem;
  border-radius: 3px;
  -webkit-box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
  height: 50px;
  display: inline-block;
  max-width: 500px;
  border: none;
}
ul.approved-trades,
ul.project-prefixes {
  clear: both;
  margin-left: 0;
}
ul.approved-trades li.approved-trade,
ul.project-prefixes li.approved-trade,
ul.approved-trades li.project-prefix,
ul.project-prefixes li.project-prefix {
  float: left;
  list-style-type: none;
  padding: 4px 10px;
  background: rgba(239, 81, 31, 0.1);
  color: #ef511f;
  margin: 0 10px 10px 0;
  font-size: 0.8rem;
  border-radius: 3px;
}
ul.approved-trades li.approved-trade .icon-cross,
ul.project-prefixes li.approved-trade .icon-cross,
ul.approved-trades li.project-prefix .icon-cross,
ul.project-prefixes li.project-prefix .icon-cross {
  float: right;
  margin-left: 20px;
  font-size: 0.7rem;
  cursor: pointer;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  color: rgba(239, 81, 31, 0.2);
}
ul.approved-trades li.approved-trade .icon-cross:hover,
ul.project-prefixes li.approved-trade .icon-cross:hover,
ul.approved-trades li.project-prefix .icon-cross:hover,
ul.project-prefixes li.project-prefix .icon-cross:hover {
  color: #282934;
}
.side-tools {
  float: right;
  padding: 43px 0 40px 40px;
  width: 300px;
  border-left: 1px solid rgba(140, 152, 175, 0.4);
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-widget.ui-datepicker {
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border-color: #ef511f;
  background: #ef511f;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  padding: 0.3em;
  text-align: center;
  border: 1px solid transparent;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header {
  border: none;
  padding: 0.2em 0 0.4em 0;
  background: #fff;
  color: #282934;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header a {
  color: #282934;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header a:hover {
  color: #ef511f;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: none;
  background: transparent;
  color: #ef511f;
}
.show-for-ipad-landscape {
  display: none;
}
.hide-for-ipad-landscape {
  display: block;
}
.hovershow span {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.hovershow:hover {
  position: relative;
  overflow: visible;
}
.hovershow:hover span {
  position: absolute;
  background: #ffece7;
  z-index: 1;
}
.one-line {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.grid-stack-item-content {
  background: transparent;
}
.grid-stack-item-content {
  overflow: hidden;
}
.dash-edit-container span {
  margin-right: 0;
}
.dashitem-content {
  margin: 0;
  padding: 0;
  height: 100% !important;
  background: #fff;
  -webkit-box-shadow: 0px 3px 10px 0px #E7EAEE;
  box-shadow: 0px 3px 10px 0px #E7EAEE;
}
.dashitem-content .dash-grid-panel {
  height: 100% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
}
.dashitem-content .dash-grid-panel .title {
  width: 100%;
}
.dashitem-content .dash-grid-panel.dash-grid-panel-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.dashitem-content .dash-grid-panel.dash-grid-panel-vertical > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dashitem-content .dash-grid-panel-list {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  overflow: hidden;
}
.dashitem-content .dash-grid-panel-list > .title {
  border-bottom: 1px solid rgba(140, 152, 175, 0.1);
  padding-bottom: 20px;
  line-height: 1.4rem;
}
.dashitem-content .dash-grid-panel-list > .title span[class^="icon-"],
.dashitem-content .dash-grid-panel-list > .title span[class*=" icon-"] {
  -webkit-transform: translateY(10px) scale(0.7);
  transform: translateY(10px) scale(0.7);
  display: inline-block;
}
.dashitem-content .dash-grid-panel-list ul {
  margin: 0;
  width: 100%;
  margin-top: 10px;
}
.dashitem-content .dash-grid-panel-list ul li {
  list-style-type: none;
  padding: 5px;
  border-top: 1px solid rgba(140, 152, 175, 0.1);
}
.dashitem-content .dash-grid-panel-list ul li .title {
  font-weight: 400;
  font-size: 0.8rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 10px;
}
.dashitem-content .dash-grid-panel-list ul li .title .number {
  bottom: 0;
  border-width: 1px;
  height: 25px;
  font-size: 1rem;
  min-width: 40px;
}
.dashitem-content .dash-grid-panel-list ul li:hover {
  background: #F7F8FA;
  cursor: pointer;
}
.dashitem-content .dash-grid-panel-list ul li:hover .title span:first-child {
  text-decoration: underline;
}
.dashitem-content .dash-grid-panel-list ul li:hover .number {
  background: transparent;
}
.grid-stack-item-content:hover .d-icon.icon-location {
  display: block;
}
.grid-stack-item-content:hover .d-icon.icon-edit {
  display: block;
}
.grid-stack > .grid-stack-item {
  padding: 5px;
}
.d-icon.icon-edit {
  position: absolute;
  right: 3px;
  top: 2px;
  z-index: 999;
  display: none;
  background: #F7F8FA;
  color: #666;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding: 7px 0;
  font-size: 0.8rem;
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: pointer;
}
.d-icon.icon-edit:hover {
  background: #e7eaf0;
}
.d-icon.icon-location {
  position: absolute;
  left: 3px;
  top: 2px;
  z-index: 999;
  display: none;
  background: #F7F8FA;
  color: #666;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding: 7px 0;
  font-size: 0.8rem;
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: move;
}
.d-icon.icon-location:hover {
  background: #e7eaf0;
}
.ui-resizable-handle {
  background: #F7F8FA;
  color: #fff;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  padding: 7px 0;
  font-size: 0.8rem;
  -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
}
.ui-resizable-handle:hover {
  background: #e7eaf0;
}
.grid-stack > .grid-stack-item > .ui-resizable-se {
  bottom: 8px;
}
.dashboard-tiles {
  pointer-events: all;
}
.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #3498db;
  /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.EditorContainer {
  padding-left: 20px;
  padding-bottom: 20px;
}
.grid-stack {
  background: #F7F8FA;
}
.grid-stack.editable .dash-grid-panel:hover {
  background: #fff;
  color: #282934;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.grid-stack.editable .dash-grid-panel:hover .number {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: #fff;
  border-color: #ddd;
  color: #282934;
}
.grid-stack:not(.editable) .d-icon.icon-location,
.grid-stack:not(.editable) .d-icon.icon-edit,
.grid-stack:not(.editable) .ui-resizable-handle {
  display: none !important;
}
.dash-grid-panel {
  padding: 20px 10px;
  text-align: center;
  background: #fff;
  cursor: pointer;
  color: #282934;
}
.dash-grid-panel:hover {
  background: rgba(26, 51, 96, 0.1);
  color: #282934;
  -webkit-box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 3px -2px rgba(0, 0, 0, 0.15);
}
.dash-grid-panel.no-hov:hover {
  background: #fff;
}
.dash-grid-panel .top-section {
  border-bottom: 1px solid #F7F8FA;
  text-align: left;
  padding: 0 5px;
  font-size: 0.7rem;
  color: #ccc;
}
.dash-grid-panel .top-section span[class^="icon-"],
.dash-grid-panel .top-section span[class*=" icon-"] {
  margin-right: 5px;
}
.dash-grid-panel .d-icon {
  font-size: 1.4em;
  margin-left: 10px;
  border-radius: 6px;
  background: rgba(26, 51, 96, 0.05);
  width: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  padding: 7px;
}
.dash-grid-panel .title {
  display: block;
  font-size: 0.9rem;
  text-align: left;
  padding-left: 15px;
}
.dash-grid-panel .subtitle {
  display: block;
  font-size: 0.8rem;
  color: #999;
}
.dash-grid-panel .inner {
  padding: 10px;
}
.dash-grid-panel .number {
  min-width: 60px;
  color: #707070;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  text-align: right;
  margin-right: 10px;
  display: inline-block;
  font-size: 1.2rem;
}
.approver-list-area label {
  display: none;
}
.approver-list-area .step-level {
  height: 43px;
  width: 43px;
  line-height: 2.3rem;
}
.approver-list-area .display {
  margin-bottom: 0;
}
.approver-list-area .medium-3.columns:last-child {
  width: 31%;
}
.approver-list-area .medium-1.columns {
  width: 5.33333%;
}
.approver-list-area .fake-label {
  font-size: 0.8rem;
  color: #282934;
  margin: 5px 12px;
}
table.side-by-side {
  margin-bottom: 0;
}
table.side-by-side td {
  font-size: 1rem;
}
table.side-by-side td:first-child {
  border-right: 1px solid #ddd;
}
table.side-by-side td:last-child {
  font-weight: 700;
}
table.side-by-side td.title {
  font-size: 1.4rem;
  color: #ef511f;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}
table.side-by-side td input {
  margin-bottom: 0;
}
table.side-by-side tr.spacer td {
  height: 30px;
}
table.side-by-side tr.amount {
  background: rgba(239, 81, 31, 0.1);
}
table.side-by-side tr.amount td:last-child {
  text-align: right;
}
table.side-by-side tr.amount.total {
  border-top: 1px solid #ef511f;
  background: rgba(239, 81, 31, 0.15);
}
#whole {
  width: 100%;
  clear: both;
}
#rightContent {
  margin-left: 200px;
  height: 300px;
  width: 50%;
}
#leftContent {
  width: 99%;
  float: left;
  height: 300px;
}
#split-bar {
  background-color: #282934;
  height: 100%;
  float: right;
  width: 6px;
  cursor: col-resize;
}
.loader {
  border: 16px solid #f3f3f3;
  /* Light grey */
  border-top: 16px solid #ef511f;
  /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.interface-button-container {
  background: rgba(26, 51, 96, 0.04);
  -webkit-box-shadow: 20px 0 rgba(26, 51, 96, 0.04);
  box-shadow: 20px 0 rgba(26, 51, 96, 0.04);
}
.inline-button {
  background: rgba(26, 51, 96, 0.1);
  font-size: 0.9rem;
  border-radius: 50%;
  display: inline-block;
  width: 23px;
  height: 23px;
  padding: 4px;
  text-align: center;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #282934;
}
.inline-button:hover {
  background: #1a3360;
  color: #fff;
}
.interface-button {
  background: rgba(26, 51, 96, 0.1);
  font-size: 0.9rem;
  border-radius: 50%;
  display: inline-block;
  width: 28px;
  height: 28px;
  padding: 4px;
  text-align: center;
  cursor: pointer;
  margin: 5px;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.interface-button.right {
  float: right;
}
.interface-button:first-child {
  margin-left: 10px;
}
.interface-button [class^="icon-"],
.interface-button [class*=" icon-"] {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  display: inline-block;
  color: #282934;
  font-size: 0.8rem;
}
.interface-button:hover {
  background: rgba(26, 51, 96, 0.15);
  -webkit-transform: scale(1.1) translateY(-2px);
  transform: scale(1.1) translateY(-2px);
}
.interface-button:hover .explanation {
  opacity: 1;
}
.interface-button:hover:after {
  content: '';
  width: 2px;
  height: 14px;
  position: absolute;
  top: 28px;
  left: 13px;
  background: rgba(26, 51, 96, 0.15);
}
.interface-button .explanation {
  position: absolute;
  top: 40px;
  left: 0px;
  white-space: nowrap;
  font-weight: 300;
  background: #1a3360;
  color: #fff;
  border-radius: 100px;
  padding: 2px 10px;
  font-size: 0.7rem;
  opacity: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.interface-button.right .explanation {
  left: auto;
  right: 0px;
}
.pdf-pager {
  display: inline-block;
  margin-left: 25px;
}
.pdf-pager .pages-container {
  display: inline-block;
}
tr.line-item-bt {
  border-top: 2px solid #ef511f;
}
.inline-view-button {
  cursor: pointer;
  float: right;
  font-size: 0.5rem;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 4px;
  padding: 0 5px;
  line-height: 14px;
  display: none;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  color: #282934;
}
.inline-view-button:hover {
  border-color: #282934;
  background: #1a3360;
  color: #fff;
}
pre#vatCheckResults,
pre#crnCheckResults {
  background: #F7F8FA;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
}
.result-icon {
  font-size: 1.6rem;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  display: inline-block;
  margin-right: 5px;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.login-left-v2 > div:nth-child(2) {
  text-align: center !important;
  padding-left: 500px !important;
}
.login-left-v2 > div:nth-child(2) a:hover {
  color: yellow;
}
.login-left-v2 {
  position: absolute;
  left: 0;
  top: 0;
  overflow: auto;
  height: 100vh;
  width: calc(100vw - 415px);
  background-size: cover;
  background-color: #282934;
  padding: 0 0 1.875rem 0;
}
.login-left-v2 .login-top-banner {
  background-image: url(https://openecxcdn.blob.core.windows.net/live/missioncontrol/Open%20ECX%20Images/ECX-Top-Banner-Long.svg);
  height: 300px;
  background-size: cover;
  background-position: center center;
}
.login-left-v2 .open-ecx-tab-logo {
  height: 80px;
  position: absolute;
  top: 0px;
  left: 100px;
}
.login-left-v2 .login-widget {
  background: #1a3360;
  padding: 1.875rem;
  color: #fff;
  overflow: hidden;
  margin-bottom: 0.9375rem;
}
.login-left-v2 h3 {
  color: #fff;
  padding: 20px 10px;
  height: auto;
  padding: 0;
}
.login-left-v2 .small-login-logo {
  float: left;
  display: block;
  width: 200px;
}
.login-left-v2 .small-toplogin-logo {
  display: inline-block;
  height: 30px;
}
.login-left-v2 ul li {
  font-weight: 400;
}
.login-left-v2 .version {
  color: #fff;
  padding: 4px 24px;
  font-size: 0.8rem;
  float: left;
}
.login-left-v2 .news-card {
  padding: 10px 0px;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.login-left-v2 .news-card .image {
  width: 20%;
  background-size: cover;
  background-position: center center;
  float: left;
}
.login-left-v2 .news-card .published {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.8rem;
}
.login-left-v2 .news-card .headline {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
  width: 80%;
  line-height: 1.4rem;
  float: left;
  padding-left: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login-left-v2 .news-card .read-more {
  color: #ef511f;
  font-size: 0.8rem;
}
.login-left-v2 .news-card:hover {
  cursor: pointer;
}
.login-left-v2 .news-card:hover .read-more {
  text-decoration: underline;
}
.login-left-container {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100vh - 100px);
  width: calc(100vw - 415px);
  background-size: cover;
  background-image: url('../content/images/main-bg.jpg');
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.login-left-container h2 {
  color: #fff;
}
.login-right-bottom-container {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100px;
  background: #172d54;
  width: calc(100vw - 415px);
}
.login-right-bottom-container .small-login-logo {
  float: left;
  margin: 20px 15px 5px 20px;
  display: block;
  width: 200px;
}
.login-right-bottom-container .version {
  color: #fff;
  padding: 10px 20px;
  font-size: 0.8rem;
  clear: left;
  float: left;
}
.login-right-bottom-container .quarter {
  height: 100px;
  float: left;
}
.login-right-bottom-container .quarter a {
  color: #fff;
  display: inline-block;
  margin: 32px 20px;
  padding: 2px 10px 4px 10px;
  border: 2px solid #fff;
  border-radius: 100px;
}
.login-right-bottom-container .quarter a:hover {
  background: #fff;
  color: #282934;
}
.login-right-container {
  position: absolute;
  right: 0;
  top: 0;
  height: 100vh;
  width: 415px;
  background: #fff;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.login-right-container .ad img {
  width: 100%;
}
.login-right-container label {
  font-size: 1rem;
  margin-bottom: 0px;
  padding-bottom: 3px;
}
.login-right-container input[type="text"],
.login-right-container input[type="password"] {
  border: 1px solid rgba(140, 152, 175, 0.4);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 2px;
  height: 45px;
  font-size: 1rem;
}
.login-right-container input[type="text"] {
  margin-bottom: 5px;
}
.login-right-container .remember {
  float: right;
  margin-top: 5px;
}
.login-right-container .forgot {
  display: block;
  clear: both;
}
.login-right-container .login-bottom {
  width: 100%;
  padding: 10px 0px;
  overflow: hidden;
}
.login-right-container .login-bottom img {
  float: left;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.login-right-container .login-bottom div {
  float: right;
}
.login-right-container a {
  display: block;
  margin-bottom: 20px;
}
.login-right-container .copyright-text {
  color: #8C98AF;
  font-size: 0.8rem;
  font-weight: 300;
}
.dash-and-ad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dash-and-ad .ad {
  margin-top: 5px;
  margin-left: 10px;
  width: 600px;
}
.ad .your-ad {
  color: #647685;
  display: block;
  padding: 5px;
  text-align: center;
}
.partner-dash.row .medium-12.columns {
  padding: 0;
}
.partner-dash.row .partner-promotion {
  color: #282934;
  padding: 20px;
  margin-bottom: 0;
}
.partner-promotion {
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
  font-size: 0.8rem;
}
.partner-promotion.grey {
  color: #282934;
}
.banner {
  display: block;
  margin-bottom: 1.875rem;
}
.widget-list-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-left: 1px solid rgba(140, 152, 175, 0.4);
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  border-right: 1px solid rgba(140, 152, 175, 0.4);
}
.widget-list-container .dashItemInfo {
  border: 1px solid rgba(140, 152, 175, 0.4);
  cursor: pointer;
  padding: 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px;
  -webkit-transition: 0.2s all ease-in;
  transition: 0.2s all ease-in;
  border-radius: 3px;
  background: #fff;
}
.widget-list-container .dashItemInfo:hover {
  -webkit-box-shadow: inset 5px 0 0 #ef511f;
  box-shadow: inset 5px 0 0 #ef511f;
}
.widget-list-container .dashItemInfo:hover .title {
  color: #ef511f;
}
.widget-list-container .dashItemInfo .title {
  color: #282934;
  font-weight: 600;
  font-weight: 1.2rem;
  margin-bottom: 10px;
  display: block;
}
.widget-list-container .dashItemInfo .description {
  color: #999;
  font-size: 0.9rem;
  margin-bottom: 10px;
  display: block;
}
.widget-list-container .dashItemInfo .important {
  font-weight: 600;
  display: block;
  color: #ef511f;
}
.fileUpload {
  position: relative;
  overflow: hidden;
  margin: 10px;
}
.fileUpload input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
table.mk-table {
  border: none;
  margin-bottom: 0;
}
table.mk-table tbody {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
}
table.mk-table tbody:hover {
  background: rgba(239, 81, 31, 0.05);
  cursor: pointer;
  -webkit-box-shadow: #ef511f 5px 0px 0px inset;
  box-shadow: #ef511f 5px 0px 0px inset;
}
table.mk-table tbody:hover td:first-child {
  -webkit-box-shadow: #ef511f 5px 0px 0px inset;
  box-shadow: #ef511f 5px 0px 0px inset;
}
table.mk-table tbody:hover td.gr {
  background: rgba(239, 81, 31, 0.03);
}
table.mk-table td {
  vertical-align: top;
  padding: 0.2625rem 0.625rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
table.mk-table td.gr {
  background: #F7F8FA;
}
table.mk-table td.bb {
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
}
table.mk-table td .image {
  width: 50px;
  background-size: contain;
  height: 36px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
}
table.mk-table .l {
  color: rgba(40, 41, 52, 0.6);
  font-size: 0.7rem;
  font-weight: 400;
  display: inline-block;
}
table.mk-table .l.table-filter:hover {
  color: #ef511f !important;
  background: rgba(239, 81, 31, 0.1);
  -webkit-box-shadow: 0 0 0 3px rgba(239, 81, 31, 0.1);
  box-shadow: 0 0 0 3px rgba(239, 81, 31, 0.1);
  position: relative;
}
table.mk-table .l.table-filter:hover:after {
  position: absolute;
  right: -30px;
  content: 'Sort By';
  top: 0;
  font-size: 0.5rem;
  color: rgba(239, 81, 31, 0.5);
}
table.mk-table .l .small {
  font-size: 0.65rem;
}
table.mk-table .t {
  display: block;
  margin-bottom: 7px;
  font-size: 0.8rem;
}
table.mk-table .t.dt {
  white-space: nowrap;
}
table.mk-table .t:last-child {
  margin-bottom: 0;
}
table.mk-table tr.even,
table.mk-table tr.alt,
table.mk-table tr:nth-of-type(even) {
  background: transparent;
}
table.mk-table tr:last-child {
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
}
.insurance-errors {
  color: #de412a;
  border: 1px solid #de412a;
  background: rgba(222, 65, 42, 0.1);
  font-size: 0.9rem;
  padding: 10px 15px;
}
@-webkit-keyframes flash-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes flash-animation {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.OrderFinanceTitle {
  font-weight: 600;
  font-size: 0.8rem;
  color: #1a3360;
  text-align: right;
}
.OrderTermsHighlight {
  color: white;
  background-color: #de412a;
  font-size: 11px;
}
.text-right {
  text-align: right;
}
.order-panel {
  background-color: lightgray;
  padding-top: 35px;
}
.row-flex-experimental {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.row-flex-experimental .columns.medium-9 {
  width: auto;
}
.flex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 59px);
}
.flex-content .flex-content {
  height: calc(100vh - 174px);
}
.flex-content > .filter-container-row {
  padding-bottom: 0;
  box-shadow: 0 5px 0 0 #F7F8FA;
  padding-top: 4px;
  z-index: 1;
}
.flex-content > .tabs {
  min-height: 58px;
  padding: 0 10px 10px 10px;
}
.flex-content > .tabs .tab {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.flex-content .tabs-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.flex-content .tabs-container .flex-content {
  height: calc(100vh - 174px);
}
form > .tabs {
  min-height: 58px;
  padding: 0 10px 10px 10px;
}
form > .tabs .tab {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.scrollable-content {
  overflow: auto;
  padding: 0px;
  position: relative;
  z-index: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.scrollable-content .tabs {
  padding: 5px 20px 0 20px;
}
.scrollable-content .tabs .tab.selected div {
  color: #41acb9;
  border-bottom-color: #41acb9;
}
.flex-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  position: relative;
}
.flex-header .back-circle {
  height: 33px;
  width: 31px;
}
    .flex-header .title {
        color: #41acb9;
        padding-top: 4px;
        font-size: 28px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        line-height: 1.2rem;
        flex-shrink: 10000;
        gap: 10px;
        font-weight:700;
    }
        .flex-header .title [class^="icon-"],
        .flex-header .title [class*=" icon-"] {
            font-size: 0.9rem;
            background-color: var(--primary) !important;
            color: white !important;
            border-radius: 15px !important;
            height: 28px;
            width: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            top: -5px;
        }

        .flex-header .title .crumbs {
            display: flex;
            align-items: center;
            color: #41acb9;
            margin-bottom: 4px;
            font-size: 28px;
            gap: 10px;
            font-weight: 700;
        }

        .flex-header .title:has(a) {
            column-gap:3px;
        }

        .flex-header .title:has(.crumbs) {
            color: #282934;
            font-size: 1rem;
            margin-bottom: 0px;
            font-weight: unset;
        }

        .flex-header .buttons-container {
            display: inline-block;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            text-align: right;
            min-width: 120px;
            white-space: nowrap;
        }
.flex-header .buttons-container > .upload-button-container {
  display: inline-flex;
}
.flex-header .buttons-container > * {
  margin: 0 5px;
}
.flex-header .buttons-container > *:empty {
  margin: 0;
}
    .flex-header .crumbs {
        color: #282934;
        font-size: 0.7rem;
        width: 100%;
        margin-left: -5px;
        font-weight: 500;
        margin-bottom: 8px;
    }
.flex-header .crumbs [class^="icon-"],
.flex-header .crumbs [class*=" icon-"] {
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  padding: 0px;
  background: none;
  margin: 0px 2px 0 5px;
  transform: translateY(2px);
}
.flex-header + form {
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: calc(100vh - 116px);
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .field-grid-css .small-sub {
    grid-column: 1 / span 4;
    grid-row: 7;
    grid-template-columns: 150px 1fr 150px 1fr;
  }
  .field-grid-css .full-table {
    grid-column: 2 / span 3;
  }
  .field-grid-css .cell-spacer {
    display: none;
  }
  .grid-financials {
    grid-template-columns: 1fr 1fr;
  }
  .grid-commercials {
    grid-template-columns: 1fr 1fr;
  }
  .grid-supply-chain {
    grid-template-columns: 1fr;
  }
  .grid-insurances-top {
    grid-template-columns: 1fr;
  }
  .grid-insurances-top .header-spacer {
    display: none;
  }
  .grid-insurances-bottom .insurance-double-row {
    grid-template-columns: 200px 1fr 1fr 1fr 1fr;
  }
  .grid-employment-status .field-grid-css,
  .grid-citb-checklist .field-grid-css {
    grid-template-columns: 150px 1fr;
  }
  .grid-employment-status .field-grid-css > div,
  .grid-citb-checklist .field-grid-css > div {
    grid-template-columns: 1fr 140px;
  }
  .grid-quote-comparison .field-grid-css {
    grid-template-columns: 150px 0.5fr 150px 0.5fr;
  }
  .grid-quote-comparison .field-grid-css > div.explain-textarea-label {
    grid-row: 2;
  }
  .grid-quote-comparison .field-grid-css > div.explain-textarea {
    grid-row: 2;
    grid-column: 2;
  }
  .grid-quote-comparison .field-grid-css > div.explain-textarea > * {
    grid-column: 1 / span 3;
  }
  .grid-payment-days .field-grid-css {
    grid-template-columns: 150px 1fr 150px 1fr;
  }
}
.b-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-flow: column;
  grid-column-gap: 5px;
  grid-auto-columns: 1fr;
}

#final-accounts-details .display.calculated {
  border: 1px dashed rgba(140, 152, 175, 0.4);
  position: relative;
}
#final-accounts-details .display.calculated:after {
  font-family: "fontastic";
  content: "\6c";
  position: absolute;
  left: 8px;
  top: 8px;
  color: rgba(140, 152, 175, 0.4);
}
table.table-grid {
  border: none;
  background: transparent;
}
table.table-grid tr:nth-of-type(even) {
  background: transparent;
}
table.table-grid td {
  padding: 0.4rem 0.4rem;
}
table.table-grid td.non-collapsable-grid-header {
  color: rgba(26, 51, 96, 0.5);
  font-size: 0.8rem;
  padding: 12px 0 0 12px;
}
table.table-grid td.l {
  width: 14%;
}
table.table-grid td.l label {
  text-align: right;
  line-height: 0.8rem;
}
table.table-grid td.d.address-bottom {
  padding-bottom: 0;
}
table.table-grid td.d.address-bottom input[type="text"],
table.table-grid td.d.address-bottom span.display {
  border-bottom: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
table.table-grid td.d pre span {
  border: none;
}
table.table-grid td.d.address-top {
  padding-top: 0;
}
table.table-grid td.d.address-top input[type="text"],
table.table-grid td.d.address-top span.display {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

table.table-grid td.d input[type="text"][readonly],
table.table-grid td.d input[type="number"][readonly],
table.table-grid td.d select[readonly],
table.table-grid td.d textarea[readonly],
table.table-grid td.d input[type="text"][disabled],
table.table-grid td.d input[type="number"][disabled],
table.table-grid td.d select[disabled],
table.table-grid td.d textarea[disabled] {
  background-color: #F7F8FA;
}
table.table-grid td.d span,
table.table-grid td.d input[type="text"],
table.table-grid td.d select,
table.table-grid td.d textarea,
table.table-grid td.d a {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(140, 152, 175, 0.4);
  font-size: 12px;
}
table.table-grid td.d span > a,
table.table-grid td.d input[type="text"] > a,
table.table-grid td.d select > a,
table.table-grid td.d textarea > a,
table.table-grid td.d a > a {
  border: none;
}
table.table-grid td.d span.secondary-edit,
table.table-grid td.d input[type="text"].secondary-edit,
table.table-grid td.d select.secondary-edit,
table.table-grid td.d textarea.secondary-edit,
table.table-grid td.d a.secondary-edit {
  border: 1px solid #ef511f;
  background: rgba(239, 81, 31, 0.1);
}
table.table-grid td.d span.hide-validation,
table.table-grid td.d input[type="text"].hide-validation,
table.table-grid td.d select.hide-validation,
table.table-grid td.d textarea.hide-validation,
table.table-grid td.d a.hide-validation {
  border: none;
}
table.table-grid td.d a {
  text-decoration: underline;
}
table.table-grid td.c div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
table.table-grid td.c div label {
  padding: 0 0.625rem;
  white-space: nowrap;
}
table.table-grid td.c span,
table.table-grid td.c input[type="text"],
table.table-grid td.c select,
table.table-grid td.c textarea,
table.table-grid td.c a {
  margin-bottom: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(140, 152, 175, 0.4);
}
table.table-grid td.c span > a,
table.table-grid td.c input[type="text"] > a,
table.table-grid td.c select > a,
table.table-grid td.c textarea > a,
table.table-grid td.c a > a {
  border: none;
}
table.table-grid td.g {
  font-size: 12.8px;
  color: #282934;
}
body.dark-mode table.table-grid td.g {
  color: #fff;
}
table.table-grid td.h {
  color: #ef511f;
}
table.table-grid.table-grid--secondary {
  background: rgba(26, 51, 96, 0.05);
  box-shadow: 0 20px 0 0 rgba(26, 51, 96, 0.05);
}
.order-history-table .l {
  color: var(--secondary);
}
.area {
  clear: both;
  margin: 0;
  border-radius: 5px;
  margin: 5px;
}
.area .title {
  font-size: 0.8rem;
  font-weight: 600;
  padding: 5px 10px;
  margin-bottom: 10px;
  margin-top: 1.25rem;
}
.area .main-title {
  margin-bottom: 0px;
  font-size: 1.2rem;
  padding: 5px 10px;
}
.area .main-title + .title {
  margin-top: 0;
}
.area .fileUpload {
  margin: 0;
}
.area.grey {
  background: rgba(26, 51, 96, 0.05);
  border: 1px solid rgba(26, 51, 96, 0.2);
}
.area.grey .title {
  background: rgba(26, 51, 96, 0.05);
}
.area.grey .title:first-child {
  margin-top: 0px;
}
.area.secondary {
    background: var(--secondary-fade);
    border: 1px solid var(--primary);
}
    .area.secondary .title {
        background: var(--primary);
        color: white;
    }
.area.secondary .title:first-child {
  margin-top: 0px;
}
.area.secondary .main-title {
  background: rgba(239, 81, 31, 0.1);
  margin-bottom: 0px;
  font-size: 1.2rem;
}
.area table.field-grid {
  margin-bottom: 0;
}
.area table.field-grid input[type="text"],
.area table.field-grid select,
.area table.field-grid span.display {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  padding: 0 5px;
  height: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(140, 152, 175, 0.4);
}
.group {
  display: inline-block;
  vertical-align: top;
  float: none;
  padding: 0;
}
.group._75 {
  width: 75%;
}
.group._25 {
  width: 25%;
}
.group._50 {
  width: 50%;
}
.group.pad {
  padding: 10px;
}
.r-container.long-labels .block label {
  width: 180px;
}
.r-container.padded-rows .r {
  margin: 10px 0;
}
.r-container.r-container--form {
  padding: 20px;
  margin-top: 0px;
}
.r-container.r-container--form .button {
  margin-top: 20px;
  margin-bottom: 10px;
}
.r-container._200l .block label {
  width: 200px;
}
.r-container._200l .label-spacer {
  width: 215px;
}
.r {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px;
}
.r.m {
  margin: 10px 0;
}
.r .label-spacer {
  width: 210px;
}
.r .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 5px;
  -ms-flex-line-pack: center;
  align-content: center;
  flex-wrap: wrap;
}
.r .block p.explanation {
  margin-top: 5px;
}
.r .block p.explanation:last-child {
  margin-bottom: 0;
}
.r .block .validation-summary-errors {
  margin-top: 10px;
  width: 100%;
}
.r .block.align-middle {
  align-items: center;
}
.r .block.no-grow {
  flex-grow: 0;
}
.r .block.no-wrap {
  flex-wrap: nowrap;
}
.r .block > input[type="checkbox"] {
  transform: translateY(7px);
}
.r .block._300l label {
  width: 300px;
}
.r .block._200l label {
  width: 200px;
}
.r .block._50l label {
  width: 50px;
}
.r .block._50i input[type="text"],
.r .block._50i select,
.r .block._50i span.display {
  width: 50px;
  flex-grow: 0;
}
.r .block._100i input[type="text"],
.r .block._100i select,
.r .block._100i span.display {
  width: 100px;
  flex-grow: 0;
}
.r .block._180i input[type="text"],
.r .block._180i input[type="date"],
.r .block._180i select,
.r .block._180i span.display {
  width: 180px;
  flex-grow: 0;
}
.r .block._200i input[type="text"],
.r .block._200i select,
.r .block._200i span.display {
  width: 200px;
  flex-grow: 0;
}
.r .block._300i input[type="text"],
.r .block._300i select,
.r .block._300i span.display {
  width: 300px;
  flex-grow: 0;
}
.r .block.blank label {
  opacity: 0;
}
.r .block.blank span {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100px;
  padding: 0 5px;
  height: 30px;
  opacity: 0;
}
.r .block label {
  width: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 10px;
  text-align: right;
  font-size: 0.7rem;
}
.r .block input[type="text"],
.r .block select,
.r .block span.display {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  width: 100px;
  padding: 0 5px;
  height: 30px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0.7rem;
}
.r .block span.display {
  display: flex;
  align-items: center;
  border: 1px solid rgba(140, 152, 175, 0.4);
}
.r .block .sub-blocks {
  background: #F7F8FA;
  border: 1px solid rgba(140, 152, 175, 0.4);
  font-size: 0.8rem;
  padding: 10px;
  border-radius: 4px;
}
.r .block .sub-blocks p {
  font-size: 0.8rem;
  margin-bottom: 0px;
}
.r .block .sub-blocks .r label {
  width: 100px;
}
.r .block .actions-container {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 0;
  width: 100px;
  border-radius: 3px;
  border: 1px solid rgba(140, 152, 175, 0.4);
}
.r .block.checkbox-container {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.r .block.checkbox-container label {
  font-weight: 400;
}
.r .block.checkbox-container .checkbox {
  width: 100%;
  padding-left: 15px;
  margin-left: 35px;
  margin-top: 3px;
  margin-bottom: 3px;
  display: flex;
  align-items: center;
}
.r .block.checkbox-container .checkbox label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: left;
}
.r .block.checkbox-container .checkbox label input[type="checkbox"] {
  transform: translateY(0px);
}
.r .block.checkbox-container .checkbox > input[type="checkbox"] {
  margin: 0 10px 10px 0;
}
.r .block.checkbox-container.checkbox-list .checkbox {
  margin-left: 0px;
  padding-left: 0px;
}
.r .block.checkbox-container.checkbox-list .checkbox > label input[type="checkbox"] {
  margin: 0px 5px 0 0;
  transform: translateY(-2px);
}
img {
  -ms-interpolation-mode: bicubic;
}
#tblContractorContacts tbody tr:hover {
  background: #F7F8FA;
  cursor: pointer;
}
.wbs-item {
  margin-bottom: 10px;
  padding-left: 5px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 5px;
}
.wbs-item .wbs-code {
  color: #999;
}
.wbs-item:hover {
  background: #F7F8FA;
}
.wbs-item > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 5px;
}
.wbs-item input[type="text"] {
  margin-bottom: 0;
  padding: 5px;
  height: 25px;
}
.wbs-item input[type="text"]:first-child {
  margin-bottom: 5px;
}
.wbs-item input[type="text"].amount {
  height: 35px;
  width: 100px;
  margin-right: 10px;
  margin-bottom: 0;
}
#whole {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.td-flex-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.td-flex-field label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 1.25rem;
}
.td-flex-field span.display {
  margin-bottom: 0px;
  border: 1px solid rgba(140, 152, 175, 0.4);
  box-shadow: none;
  flex-basis: 60px;
}
.td-flex-field input {
  width: 55px;
  margin-bottom: 0;
}
.td-flex-field input.secondary-edit {
  border: 1px solid #ef511f;
  background: rgba(239, 81, 31, 0.1);
}
.hideMe:after {
  opacity: 0;
}
.all-currencies {
  font-size: 0.7rem;
}
.dynamic-currency:after {
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.dynamic-currency {
  margin: 0;
  position: relative;
}
.dynamic-currency:after {
  position: absolute;
  top: 11px;
  font-size: 0.75rem;
  left: 6px;
  z-index: 1;
}
.dynamic-currency.gbp:after {
  content: '£';
}
.dynamic-currency.eur:after {
  content: '€';
  position: absolute;
}
.subtitle {
  color: #ef511f;
  margin-bottom: 10px;
}
.row > .table-list .row {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  margin: 0;
}
.pager-order-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pager-order-container span {
  margin: 0 5px;
}
.pager-order-container .pager-order-select {
  width: 170px;
}
.items-per-page-container select {
  width: 70px;
}
html .jstree-default .jstree-clicked {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #1a3360;
  color: #fff;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {
  /* iPad Landscape */
  body .webcontractor-logo.show-for-ipad-landscape {
    display: block;
    transform: translate(-7px, -10px);
  }
  body .webcontractor-logo.hide-for-ipad-landscape {
    display: none;
  }
  .approval-buttons-container {
    text-align: center;
  }
  .approval-buttons-container .button {
    margin-bottom: 5px;
  }
  .flex-amounts-row {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  body h2.cc .crumbs {
    padding: 10px;
  }
  body .webcontractor-logo {
    display: none;
    width: 200px;
    top: 16px;
    left: 14px;
  }
  body .tabs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  body .tabs .tab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  body .tabs .tab div {
    width: 100%;
  }
}
.questionnaire {
  padding: 80px;
}
.questionnaire .block {
  display: block;
  margin-bottom: 60px;
}
.questionnaire .block .question {
  font-size: 1.4rem;
  margin-bottom: 20px;
}
.questionnaire .block .option {
  display: inline-block;
  margin-right: 20px;
  border-radius: 5px;
  padding: 10px 14px;
  cursor: pointer;
}
.questionnaire .block .option:hover {
  background: #F7F8FA;
}
.questionnaire .block .option label {
  display: inline-block;
  color: #000;
  font-size: 1.2rem;
  font-weight: 500;
  cursor: pointer;
  margin-right: 0;
}
.questionnaire .block .option input[type="radio"],
.questionnaire .block .option input[type="checkbox"] {
  margin-bottom: 0;
  cursor: pointer;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.questionnaire .block .option.selected {
  background: rgba(26, 51, 96, 0.1);
}
.questionnaire .block textarea {
  height: 200px;
  font-size: 1.2rem;
  font-weight: 500;
}
.questionnaire .block input[type="text"] {
  font-weight: 500;
  font-size: 1.2rem;
}
.questionnaire .block input[type="range"] {
  width: 100%;
  margin-bottom: 20px;
}
.questionnaire .block #slide-value {
  font-size: 1.2rem;
  color: #ef511f;
  padding: 10px 14px;
  background: rgba(239, 81, 31, 0.1);
  border-radius: 5px;
}
.doc-status {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 0;
  display: inline-block;
  padding-top: 7px;
}
.doc-status.display-warning {
  color: #fff;
  background: #de412a;
}
.doc-status.display-warning:after {
  content: "\63";
  font-family: "fontastic" !important;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  display: inline-block;
}
.doc-status.display-amber-warning {
  color: #fff;
  background: #ffbf00;
}
.doc-status.display-amber-warning:after {
  content: "\63";
  font-family: "fontastic" !important;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  display: inline-block;
}
.doc-status.display-ok {
  color: #fff;
  background: #548235;
}
.doc-status.display-ok:after {
  content: "\75";
  font-family: "fontastic" !important;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  display: inline-block;
}
table.sub-table {
  margin-top: 3px;
  margin-bottom: 0px;
  width: 380px;
  float: right;
}
table.sub-table th {
  background: #F7F8FA;
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
}
table.sub-table td label {
  width: 134px;
}
.file-thumbnail {
    border: 1px solid rgba(140, 152, 175, 0.4);
    padding: 10px;
    display: inline-block;
    width: 350px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 400;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 375px;
    justify-content: space-evenly;
}
.file-thumbnail img {
  max-height: 100px;
  margin: 0 auto 10px auto;
  cursor: pointer;
}
.file-thumbnail .label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.file-thumbnail .label-container .l {
  color: #282934;
  font-size: 0.8rem;
  margin-right: 10px;
  width: 100px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  text-align: right;
}
.file-thumbnail .label-container .l + span {
  text-align: left;
  line-height: 1rem;
}
.file-thumbnail div {
  line-height: 1.6rem;
}
.file-thumbnail .thumbnail-container {
  height: 100px;
  background: url('../content/images/doc-image.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}
.file-thumbnail .title {
  font-size: 1.2rem;
  margin-bottom: 10px;
  margin-top: 5px;
}
.table-grid.ten-thirty td:nth-child(even) {
  width: 30%;
}
.table-grid.ten-twenty td:nth-child(even) {
  width: 17.333%;
}
.table-grid.ten-ten td:nth-child(even) {
  width: 10%;
}
.dash-custom {
  background: #fff;
  padding: 20px;
}
.dash-custom .dash-title {
  color: #282934;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 10px;
}
.dash-custom .dash-subtitle {
  color: #282934;
  font-size: 0.8rem;
  font-weight: 400;
}
.drop-button-select {
  float: right;
  width: 200px;
}
.drop-button {
  border-radius: 100px;
  padding: 8px 16px;
  color: #282934;
  border: 2px solid #E7EAEE;
  float: right;
  position: relative;
  font-size: 0.8rem;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  z-index: 99;
}
.drop-button:after {
  content: '';
}
.drop-button:hover ul {
  display: block;
}
.drop-button ul {
  display: none;
  border: 2px solid #E7EAEE;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  position: absolute;
  right: 0;
  top: 30px;
  z-index: 99;
  margin: 0px;
  background: #fff;
}
.drop-button ul li {
  list-style-type: none;
  padding: 10px 15px;
  white-space: nowrap;
  cursor: pointer;
  font-size: 0.8rem;
}
.drop-button ul li:hover {
  background: #F7F8FA;
}
.dash-stat .total {
  color: #282934;
  font-size: 2rem;
  font-weight: 600;
}
.dash-stat .label {
  color: #282934;
  background: transparent;
  padding: 0px;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
  font-weight: 400;
  font-size: 0.8rem;
}
.dash-stat + hr {
  margin: 10px 0;
}
.dash-stat-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1px 1fr 1px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 10px;
  flex-wrap: wrap;
}
.dash-stat-grid .dash-stat {
  flex-grow: 1;
}
.dash-stat-grid .dash-stat:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.dash-stat-grid .dash-stat:nth-child(3) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.dash-stat-grid .dash-stat:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}
.dash-stat-grid .dash-stat:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.dash-stat-grid .dash-stat:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.dash-stat-grid .dash-stat .total {
  font-weight: 400;
  font-size: 1.6rem;
}
.grid-stack-item-content[data-gs-height="1"] .dash-grid-panel-vertical ul,
.grid-stack-item-content[data-gs-height="2"] .dash-grid-panel-vertical ul {
  display: none;
}
.grid-stack-item-content[data-gs-height="3"] ul li:nth-child(n+3) {
  display: none;
}
.grid-stack-item-content[data-gs-height="4"] ul li:nth-child(n+4) {
  display: none;
}
.grid-stack-item-content[data-gs-height="5"] ul li:nth-child(n+5) {
  display: none;
}
.grid-stack-item-content[data-gs-height="6"] ul li:nth-child(n+6) {
  display: none;
}
.highcharts-container text,
.highcharts-container tspan {
  font-family: 'Biryani', sans-serif !important;
  font-weight: 600 !important;
}
.grid-stack-item-content[data-gs-width="2"] .dash-stat-grid {
  grid-template-columns: 1fr;
}
.grid-stack-item-content[data-gs-width="2"] .dash-stat-grid .dash-stat:nth-child(n+3) {
  display: none;
}
.grid-stack-item-content[data-gs-width="3"] .dash-stat-grid,
.grid-stack-item-content[data-gs-width="4"] .dash-stat-grid {
  grid-template-columns: 1fr 1fr;
}
.grid-stack-item-content[data-gs-width="3"] .dash-stat-grid .dash-stat:nth-child(n+5),
.grid-stack-item-content[data-gs-width="4"] .dash-stat-grid .dash-stat:nth-child(n+5) {
  display: none;
}
.grid-stack-item-content[data-gs-height="7"] .cash-dash-hide-container,
.grid-stack-item-content[data-gs-height="8"] .cash-dash-hide-container,
.grid-stack-item-content[data-gs-height="9"] .cash-dash-hide-container,
.grid-stack-item-content[data-gs-height="10"] .cash-dash-hide-container,
.grid-stack-item-content[data-gs-height="11"] .cash-dash-hide-container,
.grid-stack-item-content[data-gs-height="12"] .cash-dash-hide-container,
.grid-stack-item-content[data-gs-height="13"] .cash-dash-hide-container {
  display: none;
}
.grid-stack-item-content[data-gs-height="14"] .cash-dash-hide-container .dash-stat-grid .dash-stat:nth-child(n+4),
.grid-stack-item-content[data-gs-height="15"] .cash-dash-hide-container .dash-stat-grid .dash-stat:nth-child(n+4) {
  display: none;
}
.chart-placeholder {
  position: absolute;
  bottom: -7px;
  z-index: 1;
  left: 0px;
}
.payment-notices-grids-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.grid-payment-notices-list {
  max-height: 170px;
  overflow: auto;
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-payment-notices-list.grid-payment-notices-list--full {
  max-height: 600px;
}
.grid-payment-notices-list > div {
  padding: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #282934;
  width: 330px;
}
.grid-payment-notices-list > div:hover {
  cursor: pointer;
  background: rgba(26, 51, 96, 0.05);
}
.grid-payment-notices-list > div:hover.past {
  background: rgba(222, 65, 42, 0.05);
}
.grid-payment-notices-list > div span:last-child {
  display: block;
}
.grid-payment-notices-list > div:last-child {
  border-bottom: none;
}
.grid-payment-notices-list > div span {
  font-size: 0.8rem;
  line-height: 1rem;
}
.grid-payment-notices-list > div span.contract-number {
  color: #282934;
  font-size: 0.6rem;
  font-weight: 400;
}
.grid-payment-notices-list > div > span:first-child {
  height: 34px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 90px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  background: rgba(26, 51, 96, 0.2);
  padding: 8px 3px;
  margin-right: 10px;
}
.grid-payment-notices-list > div.past {
  color: #de412a;
}
.grid-payment-notices-list > div.past > span:first-child {
  background: rgba(222, 65, 42, 0.2);
}
.grid-payment-notices {
  display: -ms-grid;
  display: grid;
  background: rgba(140, 152, 175, 0.4);
  -ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr 1px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  overflow: auto;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-right: 1px solid rgba(140, 152, 175, 0);
  margin-right: 10px;
  width: 100%;
}
body.dark-mode .grid-payment-notices {
  background: 1px solid rgba(140, 152, 175, 0.1);
  border: 1px solid rgba(140, 152, 175, 0.1);
}
.grid-payment-notices > * {
  background: #fff;
}
body.dark-mode .grid-payment-notices > * {
  background: #333442;
}
.grid-payment-notices > span:nth-child(2) {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(3) {
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(4) {
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(5) {
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(6) {
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(11) {
  -ms-grid-row: 2;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(13) {
  -ms-grid-row: 3;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(14) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(16) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(17) {
  -ms-grid-row: 3;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(18) {
  -ms-grid-row: 3;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(19) {
  -ms-grid-row: 4;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(20) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(21) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(22) {
  -ms-grid-row: 4;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(23) {
  -ms-grid-row: 4;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(24) {
  -ms-grid-row: 4;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(25) {
  -ms-grid-row: 5;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(26) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(27) {
  -ms-grid-row: 5;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(28) {
  -ms-grid-row: 5;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(29) {
  -ms-grid-row: 5;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(30) {
  -ms-grid-row: 5;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(31) {
  -ms-grid-row: 6;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(32) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(33) {
  -ms-grid-row: 6;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(34) {
  -ms-grid-row: 6;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(35) {
  -ms-grid-row: 6;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(36) {
  -ms-grid-row: 6;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(37) {
  -ms-grid-row: 7;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(38) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(39) {
  -ms-grid-row: 7;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(40) {
  -ms-grid-row: 7;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(41) {
  -ms-grid-row: 7;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(42) {
  -ms-grid-row: 7;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(43) {
  -ms-grid-row: 8;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(44) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(45) {
  -ms-grid-row: 8;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(46) {
  -ms-grid-row: 8;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(47) {
  -ms-grid-row: 8;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(48) {
  -ms-grid-row: 8;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(49) {
  -ms-grid-row: 8;
  -ms-grid-column: 0;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(50) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(51) {
  -ms-grid-row: 8;
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(52) {
  -ms-grid-row: 8;
  -ms-grid-column: 6;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(53) {
  -ms-grid-row: 8;
  -ms-grid-column: 8;
  -ms-grid-column-span: 2;
}
.grid-payment-notices > span:nth-child(54) {
  -ms-grid-row: 8;
  -ms-grid-column: 10;
  -ms-grid-column-span: 2;
}
.grid-payment-notices .h-cell {
  padding: 5px 10px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.grid-payment-notices .h-cell span {
  font-weight: 300;
  font-size: 12px;
  width: 100%;
}
.grid-payment-notices .h-cell.past {
  color: #de412a;
}
.grid-payment-notices .b-cell {
  padding: 5px 10px;
  vertical-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.grid-payment-notices .b-cell.total {
  font-weight: 600;
}
.grid-payment-notices .b-cell.total span.due span:first-child {
  background: #1a3360;
  color: #fff;
}
.grid-payment-notices .b-cell.total.past span.due span:first-child {
  background: #de412a;
  color: #fff;
}
.grid-payment-notices .b-cell.past {
  color: #de412a;
}
.grid-payment-notices .b-cell.past span.due {
  color: #de412a;
}
.grid-payment-notices .b-cell.past span.due span:first-child {
  background: rgba(222, 65, 42, 0.2);
}
.grid-payment-notices .b-cell.past span.due:hover {
  background: rgba(222, 65, 42, 0.1);
}
.grid-payment-notices .b-cell span {
  border-radius: 6px;
  display: block;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.grid-payment-notices .b-cell span.due {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
}
.grid-payment-notices .b-cell span.due span:first-child {
  height: 25px;
  min-width: 25px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  background: rgba(26, 51, 96, 0.2);
  padding: 3px;
}
.grid-payment-notices .b-cell span.due:hover {
  background: rgba(26, 51, 96, 0.1);
}
.grid-payment-notices .view-more:hover {
  background: #F7F8FA;
}
.grid-payment-notices .full-width {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: -2;
  grid-column-end: -1;
}
.grid-payment-notices .HIDDEN {
  display: none;
}
.task-grid {
  display: -ms-grid;
  display: grid;
  background: rgba(140, 152, 175, 0.4);
  -ms-grid-columns: 1fr 1px 70px 1px 1fr;
  grid-template-columns: 1fr 70px 1fr;
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  width: 100%;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 3px;
}
.task-grid .h-cell {
  padding: 10px;
  color: #282934;
  font-size: 0.8rem;
  font-weight: 600;
  background: #F7F8FA;
}
.task-grid .b-cell {
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.task-grid .b-cell.text-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.card-files-list {
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
}
.uploadReminder {
  animation: colorSwap 3s;
  -moz-animation: colorSwap 3s infinite;
  /* Firefox */
  -webkit-animation: colorSwap 3s infinite;
  /* Safari and Chrome */
}
@-moz-keyframes colorSwap {
  /* Firefox */
  0% {
    background: rgba(26, 51, 96, 0.05);
  }
  50% {
    background: rgba(239, 81, 31, 0.2);
  }
  100% {
    background: rgba(26, 51, 96, 0.05);
  }
}
@-webkit-keyframes colorSwap {
  /* Safari and Chrome */
  0% {
    background: rgba(26, 51, 96, 0.05);
  }
  50% {
    background: rgba(239, 81, 31, 0.2);
  }
  100% {
    background: rgba(26, 51, 96, 0.05);
  }
}
@keyframes colorSwap {
  /* Safari and Chrome */
  0% {
    background: rgba(26, 51, 96, 0.05);
  }
  50% {
    background: rgba(239, 81, 31, 0.2);
  }
  100% {
    background: rgba(26, 51, 96, 0.05);
  }
}
.valuationValidation {
  font-size: 1rem;
  color: #de412a;
  background: #de412a;
  color: #fff;
  padding: 8px 25px 4px 25px;
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#ommContainer,
#ommaddContainer,
#addContainer {
  position: relative;
}
#son2 {
  position: absolute;
  bottom: 0;
}
#ommaddMessage {
  position: absolute;
  top: 53px;
  left: 7px;
  width: 204%;
  text-align: left;
  font-size: 0.7rem;
  color: #de412a;
  font-style: italic;
}
.partner-top {
  border: none;
  width: 100%;
  height: 150px;
  transform: translateY(-30px);
}
.partner-side {
  border: none;
  width: 300px;
  height: 290px;
  margin: 10px auto;
  display: block;
}
.product-block-row {
  font-family: "Biryani", sans-serif;
  padding-left: 50px;
  padding-right: 50px;
}
.product-block-row .row {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}
.product-block-row .columns {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.product-block-row .product-block {
  border-radius: 5px;
  margin-bottom: 10px;
  border-top: 7px solid #41acb9;
  box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  background: #fff;
  padding: 30px 25px;
  color: #282934;
  text-align: center;
  font-size: 0.8rem;
  min-height: 286px;
  flex-direction: column;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.product-block-row .product-block:hover {
  border-top: 7px solid #ef511f;
  transform: translateY(-5px);
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.5), inset 0 5px 0 0 #ef511f;
}
.product-block-row .product-block:hover .link {
  color: #282934;
  transform: translateY(-5px);
}
.product-block-row .product-block > span {
  display: block;
}
.product-block-row .product-block > span:nth-child(2) {
  flex-grow: 1;
  margin-bottom: 20px;
  font-size: 0.9rem;
}
.product-block-row .product-block .link {
  color: #ef511f;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.product-block-row .product-block .product-title {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: center;
}
.product-block-row .product-block .product-title img {
  height: 40px;
  flex-grow: 0;
  margin-right: 15px;
}
.product-block-row .product-block .product-title span {
  font-size: 1.2rem;
  font-weight: 800;
}
#insurancePager-results .row.head,
#insurancePager-results .row.head .column {
  overflow: visible;
}
table.simple-grid input[type="text"],
table.simple-grid select,
table.simple-grid input[type="number"] {
  margin-bottom: 0;
}
.edit-locked tr {
  background: rgba(239, 81, 31, 0.1);
}
#split-bar {
  z-index: 1 !important;
}
.secondary-button-row {
  padding: 10px;
  background: rgba(26, 51, 96, 0.1);
}
#afp-doc-results {
  min-height: 0px !important;
}
.mk-card {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
  margin: 20px;
  border: 2px solid transparent;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
}
.mk-card .mk-card {
  box-shadow: none;
  border: 1px solid rgba(140, 152, 175, 0.4);
  margin: 20px 0;
}
.mk-card.hov:hover {
  border-radius: 0 5px 5px 0;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08), -5px 0 0 0 #41acb9;
  cursor: pointer;
  background: #fff;
}
.mk-card.selectable-panel.selectedrow {
  background: #18C395;
  cursor: default;
  color: #fff;
}
.mk-card.selectable-panel.selectedrow label,
.mk-card.selectable-panel.selectedrow tds {
  color: #fff;
}
.mk-card.selectable-panel.selectedrow .icon-tick {
  color: #18C395;
  border: 2px solid #18C395;
}
.mk-card.selectable-panel.selectedrow .display {
  background: rgba(24, 195, 149, 0.1);
  -webkit-box-shadow: inset 1px 1px 5px rgba(24, 195, 149, 0.2);
  box-shadow: inset 1px 1px 5px rgba(24, 195, 149, 0.2);
}
.mk-card.selectable-panel.selectedrow .step-level {
  border-color: #18C395;
  color: #fff;
  background: #18C395;
}
.mk-card.selectable-panel.selectedrow:hover {
  background: #18C395;
}
body.dark-mode .mk-card.selectable-panel.selectedrow:hover {
  background: #18C395;
}
.mk-card.selectable-panel:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08), -5px 0 0 0 rgba(24, 195, 149, 0.5);
  background: rgba(24, 195, 149, 0.1);
}
.mk-card.selectable-panel:hover .icon-tick {
  color: rgba(24, 195, 149, 0.5);
  border-color: rgba(24, 195, 149, 0.5);
}
.mk-card.selectable-panel .icon-tick {
  font-size: 2rem;
  color: rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 36px;
  width: 36px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 50%;
  font-size: 1.4rem;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.mk-card .r {
  display: flex;
}
.mk-card .r.flex-amounts-row {
  align-items: stretch;
  margin-top: 5px;
  margin-bottom: 5px;
}
.mk-card .r.flex-amounts-row > .c {
  border-top: 1px solid rgba(140, 152, 175, 0.4);
  border-bottom: 1px solid rgba(140, 152, 175, 0.4);
  margin-bottom: 5px;
  padding: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
@media only screen and (max-width: 480px) {
  .mk-card .r.flex-amounts-row > .c {
    padding: 5px 50px 5px 5px;
  }
}
.mk-card .r.flex-amounts-row > .c .l {
  text-align: right;
}
.mk-card .r.flex-amounts-row > .c .t {
  display: block;
  min-height: 20px;
}
.mk-card .r .c {
  flex-grow: 1;
  padding: 0 5px;
}
@media only screen and (max-width: 480px) {
  .mk-card .r .c {
    padding: 0 50px;
  }
}
.mk-card .r .c.c--green {
  background: rgba(24, 195, 149, 0.1);
  border-top-color: #18C395;
}
.mk-card .r .c.c--green .t {
  color: #18C395;
  font-weight: 700;
}
.mk-card .r .c a.mt {
  margin-top: 10px;
}
.mk-card .r .c .l {
  font-size: 0.7rem;
  color: rgba(40, 41, 52, 0.5);
  display: block;
  margin: 10px 0 3px 0;
}
.mk-card .r .c .l:first-child {
  margin-top: 0px;
}
.mk-card .r .c .t {
  font-size: 0.8rem;
  font-weight: 400;
  color: #282934;
  display: block;
}
.mk-card .r .c .title {
  font-size: 0.9rem;
  font-weight: 700;
}
.mk-card .r .c .image {
  display: inline-block;
  height: 60px;
  width: 60px;
  background-size: 90%;
  background-color: #F7F8FA;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.mk-card .r .c.flex-center {
  align-items: center;
  justify-content: center;
  display: flex;
}
.mk-card .flex-r .c {
  flex-grow: 1;
  padding: 0 5px;
}
.mk-card .flex-r .c.c--green {
  background: rgba(24, 195, 149, 0.1);
  border-top-color: #18C395;
}
.mk-card .flex-r .c.c--green .t {
  color: #18C395;
  font-weight: 700;
}
.mk-card .flex-r .c a.mt {
  margin-top: 10px;
}
.mk-card .flex-r .c .l {
  font-size: 0.7rem;
  color: rgba(40, 41, 52, 0.5);
  display: block;
  margin: 10px 0 3px 0;
}
.mk-card .flex-r .c .l:first-child {
  margin-top: 0px;
}
.mk-card .flex-r .c .t {
  font-size: 0.8rem;
  font-weight: 400;
  color: #282934;
  display: block;
}
.mk-card .flex-r .c .title {
  font-size: 0.9rem;
  font-weight: 700;
}
.mk-card .flex-r .c .image {
  display: inline-block;
  height: 60px;
  width: 60px;
  background-size: 90%;
  background-color: #F7F8FA;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 5px;
}
.mk-card .flex-r .c.flex-center {
  align-items: center;
  justify-content: center;
  display: flex;
}
.mk-card h3 {
  height: auto;
}
.mk-card .title {
  margin-bottom: 10px;
}
.plain-upload-container {
  padding: 10px 10px 0 10px;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 4px;
  background: #F7F8FA;
  margin-bottom: 20px;
}
table.month-grid {
  margin-top: 10px;
}
table.month-grid th {
  text-align: center;
  font-size: 0.7rem;
  padding-bottom: 5px;
}
table.month-grid td {
  width: 100%/13;
}
table.month-grid td .date-input {
  display: flex;
  font-size: 0.8rem;
  align-items: center;
}
table.month-grid td .date-input.sub-line {
  padding-top: 10px;
  border-top: 1px solid rgba(140, 152, 175, 0.4);
  margin-top: 10px;
}
table.month-grid td .date-input.sub-line:first-child {
  padding-top: 0;
  border-top: none;
  margin-top: 0px;
}
table.month-grid td .date-input .date-label {
  margin-right: 5px;
  font-size: 0.7rem;
  width: 25px;
  text-align: right;
}
table.month-grid td .date-input input {
  width: 40px;
  font-size: 0.75rem;
  height: 20px;
  margin-bottom: 5px;
  text-align: center;
  padding-bottom: 10px;
}
table.month-grid td .date-input input.editing {
  width: 84px;
}
table.month-grid td .date-input.val-1 input,
table.month-grid td .date-input.sub-1 input {
  border: 2px solid #ef511f;
  height: 27px;
  padding: 1px;
}
table.month-grid td .date-input.val-1 input:not(.editing),
table.month-grid td .date-input.sub-1 input:not(.editing) {
  background: #fff;
  box-shadow: none;
}
table.month-grid td .date-input.val-2 input,
table.month-grid td .date-input.sub-2 input {
  border: 2px solid #41acb9;
  height: 27px;
  padding: 1px;
}
table.month-grid td .date-input.val-2 input:not(.editing),
table.month-grid td .date-input.sub-2 input:not(.editing) {
  background: #fff;
  box-shadow: none;
}
table.month-grid td .date-input.date-readonly {
  height: 27px;
  padding: 1px;
}
table.month-grid td .date-input.date-readonly.val-1 input,
table.month-grid td .date-input.date-readonly.sub-1 input {
  border: 2px dashed #ef511f;
}
table.month-grid td .date-input.date-readonly.val-1 input.highlight-date,
table.month-grid td .date-input.date-readonly.sub-1 input.highlight-date {
  background: rgba(239, 81, 31, 0.2);
}
table.month-grid td .date-input.date-readonly.val-2 input,
table.month-grid td .date-input.date-readonly.sub-2 input {
  border: 2px dashed #41acb9;
}
table.month-grid td .date-input.date-readonly.val-2 input.highlight-date,
table.month-grid td .date-input.date-readonly.sub-2 input.highlight-date {
  background: rgba(65, 172, 185, 0.2);
}
.field-sticker {
  border-radius: 4px;
  color: #ef511f;
  padding: 5px 10px;
  margin-left: 10px;
  font-size: 0.7rem;
  height: 26px;
}
.ly-container {
  padding: 8px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid rgba(140, 152, 175, 0.4);
  background: #fbffd9;
}
.ly-container input[type="checkbox"] {
  margin-bottom: 0;
}
@-webkit-keyframes dropdown-content-animation {
  0% {
    opacity: 0;
    transform: translateY(-3px);
    border-top-width: 0px;
  }
  50% {
    opacity: 0.7;
    transform: translateY(-1px);
    border-top-width: 6px;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    border-top-width: 3px;
  }
}
@keyframes dropdown-content-animation {
  0% {
    opacity: 0;
    transform: translateY(-3px);
    border-top-width: 0px;
  }
  50% {
    opacity: 0.7;
    transform: translateY(-1px);
    border-top-width: 6px;
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
    border-top-width: 3px;
  }
}
@keyframes slide-in-menu-items {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
.button,
input[type="submit"].button {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  background: none;
  padding: 7px 10px 5px 36px;
  border-radius: 4px;
  color: #282934;
  margin: 0px;
  font-family: 'Biryani', sans-serif;
  font-weight: 600;
  /* iOS Safari */
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  /* Old versions of Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  not supported by any browser */
}
.button.align-with-field,
input[type="submit"].button.align-with-field {
  margin-top: 18px;
}
.button.text-only,
input[type="submit"].button.text-only {
  padding-left: 10px;
}

.button.text-only > .button-text {
    padding-right: unset;
}

.button span[class^="icon-"],
input[type="submit"].button span[class^="icon-"],
.button span[class*=" icon-"],
input[type="submit"].button span[class*=" icon-"] {
    background: rgba(40, 41, 52, 0.05);
    border-radius: 4px;
    display: inline-block;
    width: 23px;
    height: 23px;
    padding: 3px 3px 4px;
    transform: translate(-5px, -1px);
    margin-right: 2px;
    position: absolute;
    left: 10px;
}
.button:hover,
input[type="submit"].button:hover,
.button.active,
input[type="submit"].button.active,
.button.selected,
input[type="submit"].button.selected {
  background: rgba(40, 41, 52, 0.07);
  color: #282934;
}
.button.primary,
input[type="submit"].button.primary {
  background: rgba(40, 41, 52, 0.05);
  color: #282934;
}
.button.primary > span[class^="icon-"],
input[type="submit"].button.primary > span[class^="icon-"],
.button.primary > span[class*=" icon-"],
input[type="submit"].button.primary > span[class*=" icon-"] {
  background: rgba(40, 41, 52, 0.05);
}
.button.primary.dropdown:after,
input[type="submit"].button.primary.dropdown:after {
  border-color: #282934 transparent transparent transparent;
}
.button.primary:hover,
input[type="submit"].button.primary:hover,
.button.primary.selected,
input[type="submit"].button.primary.selected,
.button.primary.active,
input[type="submit"].button.primary.active {
  background: #282934;
  color: #fff;
}
.button.primary:hover.dropdown:after,
input[type="submit"].button.primary:hover.dropdown:after,
.button.primary.selected.dropdown:after,
input[type="submit"].button.primary.selected.dropdown:after,
.button.primary.active.dropdown:after,
input[type="submit"].button.primary.active.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.primary .dropdown-content,
input[type="submit"].button.primary .dropdown-content {
  border-top: 3px solid #282934;
}
.button.save,
input[type="submit"].button.save,
.button.submit,
input[type="submit"].button.submit,
.button.button--save,
input[type="submit"].button.button--save {
  background: #18C395;
  color: #fff;
}
.button.save > span[class^="icon-"],
input[type="submit"].button.save > span[class^="icon-"],
.button.submit > span[class^="icon-"],
input[type="submit"].button.submit > span[class^="icon-"],
.button.button--save > span[class^="icon-"],
input[type="submit"].button.button--save > span[class^="icon-"],
.button.save > span[class*=" icon-"],
input[type="submit"].button.save > span[class*=" icon-"],
.button.submit > span[class*=" icon-"],
input[type="submit"].button.submit > span[class*=" icon-"],
.button.button--save > span[class*=" icon-"],
input[type="submit"].button.button--save > span[class*=" icon-"] {
  background: rgba(24, 195, 149, 0.05);
}
.button.save.dropdown:after,
input[type="submit"].button.save.dropdown:after,
.button.submit.dropdown:after,
input[type="submit"].button.submit.dropdown:after,
.button.button--save.dropdown:after,
input[type="submit"].button.button--save.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
    .button.save:hover,
    input[type="submit"].button.save:hover,
    .button.submit:hover,
    input[type="submit"].button.submit:hover,
    .button.button--save:hover,
    input[type="submit"].button.button--save:hover,
    .button.save.selected,
    input[type="submit"].button.save.selected,
    .button.submit.selected,
    input[type="submit"].button.submit.selected,
    .button.button--save.selected,
    input[type="submit"].button.button--save.selected,
    .button.save.active,
    input[type="submit"].button.save.active,
    .button.submit.active,
    input[type="submit"].button.submit.active,
    .button.button--save.active,
    input[type="submit"].button.button--save.active {
        background: #41ACB9 !important;
        color: #fff;
    }
.button.save:hover.dropdown:after,
input[type="submit"].button.save:hover.dropdown:after,
.button.submit:hover.dropdown:after,
input[type="submit"].button.submit:hover.dropdown:after,
.button.button--save:hover.dropdown:after,
input[type="submit"].button.button--save:hover.dropdown:after,
.button.save.selected.dropdown:after,
input[type="submit"].button.save.selected.dropdown:after,
.button.submit.selected.dropdown:after,
input[type="submit"].button.submit.selected.dropdown:after,
.button.button--save.selected.dropdown:after,
input[type="submit"].button.button--save.selected.dropdown:after,
.button.save.active.dropdown:after,
input[type="submit"].button.save.active.dropdown:after,
.button.submit.active.dropdown:after,
input[type="submit"].button.submit.active.dropdown:after,
.button.button--save.active.dropdown:after,
input[type="submit"].button.button--save.active.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.save .dropdown-content,
input[type="submit"].button.save .dropdown-content,
.button.submit .dropdown-content,
input[type="submit"].button.submit .dropdown-content,
.button.button--save .dropdown-content,
input[type="submit"].button.button--save .dropdown-content {
  border-top: 3px solid #18C395;
}
.button.secondary,
input[type="submit"].button.secondary {
  background: transparent;
  color: #ef511f;
}
.button.secondary > span[class^="icon-"],
input[type="submit"].button.secondary > span[class^="icon-"],
.button.secondary > span[class*=" icon-"],
input[type="submit"].button.secondary > span[class*=" icon-"] {
  background: rgba(239, 81, 31, 0.05);
}
.button.secondary.dropdown:after,
input[type="submit"].button.secondary.dropdown:after {
  border-color: #ef511f transparent transparent transparent;
}
.button.secondary:hover,
input[type="submit"].button.secondary:hover,
.button.secondary.selected,
input[type="submit"].button.secondary.selected,
.button.secondary.active,
input[type="submit"].button.secondary.active {
  background: #ef511f;
  color: #fff;
}
.button.secondary:hover.dropdown:after,
input[type="submit"].button.secondary:hover.dropdown:after,
.button.secondary.selected.dropdown:after,
input[type="submit"].button.secondary.selected.dropdown:after,
.button.secondary.active.dropdown:after,
input[type="submit"].button.secondary.active.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.secondary .dropdown-content,
input[type="submit"].button.secondary .dropdown-content {
  border-top: 3px solid #ef511f;
}
.button.lightblue,
input[type="submit"].button.lightblue,
.button.button--lightblue,
input[type="submit"].button.button--lightblue {
  background: #41acb9;
  color: #fff;
}
.button.lightblue > span[class^="icon-"],
input[type="submit"].button.lightblue > span[class^="icon-"],
.button.button--lightblue > span[class^="icon-"],
input[type="submit"].button.button--lightblue > span[class^="icon-"],
.button.lightblue > span[class*=" icon-"],
input[type="submit"].button.lightblue > span[class*=" icon-"],
.button.button--lightblue > span[class*=" icon-"],
input[type="submit"].button.button--lightblue > span[class*=" icon-"] {
  background: rgba(58, 154, 166, 0.05);
}
.button.lightblue.dropdown:after,
input[type="submit"].button.lightblue.dropdown:after,
.button.button--lightblue.dropdown:after,
input[type="submit"].button.button--lightblue.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.lightblue:hover,
input[type="submit"].button.lightblue:hover,
.button.button--lightblue:hover,
input[type="submit"].button.button--lightblue:hover,
.button.lightblue.selected,
input[type="submit"].button.lightblue.selected,
.button.button--lightblue.selected,
input[type="submit"].button.button--lightblue.selected,
.button.lightblue.active,
input[type="submit"].button.lightblue.active,
.button.button--lightblue.active,
input[type="submit"].button.button--lightblue.active {
  background: #3a9aa6;
  color: #fff;
}
.button.lightblue:hover.dropdown:after,
input[type="submit"].button.lightblue:hover.dropdown:after,
.button.button--lightblue:hover.dropdown:after,
input[type="submit"].button.button--lightblue:hover.dropdown:after,
.button.lightblue.selected.dropdown:after,
input[type="submit"].button.lightblue.selected.dropdown:after,
.button.button--lightblue.selected.dropdown:after,
input[type="submit"].button.button--lightblue.selected.dropdown:after,
.button.lightblue.active.dropdown:after,
input[type="submit"].button.lightblue.active.dropdown:after,
.button.button--lightblue.active.dropdown:after,
input[type="submit"].button.button--lightblue.active.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.lightblue .dropdown-content,
input[type="submit"].button.lightblue .dropdown-content,
.button.button--lightblue .dropdown-content,
input[type="submit"].button.button--lightblue .dropdown-content {
  border-top: 3px solid #3a9aa6;
}
.button.negative,
input[type="submit"].button.negative,
.button.delete,
input[type="submit"].button.delete,
.button.button--delete,
input[type="submit"].button.button--delete,
.button.button--negative,
input[type="submit"].button.button--negative {
  background: #de412a;
  color: #fff;
}
.button.negative > span[class^="icon-"],
input[type="submit"].button.negative > span[class^="icon-"],
.button.delete > span[class^="icon-"],
input[type="submit"].button.delete > span[class^="icon-"],
.button.button--delete > span[class^="icon-"],
input[type="submit"].button.button--delete > span[class^="icon-"],
.button.button--negative > span[class^="icon-"],
input[type="submit"].button.button--negative > span[class^="icon-"],
.button.negative > span[class*=" icon-"],
input[type="submit"].button.negative > span[class*=" icon-"],
.button.delete > span[class*=" icon-"],
input[type="submit"].button.delete > span[class*=" icon-"],
.button.button--delete > span[class*=" icon-"],
input[type="submit"].button.button--delete > span[class*=" icon-"],
.button.button--negative > span[class*=" icon-"],
input[type="submit"].button.button--negative > span[class*=" icon-"] {
  background: rgba(207, 54, 32, 0.05);
}
.button.negative.dropdown:after,
input[type="submit"].button.negative.dropdown:after,
.button.delete.dropdown:after,
input[type="submit"].button.delete.dropdown:after,
.button.button--delete.dropdown:after,
input[type="submit"].button.button--delete.dropdown:after,
.button.button--negative.dropdown:after,
input[type="submit"].button.button--negative.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.negative:hover,
input[type="submit"].button.negative:hover,
.button.delete:hover,
input[type="submit"].button.delete:hover,
.button.button--delete:hover,
input[type="submit"].button.button--delete:hover,
.button.button--negative:hover,
input[type="submit"].button.button--negative:hover,
.button.negative.selected,
input[type="submit"].button.negative.selected,
.button.delete.selected,
input[type="submit"].button.delete.selected,
.button.button--delete.selected,
input[type="submit"].button.button--delete.selected,
.button.button--negative.selected,
input[type="submit"].button.button--negative.selected,
.button.negative.active,
input[type="submit"].button.negative.active,
.button.delete.active,
input[type="submit"].button.delete.active,
.button.button--delete.active,
input[type="submit"].button.button--delete.active,
.button.button--negative.active,
input[type="submit"].button.button--negative.active {
  background: #cf3620;
  color: #fff;
}
.button.negative:hover.dropdown:after,
input[type="submit"].button.negative:hover.dropdown:after,
.button.delete:hover.dropdown:after,
input[type="submit"].button.delete:hover.dropdown:after,
.button.button--delete:hover.dropdown:after,
input[type="submit"].button.button--delete:hover.dropdown:after,
.button.button--negative:hover.dropdown:after,
input[type="submit"].button.button--negative:hover.dropdown:after,
.button.negative.selected.dropdown:after,
input[type="submit"].button.negative.selected.dropdown:after,
.button.delete.selected.dropdown:after,
input[type="submit"].button.delete.selected.dropdown:after,
.button.button--delete.selected.dropdown:after,
input[type="submit"].button.button--delete.selected.dropdown:after,
.button.button--negative.selected.dropdown:after,
input[type="submit"].button.button--negative.selected.dropdown:after,
.button.negative.active.dropdown:after,
input[type="submit"].button.negative.active.dropdown:after,
.button.delete.active.dropdown:after,
input[type="submit"].button.delete.active.dropdown:after,
.button.button--delete.active.dropdown:after,
input[type="submit"].button.button--delete.active.dropdown:after,
.button.button--negative.active.dropdown:after,
input[type="submit"].button.button--negative.active.dropdown:after {
  border-color: #fff transparent transparent transparent;
}
.button.negative .dropdown-content,
input[type="submit"].button.negative .dropdown-content,
.button.delete .dropdown-content,
input[type="submit"].button.delete .dropdown-content,
.button.button--delete .dropdown-content,
input[type="submit"].button.button--delete .dropdown-content,
.button.button--negative .dropdown-content,
input[type="submit"].button.button--negative .dropdown-content {
  border-top: 3px solid #cf3620;
}
.button.dropdown,
input[type="submit"].button.dropdown {
  position: relative;
  padding-right: 24px;
  margin-top: 0;
}
.button.dropdown:after,
input[type="submit"].button.dropdown:after {
  right: 7px;
  border-color: rgba(40, 41, 52, 0.5) transparent transparent transparent;
  border-width: 6px 4px 3px 4px;
}
.button.dropdown .dropdown-content,
input[type="submit"].button.dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  right: 0px;
  top: 32px;
  width: 340px;
  border-radius: 0 0 5px 5px;
  padding: 10px;
  -webkit-animation-name: dropdown-content-animation;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s;
  /* Safari 4.0 - 8.0 */
  animation-name: dropdown-content-animation;
  animation-duration: 0.5s;
}
.button.dropdown .dropdown-content li,
input[type="submit"].button.dropdown .dropdown-content li {
  list-style-type: none;
  transition: 0.2s all ease-out;
  animation: slide-in-menu-items 0.2s;
  margin-bottom: 4px;
}
.button.dropdown .dropdown-content li .button,
input[type="submit"].button.dropdown .dropdown-content li .button {
  display: flex;
  float: none;
}
.button.dropdown .dropdown-content li .upload-button-container,
input[type="submit"].button.dropdown .dropdown-content li .upload-button-container {
  width: 100%;
}
.button.dropdown .dropdown-content li > div,
input[type="submit"].button.dropdown .dropdown-content li > div,
.button.dropdown .dropdown-content li > span,
input[type="submit"].button.dropdown .dropdown-content li > span,
.button.dropdown .dropdown-content lia,
input[type="submit"].button.dropdown .dropdown-content lia {
  width: 100%;
}
.button.dropdown .dropdown-content li:nth-child(2),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(2) {
  animation-duration: 0.3s;
}
.button.dropdown .dropdown-content li:nth-child(3),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(3) {
  animation-duration: 0.4s;
}
.button.dropdown .dropdown-content li:nth-child(4),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(4) {
  animation-duration: 0.5s;
}
.button.dropdown .dropdown-content li:nth-child(5),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(5) {
  animation-duration: 0.6s;
}
.button.dropdown .dropdown-content li:nth-child(6),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(6) {
  animation-duration: 0.7s;
}
.button.dropdown .dropdown-content li:nth-child(7),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(7) {
  animation-duration: 0.8s;
}
.button.dropdown .dropdown-content li:nth-child(8),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(8) {
  animation-duration: 0.9s;
}
.button.dropdown .dropdown-content li:nth-child(9),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(9) {
  animation-duration: 0.1s;
}
.button.dropdown .dropdown-content li:nth-child(10),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(10) {
  animation-duration: 0.11s;
}
.button.dropdown .dropdown-content li:nth-child(11),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(11) {
  animation-duration: 0.12s;
}
.button.dropdown .dropdown-content li:nth-child(12),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(12) {
  animation-duration: 0.13s;
}
.button.dropdown .dropdown-content li:nth-child(13),
input[type="submit"].button.dropdown .dropdown-content li:nth-child(13) {
  animation-duration: 0.14s;
}
.button.dropdown.selected .dropdown-content,
input[type="submit"].button.dropdown.selected .dropdown-content {
  display: block;
}
.button.mr,
input[type="submit"].button.mr {
  margin-right: 5px;
}
.button.filter-selected,
input[type="submit"].button.filter-selected {
  background-color: #ef511f;
  color: #fff;
  -webkit-box-shadow: 0 0 12px 0 #ef511f;
  box-shadow: 0 0 12px 0 #ef511f;
  position: relative;
  z-index: 9;
}
.button.filter-selected:after,
input[type="submit"].button.filter-selected:after {
  content: 'Active';
  margin-left: 4px;
}
.button.filter-selected .filter-box,
input[type="submit"].button.filter-selected .filter-box {
  border-top-color: #ef511f;
}
.button .filter-box,
input[type="submit"].button .filter-box {
  display: none;
  position: absolute;
  background-color: #fff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  left: 0px;
  top: 32px;
  width: 400px;
  border-radius: 0 0 5px 5px;
  padding: 10px;
  -webkit-animation-name: dropdown-content-animation;
  /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s;
  /* Safari 4.0 - 8.0 */
  animation-name: dropdown-content-animation;
  animation-duration: 0.5s;
  border-top: 3px solid #e8eaeb;
}
.button .filter-box label,
input[type="submit"].button .filter-box label {
  width: 40%;
  margin: 9px 3% 0 0;
  float: left;
  font-size: 0.7rem;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.button .filter-box input[type="text"],
input[type="submit"].button .filter-box input[type="text"],
.button .filter-box select,
input[type="submit"].button .filter-box select {
  width: 57%;
  float: left;
  margin: 0 0 5px 0;
  height: 30px;
  padding: 0 5px;
}
.button .filter-box input[type="checkbox"],
input[type="submit"].button .filter-box input[type="checkbox"] {
  float: left;
  margin-top: 10px;
}
.button .filter-box .filter-box--item,
input[type="submit"].button .filter-box .filter-box--item {
  transition: 0.2s all ease-out;
  animation: slide-in-menu-items 0.2s;
}
.button .filter-box .filter-box--item:nth-child(2),
input[type="submit"].button .filter-box .filter-box--item:nth-child(2) {
  animation-duration: 0.3s;
}
.button .filter-box .filter-box--item:nth-child(3),
input[type="submit"].button .filter-box .filter-box--item:nth-child(3) {
  animation-duration: 0.4s;
}
.button .filter-box .filter-box--item:nth-child(4),
input[type="submit"].button .filter-box .filter-box--item:nth-child(4) {
  animation-duration: 0.5s;
}
.button .filter-box .filter-box--item:nth-child(5),
input[type="submit"].button .filter-box .filter-box--item:nth-child(5) {
  animation-duration: 0.6s;
}
.button .filter-box .filter-box--item:nth-child(6),
input[type="submit"].button .filter-box .filter-box--item:nth-child(6) {
  animation-duration: 0.7s;
}
.button .filter-box .filter-box--item:nth-child(7),
input[type="submit"].button .filter-box .filter-box--item:nth-child(7) {
  animation-duration: 0.8s;
}
.button .filter-box .filter-box--item:nth-child(8),
input[type="submit"].button .filter-box .filter-box--item:nth-child(8) {
  animation-duration: 0.9s;
}
.button .filter-box .filter-box--item:nth-child(9),
input[type="submit"].button .filter-box .filter-box--item:nth-child(9) {
  animation-duration: 0.1s;
}
.button .filter-box .filter-box--item:nth-child(10),
input[type="submit"].button .filter-box .filter-box--item:nth-child(10) {
  animation-duration: 0.11s;
}
.button .filter-box .filter-box--item:nth-child(11),
input[type="submit"].button .filter-box .filter-box--item:nth-child(11) {
  animation-duration: 0.12s;
}
.button .filter-box .filter-box--item:nth-child(12),
input[type="submit"].button .filter-box .filter-box--item:nth-child(12) {
  animation-duration: 0.13s;
}
.button .filter-box .filter-box--item:nth-child(13),
input[type="submit"].button .filter-box .filter-box--item:nth-child(13) {
  animation-duration: 0.14s;
}
.button .filter-box .filter-box--item:nth-child(14),
input[type="submit"].button .filter-box .filter-box--item:nth-child(14) {
  animation-duration: 0.15s;
}
.button .filter-box .filter-box--item:nth-child(15),
input[type="submit"].button .filter-box .filter-box--item:nth-child(15) {
  animation-duration: 0.16s;
}
.button .filter-box .filter-box--item:nth-child(16),
input[type="submit"].button .filter-box .filter-box--item:nth-child(16) {
  animation-duration: 0.17s;
}
.signature-box {
  border: 1px solid rgba(140, 152, 175, 0.4);
  height: 120px;
  width: 300px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.signature-pad,
#myCanvas {
  background: #fff;
}
.declaration {
  border-radius: 4px;
  border: 1px solid rgba(140, 152, 175, 0.4);
  background: #fbffd9;
  color: #282934;
  padding: 20px;
  margin-top: 20px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.approver-dialog-select {
  height: fit-content;
  overflow: auto;
  border: 1px solid rgba(140, 152, 175, 0.4);
  border-radius: 4px 0 0 4px;
}
.columns-5 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}
.columns-5 .button {
  text-align: center;
  justify-content: center;
}
.columns-5 .title {
  grid-column-start: 1;
  grid-column-end: 6;
}
.button-container-fix {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.button-container-fix .button {
  margin-left: 10px;
}
.highcharts-button path {
  transform: translateY(4px);
}
.ut-afp-ref {
  white-space: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
}
.date-input-legend {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 10px;
}
.date-input-legend span {
  border-radius: 3px;
  width: 40px;
  height: 27px;
  display: inline-block;
  margin-right: 10px;
}
.date-input-legend label {
  font-size: 11.2px;
  display: inline-block;
  margin-right: 20px;
}
.date-input-legend .sub-1-input {
  border: 2px dashed #ef511f;
}
.date-input-legend .sub-2-input {
  border: 2px dashed #41acb9;
}
.date-input-legend .sub-1-dashed-input {
  border: 2px solid #ef511f;
}
.date-input-legend .sub-2-dashed-input {
  border: 2px solid #41acb9;
}
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
  padding: 5px;
  font-size: 0.8rem;
}
#valuationSchedules .tabs-container.scrollable-content {
  min-height: 250px;
}
#global-broadcast {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 20px;
  text-align: center;
  background: #7fffd4;
  color: #1a3360;
  font-size: 0.7rem;
  line-height: 15px;
  display: flex;
  justify-content: center;
  line-height: 20px;
  z-index: 999;
}
#global-broadcast .button {
  background: rgba(40, 41, 52, 0.1);
  color: #282934;
  padding: 2px 8px 0;
  font-size: 0.6rem;
  margin-left: 10px;
}
#global-broadcast .button:hover {
  color: #fff;
  background: #282934;
}
.imports-top {
  padding: 20px;
  height: 100px;
}
.imports-top .results {
  font-size: 0.8rem;
}
.imports-top .results .result-failed-list {
  background: #de412a;
  border-radius: 4px;
  padding: 10px;
}
.imports-top .results ul {
  margin: 0px 20px;
}
.imports-top .results ul li {
  color: #fff;
  font-size: 0.7rem;
}
.imports-top .results .title {
  margin-bottom: 5px;
}
.imports-top .results .result-success {
  margin-bottom: 5px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
}
.imports-top .results .result-success span {
  background: #18C395;
  color: #fff;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
}
.imports-top .results .result-failed {
  margin-bottom: 5px;
  font-weight: 400;
  display: flex;
  justify-content: space-between;
}
.imports-top .results .result-failed span {
  background: #de412a;
  color: #fff;
  display: inline-block;
  padding: 1px 5px;
  border-radius: 4px;
}
.ht_clone_left.handsontable,
.wtHolder {
  height: calc(100vh - 294px) !important;
}
.mobile-restriction {
  display: none;
}
@media only screen and (max-width: 480px) {
  .mobile-restriction {
    display: flex;
    background: #282934;
    color: #fff;
    text-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    z-index: 99999;
    padding: 20px;
  }
}
body.dark-mode .interface-choose {
  color: #fff;
}
#survey-dialog .r .button {
  padding: 10px 15px 8px 15px;
  margin-top: 20px;
}
#survey-dialog .r .button:last-child {
  background: #2AC7A3;
  color: #fff;
}
#survey-dialog .r .block span {
  font-size: 12px;
}
#survey-dialog .flex-check:before {
  content: '';
  display: block;
  height: 200px;
  background-image: url(https://openecxcdn.blob.core.windows.net/live/missioncontrol/Open%20ECX%20Images/webcontractor-user-survey.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
}
#survey-dialog .content-container {
  min-height: 500px !important;
}
#survey-dialog .flex-check .r:last-child {
  justify-content: center;
  border-top: 1px solid #eee;
  margin-top: 21px;
}
.reverse-vat-status {
  display: flex;
  align-items: center;
  margin-bottom: 1px !important;
  border: none !important;
}
.reverse-vat-status span {
  border-radius: 50%;
  height: 18px;
  width: 18px;
  display: inline-block;
  margin-right: 5px;
  border: none !important;
  transform: translateY(-2px);
  background: #ddd;
}
.reverse-vat-status div {
  font-weight: 700;
  color: #ddd;
}
.reverse-vat-status.green.selected,
.reverse-vat-status.amber.selected,
.reverse-vat-status.red.selected {
  border: 1px solid rgba(140, 152, 175, 0.4) !important;
}
.reverse-vat-status.green.selected span {
  background: #18C395;
}
.reverse-vat-status.green.selected div {
  color: #18C395;
}
.reverse-vat-status.amber.selected span {
  background: #e8a70c;
}
.reverse-vat-status.amber.selected div {
  color: #e8a70c;
}
.reverse-vat-status.red.selected span {
  background: #de412a;
}
.reverse-vat-status.red.selected div {
  color: #de412a;
}
body.dark-mode .r .block .sub-blocks {
  background: #333442;
}
table.month-grid td {
  vertical-align: top;
}
table.month-grid tr {
  border-bottom: 1px solid #ddd;
}
body.dark-mode table.month-grid tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
table.field-grid td input[type="text"].secondary-edit,
table.field-grid td select.secondary-edit,
table.field-grid td textarea.secondary-edit,
table.field-grid td.d a.secondary-edit {
  border: 1px solid #ef511f;
  background: rgba(239, 81, 31, 0.1);
}
.ui-widget.ui-datepicker {
  z-index: 99999 !important;
}
.scrollable-content > div > .flex-content > .tabs {
  padding: 5px 20px 10px 20px;
}
.mk-card > .r {
  display: flex;
  flex-wrap: nowrap !important;
}
.blink-div {
  animation: flash 3s ease infinite;
}