@charset "utf-8";
/* 
	accounts.less

	Project: Aden Industrial

*/
.account-nav .account-nav-menu > ul > li:not(:first-child) > ul > li.menu-header > a {
  padding: 0;font-weight: normal;line-height: 1;letter-spacing: -0.025em;
}
.account-nav .account-nav-menu > ul > li:not(:first-child) > ul > li.menu-header > a {
  margin: 0 0 20px;
}
.table-scroller {
  border-collapse: collapse;margin: 10px 0 30px;
}
@media all and (max-width: 768px) {
  .table-scroller {
    width: 100% !important;border: 1px solid #ccc;
  }
}
.account-nav .account-nav-menu > ul > li:not(:first-child) > ul > li.menu-header > a {
  font-weight: 900;letter-spacing: -0.04em;
}
.account-nav .account-nav-menu > ul > li:not(:first-child) > ul > li.menu-header > a {
  font-size: 24px;font-size: 1.5rem;line-height: 1.2;color: #333333;
}
@media all and (min-width: 1025px) {
  .account-nav .account-nav-menu > ul > li:not(:first-child) > ul > li.menu-header > a {
    font-size: 26px;font-size: 1.625rem;
  }
}
.account-nav .account-nav-logo::before {
  position: absolute;z-index: 0;content: '';top: -25%;left: -100%;width: 300%;height: 150%;opacity: 1;background: #000000;background: radial-gradient(ellipse, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 50%);
}
/*------ reset ------*/
form .button {
  display: inline-block;
  float: none;
}
.input,
.select,
.textarea,
.button,
.input-file-trigger,
.checkbox + label,
.radio + label {
  margin: 0;
}
.button.small {
  padding: 18px 24px;
}
/*------ mixins ------*/
.nomargin-v,
.nomargin-t {
  margin-top: 0 !important;
}
.nomargin-h,
.nomargin-r {
  margin-right: 0 !important;
}
.nomargin-v,
.nomargin-b {
  margin-bottom: 0 !important;
}
.nomargin-h,
.nomargin-l {
  margin-left: 0 !important;
}
.nopadding-v,
.nopadding-t {
  padding-top: 0 !important;
}
.nopadding-h,
.nopadding-r {
  padding-right: 0 !important;
}
.nopadding-v,
.nopadding-b {
  padding-bottom: 0 !important;
}
.nopadding-h,
.nopadding-l {
  padding-left: 0 !important;
}
@media all and (max-width: 480px) {
  .show-tp {
    display: none !important;
  }
}
@media all and (max-width: 768px) {
  .show-tl {
    display: none !important;
  }
}
@media all and (max-width: 1024px) {
  .show-nb {
    display: none !important;
  }
}
@media all and (max-width: 1366px) {
  .show-dt {
    display: none !important;
  }
}
@media all and (max-width: 1920px) {
  .show-ws {
    display: none !important;
  }
}
@media all and (min-width: 481px) {
  .hide-tp {
    display: none !important;
  }
}
@media all and (min-width: 769px) {
  .hide-tl {
    display: none !important;
  }
}
@media all and (min-width: 1025px) {
  .hide-nb {
    display: none !important;
  }
}
@media all and (min-width: 1367px) {
  .hide-dt {
    display: none !important;
  }
}
@media all and (min-width: 1921px) {
  .hide-ws {
    display: none !important;
  }
}
/*------ utilities ------*/
.center-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  width: 100%;
}
.overlay-black-radial {
  z-index: -1;
  opacity: 1;
  background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.9) 100%);
}
.overlay-fixed {
  position: fixed;
  z-index: -1;
}
button.link,
button.text {
  text-transform: inherit;
  font: inherit;
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  color: inherit;
}
button.link {
  color: #E64F15;
  cursor: pointer;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
button.link:hover,
button.link:active {
  color: #EF762E;
}
#account-wrapper .container {
  --margin-l: clamp(0px, 49.50495vw - 576.73267px, 100px);
  --cont-padding: clamp(20px, 2.51889vw + 0.65491px, 30px);
  padding: 0 var(--cont-padding);
  margin-left: var(--margin-l);
  width: 100%;
  max-width: calc(775px + var(--cont-padding)*2);
}
.table-scroller {
  overflow: auto;
  border: 0;
}
.table-scroller table {
  margin: 0;
}
/*------ forms ------*/
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
form table.column {
  display: table;
}
.account-content-body form,
.web-form {
  margin-bottom: 20px;
}
.account-content-body form label,
.web-form label {
  word-break: break-word;
}
.account-content-body form .required,
.web-form .required {
  color: #C46A6A;
}
.account-content-body form .input,
.web-form .input,
.account-content-body form .textarea,
.web-form .textarea,
.account-content-body form .select,
.web-form .select {
  min-width: 3em;
  padding-inline: min(10%, 20px);
  background-color: transparent;
  font-weight: 400;
}
.account-content-body form .input::-webkit-input-placeholder,
.web-form .input::-webkit-input-placeholder,
.account-content-body form .textarea::-webkit-input-placeholder,
.web-form .textarea::-webkit-input-placeholder,
.account-content-body form .select::-webkit-input-placeholder,
.web-form .select::-webkit-input-placeholder {
  color: #999999;
}
.account-content-body form .input:-ms-input-placeholder,
.web-form .input:-ms-input-placeholder,
.account-content-body form .textarea:-ms-input-placeholder,
.web-form .textarea:-ms-input-placeholder,
.account-content-body form .select:-ms-input-placeholder,
.web-form .select:-ms-input-placeholder {
  color: #999999;
}
.account-content-body form .input::-moz-placeholder,
.web-form .input::-moz-placeholder,
.account-content-body form .textarea::-moz-placeholder,
.web-form .textarea::-moz-placeholder,
.account-content-body form .select::-moz-placeholder,
.web-form .select::-moz-placeholder {
  color: #999999;
}
.account-content-body form .input::-webkit-input-placeholder, .web-form .input::-webkit-input-placeholder, .account-content-body form .textarea::-webkit-input-placeholder, .web-form .textarea::-webkit-input-placeholder, .account-content-body form .select::-webkit-input-placeholder, .web-form .select::-webkit-input-placeholder {
  color: #999999;
}
.account-content-body form .input::-moz-placeholder, .web-form .input::-moz-placeholder, .account-content-body form .textarea::-moz-placeholder, .web-form .textarea::-moz-placeholder, .account-content-body form .select::-moz-placeholder, .web-form .select::-moz-placeholder {
  color: #999999;
}
.account-content-body form .input:-ms-input-placeholder, .web-form .input:-ms-input-placeholder, .account-content-body form .textarea:-ms-input-placeholder, .web-form .textarea:-ms-input-placeholder, .account-content-body form .select:-ms-input-placeholder, .web-form .select:-ms-input-placeholder {
  color: #999999;
}
.account-content-body form .input::-ms-input-placeholder, .web-form .input::-ms-input-placeholder, .account-content-body form .textarea::-ms-input-placeholder, .web-form .textarea::-ms-input-placeholder, .account-content-body form .select::-ms-input-placeholder, .web-form .select::-ms-input-placeholder {
  color: #999999;
}
.account-content-body form .input::placeholder,
.web-form .input::placeholder,
.account-content-body form .textarea::placeholder,
.web-form .textarea::placeholder,
.account-content-body form .select::placeholder,
.web-form .select::placeholder {
  color: #999999;
}
.account-content-body form .input.disabled,
.web-form .input.disabled,
.account-content-body form .textarea.disabled,
.web-form .textarea.disabled,
.account-content-body form .select.disabled,
.web-form .select.disabled,
.account-content-body form .input [disabled],
.web-form .input [disabled],
.account-content-body form .textarea [disabled],
.web-form .textarea [disabled],
.account-content-body form .select [disabled],
.web-form .select [disabled] {
  background-color: #f3f3f3;
  color: #999999;
  cursor: not-allowed;
}
.account-content-body form .input.input-3xs,
.web-form .input.input-3xs {
  width: 50px;
}
.account-content-body form .input.input-2xs,
.web-form .input.input-2xs {
  width: 60px;
}
.account-content-body form .input.input-xs,
.web-form .input.input-xs {
  width: 80px;
}
.account-content-body form .input.input-sm,
.web-form .input.input-sm {
  width: 100px;
}
.account-content-body form .datepicker,
.web-form .datepicker {
  background-image: url('../../images/ui/calendar.svg');
  background-size: 14px 15px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}
.account-content-body form .datepicker,
.web-form .datepicker,
.account-content-body form .select,
.web-form .select {
  padding-right: 30px;
}
.account-content-body form .select,
.web-form .select {
  text-overflow: ellipsis;
}
.account-content-body form .form-fieldset,
.web-form .form-fieldset {
  margin-bottom: 20px;
}
.account-content-body form .form-fieldset .fieldset-label,
.web-form .form-fieldset .fieldset-label {
  margin: 0 0 10px;
}
.account-content-body form .form-fieldset .fieldset-label:not(h1,h2,h3,h4,h5,h6),
.web-form .form-fieldset .fieldset-label:not(h1,h2,h3,h4,h5,h6) {
  font-weight: 700;
}
.account-content-body form .form-field,
.web-form .form-field {
  width: 100%;
  margin: 0 0 20px;
  max-width: 100%;
}
.account-content-body form .form-field.margin-sm,
.web-form .form-field.margin-sm {
  margin: 0 0 10px;
}
.account-content-body form .form-row,
.web-form .form-row {
  --gap: 10px;
  --margin: calc(var(--gap) / -2);
  --padding: calc(var(--gap) / 2);
  margin: 0 var(--margin);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.account-content-body form .form-row.nowrap,
.web-form .form-row.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.account-content-body form .form-row.nowrap > .form-field,
.web-form .form-row.nowrap > .form-field {
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.account-content-body form .form-row.padded,
.web-form .form-row.padded {
  padding-top: 20px;
}
.account-content-body form .form-row.padded-sm,
.web-form .form-row.padded-sm {
  padding-top: 10px;
}
.account-content-body form .form-row.gap-lg,
.web-form .form-row.gap-lg {
  --gap: 20px;
}
.account-content-body form .form-row.gap-xl,
.web-form .form-row.gap-xl {
  --gap: 30px;
}
.account-content-body form .form-row > .form-field,
.web-form .form-row > .form-field {
  padding: 0 var(--padding);
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.account-content-body form .form-row > .form-field.align-center,
.web-form .form-row > .form-field.align-center {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.account-content-body form .form-row > .form-field.align-start,
.web-form .form-row > .form-field.align-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.account-content-body form .form-row > .form-field.align-right,
.web-form .form-row > .form-field.align-right,
.account-content-body form .form-row > .form-field.align-middle,
.web-form .form-row > .form-field.align-middle {
  margin-left: auto;
}
.account-content-body form .form-row > .form-field.align-left,
.web-form .form-row > .form-field.align-left,
.account-content-body form .form-row > .form-field.align-middle,
.web-form .form-row > .form-field.align-middle {
  margin-right: auto;
}
.account-content-body form .form-row > .form-field.width-full,
.web-form .form-row > .form-field.width-full,
.account-content-body form .form-row > .form-field.width-half,
.web-form .form-row > .form-field.width-half,
.account-content-body form .form-row > .form-field.width-auto,
.web-form .form-row > .form-field.width-auto {
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.account-content-body form .form-row > .form-field.width-full,
.web-form .form-row > .form-field.width-full {
  width: 100%;
}
.account-content-body form .form-row > .form-field.width-3xs,
.web-form .form-row > .form-field.width-3xs {
  width: 80px;
}
.account-content-body form .form-row > .form-field.width-2xs,
.web-form .form-row > .form-field.width-2xs {
  width: 100px;
}
.account-content-body form .form-row > .form-field.width-xs,
.web-form .form-row > .form-field.width-xs {
  width: 150px;
}
.account-content-body form .form-row > .form-field.width-sm,
.web-form .form-row > .form-field.width-sm {
  width: 250px;
}
.account-content-body form .form-row > .form-field.width-auto,
.web-form .form-row > .form-field.width-auto {
  width: auto;
}
@media all and (min-width: 1025px) {
  .account-content-body form .form-row .form-field,
  .web-form .form-row .form-field {
    width: 50%;
  }
  .account-content-body form .form-row .form-field.width-half,
  .web-form .form-row .form-field.width-half {
    max-width: 50%;
  }
  .account-content-body form .form-row.nowrap-dt,
  .web-form .form-row.nowrap-dt {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.input-button {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.input-button .input {
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.input-button .button {
  -webkit-box-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 0 25px;
}
.input-switch,
.input-range {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.input-switch input,
.input-range input {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
}
.input-switch label,
.input-range label {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  margin: 0;
  border: 1px solid #CCCCCC;
  border-width: 1px 0 1px 1px;
  color: #999999;
  font-weight: 700;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 0;
  font-size: 16px;
  font-size: 1rem;
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s;
}
.input-switch label i,
.input-range label i {
  font-size: 20px;
}
.input-switch label + input + label,
.input-range label + input + label {
  border-left-color: #CCCCCC;
}
.input-switch label:last-child,
.input-range label:last-child {
  border-width: 1px;
}
.input-switch label:hover,
.input-range label:hover {
  border-color: #666666;
}
.input-switch label:hover + input + label,
.input-range label:hover + input + label {
  border-left-color: #666666;
}
.input-switch .error + label:not(:hover),
.input-range .error + label:not(:hover) {
  border-color: #C46A6A;
}
.input-switch .error + label:not(:hover) + input + label,
.input-range .error + label:not(:hover) + input + label {
  border-left-color: #C46A6A;
}
.input-switch :focus + label:not(:hover),
.input-range :focus + label:not(:hover) {
  border-color: #666666;
}
.input-switch :focus + label:not(:hover) + input + label,
.input-range :focus + label:not(:hover) + input + label {
  border-left-color: #666666;
}
.input-switch :checked + label,
.input-range :checked + label {
  background-color: #E64F15;
  color: #FFFFFF;
}
.input-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.input-switch label {
  width: clamp(60px, 6.6778vw + 8.71452px, 100px);
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.input-switch.small label {
  width: clamp(40px, 6.6778vw - 11.28548px, 80px);
}
.input-switch.width-full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.input-switch.width-full label {
  -webkit-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.input-switch :checked + .yes {
  background-color: #7FC46A;
}
.input-switch :checked + .no {
  background-color: #C46A6A;
}
.input-switch :checked + .na {
  background-color: #CCCCCC;
}
.input-range input:nth-of-type(1):checked + label,
.input-range input:nth-of-type(2):checked + label,
.input-range input:nth-of-type(3):checked + label {
  background-color: #C46A6A;
}
.input-range input:nth-of-type(4):checked + label,
.input-range input:nth-of-type(5):checked + label,
.input-range input:nth-of-type(6):checked + label {
  background-color: #F6BD60;
}
.input-range input:nth-of-type(7):checked + label,
.input-range input:nth-of-type(8):checked + label,
.input-range input:nth-of-type(9):checked + label {
  background-color: #7FC46A;
}
.copy-machine .copy-machine-template {
  display: none;
}
.copy-machine .copy-machine-row {
  margin-bottom: 20px;
  margin-left: calc(-1 * var(--cont-padding) + 0px);
  padding-left: calc(var(--cont-padding) - 3px);
  border-left: 3px solid #E64F15;
}
@media all and (min-width: 1025px) {
  .copy-machine .copy-machine-row {
    margin-left: 0px;
    padding-left: 10px;
  }
}
.switch-box ~ .switch-target {
  margin-top: 10px;
}
#account-wrapper #order-form .switch-target {
  display: none;
}
.signature-pad canvas {
  display: block;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  width: 100%;
  margin: 0 0 10px;
  cursor: crosshair;
}
.signature-pad canvas:hover {
  border-color: #666666;
}
.signature-pad.error canvas {
  border-color: #C46A6A;
}
.signature-pad .canvas-wrapper {
  position: relative;
}
.signature-pad .canvas-wrapper .overlay {
  text-align: center;
  opacity: 0;
  pointer-events: none;
  font-weight: 600;
  color: #999999;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  font-size: 21px;
  font-size: 1.3125pxrem;
}
.signature-pad .canvas-wrapper .overlay i {
  font-size: 48px;
  font-size: 3pxrem;
  margin-bottom: 5px;
}
.signature-pad.empty .canvas-wrapper:not(:hover) .overlay {
  opacity: 1;
}
.signature-pad .button {
  padding: 8px;
  font-size: 18px;
}
.alert {
  --icon-size: 1.5em;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 0 auto;
  -ms-grid-columns: var(--icon-size) 10px auto;
      grid-template: "icon title" ".    text" / var(--icon-size) auto;
  gap: 0 10px;
  margin: 0;
  margin-bottom: clamp(20px, 3.3389vw - 5.64274px, 40px);
  padding: 10px;
  border: 1px solid #DDDDDD;
  border-left: 5px solid currentColor;
  color: #333333;
  background-color: #FFFFFF;
  font-weight: 400;
  text-transform: none;
  text-align: left;
}
.alert::before {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon;
  width: 100%;
  font-size: var(--icon-size);
  line-height: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f06a";
}
.alert .alert-title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  display: block;
  text-transform: uppercase;
  font-weight: 900;
}
.alert .alert-text {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  padding: 0;
  color: #666666;
  grid-area: text;
}
.alert.error {
  color: #C46A6A;
}
.alert.error::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f057";
}
.alert.success {
  color: #7FC46A;
}
.alert.success::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058";
}
/*------ header ------*/
#account-wrapper {
  --menu-width: clamp(300px, 8.34725vw + 235.89316px, 350px);
  display: -ms-grid;
  display: grid;
  min-height: 100vh;
  margin-left: calc(-1 * var(--menu-width));
  -ms-grid-rows: 70px auto;
  -ms-grid-columns: var(--menu-width) calc(100% - var(--menu-width));
      grid-template: ". topbar" 70px "nav contentarea" / var(--menu-width) calc(100% - var(--menu-width));
}
#account-wrapper .account-nav,
#account-wrapper .account-content {
  -webkit-transition: transform 0.3s ease 0s;
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}
#account-wrapper .account-topbar {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: topbar;
}
#account-wrapper .account-content {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: contentarea;
}
#account-wrapper.opened .account-nav,
#account-wrapper.opened .account-content {
  -webkit-transform: translateX(var(--menu-width));
  transform: translateX(var(--menu-width));
}
@media all and (min-width: 769px) {
  #account-wrapper {
    margin-left: 0;
    -ms-grid-rows: auto;
    -ms-grid-columns: var(--menu-width) calc(100% - var(--menu-width));
        grid-template: "nav contentarea" / var(--menu-width) calc(100% - var(--menu-width));
  }
  #account-wrapper .account-topbar {
    display: none;
  }
  #account-wrapper.opened .account-nav,
  #account-wrapper.opened .account-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  #account-wrapper .account-content {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.account-topbar {
  position: relative;
  padding: 0 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.account-topbar .account-topbar-logo {
  display: block;
}
.account-topbar .account-topbar-logo img {
  display: block;
  height: 35px;
}
.account-topbar .overlay,
.account-topbar .responsive-bg {
  z-index: -1;
}
.account-nav {
  position: sticky;
  top: 0;
  height: 100vh;
  color: #FFFFFF;
  z-index: 0;
}
.account-nav .overlay,
.account-nav .responsive-bg {
  z-index: -1;
}
.account-nav .account-nav-scroller {
  --padding-t: clamp(20px, 7.51252vw - 37.69616px, 65px);
  --padding-b: clamp(20px, 1.66945vw + 7.17863px, 30px);
  --padding-l: clamp(20px, 5.00835vw - 18.46411px, 50px);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: var(--padding-t, 20px) 20px var(--padding-b, 20px) var(--padding-l, 20px);
  height: 100%;
  overflow: hidden auto;
}
.account-nav .account-nav-logo {
  --margin-b: clamp(40px, 10.01669vw - 36.92821px, 100px);
  position: relative;
  display: block;
  width: 175px;
  margin: 0 auto var(--margin-b);
}
.account-nav .account-nav-logo::before {
  z-index: -1;
}
.account-nav .account-nav-logo img {
  display: block;
}
.account-nav .account-nav-menu {
  text-transform: uppercase;
  font-weight: 900;
}
.account-nav .account-nav-menu ul {
  margin: 0 0 40px;
  padding: 0;
  list-style-type: none;
}
.account-nav .account-nav-menu a {
  display: block;
  margin: 0 0 15px;
  font-size: 18px;
  font-size: 1.125rem;
}
.account-nav .account-nav-menu a:not(:hover) {
  color: inherit;
}
.account-nav .account-nav-menu li.active > a:not(:hover) {
  color: #EF762E;
}
.account-nav .account-nav-menu li:last-child > a {
  margin-bottom: 0;
}
.account-nav .account-nav-menu > ul > li.sub-menu > a {
  display: none;
}
.account-nav .account-nav-menu > ul > li:not(:first-child) > ul > li.menu-header > a {
  text-transform: uppercase;
  color: #E64F15;
}
.account-nav .account-nav-logout {
  margin-top: auto;
  text-transform: uppercase;
  font-weight: 900;
}
.account-nav .account-nav-logout button {
  cursor: pointer;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.account-nav .account-nav-logout button:hover {
  color: #EF762E;
}
.account-nav #menu-toggle {
  display: block;
}
@media all and (min-width: 769px) {
  .account-nav #menu-toggle {
    display: none;
  }
}
.account-content-header {
  background-color: #EEEEEE;
  word-break: break-word;
  padding-block: clamp(20px, 9.18197vw - 50.51753px, 75px);
}
.account-content-header h1 {
  margin: 0;
  color: #111111;
  text-transform: uppercase;
}
.account-content-body {
  padding-block: 35px;
}
/*------ login ------*/
.web-form.login-form {
  --offset: clamp(40px, 14.19032vw - 68.98164px, 125px);
  margin-top: calc(var(--offset) * -1);
  padding: 40px 20px;
  width: 100%;
  max-width: 381px;
  margin: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.web-form.login-form #page-logo {
  margin-bottom: var(--offset);
}
.web-form.login-form .form-field .input,
.web-form.login-form .form-field .select,
.web-form.login-form .form-field .textarea {
  background-color: rgba(17, 17, 17, 0.5);
  color: #CCCCCC;
}
.web-form.login-form .form-field .input:focus,
.web-form.login-form .form-field .select:focus,
.web-form.login-form .form-field .textarea:focus {
  border-color: #CCCCCC;
}
#register-form,
#reset-form {
  --offset: 40px;
}
#register-form {
  max-width: 775px;
}
.login-form-container {
  color: #CCCCCC;
}
.login-form-container h1,
.login-form-container h2,
.login-form-container h3,
.login-form-container h4,
.login-form-container h5,
.login-form-container h6 {
  color: #FFFFFF;
  margin-top: 40px;
}
/*------ dashboard ------*/
.form-orders-table {
  margin: 10px 0 50px;
}
.form-orders-table table {
  width: 100%;
  border: 0;
  text-transform: uppercase;
  text-align: left;
}
.form-orders-table table th,
.form-orders-table table td {
  line-height: 1.15;
  font-size: 14px;
  font-size: 0.875rem;
}
.form-orders-table table th.nowrap,
.form-orders-table table td.nowrap {
  white-space: nowrap;
}
.form-orders-table table tr td {
  background-color: transparent;
}
.form-orders-table table th {
  padding: 15px 10px;
  background-color: #333333;
}
.form-orders-table table td {
  padding: 10px;
  border-bottom: 1px solid #EEEEEE;
}
@media all and (min-width: 769px) {
  .form-orders-table table th,
  .form-orders-table table td {
    padding: 20px;
  }
}
/*------ hazard assessment ------*/
table.hazard-table th {
  background-color: #E64F15;
  font-weight: 700;
}
table.hazard-table th,
table.hazard-table td {
  line-height: 1.15;
  padding: 5px;
}
table.hazard-table tr td {
  background-color: transparent;
}
.hazard-assessment {
  --label-H: 24.6px;
  --gap: clamp(15px, 5.20833vw - 10px, 30px);
}
.hazard-assessment .checklist {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: checklist;
}
.hazard-assessment .priority {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: priority;
}
.hazard-assessment .hazard {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 5;
  grid-area: hazard;
}
.hazard-assessment .rating-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: rating-1;
}
.hazard-assessment .plus {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: plus;
}
.hazard-assessment .rating-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: rating-2;
}
.hazard-assessment .plus-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: plus-2;
}
.hazard-assessment .rating-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
  grid-area: rating-3;
}
.hazard-assessment .equals {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  grid-area: equals;
}
.hazard-assessment .risk {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
  grid-area: risk;
}
.hazard-assessment .risk {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
  grid-area: risk;
}
.hazard-assessment .description {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 10;
  grid-area: desc;
}
.hazard-assessment .correction {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: correct;
}
.hazard-assessment .delete {
  -ms-grid-row: 5;
  -ms-grid-column: 4;
  grid-area: delete;
}
.hazard-assessment .delete {
  text-align: right;
}
.hazard-assessment .correction,
.hazard-assessment .form-field label {
  text-align: left;
}
.hazard-assessment .plus,
.hazard-assessment .plus-2,
.hazard-assessment .equals {
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center;
}
.hazard-assessment .hazard-row {
  display: -ms-grid;
  display: grid;
  row-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-rows: auto 10px auto 10px auto;
  -ms-grid-columns: 1fr 1fr var(--gap) 1fr 14px 1fr 14px 1fr 14px 1fr;
      grid-template: "checklist priority .          rating-1 plus   rating-2 plus-2 rating-3 equals risk" "desc      desc     desc       desc     desc   desc     desc   desc     desc   desc" "correct   correct  .          delete   .      .        .      .        .      ." / 1fr 1fr var(--gap) 1fr 14px 1fr 14px 1fr 14px 1fr;
  text-align: center;
}
.hazard-assessment .hazard-row .delete,
.hazard-assessment .hazard-row .correction {
  margin-top: var(--label-H);
}
.hazard-assessment .hazard-row .form-field {
  margin-bottom: 0;
}
.hazard-assessment .hazard-row.labels {
  font-size: clamp(8px, 0.67644vw + 4.7531px, 14px);
  text-transform: uppercase;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0 0 15px 13px;
  row-gap: 0;
  -ms-grid-rows: auto 0 auto;
  -ms-grid-columns: 1fr 1fr var(--gap) 1fr 14px 1fr 14px 1fr 14px 1fr;
      grid-template: "checklist priority .          hazard   hazard hazard   hazard hazard   equals risk" "checklist priority .          rating-1 plus   rating-2 plus-2 rating-3 equals risk" / 1fr 1fr var(--gap) 1fr 14px 1fr 14px 1fr 14px 1fr;
}
.hazard-assessment .hazard-row.labels .equals {
  visibility: hidden;
}
@media all and (min-width: 1025px) {
  .hazard-assessment .hazard-row {
    --gap: clamp(15px, 2.50417vw - 4.23205px, 30px);
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 1fr 1fr var(--gap) 1fr 14px 1fr 14px 1fr 14px 1fr;
        grid-template: "checklist priority .          rating-1 plus   rating-2 plus-2 rating-3 equals  risk" "desc      desc     desc       desc     desc   desc     .      correct  correct delete" / 1fr 1fr var(--gap) 1fr 14px 1fr 14px 1fr 14px 1fr;
  }
  .hazard-assessment .hazard-row .delete {
    margin-left: 10px;
  }
  .hazard-assessment .checklist {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .hazard-assessment .priority {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .hazard-assessment .rating-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 4;
  }
  .hazard-assessment .plus {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .hazard-assessment .rating-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 6;
  }
  .hazard-assessment .plus-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .hazard-assessment .rating-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 8;
  }
  .hazard-assessment .equals {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 9;
  }
  .hazard-assessment .risk {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 10;
  }
  .hazard-assessment .risk {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 10;
  }
  .hazard-assessment .description {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 6;
  }
  .hazard-assessment .correction {
    -ms-grid-row: 2;
    -ms-grid-column: 8;
    -ms-grid-column-span: 2;
  }
  .hazard-assessment .delete {
    -ms-grid-row: 2;
    -ms-grid-column: 10;
  }
}
/*------ sling inspection ------*/
.sling-inspection {
  --label-H: 24.6px;
  --gap: clamp(15px, 5.20833vw - 10px, 30px);
}
.sling-inspection .sling-row {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sling-inspection .sling-row > * {
  width: 1px;
  -webkit-box-flex: 1 0 1px;
  -ms-flex: 1 0 1px;
  flex: 1 0 1px;
}
.sling-inspection .sling-row .delete {
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 16px;
  margin-left: 10px;
  text-align: right;
}
.sling-inspection .sling-row .capacity,
.sling-inspection .sling-row .serial {
  width: 150px;
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.sling-inspection .sling-row .name {
  width: 250px;
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.sling-inspection .sling-row.labels {
  font-size: clamp(10px, 0.45096vw + 7.8354px, 14px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-transform: uppercase;
  margin: 0 0 10px 13px;
  text-align: center;
}
.sling-inspection .sling-row.labels > * {
  padding: 0 5px;
}
.sling-inspection .sling-row.labels .equals {
  visibility: hidden;
}
/*------ datepicker ------*/
.ui-datepicker {
  width: 250px;
  display: none;
  background-color: #FFFFFF;
  border-bottom: 2px solid #E64F15;
  font-size: 14px;
  text-align: center;
  line-height: 1;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
  box-shadow: 0px 0px 4px 0px rgba(11, 11, 11, 0.35);
}
.ui-datepicker .ui-datepicker-header {
  padding: 8px 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  text-transform: uppercase;
  margin: 0 auto;
  padding: 0 4px;
  font-weight: 600;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  display: block;
  width: 14.29%;
  font-size: 0;
  -webkit-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
  font-size: 12px;
  content: '';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f053";
}
.ui-datepicker table {
  margin: 0;
  width: 100%;
  height: 160px;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: #FFFFFF;
  line-height: 2;
}
.ui-datepicker table tr td,
.ui-datepicker table tr th {
  padding: 0;
  background-color: transparent;
}
.ui-datepicker table th {
  color: #E64F15;
  text-transform: uppercase;
}
.ui-datepicker table td {
  text-align: center;
  font-weight: 400;
  pointer-events: none;
  color: #666666;
  -webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
  transition: color 0.3s ease 0s, background-color 0.3s ease 0s;
}
.ui-datepicker table td a,
.ui-datepicker table td span {
  display: block;
}
.ui-datepicker table td a {
  pointer-events: auto;
}
.ui-datepicker table td:hover {
  color: #EF762E;
  background-color: rgba(239, 118, 46, 0.1);
}
.ui-datepicker table td.ui-datepicker-today,
.ui-datepicker table td.ui-datepicker-current-day {
  font-weight: 600;
}
.ui-datepicker table td.ui-datepicker-today a,
.ui-datepicker table td.ui-datepicker-current-day a {
  color: #FFFFFF;
}
.ui-datepicker table td.ui-datepicker-today {
  background-color: #EF762E;
}
.ui-datepicker table td.ui-datepicker-current-day {
  background-color: #E64F15;
}
.ui-datepicker table td.ui-datepicker-unselectable {
  font-weight: 300;
  background-color: #FFFFFF;
  color: #DDDDDD;
}
.ui-datepicker table tr:last-child td {
  border-bottom: 0;
}
/*------ autocomplete ------*/
.ui-autocomplete {
  position: absolute;
  max-height: 200px;
  margin: 0;
  padding: 0;
  border: 1px solid #666666;
  outline: 0;
  font: inherit;
  line-height: 30px;
  background-color: #FFFFFF;
  list-style: none;
  overflow: hidden auto;
  cursor: pointer;
  z-index: 899;
}
.ui-autocomplete li {
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 -1px;
  padding: 0 8px;
  min-height: 30px;
  -webkit-transition: border-color 0.3s ease 0s, color 0.3s ease 0s;
  transition: border-color 0.3s ease 0s, color 0.3s ease 0s;
  border: 1px solid #CCCCCC;
  border-width: 0 0 1px;
}
.ui-autocomplete li:last-of-type {
  border-width: 0;
}
.ui-autocomplete li a {
  color: inherit;
  -webkit-transition: none;
  transition: none;
}
.ui-autocomplete li small {
  display: block;
  margin-top: -12px;
}
.ui-autocomplete li.ui-state-focus-within,
.ui-autocomplete li:hover {
  color: #EF762E;
}
.ui-autocomplete-input {
  position: relative;
  z-index: 101;
}
.ui-helper-hidden-accessible {
  display: none;
}