/* Colors */
/* Breakpoint Sizes */
/**

	IMPORTANT COLORS:
					hex		rgb
	normal red: 	aa142a	170,20,42

*/
/* CSS reset */
/* color definitions */
* {
  margin: 0;
  padding: 0;
  font-size: 1em;
  position: relative;
  box-sizing: border-box;
  outline: none;
}
* * {
  margin: 0;
  padding: 0;
  font-size: 1em;
  position: relative;
  box-sizing: border-box;
  outline: none;
}

/* DISABLE CLEAR[x] ICON & Password icon FROM INPUT ELEMENT IN IE */
input::-ms-clear, input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* HIDE USER/KEY ICON FOR INPUT ELEMENT IN MAC SAFARI BROWSER */
input::-webkit-contacts-auto-fill-button,
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}

/*	ensure HTML5 elements are handled as block level on older browsers */
footer,
header,
nav,
section {
  display: block;
}

html {
  min-height: 100%;
}

body {
  min-height: 100%;
  font-size: 62.5%;
  font-family: "Roboto", sans-serif;
  color: rgb(0, 0, 0);
  background: rgb(255, 255, 255);
}
body.user_auth {
  background: rgb(255, 255, 255);
}
body.user_auth footer {
  max-width: 360px;
}

.printable-output {
  color: rgb(0, 0, 0) !important;
}

/* ! Hover styles only for non-touch devices ***************************************************/
input[type=radio]:hover,
input[type=checkbox]:hover,
input[type=button]:hover,
input[type=submit]:hover,
.radio-wrapper input[type=text]:hover {
  box-shadow: none;
}

button.button-add:hover, button.button-phone:hover, button.button-upload:hover {
  background: #f4ebff;
  color: rgb(105, 65, 198);
  border-color: rgb(214, 187, 251);
}
button.button-add:hover span .button-icon svg path, button.button-phone:hover span .button-icon svg path, button.button-upload:hover span .button-icon svg path {
  fill: none;
}
button.button-cancel, button.button-remove, button.button-notify, button.button-revert {
  background-color: rgb(217, 45, 32);
  border-color: rgb(217, 45, 32);
}
button.button-cancel span .button-label, button.button-remove span .button-label, button.button-notify span .button-label, button.button-revert span .button-label {
  color: rgb(255, 255, 255);
}
button.button-cancel span svg path, button.button-remove span svg path, button.button-notify span svg path, button.button-revert span svg path {
  stroke: rgb(255, 255, 255);
}
button.button-cancel:hover, button.button-remove:hover, button.button-notify:hover, button.button-revert:hover {
  color: rgb(255, 255, 255);
  border-color: rgb(180, 35, 24);
  background-color: rgb(180, 35, 24);
}
button.button-cancel:hover span svg path, button.button-remove:hover span svg path, button.button-notify:hover span svg path, button.button-revert:hover span svg path {
  stroke: rgb(255, 255, 255);
}
button.button-cancel:hover span .button-label, button.button-remove:hover span .button-label, button.button-notify:hover span .button-label, button.button-revert:hover span .button-label {
  color: rgb(255, 255, 255);
}
button.btn-general:hover, button.button-chat:hover, button.button-save:hover, button.button-send:hover, button.button-submit:hover, button.button-update:hover, button.button-logout:hover {
  border-color: rgb(214, 187, 251);
  background-color: #f4ebff;
}
button.forgotpass-submit.button-submit:hover {
  background-color: rgb(83, 56, 158);
}

.modal-wrapper .icon-preview {
  height: 50px;
  width: 50px;
  background-repeat: no-repeat;
  background-size: contain;
}

.edit-element .form-icon {
  display: inline-block;
  height: 19px;
  width: 19px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgb(255, 255, 255);
  margin-right: 10px;
}

.remove-row:hover,
.signature-remove:hover {
  color: rgb(180, 35, 24);
}
.remove-row:hover span .button-icon svg path,
.signature-remove:hover span .button-icon svg path {
  stroke: rgb(180, 35, 24);
}
.remove-row:hover span .button-label,
.signature-remove:hover span .button-label {
  color: rgb(180, 35, 24);
}

.nav-main li:hover ul {
  display: block;
}

.sidebar-content a:hover {
  background-color: rgb(255, 255, 255);
}
.sidebar-content .application-checklist-view:hover span::before {
  opacity: 0;
}
.sidebar-content .controls .button-add:hover {
  border-color: rgb(105, 65, 198);
  color: rgb(105, 65, 198);
  background-color: rgb(249, 245, 255);
}
.sidebar-content .controls .button-add:hover span .button-icon svg path {
  fill: none;
  stroke: rgb(105, 65, 198);
}

.navigation li.application-form > a:hover span:before {
  opacity: 0;
}

.form-instructions a:hover,
.section-instructions a:hover,
.field-instructions a:hover,
.instruction-text a:hover {
  color: rgb(26, 191, 189);
}

#frame .no-hover:hover {
  background: none;
  cursor: default;
}

.div-table.application-listing-row:hover {
  z-index: 6;
  border-color: rgb(127, 86, 217);
}

.box.center:hover {
  background-color: rgb(210, 210, 210);
}

.file-wrapper ul li:hover,
.upload-image-wrapper ul li:hover {
  border-color: rgb(106, 106, 106);
  background-color: rgb(248, 248, 248);
}
.file-wrapper ul li:hover:before,
.upload-image-wrapper ul li:hover:before {
  opacity: 0;
}
.file-wrapper ul li a:hover,
.upload-image-wrapper ul li a:hover {
  background-image: url("/assets/img/fileview-hover-icon.svg");
}
.file-wrapper ul li .button-trash:hover .button-icon svg path,
.upload-image-wrapper ul li .button-trash:hover .button-icon svg path {
  fill: none;
  stroke: rgb(169, 20, 42);
}

.onboarding_v2 .file-wrapper ul li {
  padding-right: 5em;
}
.onboarding_v2 .file-wrapper ul li a {
  width: auto;
  position: relative;
  right: auto;
  background-position: 98% center;
}
.onboarding_v2 .file-wrapper ul li .controls {
  width: 5em;
}
.onboarding_v2 .file-wrapper ul li .controls button.delete-file {
  margin: 0;
  padding: 0;
  background-image: url(/assets/img/delete.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 10% center;
  height: 100%;
  width: auto;
  border: 0;
}
.onboarding_v2 .file-wrapper ul li .controls button.delete-file span {
  line-height: normal;
  opacity: 0;
}
.onboarding_v2 .file-wrapper ul li .controls button.delete-file:hover {
  background-image: url(/assets/img/delete-red.svg);
}

.autocomplete li:hover {
  background-color: rgba(26, 191, 189, 0.2);
}

.long-instruction-wrap .long-instruction-blocker .long-instruction-text:hover {
  border-color: rgb(0, 0, 0);
  color: rgb(0, 0, 0);
}

.back-to-top-wrap .back-to-top.show-top:hover {
  background-color: rgb(105, 65, 198);
}
.back-to-top-wrap .back-to-top.show-top:hover span {
  color: rgb(255, 255, 255);
}
.back-to-top-wrap .back-to-top.show-top:hover span svg path {
  stroke: rgb(255, 255, 255);
}

ul.list-inline li.active:hover {
  z-index: 60 !important;
  border-color: rgb(0, 0, 0);
}
ul.list-inline li.active:hover a {
  color: rgb(0, 0, 0);
}
ul.list-inline li:hover {
  border-color: rgb(105, 65, 198);
}
ul.list-inline li:hover a {
  color: rgb(105, 65, 198);
}
ul.list-inline li:hover a.page-prev span, ul.list-inline li:hover a.page-next span {
  text-indent: 0;
}

.application-table-wrapper .application-table-input-wrap:hover,
.application-table-wrapper .application-help-input-wrap:hover,
.application-help-wrapper .application-table-input-wrap:hover,
.application-help-wrapper .application-help-input-wrap:hover {
  border-color: rgb(0, 0, 0);
  background-color: rgb(248, 248, 248);
}
.application-table-wrapper .application-table-input-wrap:hover .application-table-row-header a,
.application-table-wrapper .application-help-input-wrap:hover .application-table-row-header a,
.application-help-wrapper .application-table-input-wrap:hover .application-table-row-header a,
.application-help-wrapper .application-help-input-wrap:hover .application-table-row-header a {
  color: rgb(0, 0, 0);
}

#editable .div-table-row:hover > div {
  background-color: rgb(249, 245, 255);
}
#editable .div-table-row:hover > div a {
  color: rgb(35, 30, 30);
}
#editable .div-table-row:hover > div a .element-type {
  color: rgb(83, 56, 158);
}

#developer-admin > .div-table div.control-col:hover,
#contact-admin > .div-table div.control-col:hover,
#account-admin > .div-table div.control-col:hover,
#brand-management > .div-table .div-table-row .div-table-col:last-child:hover,
#user-admin > .div-table .div-table-row .control-col:hover {
  background-color: rgb(249, 245, 255);
}

footer ul.group li a:hover {
  color: rgb(128, 128, 128);
}

/* ! Utility CSS ********************************************************************************/
body.overlay-screen > * {
  opacity: 0.5;
  transition: opacity 0.3s;
}
body .hidden {
  display: none;
}
body .clear {
  float: none;
  clear: both;
}
body div.remove {
  opacity: 0.3;
}
body .error span {
  display: inline-block;
  vertical-align: middle;
}
body .error span svg {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  top: 1px;
}
body .error span svg path {
  stroke: rgb(180, 35, 24);
}
body .error.success span svg {
  width: 20px;
  height: 20px;
  top: 0;
  margin-right: 10px;
}
body .error.success span svg path {
  stroke: rgb(105, 65, 198);
}

.center {
  margin: 0 auto;
}

sup {
  font-size: 0.5em;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgb(16, 24, 40);
  font-weight: 600;
  margin: 2em 0 0.5em;
  text-align: left;
}

h1 {
  font-size: 3.8em;
  color: rgb(83, 56, 158);
}

h2 {
  font-size: 4em;
  color: rgb(83, 56, 158);
}

h3 {
  font-size: 3.1em;
  margin-top: 30px;
}

h4 {
  font-size: 2.6em;
  padding-bottom: 1em;
  clear: right;
  margin-top: 24px;
}

h5 {
  font-size: 2.3em;
  margin-top: 3em;
}

h6 {
  font-size: 1.9em;
  margin-top: 3em;
}

p {
  font-size: 16px;
  line-height: 1.9em;
  margin: 1em 0;
  color: rgb(35, 30, 30);
}

div.instruction-text {
  margin-bottom: 2.5em;
}

.application-container div.instruction-text {
  margin-left: 0;
}

.instruction-text ol {
  margin-bottom: 5em;
}
.instruction-text ul {
  color: rgb(106, 106, 106);
  margin-left: 1.4em;
}
.instruction-text > ul {
  font-size: 16px;
  margin-left: 1.4em;
}
.instruction-text ol li {
  color: rgb(35, 30, 30);
  font-size: 16px;
  margin-left: 4em;
  line-height: 1.9em;
}
.instruction-text a {
  color: rgb(21, 157, 155);
  transition: color 0.3s;
}

.content-wrap h2.section-label {
  padding: 1.5em 0 0;
}

table {
  margin: 2em;
}

a {
  color: rgb(127, 86, 217);
  text-decoration: none;
}

ul li {
  width: auto;
}

.instruction-text li {
  font-size: 0.73em;
}

.field-instructions {
  margin: 0;
}
.field-instructions > ol {
  margin-bottom: 4em;
}
.field-instructions > ol > ol {
  margin-bottom: 4em;
}
.field-instructions span {
  display: inline;
}

.form-instructions ol li,
.form-instructions ul li,
.section-instructions ol li,
.section-instructions ul li,
.field-instructions ol li,
.field-instructions ul li {
  font-size: 1rem;
  line-height: 1.9em;
  color: rgb(35, 30, 30);
}
.form-instructions a,
.section-instructions a,
.field-instructions a {
  color: rgb(21, 157, 155);
  transition: color 0.3s;
}
.form-instructions ol, .form-instructions ul,
.section-instructions ol,
.section-instructions ul,
.field-instructions ol,
.field-instructions ul {
  margin-bottom: 5em;
}
.form-instructions ol li, .form-instructions ul li,
.section-instructions ol li,
.section-instructions ul li,
.field-instructions ol li,
.field-instructions ul li {
  margin: 0 0 0 4em;
}
.form-instructions ol li li, .form-instructions ul li li,
.section-instructions ol li li,
.section-instructions ul li li,
.field-instructions ol li li,
.field-instructions ul li li {
  font-size: 1rem;
}

.opacity-0 {
  opacity: 0;
}

.opacity-1 {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}

/* Sprite for icons in svg */
.sprite {
  background: url("/assets/img/sprite-v4.svg") no-repeat;
}

/** Header/Navbar		***************************************************************************************/
.head {
  width: 100%;
  height: 80px;
  background-color: rgb(249, 245, 255);
  z-index: 100;
  display: flex;
  align-items: center;
  padding: 0 32px;
  gap: 32px;
}

.maintenance-mode .head {
  background-color: rgb(180, 35, 24);
}

.head a,
.nav-main a {
  display: block;
  cursor: pointer;
  height: 100%;
}

.title a {
  width: 110px;
  height: 36px;
  display: block;
}
.title span {
  display: block;
  height: 100%;
}

.m-logo {
  background: url(/assets/img/logo-new.svg) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  text-indent: -100em;
}

.nav-main {
  width: 100%;
}
.nav-main ul {
  list-style: none;
  height: 100%;
  width: 100%;
  display: flex;
}
.nav-main ul li {
  transition: background-color 0.3s;
  display: block;
  float: left;
  line-height: 5em;
}
.nav-main ul li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 20px 20px 12px;
  width: 150%;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  border: solid 1px #eaecf0;
  background: rgb(255, 255, 255);
}
.nav-main ul li:last-child {
  margin-left: auto;
}
.nav-main a {
  font-size: 1rem;
  padding: 0 0.8em;
  color: rgb(71, 84, 103);
  font-weight: 600;
  transition: color 0.4s ease;
}
.nav-main a:hover {
  color: rgb(83, 56, 158);
}
.nav-main ul li li {
  display: block;
  float: none;
  line-height: 3em;
}
.nav-main ul li li a {
  font-size: 1rem;
  padding: 12px;
  margin-bottom: 4px;
  color: rgb(16, 24, 40);
}

/*container ********************************************************************************************/
.scroll-thing-wrap {
  width: 52px;
  height: 0;
  position: fixed;
  top: 136px;
  left: 26.5%;
  background: #eee;
}
@media screen and (max-width: 1200px) {
  .scroll-thing-wrap {
    left: 29.5%;
  }
}
@media screen and (max-width: 1000px) {
  .scroll-thing-wrap {
    left: 327px;
  }
}
.scroll-thing-wrap.alert-shown {
  top: 253px;
}
.scroll-thing-wrap .scroll-top {
  position: absolute;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgb(105, 65, 198);
  top: -26px;
  left: 4px;
  transition: all 0.3s;
}
.scroll-thing-wrap .scroll-top svg {
  position: absolute;
  top: 17px;
  left: 15px;
  width: 21px;
  height: 18px;
  transition: opacity 0.1s;
  opacity: 1;
}
.scroll-thing-wrap .scroll-top svg path {
  fill: rgb(255, 255, 255);
}
.scroll-thing-wrap.scrolled .scroll-top {
  width: 26px;
  height: 26px;
  top: 0;
  left: 18px;
}
.scroll-thing-wrap.scrolled .scroll-top svg {
  opacity: 0;
}

.back-to-top-wrap {
  height: 125px;
  width: 100%;
  z-index: 101;
}
.back-to-top-wrap .back-to-top {
  position: fixed;
  right: -100px;
  bottom: 100px;
  width: auto;
  opacity: 0;
  border-radius: 8px 0 0 8px;
  background-color: rgb(249, 245, 255);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border: 1px solid rgb(214, 187, 251);
  transition: right 0.3s, opacity 0.3s, background-color 0.3s, border-color 0.3s;
}
.back-to-top-wrap .back-to-top.show-top {
  right: 8px;
  opacity: 1;
}
.back-to-top-wrap .back-to-top span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 10px 14px;
  color: rgb(105, 65, 198);
  font-size: 0.875rem;
  padding: 10px 14px;
  transition: color 0.3s;
}
.back-to-top-wrap .back-to-top span svg {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
}
.back-to-top-wrap .back-to-top span svg path {
  stroke: rgb(105, 65, 198);
  transition: stroke 0.3s;
}

.long-instruction-wrap {
  transition: max-height 0.3s;
}
.long-instruction-wrap.shortened {
  max-height: 280px;
  overflow: hidden;
}
.long-instruction-wrap.shortened .long-instruction-blocker {
  position: absolute;
  bottom: 0;
}
.long-instruction-wrap .long-instruction-blocker {
  margin-top: 40px;
  border-top: solid 1px rgb(106, 106, 106);
  width: 100%;
  display: block;
  height: 70px;
  text-align: center;
  background: rgba(255, 255, 255, 0.75);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.85) 50%, rgb(255, 255, 255) 100%);
}
.long-instruction-wrap .long-instruction-blocker .long-instruction-text {
  top: -18px;
  display: inline-block;
  cursor: pointer;
  padding: 0.5em 0.8em;
  text-transform: capitalize;
  font-size: 1.4em;
  color: rgb(106, 106, 106);
  font-weight: 600;
  background-color: rgb(255, 255, 255);
  border: solid 1px rgb(106, 106, 106);
  border-radius: 4px;
  transition: border-color 0.3s, color 0.3s;
}

.tabs-wrapper {
  margin: 1.5em 0;
  width: 100%;
  border-bottom: solid 1px rgb(127, 86, 217);
}
.controls .tabs-wrapper {
  text-align: left;
}
.tabs-wrapper a.application-country {
  font-size: 1.6em;
  width: auto;
}
.tabs-wrapper .application-country,
.tabs-wrapper .application-status {
  cursor: pointer;
  padding: 1.5em 2em;
  margin: 0 1.5% 0 0;
  display: inline-block;
  border: solid 1px rgb(158, 158, 158);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  min-width: 150px;
  width: 23.68%;
  text-align: center;
  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}
.tabs-wrapper .application-country span,
.tabs-wrapper .application-status span {
  margin-bottom: 0;
  color: rgb(106, 106, 106);
  transition: color 0.3s;
}
.tabs-wrapper .application-country.active,
.tabs-wrapper .application-status.active {
  border-color: rgb(105, 65, 198);
  box-shadow: none;
}
.tabs-wrapper .application-country.active span,
.tabs-wrapper .application-status.active span {
  color: rgb(255, 255, 255);
}
.tabs-wrapper .application-country:last-child,
.tabs-wrapper .application-status:last-child {
  margin-right: 0;
}
.tabs-wrapper .application-country input[type=radio],
.tabs-wrapper .application-status input[type=radio] {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-wrapper + select {
  float: left;
}

.country-fields {
  display: none;
}
.country-fields.active {
  display: block;
}

.frame {
  min-width: 93em;
}

.application-save-bar {
  position: fixed;
  display: none;
  top: 0em;
  left: 0;
  width: 100%;
  min-width: 100em;
  height: 10em;
  background: rgb(255, 255, 255);
  transition: top 0.3s;
}
.application-save-bar.scrolled {
  top: -5em;
  z-index: 50;
}
.application-save-bar.scrolled .application-save-title {
  top: 50px;
}
.application-save-bar .application-save-title {
  display: block;
  position: absolute;
  top: -50px;
  left: 30.75%;
  font-size: 16px;
  font-weight: 600;
  color: rgb(105, 65, 198);
  line-height: 50px;
  transition: top 0.5s;
}
@media screen and (max-width: 1200px) {
  .application-save-bar .application-save-title {
    left: 35.5%;
  }
}
@media screen and (max-width: 1000px) {
  .application-save-bar .application-save-title {
    left: 408px;
  }
}
.application-save-bar .application-save-status,
.application-save-bar .application-save-last-save {
  display: block;
  position: absolute;
  width: 20em;
  text-align: center;
  right: 0;
}
.application-save-bar .application-save-status {
  top: 5em;
  height: 5em;
  font-style: italic;
}
.application-save-bar .application-save-status .application-saved,
.application-save-bar .application-save-status .application-save-now {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  line-height: 50px;
  font-size: 14px;
  transition: opacity 0.3s;
}
.application-save-bar .application-save-status .application-saved.active,
.application-save-bar .application-save-status .application-save-now.active {
  opacity: 1;
}
.application-save-bar .application-save-status .application-saved {
  color: rgb(106, 106, 106);
}
.application-save-bar .application-save-status .application-save-now {
  color: rgb(105, 65, 198);
}
.application-save-bar .application-save-last-save {
  top: -50px;
  background: rgb(255, 255, 255);
  border-radius: 15px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  transition: top 0.3s;
}
.application-save-bar .application-save-last-save.active {
  top: 100px;
}
.application-save-bar .application-save-last-save span {
  display: block;
  margin: 20px;
  text-align: center;
  font-size: 14px;
}
.application-save-bar .application-save-last-save .application-last-save-time {
  display: none;
}
.application-save-bar .application-save-last-save.active {
  display: block;
}

.content-wrap {
  padding: 12px 32px;
}
body.scroll-init .content-wrap {
  border-left: none;
}
.content-wrap > span {
  color: rgb(128, 128, 128);
  font-size: 1.2em;
  margin-left: 2.3em;
}
.content-wrap > .instruction-text p {
  margin: 0;
}

/* constrain inner margins */
.inner-wrap {
  width: 70%;
  max-width: 110em;
  min-width: 93em;
  margin: 0 auto;
  padding-top: 6em;
  padding-bottom: 3em;
  transition: left 0.3s, opacity 0.2s;
  z-index: 5;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-word;
}
.inner-wrap.processing {
  opacity: 0.3;
}
.inner-wrap > h2 {
  margin: 0 0 24px;
  border-radius: 8px;
  display: block;
  padding: 32px;
  background-color: rgb(249, 245, 255);
  color: rgb(83, 56, 158);
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.27;
}
.inner-wrap > h2.no-bar {
  border: none;
}
.inner-wrap > h2 span {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: -26px;
  text-align: center;
  display: none;
}
.reporting .inner-wrap .applications_admin .inner-wrap {
  max-width: 95%;
  min-width: 1115px;
  width: auto;
}

.container .applications_admin {
  padding: 0;
}

.application-container {
  padding: 12px 32px;
}

/* per-page headline style */
#inner-content > h2 {
  margin-top: 2.1em;
  margin-left: 1em;
}

.bar-red,
.bar-black {
  position: absolute;
  display: block;
  width: 16px;
  height: 4px;
  margin: 0;
}

.bar-red {
  background: rgb(180, 35, 24);
  bottom: 7px;
  left: 22px;
}

.bar-black {
  background: rgb(0, 0, 0);
  bottom: -13px;
  left: 0;
}

.help-content .bar-red {
  left: 0;
}

.help-title .bar-red {
  bottom: -10px;
}

/* Forms *****************************************************************************************/
fieldset {
  border: none;
  margin-top: 1em;
}
fieldset legend {
  font-size: 2em;
  font-weight: 700;
  line-height: 50px;
  color: rgb(85, 85, 85);
}
fieldset > .button-remove {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}

.form-div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 0 20px 0;
  margin-bottom: 20px;
  gap: 16px 32px;
  border-bottom: 1px solid rgb(234, 236, 240);
}
.form-div > label, .form-div > .label-description {
  flex-basis: 25vw;
}
@media (min-width: 1100px) {
  .form-div > label, .form-div > .label-description {
    flex-basis: 280px;
  }
}
.form-div .label-description label {
  margin-bottom: 8px;
}
.form-div p {
  margin-bottom: 1em;
  margin-left: 0;
}
.form-div .calc-attributes {
  order: 1;
}
.form-div .field-instructions p {
  font-size: 1rem;
  line-height: 1.43;
  color: rgb(71, 84, 103);
}
.form-div .clear {
  display: none;
}
.form-div .mce-container {
  float: left;
}
.form-div .mce-container .mce-container {
  float: none;
  width: auto !important;
}
.form-div .controls {
  width: 100%;
}
.form-div .file-template {
  order: 2;
}
.form-div .application-file-upload + .upload-file span > .button-icon {
  transition: all 0.4s ease;
}
.form-div .application-file-upload:hover + .upload-file span > .button-icon {
  background-color: rgb(249, 245, 255);
  border: 1px solid rgb(127, 86, 217);
}

.file-template {
  font-size: 1.6em;
  font-weight: 600;
  color: rgb(158, 158, 158);
  margin-bottom: 1.8em;
}
.file-template a {
  color: rgb(0, 0, 0);
  text-decoration: underline;
}

/* tinymce css additions */
.mce-container .mce-txt,
.mce-menu-item span {
  display: inline;
}

body.modal-show > .mce-container {
  position: fixed;
}

.controls {
  margin: 0 0 20px;
  text-align: right;
}
.controls > * {
  text-align: right;
}
.controls > input,
.controls > textarea,
.controls > select {
  text-align: left;
  width: auto;
}
.controls > select.application-sortby {
  width: 225px;
}
.controls > label {
  display: inline-block;
  float: none;
}

.arrowwrap {
  margin-left: 0;
}

button,
input,
select,
textarea {
  font-family: "Source Sans Pro", arial, sans-serif;
}

input,
textarea,
select {
  padding: 10px 14px;
  font-size: 1rem;
  color: rgb(16, 24, 40);
  font-weight: 400;
  border: 1px solid rgb(208, 213, 221);
  width: 35vw;
  max-width: 512px;
  border-radius: 8px;
  transition: border-color 0.3s, box-shadow 0.3s;
}

input[type=checkbox], input[type=radio], input[type=range] {
  accent-color: rgb(127, 86, 217);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgb(114, 114, 114);
  font-style: italic;
  font-weight: 400;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: rgb(114, 114, 114);
  font-style: italic;
  font-weight: 400;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgb(114, 114, 114);
  font-style: italic;
  font-weight: 400;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgb(114, 114, 114);
  font-style: italic;
  font-weight: 400;
}

select {
  text-indent: 0.8em;
  padding: 0;
  appearance: none;
  background-image: url("/assets/img/chevron-dark.svg");
  background-position: calc(100% - 20px) center;
  background-size: 12px;
  background-repeat: no-repeat;
  font-family: "Roboto", sans-serif;
}

label,
span {
  display: block;
}

label span {
  font-weight: 600;
}
label > span {
  color: rgb(52, 64, 84);
  font-size: 1rem;
}
label > span svg {
  margin-left: 5px;
  width: 20px;
  height: 15px;
}
label > span svg path {
  fill: rgb(10, 123, 121);
}
.require > label > span:before {
  content: "*";
  color: rgb(180, 35, 24);
  margin-right: 4px;
  font-size: 1rem;
}
.require > label > span:after {
  content: "(required)";
  color: rgb(16, 24, 40);
  margin-left: 4px;
  font-weight: 400;
  font-size: 0.875rem;
}

.select-instructions {
  font-size: 0.875rem;
  line-height: 1.43;
  color: rgb(71, 84, 103);
}

input[type=checkbox] {
  width: auto;
}

input[type=radio]:focus,
input[type=checkbox]:focus,
input[type=button]:focus,
input[type=submit]:focus,
.radio-wrapper input[type=text]:focus {
  box-shadow: none;
}

input[type=text], input[type=password], input[type=date], input[type=email], input[type=number], input[type=range], input[type=url], input[type=tel] {
  line-height: 3.4em;
  height: 44px;
}

.range-output,
select {
  height: 44px;
}

input[type=url]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
  border-color: rgb(105, 65, 198);
}

textarea:focus,
select:focus {
  border-color: rgb(105, 65, 198);
}

.completed input[type=text], .completed input[type=password] {
  border-color: rgb(208, 213, 221);
}
.completed input[type=text]:focus, .completed input[type=password]:focus {
  border-color: rgb(105, 65, 198);
}
.completed textarea,
.completed select {
  border-color: rgb(208, 213, 221);
}
.completed textarea:focus,
.completed select:focus {
  border-color: rgb(105, 65, 198);
}
.completed .radio-wrapper.active-row .radio-other.active {
  box-shadow: none;
}

input[type=range] {
  width: 60%;
  border: none;
  font-size: 1.6em;
}

.no-csscolumns input[type=range] {
  border: 2px solid rgb(216, 216, 216);
  width: 65%;
}
.no-csscolumns span.range-output {
  display: none;
}

.range-output {
  width: 7%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6em;
}

textarea {
  height: auto;
  width: 35vw;
  max-width: 512px;
  text-indent: 0;
  padding-top: 12px;
  padding-bottom: 14px;
  overflow: auto;
}

/* Searchbox SCSS here */
.search-wrapper {
  margin-left: 0.5em;
  display: inline-block;
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  transition: box-shadow 0.3s;
}
.search-wrapper input[name=search_text] {
  background: none transparent;
  width: 44px;
  height: 44px;
  transition: width 0.3s, border-color 0.3s;
  text-indent: -100em;
}
.search-wrapper .search-block {
  margin: 0;
  border: 0;
  padding: 0;
  background: none transparent;
  line-height: normal;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 6px;
  right: 6px;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
}
.search-wrapper .search-block span .button-label {
  display: none;
}
.search-wrapper .search-block span svg {
  width: 16px;
  height: 16px;
  top: 2px;
  margin-right: 0;
  transition: transform 0.3s;
}
.search-wrapper.active-search input[name=search_text] {
  width: 300px;
  text-indent: 0;
  padding-left: 1em;
  padding-right: 50px;
  box-shadow: none;
}
.search-wrapper.active-search input[name=search_text]:focus {
  border-color: rgb(105, 65, 198);
}
.search-wrapper.active-search .search-block svg {
  transform: rotate(90deg);
}

/* integrate all button handling here */
button {
  margin: 1em 0;
  padding: 12px 18px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: solid 1px rgb(214, 187, 251);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border-width: 1px;
  border-style: solid;
  background: rgb(249, 245, 255);
  text-align: center;
  font-weight: 600;
  font-size: 1rem;
  line-height: normal;
  color: rgb(105, 65, 198);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s, border-color 0.3s, color 0.3s;
  /*
  	button classes to handle styling:
  		button-add
  		button-cancel
  		button-note
  		button-remove
  		button-update
  		button-submit
  		button-save
  		button-upload
  */
}
button span {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  gap: 8px;
}
button span .button-icon,
button span .button-label {
  display: inline-block;
}
button span .button-icon svg {
  width: 17px;
  height: 17px;
  overflow: visible;
}
button span .button-icon svg path {
  fill: none;
  stroke: rgb(105, 65, 198);
  transition: fill 0.4s;
}
button span .button-label {
  margin: 0;
  white-space: nowrap;
  color: rgb(105, 65, 198);
}
button.signature-add {
  margin-left: auto;
}
button:disabled {
  cursor: default;
  pointer-events: none;
  color: rgb(158, 158, 158) !important;
  border-color: rgb(158, 158, 158) !important;
}
button:disabled span .button-icon svg path {
  fill: rgb(158, 158, 158) !important;
}
button.button-add span svg, button.button-upload span svg, button.button-cancel span svg, button.button-remove span svg, button.button-revert span svg, button.button-notify span svg, button.btn-general span svg, button.button-send span svg, button.button-save span svg, button.button-update span svg, button.button-submit span svg, button.button-logout span svg {
  top: 2px;
}
button.button-add, button.button-phone, button.button-upload {
  background: rgb(249, 245, 255);
  color: rgb(105, 65, 198);
  border-color: rgb(214, 187, 251);
}
button.button-cancel, button.button-remove, button.button-notify, button.button-revert {
  min-width: 210px;
  background-color: rgb(217, 45, 32);
  border-color: rgb(217, 45, 32);
  color: rgb(255, 255, 255);
}
button.button-cancel span svg path, button.button-remove span svg path, button.button-notify span svg path, button.button-revert span svg path {
  stroke: rgb(255, 255, 255);
}
button.button-note {
  color: rgb(105, 65, 198);
  border-color: rgb(127, 86, 217);
  background-color: rgb(249, 245, 255);
}
button.button-note span svg path {
  stroke: rgb(105, 65, 198);
}
button.btn-general, button.button-save, button.button-send, button.button-submit, button.button-update {
  min-width: 210px;
}
button.btn-general span .button-icon svg path, button.button-save span .button-icon svg path, button.button-send span .button-icon svg path, button.button-submit span .button-icon svg path, button.button-update span .button-icon svg path {
  stroke: rgb(105, 65, 198);
}
button.resend-communications {
  min-width: auto !important;
}
button.button-login span .button-icon svg path, button.button-chat span .button-icon svg path {
  stroke: rgb(105, 65, 198);
}
button.button-chat span .button-icon svg {
  margin-right: 15px;
}
button.button-cancel span .button-icon svg {
  width: 14px;
  height: 14px;
}
button.button-autofill {
  background: none;
  border: none;
  color: rgb(105, 65, 198);
  margin: 0;
  padding: 0;
  line-height: 1rem;
}
button.button-autofill > span:after {
  content: "";
  background-image: url("/assets/img/chevron-dark.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  top: 14px;
  right: 18px;
  position: absolute;
  transition: all 0.4s ease;
}
button.button-autofill svg path {
  stroke: rgb(105, 65, 198);
}
button.application-accept-click {
  border: solid 1px #d0d5dd;
  background-color: #fff;
}
button.application-accept-click .button-label {
  color: #344054;
}
button.application-accept-click span .button-icon svg path {
  stroke: #344054;
}
button.application-accept-click:hover {
  background-color: #f9fafb;
  border-color: #d0d5dd;
}
button.application-accept-click:hover span .button-icon svg path {
  stroke: #344054;
}

.settings .div-table {
  border-radius: 0;
}
.div-table.application-listing-row {
  margin: 0.65em 0;
  padding: 0.65em 0;
  border: solid 1px transparent;
  border-radius: 4px;
  transition: border-color 0.3s, box-shadow 0.3s;
}
.div-table .application-listing-info {
  width: 38%;
}
.div-table.v2-format .application-listing-info {
  border-left: 2px solid rgb(127, 86, 217);
}
.div-table .application-listing-edit,
.div-table .application-listing-note,
.div-table .application-listing-delete {
  width: 3em;
}
.div-table .application-listing-edit button svg path,
.div-table .application-listing-note button svg path,
.div-table .application-listing-delete button svg path {
  stroke: rgb(105, 65, 198);
}
.div-table .application-listing-delete {
  width: 3.5em;
}
.div-table .application-listing-options {
  width: 4%;
  text-align: center;
}
.div-table .application-listing-options .button-unlock,
.div-table .application-listing-options .button-help {
  width: 25px;
}
.div-table .application-listing-options .button-unlock span svg,
.div-table .application-listing-options .button-help span svg {
  width: 20px;
  height: 20px;
}
.div-table .application-listing-options.qa-answered .button-help span svg path {
  fill: rgb(158, 158, 158);
}
.div-table .button-add-simple,
.div-table .button-edit,
.div-table .button-help,
.div-table .button-note,
.div-table .button-unlock,
.div-table .button-trash {
  margin: 0;
  border: 0;
  padding: 0;
  background: none transparent;
  width: 30px;
  height: 30px;
  overflow: hidden;
}
.div-table .button-add-simple span,
.div-table .button-edit span,
.div-table .button-help span,
.div-table .button-note span,
.div-table .button-unlock span,
.div-table .button-trash span {
  line-height: normal;
}
.div-table .button-add-simple span .button-label,
.div-table .button-edit span .button-label,
.div-table .button-help span .button-label,
.div-table .button-note span .button-label,
.div-table .button-unlock span .button-label,
.div-table .button-trash span .button-label {
  display: none;
}
.div-table .button-add-simple span svg,
.div-table .button-edit span svg,
.div-table .button-help span svg,
.div-table .button-note span svg,
.div-table .button-unlock span svg,
.div-table .button-trash span svg {
  top: 0;
  margin-right: 0;
  width: 16px;
  height: 16px;
}
.div-table .button-add-simple span svg path,
.div-table .button-edit span svg path,
.div-table .button-help span svg path,
.div-table .button-note span svg path,
.div-table .button-unlock span svg path,
.div-table .button-trash span svg path {
  stroke: rgb(105, 65, 198);
}

.question-help {
  margin: 2.5em 0;
  list-style: none;
  text-align: center;
}
.question-help li {
  margin: 0 0.25em;
  display: inline-block;
  font-size: 1.4em;
  color: rgb(158, 158, 158);
}
.question-help li:first-child {
  color: rgb(180, 35, 24);
}
.question-help li:first-child:before {
  background-color: rgb(180, 35, 24);
}
.question-help li:before {
  content: "";
  margin: 0 0.5em;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  background-color: rgb(158, 158, 158);
}

div.form-div[id^=application-uploaded-file-div_] {
  float: right;
}
div.form-div[id^=application-uploaded-file-div_] > span {
  display: inline;
  float: left;
  padding: 1em;
}

.radio-wrapper,
.file-wrapper,
.table-wrapper,
.multiselect-wrapper,
.optionlist-wrap {
  display: block;
}

.table-wrapper {
  width: 100%;
}

.table-type {
  padding-bottom: 0;
}
.table-type > label {
  width: auto;
}
.table-type .controls {
  margin-bottom: 0;
}

.radio-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 35vw;
  max-width: 512px;
  gap: 16px 24px;
  justify-content: space-between;
}
.radio-wrapper input[type=radio] {
  max-width: 16px;
}
.radio-wrapper label {
  max-width: 240px;
  width: 16vw;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 16px 32px 16px 20px;
  align-items: center;
  gap: 8px;
  border: solid 1px rgb(208, 213, 221);
  border-radius: 12px;
  align-self: stretch;
  transition: all 0.4s ease;
}
.radio-wrapper label.checkbox-other {
  width: 35vw;
  max-width: 512px;
}
.radio-wrapper label.checkbox-other span {
  min-width: 80px;
}
.radio-wrapper label.checkbox-other input[type=text] {
  border-color: rgb(208, 213, 221);
}
.radio-wrapper label > span {
  font-weight: 500;
  color: #344054;
  margin-bottom: 0;
  transition: color 0.3s;
}
.radio-wrapper label > span.tooltip-display {
  padding-left: 24px;
  font-size: 0.875rem;
  color: rgb(71, 84, 103);
  font-weight: 400;
  line-height: 1.43;
}
.radio-wrapper label.active {
  border-color: rgb(105, 65, 198);
}
.radio-wrapper label.active > span {
  color: #344054;
}
.radio-wrapper label:hover {
  background-color: rgb(249, 245, 255);
}
.radio-wrapper label.label-checkbox {
  line-height: normal;
}
.radio-wrapper label.label-checkbox span {
  margin: 0;
}
.radio-wrapper label input[type=radio],
.radio-wrapper label input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.radio-wrapper label.section-fields-radio, .radio-wrapper label.section-fields-checkbox, .radio-wrapper label.section-fields-checkbox.checkbox-other input[type=text], .radio-wrapper label.section-fields-radio.radio-other input[type=text] {
  background-image: url("/assets/img/check-mark-teal.svg");
  background-repeat: no-repeat;
  background-size: 0 0;
  background-position: 96% center;
  transition: border 0.3s, box-shadow 0.3s, background-size 0.3s;
}
.radio-wrapper label.section-fields-radio.active, .radio-wrapper label.section-fields-radio.active input[type=text], .radio-wrapper label.section-fields-checkbox.active, .radio-wrapper label.section-fields-checkbox.active input[type=text], .radio-wrapper label.section-fields-checkbox.checkbox-other input[type=text].active, .radio-wrapper label.section-fields-checkbox.checkbox-other input[type=text].active input[type=text], .radio-wrapper label.section-fields-radio.radio-other input[type=text].active, .radio-wrapper label.section-fields-radio.radio-other input[type=text].active input[type=text] {
  background-size: 18px 18px;
  opacity: 1;
  visibility: visible;
}
.radio-wrapper label.section-fields-checkbox.checkbox-other input[type=text].hidden, .radio-wrapper label.section-fields-radio.radio-other input[type=text].hidden {
  opacity: 0;
  visibility: hidden;
}

.remove-row,
.signature-remove {
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  color: rgb(105, 65, 198);
  line-height: normal;
  margin: 1em 0 0.5em;
  padding: 0.5em 0;
}
.remove-row span .button-icon svg,
.signature-remove span .button-icon svg {
  top: 2px;
}
.remove-row span .button-icon svg path,
.signature-remove span .button-icon svg path {
  stroke: rgb(105, 65, 198);
}

.signature-set-single .require label.label-checkbox > span:after {
  display: none;
}
.signature-set-single .controls {
  margin-bottom: 10em;
  border-bottom: solid 1px rgb(158, 158, 158);
}
.signature-set-single .label-checkbox {
  margin: 0;
}
.signature-set-single .label-checkbox input[type=checkbox] {
  border-radius: 8px;
  width: 32px;
  height: 32px;
  top: 4px;
}
.signature-set-single .label-checkbox .checkbox-text {
  margin-left: 10px;
  line-height: 40px;
  color: rgb(106, 106, 106);
}
.signature-set-single .label-checkbox .signed {
  display: none;
}
.signature-set-single .label-checkbox .signed:after {
  display: none;
}
.signature-set-single .label-checkbox .checkbox-background {
  top: 20px;
  left: 20px;
  border-radius: 4px;
}
.signature-set-single .label-checkbox .checkbox-icon {
  background-image: url("/assets/img/edit-icon.svg");
  background-repeat: no-repeat;
  background-size: 18px 18px;
  background-position: center center;
  transition: background-image 0.3s;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 4px;
}
.signature-set-single .label-checkbox .checkbox-icon svg {
  opacity: 0;
  transition: opacity 0.3s;
}
.signature-set-single .label-checkbox.active .checkbox-background {
  width: 32px;
  height: 32px;
  border-radius: 8px;
}
.signature-set-single .label-checkbox.active .checkbox-icon {
  background: none transparent;
}
.signature-set-single .label-checkbox.active .checkbox-icon svg {
  opacity: 1;
}
.signature-set-single .label-checkbox input[type=checkbox]:checked + .checkbox-text .signed {
  display: inline-block;
}

.radio-wrapper.active-row .radio-other.active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.radio-wrapper .checkbox-other > span,
.radio-wrapper .radio-other > span {
  display: inline-block;
}
.radio-wrapper .checkbox-other > span:after,
.radio-wrapper .radio-other > span:after {
  content: "...";
}
.radio-wrapper .checkbox-other > input[type=text],
.radio-wrapper .radio-other > input[type=text] {
  display: inline-block;
  padding: 0 2.8em 0 0.8em;
  border: 0;
  position: absolute;
  top: 0;
  width: 82%;
}

.form-div:last-child .file-wrapper,
.form-div:last-child .upload-image-wrapper {
  margin-bottom: 0;
  border-bottom: 0;
}

.file-wrapper,
.upload-image-wrapper {
  width: 35vw;
  max-width: 512px;
}
.file-wrapper input[type=file],
.upload-image-wrapper input[type=file] {
  opacity: 0;
  z-index: 10;
  cursor: pointer;
  width: 166px;
  line-height: 3.5em;
}
.file-wrapper input[type=file],
.file-wrapper .upload-file,
.file-wrapper .button-add,
.upload-image-wrapper input[type=file],
.upload-image-wrapper .upload-file,
.upload-image-wrapper .button-add {
  position: absolute;
  top: 0;
  left: 0;
  height: 125px;
  min-width: 100%;
  margin: 0;
  padding: 0 1em;
  display: block;
  font-size: 1.6em;
}
.file-wrapper input[type=file] svg path,
.file-wrapper .upload-file svg path,
.file-wrapper .button-add svg path,
.upload-image-wrapper input[type=file] svg path,
.upload-image-wrapper .upload-file svg path,
.upload-image-wrapper .button-add svg path {
  fill: rgb(20, 164, 162);
}
.file-wrapper input[type=file].upload-v2,
.file-wrapper .upload-file.upload-v2,
.file-wrapper .button-add.upload-v2,
.upload-image-wrapper input[type=file].upload-v2,
.upload-image-wrapper .upload-file.upload-v2,
.upload-image-wrapper .button-add.upload-v2 {
  min-width: 180px;
}
.file-wrapper .button-upload,
.upload-image-wrapper .button-upload {
  margin: 0;
}
.file-wrapper .upload-file,
.file-wrapper .button-add,
.upload-image-wrapper .upload-file,
.upload-image-wrapper .button-add {
  background-color: transparent;
  border: 2px solid rgb(127, 86, 217);
  transition: all 0.4s ease;
  padding: 16px 24px;
}
.file-wrapper .upload-file > span,
.file-wrapper .button-add > span,
.upload-image-wrapper .upload-file > span,
.upload-image-wrapper .button-add > span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  color: rgb(105, 65, 198);
  background: none;
  text-align: left;
  transition: color 0.2s;
}
.file-wrapper .upload-file > span .button-icon,
.file-wrapper .button-add > span .button-icon,
.upload-image-wrapper .upload-file > span .button-icon,
.upload-image-wrapper .button-add > span .button-icon {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid rgb(208, 213, 221);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
}
.file-wrapper .upload-file > span .button-icon svg,
.file-wrapper .button-add > span .button-icon svg,
.upload-image-wrapper .upload-file > span .button-icon svg,
.upload-image-wrapper .button-add > span .button-icon svg {
  top: auto;
  margin: 0;
}
.file-wrapper .upload-file > span .button-icon svg path,
.file-wrapper .button-add > span .button-icon svg path,
.upload-image-wrapper .upload-file > span .button-icon svg path,
.upload-image-wrapper .button-add > span .button-icon svg path {
  fill: none;
}
.file-wrapper .upload-file > span .button-label,
.file-wrapper .button-add > span .button-label,
.upload-image-wrapper .upload-file > span .button-label,
.upload-image-wrapper .button-add > span .button-label {
  font-size: 0.875rem;
}
.file-wrapper .upload-file,
.upload-image-wrapper .upload-file {
  background-image: url("/assets/img/file-folder.svg");
  background-size: 40px;
  background-position: calc(100% - 25px) calc(100% - 20px);
  background-repeat: no-repeat;
}
.file-wrapper.in .upload-file,
.upload-image-wrapper.in .upload-file {
  background-color: rgba(20, 164, 162, 0.3);
}
.file-wrapper.in .upload-file span,
.upload-image-wrapper.in .upload-file span {
  padding-right: 0;
}
.file-wrapper.hover .upload-file,
.upload-image-wrapper.hover .upload-file {
  background-color: rgb(105, 65, 198);
  border-style: solid;
}
.file-wrapper.hover .upload-file span,
.upload-image-wrapper.hover .upload-file span {
  color: rgb(255, 255, 255);
}
.file-wrapper.hover .upload-file svg path,
.upload-image-wrapper.hover .upload-file svg path {
  fill: rgb(255, 255, 255);
}
.file-wrapper .controls,
.upload-image-wrapper .controls {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: auto;
  margin: 0;
}
.file-wrapper ul,
.upload-image-wrapper ul {
  margin-top: 2em;
}
.file-wrapper ul li,
.upload-image-wrapper ul li {
  padding: 0 3.5em 0 1em;
  display: block;
  font-size: 1.6em;
  font-weight: 700;
  height: 57px;
  line-height: 57px;
  margin-top: 0.5em;
  border: 1px solid rgba(0, 0, 0, 0);
  overflow: hidden;
  border-radius: 4px;
  transition: border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
}
.file-wrapper ul li a,
.upload-image-wrapper ul li a {
  position: absolute;
  top: 0;
  right: 58px;
  width: 55px;
  height: 55px;
  display: block;
  overflow: hidden;
  color: rgb(35, 30, 30);
  background-image: url("/assets/img/fileview-icon.svg");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 92% center;
  transition: background-image 0.3s;
}
.file-wrapper ul li:before,
.upload-image-wrapper ul li:before {
  content: "";
  position: absolute;
  background-color: rgb(211, 211, 211);
  width: 50px;
  height: 1px;
  left: 16px;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.3s;
}
.file-wrapper ul li .button-icon svg,
.upload-image-wrapper ul li .button-icon svg {
  width: 18px;
  height: 18px;
  top: 1px;
  margin-right: 0;
}
.file-wrapper ul li .button-icon svg path,
.upload-image-wrapper ul li .button-icon svg path {
  fill: none;
  stroke: rgb(105, 65, 198);
}
.file-wrapper ul li .button-trash,
.upload-image-wrapper ul li .button-trash {
  background: none rgba(0, 0, 0, 0);
  border: 0;
  margin: 0;
  padding: 0;
  width: 55px;
  height: 55px;
  line-height: normal;
}
.file-wrapper ul li .button-trash .button-label,
.upload-image-wrapper ul li .button-trash .button-label {
  display: none;
}
.file-wrapper label,
.upload-image-wrapper label {
  overflow: hidden;
  height: 3.4em;
  line-height: 3.4em;
}
.file-wrapper .label-checkbox input,
.upload-image-wrapper .label-checkbox input {
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
}
.file-wrapper .label-checkbox,
.upload-image-wrapper .label-checkbox {
  margin: 142px 0 0;
  display: flex;
  align-items: center;
}
.file-wrapper .label-checkbox span,
.upload-image-wrapper .label-checkbox span {
  line-height: normal;
  color: #344054;
  margin: 0 0 0 12px;
}
.file-wrapper .label-checkbox + p,
.upload-image-wrapper .label-checkbox + p {
  margin-bottom: 0;
  font-size: 0.875rem;
  color: rgb(106, 106, 106);
}

.label-checkbox {
  overflow: visible;
  margin: 1.4em 1em 0;
  vertical-align: top;
  display: inline-block;
  line-height: 30px;
  cursor: pointer;
}
.label-checkbox .checkbox-text {
  margin: 0 0 0 15px;
  display: inline-block;
  vertical-align: top;
  color: rgb(0, 0, 0);
}
.label-checkbox input[type=checkbox],
.label-checkbox .checkbox-icon,
.label-checkbox .checkbox-background {
  margin: 0 !important;
}
.label-checkbox input[type=checkbox]:before, .label-checkbox input[type=checkbox]:after,
.label-checkbox .checkbox-icon:before,
.label-checkbox .checkbox-icon:after,
.label-checkbox .checkbox-background:before,
.label-checkbox .checkbox-background:after {
  content: "";
  display: none;
}
.label-checkbox .checkbox-icon {
  z-index: 30;
}
.label-checkbox .checkbox-icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -10px;
}
.label-checkbox .checkbox-icon svg path {
  fill: rgba(0, 0, 0, 0);
}
.label-checkbox .checkbox-background {
  display: none;
}
.label-checkbox input[type=checkbox] {
  margin-right: 0;
  border: 1px solid rgb(208, 213, 221);
  position: relative;
  box-sizing: border-box;
  transition: border-color 0.2s;
  padding: 0;
  z-index: 10;
  height: 16px;
  width: 16px;
  accent-color: rgb(127, 86, 217);
}
.label-checkbox input[type=checkbox]:checked + span,
.label-checkbox input[type=checkbox].checked + span {
  color: rgb(0, 0, 0);
}

/* multiple file uploader handling */
.onboarding-attachment-add {
  margin-left: 0;
}

.table-wrapper input {
  width: 99%;
  margin: 2px 1%;
  padding: 0 5px;
  font-size: 1.2em;
}
.table-wrapper .table-label {
  color: rgb(106, 106, 106);
  font-size: 1.4em;
  padding: 0 5px;
  background: rgb(216, 216, 216);
  width: 15%;
}

.multiselect-wrapper > select,
.optionlist-wrap > input {
  width: 100%;
}

.multiselect-wrapper > select,
.optionlist-wrap > input.sub-option {
  width: 90%;
  margin-left: 10%;
}

/* handle controls at top of applications interface */
.applications > div > .controls label {
  width: auto;
}
.applications > div > .controls input[type=checkbox] {
  margin-left: 0;
}

/* Buttons *******************************************************************************************/
.mce-container button {
  transition: none;
}

.controls button:last-child {
  margin: 0 auto;
}

button.user-delete.button- {
  overflow: hidden;
  text-indent: -1000px;
  background-size: cover;
  width: 3em;
  height: 3em;
  margin: 0 auto;
  padding: 0;
}

.list-inline li button {
  margin: 0em;
}

.form-p {
  margin-bottom: 2em;
}

/*pagination***************/
.pages-link {
  font-size: 1.5em;
  margin-left: 1.5em;
}

.pagination-wrapper {
  margin-top: 32px;
  padding: 20px 0;
  border-top: 1px solid #eaecf0;
  word-break: normal;
  word-wrap: normal;
}
.pagination-wrapper ul.list-inline {
  float: left;
}
.pagination-wrapper .jump-to-page {
  float: right;
}
.pagination-wrapper .jump-to-page label,
.pagination-wrapper .jump-to-page select {
  margin: 0;
  display: inline-block;
  width: auto;
  font-size: 0.875rem;
  font-weight: 600;
  color: rgb(16, 24, 40);
}
.pagination-wrapper .jump-to-page select {
  padding-right: 30px;
  margin-left: 0.5em;
  padding-left: 0.5em;
  background-position: calc(100% - 12px) center;
  min-width: 55px;
  text-align: center;
  text-indent: 0.2em;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

ul.list-inline {
  margin: 5px 0 0;
  list-style: none;
  display: table;
}
ul.list-inline li {
  display: table-cell;
  background-color: rgb(255, 255, 255);
  margin-right: -0.5em;
  border-radius: 4px;
  z-index: 50;
  vertical-align: middle;
  transition: transform 0.3s, border-color 0.3s;
}
ul.list-inline li:first-child, ul.list-inline li:last-child {
  z-index: 45;
}
ul.list-inline li:nth-child(3) {
  z-index: 51;
}
ul.list-inline li:nth-child(2), ul.list-inline li:nth-child(5) {
  z-index: 46;
}
ul.list-inline li.active {
  z-index: 55 !important;
}
ul.list-inline li.active a {
  color: rgb(16, 24, 40);
  font-size: 0.875rem;
  border-radius: 8px;
  background-color: #f9fafb;
}
ul.list-inline li a {
  display: table;
  font-size: 1.6em;
  font-weight: 700;
  padding: 0.728em 1.089em;
  transition: color 0.3s;
}
ul.list-inline li a.page-prev, ul.list-inline li a.page-next {
  text-indent: 0;
}
ul.list-inline li a.page-prev span, ul.list-inline li a.page-next span {
  margin: 0;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  font-size: 0.875rem;
  color: rgb(71, 84, 103);
  transition: color 0.4s ease;
}
ul.list-inline li a.page-prev span svg, ul.list-inline li a.page-next span svg {
  margin-left: 6px;
  width: 11px;
  height: 11px;
}
ul.list-inline li a.page-prev span svg path, ul.list-inline li a.page-next span svg path {
  stroke: rgb(71, 84, 103);
  transition: stroke 0.4s ease;
}
ul.list-inline li a.page-prev:hover span, ul.list-inline li a.page-next:hover span {
  color: rgb(105, 65, 198);
}
ul.list-inline li a.page-prev:hover span svg path, ul.list-inline li a.page-next:hover span svg path {
  stroke: rgb(105, 65, 198);
}
ul.list-inline li a.page-prev span svg {
  margin-left: 0;
  margin-right: 6px;
}

/*Settings page ****************************************/
.settings-sidebar a {
  display: block;
  background: rgb(239, 239, 239);
  transition: background-color 0.3s;
}
.settings-sidebar a .active {
  background: rgb(255, 255, 255);
}
.settings-sidebar a span {
  display: block;
  font-size: 16px;
  padding: 15px 20px;
  line-height: 18px;
  font-weight: 600;
}

.settings-item {
  float: none;
  clear: both;
  margin-bottom: 15px;
}
.settings-item label {
  margin-top: 15px;
}
.settings-item label:first-of-type {
  margin-top: 0;
}
.settings-item .clear {
  display: block !important;
}
.settings-item .upload-file-wrapper {
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}
.settings-item .upload-file-wrapper ul {
  list-style: none;
  margin: 10px 0;
}
.settings-item .upload-file-wrapper ul li {
  height: 46px;
  line-height: 46px;
}
.settings-item .upload-file-wrapper ul li a {
  display: block;
  line-height: 46px;
  font-size: 1rem;
  z-index: 10;
  padding-left: 10px;
}
.settings-item .upload-file-wrapper ul li .controls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: auto;
}

/* Brands ***************************************************/
#brand-management input {
  width: auto;
}
#brand-management .div-table-col {
  text-align: center;
}
#brand-management input[type=file] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.new-brand-row > .div-table-col {
  height: 7em;
}

.mfop-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 7em;
}

.mfop-logo {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 7em;
  background-size: contain;
}

.div-table-col {
  min-width: 100px;
  transition: background-color 0.3s;
}
.div-table-col.mfop-logo > a, .div-table-col.mfop-image > a {
  height: 100%;
  font-size: 1em;
}

.brand-fees.no-value {
  background-color: rgb(180, 35, 24);
}
.brand-fees.no-value > a {
  color: rgb(255, 255, 255);
}

.mfop-logo > a > span > div,
.mfop-image > a > span > div {
  background: rgba(255, 255, 255, 0.7);
  padding: 10px;
  margin-top: 10px;
}

.brands-name {
  width: 28%;
}

.brands-acronym {
  width: 12%;
}

.brands-logo {
  width: 13%;
}

.brands-image {
  width: 12%;
}

.brands-type {
  width: 18%;
}

.header-row .brands-delete {
  padding: 0;
}

.brands .div-table-col select {
  width: 93%;
}

/* Onboarding ***********************************************/
label.label-checkbox.customize input {
  visibility: hidden;
}

.ol {
  padding: 2em 0 0 0;
}

/* handle select list from system responses */
.autocomplete {
  background: rgb(255, 255, 255);
  position: absolute;
  top: 44px;
  left: 310px;
  width: 66%;
  z-index: 100;
  border: 2px solid rgb(216, 216, 216);
}
.autocomplete ul {
  list-style: none;
  margin-left: 0 !important;
  padding: 0;
}
.autocomplete li {
  display: block;
  line-height: 3;
  border-bottom: 1px solid rgb(216, 216, 216);
  font-size: 1.4em;
  padding: 0 1.5em;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 0.3s;
  margin-bottom: 0 !important;
}

/* Reporting ******************************/
.reporting .inner-wrap {
  width: 80%;
  min-width: 130em;
}
.reporting .content-wrap {
  border: none;
}
.reporting .instruction-text {
  margin-bottom: 0;
}
.reporting h4 {
  margin-top: 1em;
  padding-bottom: 0;
}
.reporting .report-table {
  width: 100%;
  font-size: 14px;
  margin-left: 0;
  margin-right: 0;
  border-collapse: collapse;
}
.reporting .report-table td {
  padding: 5px;
  text-align: center;
  vertical-align: top;
  border-bottom: 1px solid rgb(185, 185, 185);
}
.reporting .report-table td:first-child {
  text-align: left;
}
.reporting .report-table thead td {
  border: none;
}
.reporting .report-table tr:hover td {
  background: rgb(225, 225, 225);
}
.reporting .report-table .data-row:hover td {
  background: rgb(225, 225, 225);
}

/* Check boxes ******************************/
label .yesno-label {
  float: left;
}

.yesno-label {
  width: 25em;
  min-width: 25em;
  height: 6em;
  position: relative;
  margin: 0;
  float: left;
  text-align: center;
}

.yesno- {
  width: 25em;
  height: 6em;
  background: rgb(128, 128, 128);
  position: relative;
}

.yn {
  width: 12.5em;
  height: 6em;
  position: absolute;
  left: 12.5em;
  top: 0;
  text-align: center;
}

.yes {
  background: rgb(158, 201, 108);
}

.yesno- input[type=checkbox] {
  top: 0;
  right: 0;
  position: absolute;
  opacity: 0;
}
.yesno- input[type=checkbox] ~ .yn {
  background: rgb(158, 201, 108);
  padding-top: 1em;
}
.yesno- input[type=checkbox]:checked ~ .yn {
  /*No*/
  background: rgb(180, 35, 24);
  left: 0px;
  color: rgb(242, 197, 204);
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.yesno- input[type=checkbox]:not(:checked) ~ .yn {
  /*Yes*/
  background: rgb(158, 201, 108);
  color: rgb(74, 105, 37);
  left: 12.5em;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.yesno- input[type=checkbox]:not(:checked) ~ .yn:after {
  content: "Yes";
}
.yesno- input[type=checkbox] ~ .yn:after {
  content: "Yes";
}
.yesno- input[type=checkbox]:checked ~ .yn:after {
  content: "No";
}

/* ! Modal handling (lightbox) ******************************************************************************************/
.modal-cover,
.modal-wrapper {
  position: fixed;
  display: none;
}

.modal-show .modal-cover,
.modal-show .modal-wrapper {
  display: block;
}

.modal-cover {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 150;
  padding-bottom: 10em;
  position: fixed;
  display: none;
}

.modal-wrapper {
  position: fixed;
  display: none;
  position: fixed;
  background: rgb(255, 255, 255);
  border: 0.1em solid rgb(243, 243, 243);
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  width: auto;
  border-radius: 12px;
  max-height: 80vh;
  overflow-y: auto;
  z-index: 151;
}

#modal-content {
  padding: 24px;
  z-index: 5;
}
#modal-content .application-checklist-content {
  max-width: 450px;
  width: 100%;
}
#modal-content .application-checklist-content .welcome-message {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #fff;
  padding: 24px 0 16px;
  margin: 0 0 12px;
  z-index: 1;
}
#modal-content .application-checklist-content .welcome-message .welcome-logo {
  margin: 0 auto;
}
#modal-content .application-checklist-content p, #modal-content .application-checklist-content li {
  color: rgb(71, 84, 103);
  line-height: 1.5;
  font-size: 1rem;
}
#modal-content .application-checklist-content p {
  margin: 0 0 16px;
}
#modal-content .application-checklist-content li {
  margin-bottom: 8px;
}
#modal-content .application-checklist-content li ol, #modal-content .application-checklist-content li ul {
  margin: 8px 0 10px;
}
#modal-content .application-checklist-content ol, #modal-content .application-checklist-content ul {
  padding-left: 24px;
  margin-bottom: 20px;
}
#modal-content .application-checklist-content ol {
  padding-left: 26px;
}
#modal-content .application-checklist-content h1, #modal-content .application-checklist-content h2, #modal-content .application-checklist-content h3, #modal-content .application-checklist-content h4, #modal-content .application-checklist-content h5, #modal-content .application-checklist-content h6 {
  margin: 0 0 16px;
}
#modal-content .application-checklist-content h1 {
  font-size: 1.5rem;
}
#modal-content .application-checklist-content h2 {
  font-size: 1.375rem;
}
#modal-content .application-checklist-content h3 {
  font-size: 1.25rem;
}
#modal-content .application-checklist-content h4 {
  font-size: 1.125rem;
}
#modal-content .application-checklist-content h5 {
  font-size: 1rem;
}
#modal-content .application-checklist-content h6 {
  font-size: 0.9375rem;
}
#modal-content #modal-application-notes {
  max-width: 352px;
}
#modal-content #modal-application-notes .modal-header {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.56;
  color: rgb(16, 24, 40);
  margin: 0 0 4px;
}
#modal-content #modal-application-notes form .form-div {
  padding: 0;
  border: 0;
  margin: 0 0 32px;
}
#modal-content #modal-application-notes form .form-div textarea {
  height: 70px;
}
#modal-content #modal-application-notes form .form-div label > span {
  font-weight: 400;
  margin-bottom: 8px;
}
#modal-content #modal-application-notes .controls button {
  width: 100%;
  margin: 0;
}
#modal-content #modal-application-notes .controls button .button-label {
  color: rgb(255, 255, 255);
}
#modal-content #modal-application-notes .controls button .button-icon svg path {
  stroke: rgb(255, 255, 255);
}
#modal-content #modal-application-notes .controls button.cancel {
  margin-bottom: 12px;
  background-color: #d92d20;
  color: rgb(255, 255, 255);
}
#modal-content #modal-application-notes .controls button.cancel .button-icon {
  display: none;
}
#modal-content #modal-application-notes .controls button.cancel:hover {
  background-color: rgb(180, 35, 24);
}
#modal-content #modal-application-notes .controls button.update {
  color: rgb(255, 255, 255);
  background-color: rgb(127, 86, 217);
  border-color: rgb(127, 86, 217);
}
#modal-content #modal-application-notes .controls button.update:hover {
  background-color: rgb(83, 56, 158);
}
#modal-content #modal-add-field, #modal-content #modal-add-section, #modal-content #modal-add-form, #modal-content #modal-contact-edit {
  max-width: 700px;
  min-width: 575px;
}
#modal-content #modal-add-field .modal-header, #modal-content #modal-add-section .modal-header, #modal-content #modal-add-form .modal-header, #modal-content #modal-contact-edit .modal-header {
  font-size: 2rem;
  margin: 24px 0 40px;
}
#modal-content #modal-add-field .tabs-wrapper .application-country.active span, #modal-content #modal-add-field .tabs-wrapper .application-status.active span, #modal-content #modal-add-section .tabs-wrapper .application-country.active span, #modal-content #modal-add-section .tabs-wrapper .application-status.active span, #modal-content #modal-add-form .tabs-wrapper .application-country.active span, #modal-content #modal-add-form .tabs-wrapper .application-status.active span, #modal-content #modal-contact-edit .tabs-wrapper .application-country.active span, #modal-content #modal-contact-edit .tabs-wrapper .application-status.active span {
  color: rgb(105, 65, 198);
  font-weight: 600;
}
#modal-content #modal-add-field .form-div > label, #modal-content #modal-add-section .form-div > label, #modal-content #modal-add-form .form-div > label, #modal-content #modal-contact-edit .form-div > label {
  flex-basis: 220px;
}
#modal-content #modal-add-field .form-div input, #modal-content #modal-add-field .form-div textarea, #modal-content #modal-add-field .form-div select, #modal-content #modal-add-section .form-div input, #modal-content #modal-add-section .form-div textarea, #modal-content #modal-add-section .form-div select, #modal-content #modal-add-form .form-div input, #modal-content #modal-add-form .form-div textarea, #modal-content #modal-add-form .form-div select, #modal-content #modal-contact-edit .form-div input, #modal-content #modal-contact-edit .form-div textarea, #modal-content #modal-contact-edit .form-div select {
  max-width: 305px;
}
#modal-content #modal-add-field .controls, #modal-content #modal-add-section .controls, #modal-content #modal-add-form .controls, #modal-content #modal-contact-edit .controls {
  text-align: center;
}
#modal-content .relogin .welcome-message, #modal-content .reup-session .welcome-message {
  padding-top: 0;
}
#modal-content .relogin label, #modal-content .reup-session label {
  margin-bottom: 6px;
}
#modal-content .relogin form .password-icon, #modal-content .reup-session form .password-icon {
  position: absolute;
  top: 120px;
  right: 15px;
}
#modal-content .logout-confirm .welcome-message {
  padding-top: 0;
}
#modal-content .logout-confirm > h3 {
  font-size: 1.5rem;
  margin-bottom: 24px;
}
#modal-content .logout-confirm form {
  display: flex;
  gap: 12px;
}
#modal-content .logout-confirm form button {
  min-width: 170px;
  height: 44px;
  margin: 0;
}
#modal-content .logout-confirm form button.button-cancel {
  min-width: 170px;
}

#modal-content form .file-wrapper {
  width: 65vw;
  max-width: 556px;
}
#modal-content form .file-wrapper input[type=file] {
  position: relative;
  top: auto;
  left: auto;
}
#modal-content form .file-wrapper .application-file-upload + .application-template-add span > .button-icon {
  transition: all 0.4s ease;
}
#modal-content form .file-wrapper .application-file-upload:hover + .application-template-add span > .button-icon {
  background-color: rgb(249, 245, 255);
  border: 1px solid rgb(127, 86, 217);
}
#modal-content form .file-wrapper ul li {
  height: auto;
  padding: 12px 20px;
}
#modal-content form .file-wrapper ul li::before {
  content: none;
}
#modal-content form .file-wrapper ul li a {
  position: relative;
  top: auto;
  right: auto;
  width: auto;
  height: auto;
  line-height: 1.5;
  padding-right: 65px;
  margin-bottom: 10px;
}
#modal-content form .file-wrapper ul li .controls {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  height: auto;
  text-align: right !important;
}

.messaging-wrap {
  display: none;
  position: fixed;
  top: 7em;
  right: 1.8em;
  width: auto;
  z-index: 200;
  opacity: 0;
  transition: opacity 0.3s;
  background-color: rgb(249, 245, 255);
  border-color: rgb(127, 86, 217);
  color: rgb(105, 65, 198);
  border-radius: 8px;
  padding: 1em 1.2em;
}
.messaging-wrap svg {
  width: 20px;
  height: 20px;
}
.messaging-wrap.open {
  display: block;
  opacity: 1;
}
.messaging-wrap.open .messaging-success {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  margin-top: 5px;
}
.messaging-wrap.open .messaging-success svg {
  top: 1px;
  margin-right: 10px;
}
.messaging-wrap.open .messaging-success svg path {
  stroke: rgb(105, 65, 198);
}
.messaging-wrap.open .messaging-error {
  display: none;
}
.messaging-wrap.error {
  background-color: rgb(248, 236, 236);
  border: solid 1px rgb(180, 35, 24);
  color: rgb(180, 35, 24);
}
.messaging-wrap.error .messaging-success {
  display: none;
}
.messaging-wrap.error .messaging-error {
  display: inline-block;
  vertical-align: top;
  margin-top: 7px;
}
.messaging-wrap .messaging-message {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  max-width: 548px;
}

#modal-content form {
  width: 100%;
}

#modal-account-group-edit {
  margin: 0 auto;
}

.account-group-update {
  display: inline-block;
}

.modal-close {
  position: sticky;
  display: inline-block;
  float: right;
  top: 16px;
  right: 16px;
  height: 44px;
  width: 44px;
  padding: 6px;
  cursor: pointer;
  background-image: url("/assets/img/close.svg");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  z-index: 10;
}

#modal-content .form-div > label {
  padding-right: 1em;
}
#modal-content .group-list {
  width: 96%;
  padding-left: 32%;
}
#modal-content .group-list li {
  list-style: none;
  line-height: 3em;
  padding-left: 1em;
  border-bottom: 1px solid rgb(214, 214, 214);
}
#modal-content .group-list li:first-child {
  border-top: 1px solid rgb(214, 214, 214);
}
#modal-content .group-list li.remove {
  opacity: 0.4;
}
#modal-content .group-list .name {
  display: inline-block;
  font-size: 1.4em;
}
#modal-content .group-list .controls {
  display: inline-block;
  height: 3em;
  line-height: 3em;
  margin: 0 0 0 1em;
  width: auto;
}
#modal-content .group-list .controls a {
  display: block;
  height: 100%;
  width: 3em;
  color: rgb(255, 255, 255);
  background: url("/assets/ico/delete.svg") no-repeat scroll center center/1.5em auto;
  text-indent: 100px;
}

.lock-out #modal-wrapper .modal-close {
  display: none;
}

#modal-content .relogin,
#modal-content .reup-session {
  max-width: 30vw;
  margin: 0 auto;
}
#modal-content .relogin, #modal-content .reup-session {
  max-width: 352px;
  margin: 0;
}
#modal-content .relogin h3, #modal-content .reup-session h3 {
  font-size: 1.125rem;
  text-align: center;
}
#modal-content .relogin p, #modal-content .reup-session p {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.43;
  margin-bottom: 20px;
  color: rgb(71, 84, 103);
}
#modal-content .relogin button span.button-label, #modal-content .reup-session button span.button-label {
  width: auto;
  height: auto;
}
#modal-content .relogin .login-item button, #modal-content .reup-session .login-item button {
  margin-bottom: 0;
}
#modal-content .relogin .login-item br, #modal-content .reup-session .login-item br {
  display: none;
}

/* login page / forgot********************************************************************************/
.login input[type=text]:focus,
.login input[type=password]:focus {
  border-color: rgb(127, 86, 217);
}

.login-wrap {
  display: flex;
  flex-direction: column;
  margin: 0 auto 32px;
  width: 360px;
}

.password-icon {
  margin-top: 12px;
  cursor: pointer;
}
.password-icon svg {
  width: 20px;
}
.password-icon svg path {
  stroke: rgb(105, 65, 198);
}
.password-icon.hide-password {
  display: none;
  margin-top: 10px;
}

.login-item {
  width: 100%;
}
.login-item label {
  margin-bottom: 6px;
}
.login-item.disabled-block .login-title {
  color: rgb(211, 211, 211);
}
.login-item.disabled-block input {
  background-color: rgb(248, 248, 248);
  border-color: rgb(211, 211, 211);
  color: rgb(211, 211, 211);
}
.login-item.disabled-block input::placeholder {
  color: rgb(211, 211, 211);
}
.login-item.disabled-block button {
  background-color: rgb(211, 211, 211);
  border-color: rgb(211, 211, 211);
}
.login-item.disabled-block .password-icon svg path {
  fill: rgb(211, 211, 211);
}
.login-item.forgotpass {
  background: transparent;
  border: solid 1px rgb(208, 213, 221);
  width: 343px;
  border-radius: 12px;
  margin: 0 auto;
  opacity: 0;
  min-height: 0;
  max-height: 0;
  visibility: hidden;
}
.login-item.forgotpass .login-inner-wrap {
  display: block;
}
.login-item.forgotpass .login-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: rgb(52, 64, 84);
  line-height: 1.43;
  margin-bottom: 16px;
  color: rgb(52, 64, 84);
}
.login-item.forgotpass.open, .login-item.forgotpass.close {
  transition: opacity 0.3s, max-height 0.3s;
}
.login-item.forgotpass.open {
  opacity: 1;
  visibility: visible;
  padding: 16px;
  max-height: 600px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
.login-item.forgotpass input {
  height: 44px;
  margin-bottom: 16px;
}
.login-item.forgotpass input:focus {
  border-color: rgb(127, 86, 217);
}
.login-item.forgotpass .button-submit {
  min-width: 0;
  margin: 0;
}
.login-item.forgotpass .button-submit .button-label {
  color: rgb(255, 255, 255);
}
.login-item.forgotpass .button-submit .button-icon {
  display: none;
}
.login-item.forgotpass .button-submit .button-label {
  font-size: 1rem;
}
.login-item.forgotpass .button-submit span svg {
  top: 0;
}
.login-item.forgotpass .close-block {
  margin: 0;
  border: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background: none transparent;
  line-height: normal;
  position: absolute;
  box-shadow: none;
  top: 2px;
  right: 6px;
  overflow: hidden;
}
.login-item.forgotpass .close-block span .button-label {
  display: none;
}
.login-item.forgotpass .close-block span svg {
  width: 12px;
  height: 12px;
  margin-right: 0;
}
.login-item.forgotpass .close-block span svg path {
  stroke: #98a2b3;
}

.error .login-item {
  min-height: 25em;
}

.login-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 12px;
  color: rgb(52, 64, 84);
}

.forgotpass-action {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.43;
}
.forgotpass-action a {
  display: inline-block;
  color: rgb(127, 86, 217);
}
.forgotpass-action a span {
  display: inline-block;
}

.login .error {
  margin: 0 8px 32px;
}
.login .error p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.43;
  padding: 0.875rem 1rem 1rem;
  border-radius: 12px;
  background-color: rgb(255, 255, 255);
  border: solid 1px #d0d5dd;
  color: rgb(52, 64, 84);
}
.login .error p > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  border: 2px solid rgba(220, 104, 3, 0.35);
  border-radius: 50%;
  padding: 3px;
  left: -5px;
}
.login .error p > span:after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(220, 104, 3, 0.1);
  border-radius: 50%;
  position: absolute;
  height: 32px;
  width: 32px;
}
.login .error svg {
  width: 16px;
  height: 16px;
  margin: 0;
  top: auto;
}
.login .error.hidden {
  display: none;
}
.login .success p {
  background-color: rgb(249, 245, 255);
  border-color: rgb(127, 86, 217);
  color: rgb(105, 65, 198);
}
.login .success p > span {
  border: 0;
}
.login .success p > span:after {
  display: none;
}
.login input {
  margin: 0 auto 30px;
  height: 44px;
  width: 100%;
  line-height: normal;
  display: flex;
  padding: 8px 14px;
}
.login input:-internal-autofill-selected {
  background-color: rgb(249, 245, 255) !important;
}
.login button {
  margin: 0 0 24px;
  width: 100%;
  padding: 8px 20px;
  height: 44px;
  font-size: 1rem;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border-radius: 8px;
  background-color: rgb(127, 86, 217);
  color: rgb(255, 255, 255);
  font-weight: 600;
  border: 1px solid rgb(127, 86, 217);
  transition: all 0.4s ease;
}
.login button.login .button-label, .login button.reup-submit .button-label {
  color: rgb(255, 255, 255);
}
.login button.login .button-icon, .login button.reup-submit .button-icon {
  display: none;
}
.login button.login:hover, .login button.reup-submit:hover {
  background-color: rgb(83, 56, 158);
}
.login #login-form .password-icon {
  position: absolute;
  top: 120px;
  right: 15px;
}

.welcome-message {
  margin: 0 0 32px;
  padding: 56px 0 0;
}
.welcome-message .welcome-logo {
  background-image: url("/assets/img/logo-new.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 110px;
  height: 52px;
  margin: 0 auto 24px;
}
.welcome-message > h1 {
  color: rgb(16, 24, 40);
  font-size: 1.875rem;
  margin: 0 0 12px;
  max-width: 360px;
  font-weight: 600;
  margin: 0 auto;
  line-height: 1.27;
  text-align: center;
}
.welcome-message > p {
  font-size: 1rem;
  color: rgb(71, 84, 103);
  line-height: 1.5;
  text-align: center;
  margin-top: 12px;
}

/* applications ********************************************************************************************/
.apwrap {
  background: rgb(255, 255, 255);
  padding: 0.5em 0 0;
  margin: 1.5em 0 0;
}

.block-title {
  margin-bottom: 0;
}

.inner-group {
  width: 100%;
  float: left;
  margin-bottom: 0.1em;
}

.cell {
  text-align: left;
  width: 30em;
  margin: 1em 2em;
  height: 0;
  float: left;
}

.inner-apwrap h5 {
  padding: 0 0 1.4em;
  font-size: 1.8em;
  text-align: left;
}

.green {
  background: rgb(158, 201, 108);
  text-align: center;
}

.gray {
  background: rgb(238, 238, 238);
}

.firebrick {
  background: rgb(180, 35, 24);
}
.firebrick.qa-answered {
  background: rgba(170, 20, 42, 0.2);
}

.dkgray {
  background: rgb(102, 102, 102);
}

.box {
  text-align: center;
  padding: 0 1.5em;
  font-size: 0.8em;
  width: 15%;
  height: 10%;
  transition: background-color 0.3s;
}
.box .num {
  font-size: 2em;
  font-weight: 600;
  color: rgb(106, 106, 106);
  text-align: right;
}
.box .application-version {
  font-size: 1.4em;
  color: rgb(158, 158, 158);
  text-align: right;
}

.arrowwrap {
  color: rgb(204, 204, 204);
  background: url(/assets/img/question-mark.svg) no-repeat center center;
  position: relative;
  height: 3em;
  width: 3em;
  margin: 0 auto;
}

/* revised application dashboard CSS ********************************************************************************/
.table-headline {
  margin-top: 7em;
  background: rgb(255, 255, 255);
  z-index: 10;
  border-bottom: 1px solid rgb(244, 244, 244);
}

.table-headline:first-child {
  margin-top: 0;
}

.warning {
  font-size: 1.6em;
  font-weight: 600;
  padding: 0.8em 0;
  color: rgb(158, 158, 158);
  text-align: center;
}

.inner-apwrap {
  display: table-row;
  border-top: 0.1em solid rgb(238, 238, 238);
  padding: 0;
}

.inner-apwrap.last {
  border-bottom: 0.1em solid rgb(238, 238, 238);
}
.inner-apwrap > a,
.inner-apwrap > div,
.inner-apwrap > a > div {
  display: table-cell;
  vertical-align: middle;
}
.inner-apwrap > a.clear,
.inner-apwrap > div.clear,
.inner-apwrap > a > div.clear {
  display: block;
}

.half-width {
  width: 5em;
}

.inner-inner span {
  display: block;
  margin: 0 20px 0 10px;
}

.application-listing-info {
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
  max-width: 450px;
}

.application-version,
.franchise-company-name {
  color: rgb(106, 106, 106);
  font-size: 1.3em;
}

.franchise-company-name {
  font-size: 1.4em;
  min-width: 28em;
}

.application-listing-date {
  width: 9%;
  font-size: 14px;
  color: rgb(106, 106, 106);
}
.application-listing-date .application-age {
  font-size: 18px;
  font-weight: 600;
}
.application-listing-date .application-version {
  display: none;
}

.application-name {
  font-weight: 700;
  font-size: 1.8em;
  color: rgb(0, 0, 0);
  padding-bottom: 3px;
}
.application-name .franchise-company-name {
  display: inline;
  font-weight: 400;
  color: rgb(98, 98, 98);
  font-size: 0.83em;
}

.application-version {
  font-weight: 600;
}

/* left sidebar & help overlay ********************************************************************************************/
.open-close-icon {
  height: 35px;
  width: auto;
}
.open-close-icon .help-button {
  margin: 0;
  margin-left: auto;
  border: 0;
  padding: 0;
  line-height: 39px;
  background: transparent;
}
.open-close-icon .help-button:hover {
  background: transparent;
}
.open-close-icon .help-button span {
  display: flex;
  align-items: center;
  gap: 0;
}
.open-close-icon .help-button span .button-icon {
  order: 1;
  margin-left: 8px;
}
.open-close-icon .help-button span .button-label {
  color: rgb(105, 65, 198);
  display: inline-block;
  font-size: 1rem;
  text-transform: capitalize;
}
.open-close-icon .help-button span svg {
  width: 16px;
  height: 16px;
  margin-right: 0;
}
.open-close-icon .help-button span svg path {
  fill: none;
}
.admin-container .open-close-icon .help-button {
  background: none;
}

#left-menu-assignee {
  border-top: 1px solid rgb(214, 187, 251);
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#left-menu-assignee .update-assignee {
  font-size: 1.7em;
  padding: 12px 35px 12px 40px;
  cursor: pointer;
  border-bottom: 1px solid rgb(158, 158, 158);
}
#left-menu-assignee .update-assignee:hover {
  background-color: white;
}

.left-header {
  display: table;
  width: 100%;
  height: 7.4em;
  text-align: center;
}
.left-header > div {
  display: table-cell;
  width: 33%;
  vertical-align: middle;
}
.left-header .num {
  font-weight: 700;
  font-size: 3.6em;
  margin-top: 6px;
}
.left-header .percentage {
  background-color: rgb(158, 201, 108);
  color: rgb(46, 73, 15);
  vertical-align: top;
}
.left-header .percentage .text {
  font-size: 1.4em;
  margin-top: -0.5em;
}
.left-header .button-submit {
  min-width: 240px;
}
.left-header.admin .button-submit,
.left-header.admin .button-remove {
  min-width: 0;
}

/* application next section element */
.applications-next-section {
  padding: 20px 32px 32px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-top: solid 1px rgb(234, 236, 240);
}
.applications-next-section .application-submit-click {
  float: right;
  margin: 2rem 0;
}
.applications-next-section a {
  padding: 12px 20px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  background-color: rgb(127, 86, 217);
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: 600;
  border: 1px solid rgb(127, 86, 217);
  transition: all 0.3s ease;
  text-align: center;
}
.applications-next-section a span {
  display: inline-block;
}
.applications-next-section a .applications-continue-section > svg, .applications-next-section a .applications-return-section > svg {
  display: none;
}
.applications-next-section a svg {
  width: 14px;
}
.applications-next-section a svg path {
  stroke: rgb(255, 255, 255);
}
.applications-next-section a:hover {
  background-color: rgb(83, 56, 158);
  border-color: rgb(83, 56, 158);
}
.applications-next-section a.next {
  margin-left: auto;
}

.sprite.add {
  background-position: -315px -24px;
  display: inline-block;
}

/* help overlay right ********************************************************************************************/
.help-overlay {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(255, 255, 255);
  left: -100%;
  overflow-y: auto;
  z-index: 10;
  transition: left 0.7s;
}
.help-overlay.open {
  left: 0;
}
.help-overlay.open .help-content {
  opacity: 1;
  visibility: visible;
}
.help-overlay .help-content {
  overflow: hidden;
  padding: 32px 125px 4em;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.help-overlay .help-content .help-content-close {
  position: absolute;
  left: 1100px;
  top: 64px;
  z-index: 2;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.help-overlay .help-content .help-content-close svg {
  width: 18px;
  height: auto;
}
.help-overlay .help-content .help-content-close svg path {
  stroke: rgb(105, 65, 198);
  transition: stroke 0.4s ease;
}
.help-overlay .help-content .help-content-close:hover svg {
  stroke: rgb(83, 56, 158);
}
.help-overlay .help-content p {
  margin: 0;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.33;
  color: rgb(16, 24, 40);
}
.help-overlay .help-content p.application-help-answer {
  padding: 0 1em 1em;
}
.help-overlay .help-content form {
  margin-top: 32px;
}
.help-overlay .help-content .help-section {
  padding: 0 2em;
}
.help-overlay .help-content .help-section .form-div {
  padding-bottom: 0;
  border: 0;
}
.help-overlay .help-content .help-section .controls {
  text-align: left;
}
.help-overlay .help-content .help-section .controls button {
  margin: 0 0 0.5em;
  min-width: 0;
}
.help-overlay .help-content .help-section .controls button.help-answer-phone {
  float: right;
}
.help-overlay .help-content .help-section h2 {
  margin: 32px 0 0.3em -1em;
}
.help-overlay .help-content .help-section h2.help-new-questions {
  color: rgb(180, 35, 24);
}
.help-overlay .help-content .help-section h2.help-new-questions span svg path {
  stroke: rgb(180, 35, 24);
}
.help-overlay .help-content .help-section h2 span {
  margin-right: 10px;
  display: inline-block;
}
.help-overlay .help-content .help-section h2 span svg {
  width: 30px;
  height: 30px;
  top: 1px;
  overflow: visible;
}
.help-overlay .help-content .help-section h2 span svg path {
  stroke: rgb(105, 65, 198);
}
.help-overlay .help-content .help-section h2 + p {
  margin: -0.5em 0 0;
}

.help-header {
  display: none;
  text-align: left;
  width: 100%;
  line-height: normal;
}

.help-set {
  margin-top: 4.5em;
  margin-bottom: 3em;
}

.help-title {
  margin-bottom: 1.8em;
}

.help-set .help-question,
.help-set .help-answer {
  font-weight: 400;
  font-size: 1.8em;
}
.help-set .help-question {
  color: rgb(149, 149, 149);
}
.help-set .help-answer {
  color: rgb(35, 30, 30);
}
.help-set button.help-answer {
  font-size: 1em;
}

#add-help {
  border-right: none;
}

/* application additions *****************************************************************************/
.nav-pickup-alert {
  margin: 32px 0 24px;
  text-align: center;
  width: 100%;
}
.nav-pickup-alert a {
  font-size: 0.875rem;
  text-align: left;
  color: rgb(71, 84, 103);
  font-weight: 600;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  padding: 18px 32px 18px 68px;
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border: solid 1px #d0d5dd;
  background-color: #fff;
  transition: box-shadow 0.3s;
}
.nav-pickup-alert a .nav-pickup-logo {
  position: absolute;
  left: 24px;
  top: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 12px;
  border: 2px solid rgba(220, 104, 3, 0.35);
  border-radius: 50%;
  padding: 3px;
}
.nav-pickup-alert a .nav-pickup-logo:after {
  content: "";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(220, 104, 3, 0.1);
  border-radius: 50%;
  position: absolute;
  height: 32px;
  width: 32px;
}
.nav-pickup-alert a .nav-pickup-logo svg {
  width: 16px;
  height: 16px;
}
.nav-pickup-alert a .nav-pickup-logo svg path {
  stroke: rgb(180, 35, 24);
}
.nav-pickup-alert a span {
  margin-top: 12px;
  color: rgb(105, 65, 198);
}

.application-container {
  min-height: 56vh;
  padding-bottom: 0;
  margin-top: 32px;
}

.logo-wrapper {
  padding: 1em 0 0 4em;
  display: table-cell;
  width: 30%;
  height: 18em;
  background: rgb(255, 255, 255);
}
.logo-wrapper .logo-overlay {
  height: 60%;
  width: 85%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

/* footer ********************************************************************************************/
footer {
  max-width: 90em;
  margin: 0 auto;
  padding: 32px 0;
  border-top: 1px solid rgb(234, 236, 240);
}
footer p {
  margin: 0 0 1.54em;
  font-size: 0.875rem;
  color: rgb(71, 84, 103);
  line-height: 1.43;
}
footer ul.group {
  color: rgb(255, 255, 255);
  list-style-type: none;
  text-align: center;
  margin: 0 auto;
}
footer ul.group li {
  display: inline;
}
footer ul.group li a {
  font-size: 0.875rem;
  padding: 1em 0;
  color: rgb(127, 86, 217);
  font-weight: 600;
}

.applications footer,
.applications_v2 footer,
.settings footer {
  display: none;
}

/* Tables ********************************************************************************************/
.div-table {
  display: table;
  background: rgb(255, 255, 255);
  margin: 0;
  width: 100%;
  border-collapse: separate;
  z-index: 5;
  border-radius: 12px 12px 0 0;
  overflow: hidden;
}
.div-table#editable {
  border-radius: 0;
}

.div-table-row {
  display: table-row;
}

.header-row {
  height: 36px;
}

.div-table-col {
  display: table-cell;
  border-right: 1px solid rgb(238, 238, 238);
  border-bottom: 1px solid rgb(238, 238, 238);
  vertical-align: middle;
  padding: 10px 6px;
}
.div-table-col .user-reset-password {
  min-width: 0;
}
.div-table-col .user-reset-password > span {
  white-space: nowrap;
}

.count-col,
.control-col {
  text-align: center;
  width: 10%;
}

#dynamic-structure {
  border: 1px solid rgb(48, 48, 48);
  margin-bottom: 2em;
}
#dynamic-structure:empty {
  border-collapse: collapse;
}
#dynamic-structure input,
#dynamic-structure select {
  width: 98%;
  margin: 0.5% 1%;
}

.printable-output > .element-field > .element-output > .div-table > .div-table-row > .div-table-col {
  padding: 0em 0.5em;
}

.count-col {
  font-size: 1.4em;
}

.header-row > div {
  padding: 0 1.8em;
  font-size: 0.875rem;
  color: rgb(71, 84, 103);
  text-align: center;
}

.div-table-col:last-child {
  border-right: 0;
}
.div-table-col > a,
.div-table-col > span {
  color: rgb(83, 56, 158);
  font-size: 1.6em;
  display: block;
}
.div-table-col > span {
  color: rgb(52, 64, 84);
}

.div-table-row:first-child,
.row.div-table-row:first-child {
  background-color: #f9fafb;
  font-weight: 500;
  font-size: 0.875rem;
  color: rgb(71, 84, 103);
}

.col-label {
  border-bottom: 1px solid rgb(112, 112, 112);
}

.header-col.col-label {
  background: none;
  font-size: 1.4em;
  padding-left: 25px;
  border-bottom: 1px solid rgb(216, 216, 216);
}

.brand-header .header-col {
  padding: 0 3em 0 2.4em;
  line-height: 4em;
}
.brand-header .col-brand {
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.col-label > * {
  display: block;
}
.col-label a {
  color: rgb(208, 213, 221);
  cursor: pointer;
}
.col-label a.element-delete {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  margin: 0;
  padding: 0;
  background: url("/assets/img/close.svg") no-repeat scroll center center/1.5em auto;
  background-size: 14px;
}

.per-property .icon-per-property {
  position: absolute;
  top: 0;
  right: 10px;
  height: 20px;
  width: 20px;
  opacity: 0.6;
  background: url("/assets/img/clone-icon.svg") no-repeat center center;
}
.per-property.element-field .icon-per-property {
  height: 35px;
}

.col-brand {
  width: 40px;
  min-width: 40px;
  text-align: center;
}
.col-brand > * {
  display: block;
  min-width: 56px;
  text-align: center;
}
.col-brand .label-checkbox {
  margin: 0;
  height: 39px;
  width: 39px;
}
.col-brand input[type=checkbox],
.col-brand .checkbox-icon,
.col-brand .checkbox-background {
  position: absolute;
  height: 25px;
  width: 25px;
  left: 15px !important;
  top: 5px !important;
}
.col-brand .checkbox-background {
  background: none;
}
.col-brand .active .checkbox-background {
  background: rgb(105, 65, 198);
}
.col-brand .check-all {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  cursor: pointer;
  font-size: 1em;
}

/* label styles for different types of elements */
.col-label {
  padding: 0 48px 0 1.8em;
}
.element-form .col-label {
  background: rgb(74, 74, 74);
}
.element-section .col-label {
  background: rgb(65, 65, 65);
  padding-left: 3.6em;
}
.element-field .col-label {
  background: rgb(53, 53, 53);
  padding-left: 5.6em;
}

.required .element-label .edit-element:before {
  content: "*";
  display: block;
  position: absolute;
  left: -7px;
  color: #fff;
}

.collapse-toggle {
  display: none;
  position: absolute;
  top: 0;
  right: 20px;
}

.element-field .collapse-toggle {
  display: none;
}
.element-field .col-label > * {
  font-size: 14px;
}
.element-field .col-label .element-type {
  font-size: 12px;
  color: rgb(255, 255, 255);
}

.saved {
  opacity: 0.4;
}

/** ! user admin additions */
#user-admin .div-table-col a,
#account-admin .div-table-col a,
#developer-admin .div-table-col a,
#contact-admin .div-table-col a {
  margin: 0 1.5em;
}

#user-admin .div-table-col,
#contact-admin .div-table-col,
#account-admin .div-table-col {
  white-space: nowrap;
}
#user-admin .edit-user,
#user-admin .edit-account,
#user-admin .edit-account-group,
#contact-admin .edit-user,
#contact-admin .edit-account,
#contact-admin .edit-account-group,
#account-admin .edit-user,
#account-admin .edit-account,
#account-admin .edit-account-group {
  font-weight: 600;
  color: rgb(127, 86, 217);
}

#user-admin .div-table-col .user-level {
  display: block;
  font-weight: 400;
  font-size: 0.75em;
  color: rgb(98, 98, 98);
}

.printable-output .element-form {
  font-size: 2.8em;
  margin: 2em 0 1.5em 0.8em;
}
.printable-output .element-section {
  font-size: 1.8em;
  font-weight: 600;
  margin: 2.5em 1.3em 0.5em;
}
.printable-output .element-field {
  padding: 5px 0;
  border-bottom: 1px solid rgb(0, 0, 0);
}
.printable-output .element-field span {
  font-size: 1.8em;
  color: rgb(0, 0, 0);
}
.printable-output .element-field label {
  float: left;
  width: 30%;
  text-align: right;
  height: auto;
  width: 30%;
  line-height: 2.4;
}
.printable-output .element-field .element-output {
  display: inline-block;
  line-height: 1.2;
  width: 65%;
}

.application-table-unit .controls {
  margin-bottom: 5em;
}
.application-table-unit:last-child .controls {
  margin-bottom: 0;
}

.application-table-wrapper,
.application-help-wrapper {
  width: 35vw;
  max-width: 512px;
}
.application-table-wrapper + .controls .button-save,
.application-help-wrapper + .controls .button-save {
  min-width: 0;
}
.application-table-wrapper + .controls button.button-trash,
.application-table-wrapper + .controls button.button-remove,
.application-help-wrapper + .controls button.button-trash,
.application-help-wrapper + .controls button.button-remove {
  margin: 0;
  color: rgb(158, 158, 158);
  border-color: rgb(158, 158, 158);
}
.application-table-wrapper + .controls button.button-trash span .button-icon svg path,
.application-table-wrapper + .controls button.button-remove span .button-icon svg path,
.application-help-wrapper + .controls button.button-trash span .button-icon svg path,
.application-help-wrapper + .controls button.button-remove span .button-icon svg path {
  fill: rgb(158, 158, 158);
}
.application-table-wrapper + .controls button.button-trash,
.application-table-wrapper + .controls button.button-remove,
.application-help-wrapper + .controls button.button-trash,
.application-help-wrapper + .controls button.button-remove {
  padding: 0;
  line-height: 2em;
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}
.application-table-wrapper + .controls button.button-trash span svg,
.application-table-wrapper + .controls button.button-remove span svg,
.application-help-wrapper + .controls button.button-trash span svg,
.application-help-wrapper + .controls button.button-remove span svg {
  top: 2px;
}
.application-table-wrapper input[type=text], .application-table-wrapper input[type=password], .application-table-wrapper input[type=date],
.application-table-wrapper input[type=email], .application-table-wrapper input[type=number], .application-table-wrapper input[type=range],
.application-table-wrapper input[type=url], .application-table-wrapper input[type=tel],
.application-help-wrapper input[type=text],
.application-help-wrapper input[type=password],
.application-help-wrapper input[type=date],
.application-help-wrapper input[type=email],
.application-help-wrapper input[type=number],
.application-help-wrapper input[type=range],
.application-help-wrapper input[type=url],
.application-help-wrapper input[type=tel] {
  width: 100%;
}
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap {
  transform: none;
  box-shadow: none;
  overflow: hidden;
  padding: 0;
  transition: box-shadow 0.3s, transform 0.15s, max-height 0.3s;
}
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap form,
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap .form-div,
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap .application-help-answer,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap form,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap .form-div,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap .application-help-answer,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap form,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap .form-div,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap .application-help-answer,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap form,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap .form-div,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap .application-help-answer,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap form,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap .form-div,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap .application-help-answer,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap form,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap .form-div,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap .application-help-answer,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap form,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap .form-div,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap .application-help-answer,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap form,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap .form-div,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap .application-help-answer {
  opacity: 0;
  min-height: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active {
  overflow: visible;
  padding-bottom: 2em;
}
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active form,
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .form-div,
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .application-help-answer,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active form,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .form-div,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .application-help-answer,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active form,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .form-div,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .application-help-answer,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active form,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .form-div,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .application-help-answer,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active form,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .form-div,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .application-help-answer,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active form,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .form-div,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .application-help-answer,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active form,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .form-div,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .application-help-answer,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active form,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .form-div,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .application-help-answer {
  opacity: 1;
  visibility: visible;
}
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .application-table-row-header,
.application-table-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .application-help-row-header,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .application-table-row-header,
.application-table-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .application-help-row-header,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .application-table-row-header,
.application-table-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .application-help-row-header,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .application-table-row-header,
.application-table-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .application-help-row-header,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .application-table-row-header,
.application-help-wrapper.collapse-panel .application-table-unit .application-table-input-wrap.collapse-active .application-help-row-header,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .application-table-row-header,
.application-help-wrapper.collapse-panel .application-table-unit .application-help-input-wrap.collapse-active .application-help-row-header,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .application-table-row-header,
.application-help-wrapper.collapse-panel .application-help-unit .application-table-input-wrap.collapse-active .application-help-row-header,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .application-table-row-header,
.application-help-wrapper.collapse-panel .application-help-unit .application-help-input-wrap.collapse-active .application-help-row-header {
  background-image: url("/assets/img/chevron-dark.svg");
}
.application-table-wrapper .application-table-unit,
.application-table-wrapper .application-help-unit,
.application-help-wrapper .application-table-unit,
.application-help-wrapper .application-help-unit {
  margin-bottom: 1.5em;
  padding: 0;
}
.application-table-wrapper .application-table-unit .application-table-row-header,
.application-table-wrapper .application-table-unit .application-help-row-header,
.application-table-wrapper .application-help-unit .application-table-row-header,
.application-table-wrapper .application-help-unit .application-help-row-header,
.application-help-wrapper .application-table-unit .application-table-row-header,
.application-help-wrapper .application-table-unit .application-help-row-header,
.application-help-wrapper .application-help-unit .application-table-row-header,
.application-help-wrapper .application-help-unit .application-help-row-header {
  margin: 0;
  font-size: 1.6em;
  font-weight: 600;
  text-transform: capitalize;
  background-image: url("/assets/img/chevron-dark.svg");
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: calc(100% - 20px) center;
}
.application-table-wrapper .application-table-unit .application-table-row-header a,
.application-table-wrapper .application-table-unit .application-help-row-header a,
.application-table-wrapper .application-help-unit .application-table-row-header a,
.application-table-wrapper .application-help-unit .application-help-row-header a,
.application-help-wrapper .application-table-unit .application-table-row-header a,
.application-help-wrapper .application-table-unit .application-help-row-header a,
.application-help-wrapper .application-help-unit .application-table-row-header a,
.application-help-wrapper .application-help-unit .application-help-row-header a {
  display: block;
  padding: 1.2em;
  color: rgb(106, 106, 106);
  transition: padding 0.3s, color 0.3s;
}
.application-table-wrapper .application-table-unit .application-table-row-header a:link:focus, .application-table-wrapper .application-table-unit .application-table-row-header a:visited:focus,
.application-table-wrapper .application-table-unit .application-help-row-header a:link:focus,
.application-table-wrapper .application-table-unit .application-help-row-header a:visited:focus,
.application-table-wrapper .application-help-unit .application-table-row-header a:link:focus,
.application-table-wrapper .application-help-unit .application-table-row-header a:visited:focus,
.application-table-wrapper .application-help-unit .application-help-row-header a:link:focus,
.application-table-wrapper .application-help-unit .application-help-row-header a:visited:focus,
.application-help-wrapper .application-table-unit .application-table-row-header a:link:focus,
.application-help-wrapper .application-table-unit .application-table-row-header a:visited:focus,
.application-help-wrapper .application-table-unit .application-help-row-header a:link:focus,
.application-help-wrapper .application-table-unit .application-help-row-header a:visited:focus,
.application-help-wrapper .application-help-unit .application-table-row-header a:link:focus,
.application-help-wrapper .application-help-unit .application-table-row-header a:visited:focus,
.application-help-wrapper .application-help-unit .application-help-row-header a:link:focus,
.application-help-wrapper .application-help-unit .application-help-row-header a:visited:focus {
  outline: 5px auto rgb(77, 144, 254);
}
.application-table-wrapper .application-table-unit .application-table-row-header + .form-div label,
.application-table-wrapper .application-table-unit .application-help-row-header + .form-div label,
.application-table-wrapper .application-help-unit .application-table-row-header + .form-div label,
.application-table-wrapper .application-help-unit .application-help-row-header + .form-div label,
.application-help-wrapper .application-table-unit .application-table-row-header + .form-div label,
.application-help-wrapper .application-table-unit .application-help-row-header + .form-div label,
.application-help-wrapper .application-help-unit .application-table-row-header + .form-div label,
.application-help-wrapper .application-help-unit .application-help-row-header + .form-div label {
  margin-top: 0;
}
.application-table-wrapper .application-table-unit .application-help-input-wrap .application-help-row-header a,
.application-table-wrapper .application-help-unit .application-help-input-wrap .application-help-row-header a,
.application-help-wrapper .application-table-unit .application-help-input-wrap .application-help-row-header a,
.application-help-wrapper .application-help-unit .application-help-input-wrap .application-help-row-header a {
  color: rgb(83, 56, 158);
}
.application-table-wrapper .application-table-unit .application-help-input-wrap .application-help-row-header a .application-help-asker,
.application-table-wrapper .application-help-unit .application-help-input-wrap .application-help-row-header a .application-help-asker,
.application-help-wrapper .application-table-unit .application-help-input-wrap .application-help-row-header a .application-help-asker,
.application-help-wrapper .application-help-unit .application-help-input-wrap .application-help-row-header a .application-help-asker {
  font-size: 0.875rem;
  color: rgb(71, 84, 103);
  margin-bottom: 4px;
}
.application-table-wrapper .application-table-unit .application-help-input-wrap .controls,
.application-table-wrapper .application-help-unit .application-help-input-wrap .controls,
.application-help-wrapper .application-table-unit .application-help-input-wrap .controls,
.application-help-wrapper .application-help-unit .application-help-input-wrap .controls {
  padding: 1em 2em 2em;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap,
.application-table-wrapper .application-help-unit .application-table-input-wrap,
.application-help-wrapper .application-table-unit .application-table-input-wrap,
.application-help-wrapper .application-help-unit .application-table-input-wrap {
  padding: 16px 0;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap,
.application-table-wrapper .application-table-unit .application-help-input-wrap,
.application-table-wrapper .application-help-unit .application-table-input-wrap,
.application-table-wrapper .application-help-unit .application-help-input-wrap,
.application-help-wrapper .application-table-unit .application-table-input-wrap,
.application-help-wrapper .application-table-unit .application-help-input-wrap,
.application-help-wrapper .application-help-unit .application-table-input-wrap,
.application-help-wrapper .application-help-unit .application-help-input-wrap {
  border: solid 1px rgb(208, 213, 221);
  background-color: rgb(255, 255, 255);
  border-radius: 8px;
  padding: 0;
  transition: background-color 0.3s, border-color 0.3s;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap .form-div,
.application-table-wrapper .application-table-unit .application-help-input-wrap .form-div,
.application-table-wrapper .application-help-unit .application-table-input-wrap .form-div,
.application-table-wrapper .application-help-unit .application-help-input-wrap .form-div,
.application-help-wrapper .application-table-unit .application-table-input-wrap .form-div,
.application-help-wrapper .application-table-unit .application-help-input-wrap .form-div,
.application-help-wrapper .application-help-unit .application-table-input-wrap .form-div,
.application-help-wrapper .application-help-unit .application-help-input-wrap .form-div {
  padding: 0 2em;
  display: block;
  border: 0;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap .form-div label,
.application-table-wrapper .application-table-unit .application-help-input-wrap .form-div label,
.application-table-wrapper .application-help-unit .application-table-input-wrap .form-div label,
.application-table-wrapper .application-help-unit .application-help-input-wrap .form-div label,
.application-help-wrapper .application-table-unit .application-table-input-wrap .form-div label,
.application-help-wrapper .application-table-unit .application-help-input-wrap .form-div label,
.application-help-wrapper .application-help-unit .application-table-input-wrap .form-div label,
.application-help-wrapper .application-help-unit .application-help-input-wrap .form-div label {
  margin-bottom: 8px;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap .form-div label.section-fields-checkbox,
.application-table-wrapper .application-table-unit .application-help-input-wrap .form-div label.section-fields-checkbox,
.application-table-wrapper .application-help-unit .application-table-input-wrap .form-div label.section-fields-checkbox,
.application-table-wrapper .application-help-unit .application-help-input-wrap .form-div label.section-fields-checkbox,
.application-help-wrapper .application-table-unit .application-table-input-wrap .form-div label.section-fields-checkbox,
.application-help-wrapper .application-table-unit .application-help-input-wrap .form-div label.section-fields-checkbox,
.application-help-wrapper .application-help-unit .application-table-input-wrap .form-div label.section-fields-checkbox,
.application-help-wrapper .application-help-unit .application-help-input-wrap .form-div label.section-fields-checkbox {
  display: inline-flex;
  align-items: center;
  margin: 0 18px 6px 0;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-table-wrapper .application-table-unit .application-help-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-table-wrapper .application-help-unit .application-table-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-table-wrapper .application-help-unit .application-help-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-help-wrapper .application-table-unit .application-table-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-help-wrapper .application-table-unit .application-help-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-help-wrapper .application-help-unit .application-table-input-wrap .form-div label.section-fields-checkbox .checkbox-text,
.application-help-wrapper .application-help-unit .application-help-input-wrap .form-div label.section-fields-checkbox .checkbox-text {
  margin-left: 8px;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap .form-div label .checkbox-text,
.application-table-wrapper .application-table-unit .application-help-input-wrap .form-div label .checkbox-text,
.application-table-wrapper .application-help-unit .application-table-input-wrap .form-div label .checkbox-text,
.application-table-wrapper .application-help-unit .application-help-input-wrap .form-div label .checkbox-text,
.application-help-wrapper .application-table-unit .application-table-input-wrap .form-div label .checkbox-text,
.application-help-wrapper .application-table-unit .application-help-input-wrap .form-div label .checkbox-text,
.application-help-wrapper .application-help-unit .application-table-input-wrap .form-div label .checkbox-text,
.application-help-wrapper .application-help-unit .application-help-input-wrap .form-div label .checkbox-text {
  color: rgb(52, 64, 84);
}
.application-table-wrapper .application-table-unit .application-table-input-wrap .form-div:last-child,
.application-table-wrapper .application-table-unit .application-help-input-wrap .form-div:last-child,
.application-table-wrapper .application-help-unit .application-table-input-wrap .form-div:last-child,
.application-table-wrapper .application-help-unit .application-help-input-wrap .form-div:last-child,
.application-help-wrapper .application-table-unit .application-table-input-wrap .form-div:last-child,
.application-help-wrapper .application-table-unit .application-help-input-wrap .form-div:last-child,
.application-help-wrapper .application-help-unit .application-table-input-wrap .form-div:last-child,
.application-help-wrapper .application-help-unit .application-help-input-wrap .form-div:last-child {
  margin-bottom: 3em;
}
.application-table-wrapper .application-table-unit .application-table-input-wrap.collapse-active .application-table-row-header a,
.application-table-wrapper .application-table-unit .application-help-input-wrap.collapse-active .application-table-row-header a,
.application-table-wrapper .application-help-unit .application-table-input-wrap.collapse-active .application-table-row-header a,
.application-table-wrapper .application-help-unit .application-help-input-wrap.collapse-active .application-table-row-header a,
.application-help-wrapper .application-table-unit .application-table-input-wrap.collapse-active .application-table-row-header a,
.application-help-wrapper .application-table-unit .application-help-input-wrap.collapse-active .application-table-row-header a,
.application-help-wrapper .application-help-unit .application-table-input-wrap.collapse-active .application-table-row-header a,
.application-help-wrapper .application-help-unit .application-help-input-wrap.collapse-active .application-table-row-header a {
  color: rgb(83, 56, 158);
}
.application-table-wrapper .application-table-unit .application-table-input-wrap,
.application-table-wrapper .application-help-unit .application-table-input-wrap,
.application-help-wrapper .application-table-unit .application-table-input-wrap,
.application-help-wrapper .application-help-unit .application-table-input-wrap {
  padding-top: 24px;
}

#app-form-elements,
.assignee-elements-check {
  border-top: 0;
  margin-top: 32px;
}
#app-form-elements .block-title,
.assignee-elements-check .block-title {
  padding: 0 0 0.4em;
}
#app-form-elements .form-div,
.assignee-elements-check .form-div {
  margin: 0 0 6em;
  display: block;
}
#app-form-elements .form-div label,
.assignee-elements-check .form-div label {
  margin: 0;
}
#app-form-elements .form-div label > span,
.assignee-elements-check .form-div label > span {
  font-size: 0.875rem;
  margin-bottom: 8px;
  color: #344054;
}
#app-form-elements .form-div .form-div,
.assignee-elements-check .form-div .form-div {
  border: 0;
  margin-left: 5em;
}
#app-form-elements .form-div .form-div.hidden,
.assignee-elements-check .form-div .form-div.hidden {
  display: none;
}
#app-form-elements .form-div.form-section,
.assignee-elements-check .form-div.form-section {
  margin-bottom: 0;
  padding-bottom: 0;
}
#app-form-elements .form-div.form-section label > span,
.assignee-elements-check .form-div.form-section label > span {
  font-size: 0.875rem;
  margin-bottom: 8px;
  color: #344054;
}
#app-form-elements .form-div.subsection,
.assignee-elements-check .form-div.subsection {
  padding-left: 48px;
}
#app-form-elements .form-div.subsection:before,
.assignee-elements-check .form-div.subsection:before {
  display: none;
}
#app-form-elements .form-div .label-checkbox,
.assignee-elements-check .form-div .label-checkbox {
  line-height: 55px;
}
#app-form-elements .form-div .label-checkbox input[type=checkbox],
.assignee-elements-check .form-div .label-checkbox input[type=checkbox] {
  border-color: rgba(0, 0, 0, 0);
}
#app-form-elements .form-div .label-checkbox .checkbox-text,
.assignee-elements-check .form-div .label-checkbox .checkbox-text {
  display: inline-block;
  color: rgb(106, 106, 106);
  z-index: 100;
  position: absolute;
  top: 13px;
  font-size: 1rem;
  width: 25px;
  height: 18px;
  text-indent: -28px;
  overflow: hidden;
  text-align: center;
  line-height: normal;
}
#app-form-elements .form-div .label-checkbox .checkbox-icon svg,
.assignee-elements-check .form-div .label-checkbox .checkbox-icon svg {
  margin: 6px 10px;
  width: 16px;
  height: 12px;
}
#app-form-elements .form-div .label-checkbox .checkbox-background,
.assignee-elements-check .form-div .label-checkbox .checkbox-background {
  top: 50%;
  left: 50%;
}
#app-form-elements .form-div .label-checkbox.customize,
.assignee-elements-check .form-div .label-checkbox.customize {
  margin: 1.4em 2em 0 8em;
  display: inline-block;
  line-height: normal;
}
#app-form-elements .form-div .label-checkbox.customize.hidden,
.assignee-elements-check .form-div .label-checkbox.customize.hidden {
  display: none;
}
#app-form-elements .form-div .label-checkbox.customize input[type=checkbox],
.assignee-elements-check .form-div .label-checkbox.customize input[type=checkbox] {
  border: 1px solid rgb(158, 158, 158);
  background-color: rgb(248, 248, 248);
  visibility: visible;
}
#app-form-elements .form-div .label-checkbox.customize .checkbox-text,
.assignee-elements-check .form-div .label-checkbox.customize .checkbox-text {
  margin: 0 0 0 10px;
  width: auto;
  height: auto;
  font-size: 1.6em;
  text-indent: 0;
  line-height: normal;
  position: relative;
  top: auto;
}
#app-form-elements .form-div .label-checkbox.customize .checkbox-text span,
.assignee-elements-check .form-div .label-checkbox.customize .checkbox-text span {
  margin: 0;
}
#app-form-elements .form-div .label-checkbox.customize .checkbox-icon svg,
.assignee-elements-check .form-div .label-checkbox.customize .checkbox-icon svg {
  margin: -6px 0 0 -8px;
}
#app-form-elements .form-div .label-checkbox.customize .checkbox-background,
.assignee-elements-check .form-div .label-checkbox.customize .checkbox-background {
  top: 15px;
  left: 15px;
}
#app-form-elements .form-div .label-checkbox.customize.active .checkbox-text,
.assignee-elements-check .form-div .label-checkbox.customize.active .checkbox-text {
  color: rgb(0, 0, 0);
}
#app-form-elements .form-div .label-checkbox.customize.active .checkbox-background,
.assignee-elements-check .form-div .label-checkbox.customize.active .checkbox-background {
  top: 0;
  left: 0;
}
#app-form-elements .form-div label.checkbox-toggle,
.assignee-elements-check .form-div label.checkbox-toggle {
  border: solid 1px rgb(208, 213, 221);
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  transition: background-color 0.3s;
  overflow: hidden;
  text-indent: 0;
  padding: 14px 20px;
  line-height: normal;
  width: 240px;
  margin-bottom: 24px;
}
#app-form-elements .form-div label.checkbox-toggle.active,
.assignee-elements-check .form-div label.checkbox-toggle.active {
  border-color: rgb(127, 86, 217);
}
#app-form-elements .form-div label.checkbox-toggle.active .checkbox-text,
.assignee-elements-check .form-div label.checkbox-toggle.active .checkbox-text {
  text-indent: 0;
  margin-left: 15px;
}
#app-form-elements .form-div label.checkbox-toggle.active .checkbox-background,
.assignee-elements-check .form-div label.checkbox-toggle.active .checkbox-background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

form.onboarding_v2 ul li {
  font-size: 16px;
  margin-bottom: 10px;
}

.onboarding_v2 .onboarding-grid {
  width: 94%;
  margin: 0 auto;
  color: #555;
  border: 1px #303030 solid;
  width: 100%;
}
.onboarding_v2 .onboarding-grid .onboarding-table-group + .onboarding-table-group {
  border-top: 1px #303030 solid;
}
.onboarding_v2 .onboarding-grid .onboarding-table-group {
  padding: 0.3rem;
  border: none;
}
.onboarding_v2 .onboarding-grid .onboarding-table-group .group-index {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  left: -80px;
  height: 40px;
  width: 75px;
  text-align: right;
  font-size: 1.6em;
  line-height: 40px;
}
.onboarding_v2 .onboarding-grid .onboarding-table {
  display: table;
  width: 93%;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row {
  display: table-row;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row + .onboarding-table-row .onboarding-table-cell {
  padding-top: 0.3rem;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row .onboarding-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row .onboarding-table-cell span {
  display: inline-block;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row .onboarding-table-cell span input, .onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row .onboarding-table-cell span select {
  width: 100%;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row .onboarding-table-cell .input-medium {
  width: 24.75%;
}
.onboarding_v2 .onboarding-grid .onboarding-table .onboarding-table-row .onboarding-table-cell .input-large {
  width: 49.75%;
}
.onboarding_v2 .onboarding-grid .controls {
  position: absolute;
  top: 0;
  right: 0;
  width: 7%;
  height: 100%;
  margin: 0;
}
.onboarding_v2 .onboarding-grid .controls .delete-property {
  padding: 0;
  width: 100%;
  margin: 0;
  top: 50%;
  margin-top: -25px;
}
.onboarding_v2 .onboarding-grid .controls .delete-property .button-label {
  display: none;
}

input + .autofill {
  margin-top: 1em;
}

.autofill-container .autofill {
  border-radius: 8px;
  border: 1px solid rgb(208, 213, 221);
}
.autofill-container .autofill > span {
  display: inline-flex;
  align-items: center;
  text-align: left;
  justify-content: flex-start;
  width: 240px;
  padding: 12px 40px 12px 14px;
}
.autofill-container .autofill > span .button-icon {
  display: none;
}
.autofill-container .autofill > span .button-label {
  color: rgb(16, 24, 40);
}
.autofill-container + input[type=email] {
  width: 240px;
}
.autofill-container + input[type=tel] {
  width: 240px;
}

.auto-options {
  list-style: none;
  border: 1px solid transparent;
  border-radius: 8px;
  width: 240px;
  margin-top: 1em;
  transition: border-color 0.2s;
}
.auto-options.active {
  border-color: rgb(127, 86, 217);
  background: rgb(255, 255, 255);
  min-height: 44px;
}
.auto-options li {
  margin: 5px;
  color: rgb(71, 84, 103);
  transition: background 0.2s;
  background: rgb(255, 255, 255);
}
.auto-options li a {
  color: inherit;
  padding: 10px;
  display: block;
}
.auto-options li a span {
  font-size: 16px;
}
.auto-options li:hover {
  background: #fff;
}

.application-container .onboarding-grid, .printable-output .onboarding-grid, .onboarding .onboarding-grid, .onboarding_v2 .onboarding-grid {
  margin: 0 auto;
  color: #555;
  border: 1px #303030 solid;
  display: table;
  width: 100%;
}
.application-container .onboarding-grid .table-header, .printable-output .onboarding-grid .table-header, .onboarding .onboarding-grid .table-header, .onboarding_v2 .onboarding-grid .table-header {
  font-weight: 600;
}
.application-container .onboarding-grid .table-header .onboarding-grid, .printable-output .onboarding-grid .table-header .onboarding-grid, .onboarding .onboarding-grid .table-header .onboarding-grid, .onboarding_v2 .onboarding-grid .table-header .onboarding-grid {
  width: 94%;
}
.application-container .onboarding-grid .table-header .onboarding-table-col, .printable-output .onboarding-grid .table-header .onboarding-table-col, .onboarding .onboarding-grid .table-header .onboarding-table-col, .onboarding_v2 .onboarding-grid .table-header .onboarding-table-col {
  border-bottom: 1px #303030 solid;
}
.application-container .onboarding-grid .onboarding-table-row, .printable-output .onboarding-grid .onboarding-table-row, .onboarding .onboarding-grid .onboarding-table-row, .onboarding_v2 .onboarding-grid .onboarding-table-row {
  display: table-row;
}
.application-container .onboarding-grid .onboarding-table-row .onboarding-table-col, .printable-output .onboarding-grid .onboarding-table-row .onboarding-table-col, .onboarding .onboarding-grid .onboarding-table-row .onboarding-table-col, .onboarding_v2 .onboarding-grid .onboarding-table-row .onboarding-table-col {
  display: table-cell;
  font-size: 1.6em;
  padding: 5px;
}
.application-container .onboarding-grid .onboarding-table-row .currency, .printable-output .onboarding-grid .onboarding-table-row .currency, .onboarding .onboarding-grid .onboarding-table-row .currency, .onboarding_v2 .onboarding-grid .onboarding-table-row .currency {
  text-align: right;
}

/* Portrait and Landscape */
@media only screen and (min-width: 720px) and (max-width: 1280px) {
  .inner-wrap {
    min-width: 80%;
  }
  .radio-wrapper label.section-fields-radio, .radio-wrapper label.section-fields-checkbox, .radio-wrapper label.section-fields-radio.radio-other input[type=text] {
    background-position: 94% center;
  }
  .radio-wrapper label.section-fields-radio.radio-other input[type=text] {
    width: 69%;
  }
  .franchise-company-name {
    min-width: 16em;
  }
  .box {
    padding: 0 1em;
    width: 16%;
  }
  .tabs-wrapper .application-status {
    min-width: 140px;
    width: 23.5%;
  }
  .file-wrapper .label-checkbox .checkbox-text,
.upload-image-wrapper .label-checkbox .checkbox-text {
    font-size: 1.4em;
  }
}
/* back end conditional additions */
.conditional-structure .conditional-option,
.conditional-structure .conditional-actions {
  vertical-align: top;
}
.conditional-structure .conditional-option {
  width: 35%;
}
.conditional-structure .conditional-option-wrapper {
  width: 55%;
  padding-top: 0;
}
.conditional-structure .controls {
  vertical-align: top;
  padding-top: 3.25em !important;
  width: 10%;
}
.conditional-structure label {
  font-size: 1.4em;
  margin-top: 0;
}
.conditional-structure :first-child {
  background: none;
}
.conditional-structure .div-table-col {
  padding: 0.5em;
}
.conditional-structure ul {
  list-style: none;
}
.conditional-structure ul select {
  width: 85%;
}

/* Portrait and Landscape */
@media only screen and (min-width: 1025px) and (max-width: 1280px) {
  .franchise-company-name {
    min-width: 18em;
  }
  .tabs-wrapper .application-status {
    width: 23.6%;
  }
}
/* Portrait and Landscape */
@media only screen and (min-width: 1136px) and (max-width: 1280px) {
  .radio-wrapper label.section-fields-radio.radio-other input[type=text] {
    width: 76%;
  }
}
/* Portrait and Landscape */
@media only screen and (min-width: 1201px) and (max-width: 1280px) {
  .franchise-company-name {
    min-width: 25em;
  }
  .radio-wrapper label.section-fields-radio.radio-other input[type=text] {
    width: 80%;
  }
}
.container {
  transition: opacity 0.2s;
  opacity: 1;
  text-align: center;
  padding: 0;
  margin: 0 auto;
  z-index: 50;
}
body.settings .container, body.applications .container, body.applications_v2 .container {
  display: block;
  margin: 0;
  width: 100%;
}
body.settings .container .application-grid-row,
body.settings .container .settings-grid-row, body.applications .container .application-grid-row,
body.applications .container .settings-grid-row, body.applications_v2 .container .application-grid-row,
body.applications_v2 .container .settings-grid-row {
  display: flex;
}
body.settings .container .application-grid-row .settings-grid-col,
body.settings .container .application-grid-row .application-grid-col,
body.settings .container .settings-grid-row .settings-grid-col,
body.settings .container .settings-grid-row .application-grid-col, body.applications .container .application-grid-row .settings-grid-col,
body.applications .container .application-grid-row .application-grid-col,
body.applications .container .settings-grid-row .settings-grid-col,
body.applications .container .settings-grid-row .application-grid-col, body.applications_v2 .container .application-grid-row .settings-grid-col,
body.applications_v2 .container .application-grid-row .application-grid-col,
body.applications_v2 .container .settings-grid-row .settings-grid-col,
body.applications_v2 .container .settings-grid-row .application-grid-col {
  display: inline-block;
  vertical-align: top;
}
body.settings .container .application-grid-row .settings-grid-col.grid-left,
body.settings .container .application-grid-row .application-grid-col.grid-left,
body.settings .container .settings-grid-row .settings-grid-col.grid-left,
body.settings .container .settings-grid-row .application-grid-col.grid-left, body.applications .container .application-grid-row .settings-grid-col.grid-left,
body.applications .container .application-grid-row .application-grid-col.grid-left,
body.applications .container .settings-grid-row .settings-grid-col.grid-left,
body.applications .container .settings-grid-row .application-grid-col.grid-left, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-left,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-left,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-left,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-left {
  width: 317px;
  min-width: 317px;
  z-index: 10;
  margin-top: 8px;
}
body.settings .container .application-grid-row .settings-grid-col.grid-left .left-sidebar,
body.settings .container .application-grid-row .application-grid-col.grid-left .left-sidebar,
body.settings .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar,
body.settings .container .settings-grid-row .application-grid-col.grid-left .left-sidebar, body.applications .container .application-grid-row .settings-grid-col.grid-left .left-sidebar,
body.applications .container .application-grid-row .application-grid-col.grid-left .left-sidebar,
body.applications .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar,
body.applications .container .settings-grid-row .application-grid-col.grid-left .left-sidebar, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-left .left-sidebar,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-left .left-sidebar,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-left .left-sidebar {
  position: relative;
  top: 0;
  bottom: auto;
  background: #F4EBFF;
}
body.settings .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top, body.settings .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.settings .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.settings .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom,
body.settings .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.settings .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.settings .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.settings .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom, body.applications .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top, body.applications .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.applications .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.applications .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.applications .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom {
  position: fixed;
  width: 317px;
  min-width: 317px;
}
body.settings .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.settings .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom,
body.settings .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.settings .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom, body.applications .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-bottom,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-bottom {
  top: auto;
  bottom: -50px;
}
body.settings .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.settings .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.settings .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.settings .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top, body.applications .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.applications .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.applications .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.applications .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-left .left-sidebar.fixed-top,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-left .left-sidebar.fixed-top {
  top: 50px;
  bottom: auto;
  min-height: 100vh;
}
body.settings .container .application-grid-row .settings-grid-col.grid-right,
body.settings .container .application-grid-row .application-grid-col.grid-right,
body.settings .container .settings-grid-row .settings-grid-col.grid-right,
body.settings .container .settings-grid-row .application-grid-col.grid-right, body.applications .container .application-grid-row .settings-grid-col.grid-right,
body.applications .container .application-grid-row .application-grid-col.grid-right,
body.applications .container .settings-grid-row .settings-grid-col.grid-right,
body.applications .container .settings-grid-row .application-grid-col.grid-right, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-right,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-right,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-right,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-right {
  width: calc(100% - 317px);
  margin-left: auto;
  z-index: 5;
}
body.settings .container .application-grid-row .settings-grid-col.grid-right .inner-wrap,
body.settings .container .application-grid-row .application-grid-col.grid-right .inner-wrap,
body.settings .container .settings-grid-row .settings-grid-col.grid-right .inner-wrap,
body.settings .container .settings-grid-row .application-grid-col.grid-right .inner-wrap, body.applications .container .application-grid-row .settings-grid-col.grid-right .inner-wrap,
body.applications .container .application-grid-row .application-grid-col.grid-right .inner-wrap,
body.applications .container .settings-grid-row .settings-grid-col.grid-right .inner-wrap,
body.applications .container .settings-grid-row .application-grid-col.grid-right .inner-wrap, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-right .inner-wrap,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-right .inner-wrap,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-right .inner-wrap,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-right .inner-wrap {
  margin: 0 0 0 8px;
  max-width: 1120px;
  width: auto;
  padding: 8px 8px 0 0;
}
body.settings .container .application-grid-row .settings-grid-col.grid-right .inner-wrap h4,
body.settings .container .application-grid-row .application-grid-col.grid-right .inner-wrap h4,
body.settings .container .settings-grid-row .settings-grid-col.grid-right .inner-wrap h4,
body.settings .container .settings-grid-row .application-grid-col.grid-right .inner-wrap h4, body.applications .container .application-grid-row .settings-grid-col.grid-right .inner-wrap h4,
body.applications .container .application-grid-row .application-grid-col.grid-right .inner-wrap h4,
body.applications .container .settings-grid-row .settings-grid-col.grid-right .inner-wrap h4,
body.applications .container .settings-grid-row .application-grid-col.grid-right .inner-wrap h4, body.applications_v2 .container .application-grid-row .settings-grid-col.grid-right .inner-wrap h4,
body.applications_v2 .container .application-grid-row .application-grid-col.grid-right .inner-wrap h4,
body.applications_v2 .container .settings-grid-row .settings-grid-col.grid-right .inner-wrap h4,
body.applications_v2 .container .settings-grid-row .application-grid-col.grid-right .inner-wrap h4 {
  color: rgb(83, 56, 158);
}
.container > * {
  text-align: left;
}
.container.processing {
  opacity: 0.3;
}

.sidebar-content {
  height: 100%;
  padding: 0 16px 80px;
}
.sidebar-content .form-div {
  min-height: 0;
}
.sidebar-content form {
  width: 285px;
}
.sidebar-content .left-header > a {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.6em;
  border: none;
}
.sidebar-content .info-panel {
  padding: 16px 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.sidebar-content .info-panel .panel-logo {
  min-width: 50px;
  width: 30%;
  height: 50px;
  display: table-cell;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.sidebar-content .info-panel .panel-text {
  padding: 24px;
  width: 100%;
  background-color: #f9fafb;
  border-radius: 12px;
  display: block;
}
.sidebar-content .info-panel .panel-text .name {
  margin: 3px 0 16px;
}
.sidebar-content .info-panel .panel-text .name a {
  background-color: transparent;
  padding: 0;
  display: inline-block;
  color: rgb(16, 24, 40);
  font-size: 1rem;
}
.sidebar-content .info-panel .panel-text .name a strong {
  font-weight: 400;
}
.sidebar-content .info-panel .panel-text .application-status {
  color: rgb(71, 84, 103);
  font-size: 1rem;
  font-style: italic;
}
.sidebar-content .info-panel .open-toggle {
  display: inline-flex;
  background-color: transparent;
  margin: 24px 0 24px auto;
  align-items: center;
}
.sidebar-content .info-panel .open-toggle .help-notification {
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: rgb(170, 20, 42);
  box-shadow: 0 0 0 1px rgb(239, 239, 239);
  top: 2px;
}
.sidebar-content .info-panel .open-toggle .help-notification.hidden {
  display: none;
}
.sidebar-content .info-panel .open-toggle .open-close-icon {
  width: auto;
  order: 1;
  margin-left: 8px;
}
.sidebar-content h2,
.sidebar-content h3,
.sidebar-content h4,
.sidebar-content h5 {
  margin: 0;
}
.sidebar-content h2 {
  font-size: 2em;
  color: rgb(16, 24, 40);
  line-height: 1.1;
  margin-bottom: 5px;
  padding-left: 0.5em;
}
.sidebar-content h2.application-label {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.56;
  padding: 0;
}
.sidebar-content h3 {
  font-size: 1.8em;
  margin-top: 2em;
  margin-bottom: 2em;
  font-weight: 600;
}
.sidebar-content h4 {
  font-size: 1.7em;
  line-height: 1.5em;
  padding-bottom: 0;
}
.sidebar-content h5 {
  font-size: 1.5em;
  font-weight: 300;
}
.sidebar-content h5 a {
  padding: 0.25em 0.75em;
}
.sidebar-content a {
  display: block;
  background-color: rgb(255, 255, 255);
  color: rgb(83, 56, 158);
  transition: color 0.3s, background-color 0.3s;
}
.sidebar-content a.active {
  background-color: rgb(255, 255, 255);
}
.sidebar-content a > span {
  display: block;
}
.sidebar-content .application-required-view a {
  color: rgb(170, 20, 42);
}
.sidebar-content .application-checklist-view {
  border-radius: 6px;
}
.sidebar-content .application-checklist-view.active span::before {
  opacity: 0;
}
.sidebar-content .tools-text {
  border-top: solid 1px rgb(158, 158, 158);
  margin-top: 20px;
  padding: 15px 0 5px;
  padding-left: 35px;
  font-size: 1.6em;
  font-weight: 700;
  color: rgb(106, 106, 106);
}
.sidebar-content .controls {
  padding: 30px;
  display: block;
  text-align: center;
  margin: 0;
}
.sidebar-content .controls .button-add {
  border: solid 1px #d0d5dd;
  background-color: #fff;
}
.sidebar-content .controls .button-add .button-label {
  color: #344054;
}
.sidebar-content .controls .button-add .button-icon svg path {
  stroke: #344054;
}
.sidebar-content .controls .button-add:hover {
  background-color: #f9fafb;
  border-color: #d0d5dd;
}
.sidebar-content .controls .button-add:hover span .button-icon svg path {
  stroke: #344054;
}
.sidebar-content strong {
  font-weight: 700;
}

.navigation.forms {
  padding-top: 32px;
  border-top: 1px solid rgb(214, 187, 251);
}
.navigation.tools {
  border-top: 1px solid rgb(214, 187, 251);
  margin-top: 24px;
  padding-top: 32px;
}
.navigation.tools li:last-child span:before {
  opacity: 0;
}
.navigation.tools li.active span span:before {
  opacity: 0;
}
.navigation.tools li.active span:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 0;
  background-color: rgb(105, 65, 198);
}
.navigation li {
  list-style: none;
}
.navigation li.application-form > a > span:after {
  content: "";
  background-image: url(/assets/img/chevron.svg);
  display: inline-block;
  position: absolute;
  right: 13px;
  top: 12px;
  width: 12px;
  height: 12px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: transform 0.4s ease;
}
.navigation li.application-form:last-child span:before, .navigation li.application-form.active span:before {
  opacity: 0;
}
.navigation li.application-form.active a > span:after {
  transform: rotate(180deg);
}
.navigation li.application-form.no-child a > span:after {
  display: none;
}
.navigation li a {
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.navigation li a > span {
  min-height: 40px;
  display: flex;
  align-items: center;
  padding: 8px 42px 8px 15px;
}
.navigation li a > span > svg {
  width: 24px;
  height: 24px;
  margin-right: 12px;
}
.navigation li a > span > svg path {
  stroke: rgb(127, 86, 217);
}
.navigation li ul {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s, opacity 0.3s;
}
.navigation li ul li {
  margin-left: 24px;
}
.navigation li ul li.application-section a {
  font-size: 1rem;
  color: rgb(83, 56, 158);
}
.navigation li ul li.application-section.active a {
  color: rgb(83, 56, 158);
  border: 2px solid rgb(127, 86, 217);
}
.navigation li ul li.application-section.active a > span {
  padding: 6px 38px 6px 22px;
}
.navigation li ul li.application-section.active a > span:after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 0;
  background-color: rgb(83, 56, 158);
}
.navigation li ul li.section-sub {
  margin-left: 48px;
}
.navigation li ul li.section-sub a {
  font-weight: 600;
}
.navigation li ul li.section-sub.active a {
  font-weight: 600;
}
.navigation li ul li a > span {
  padding: 8px 40px 8px 24px;
}
.navigation li.active ul {
  overflow: auto;
  max-height: 1000px;
  opacity: 1;
}
.navigation li.active ul li {
  display: block;
}

.applications-dashboard > h2 {
  font-size: 2.25rem;
  color: rgb(16, 24, 40);
  background-color: transparent;
  padding: 0;
  font-weight: 600;
}
.applications-dashboard .content-wrap {
  padding: 0;
  border: 0;
}
.applications-dashboard .content-wrap > .instruction-text {
  margin-bottom: 60px;
}
.applications-dashboard .content-wrap > .instruction-text p {
  font-size: 1.25rem;
  color: rgb(71, 84, 103);
  line-height: 1.5;
}
.applications-dashboard .controls .tabs-wrapper {
  padding: 4px;
  border-radius: 10px;
  border: solid 1px #eaecf0;
  background-color: rgb(249, 245, 255);
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 40px;
}
.applications-dashboard .controls .tabs-wrapper .application-status {
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 8px 12px;
  border-radius: 6px;
  border: 0;
  width: auto;
  margin: 0;
  min-width: auto;
}
.applications-dashboard .controls .tabs-wrapper .application-status.active {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.06), 0 1px 3px 0 rgba(16, 24, 40, 0.1);
}
.applications-dashboard .controls .tabs-wrapper .application-status.active span {
  color: rgb(52, 64, 84);
}
.applications-dashboard .controls .tabs-wrapper .application-status.active:hover span {
  color: rgb(52, 64, 84);
}
.applications-dashboard .controls .tabs-wrapper .application-status:hover span {
  color: rgb(83, 56, 158);
}
.applications-dashboard .controls .tabs-wrapper .application-status span {
  font-size: 0.875rem;
  color: #667085;
  font-weight: 600;
  transition: color 0.4s ease;
}
.applications-dashboard .controls .tabs-wrapper::after {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background-color: #eaecf0;
  position: absolute;
  bottom: -20px;
}
.applications-dashboard .apwrap {
  margin-top: 32px;
}
.applications-dashboard .apwrap table {
  border-radius: 12px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border: solid 1px #eaecf0;
  background-color: #fff;
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  margin: 0;
}
.applications-dashboard .apwrap table thead tr {
  border: solid 1px #eaecf0;
  background-color: #f9fafb;
}
.applications-dashboard .apwrap table thead tr td {
  font-size: 0.75rem;
  color: rgb(71, 84, 103);
  font-weight: 500;
  padding: 13px 10px;
  text-transform: capitalize;
}
.applications-dashboard .apwrap table tbody tr {
  border: solid 1px #eaecf0;
}
.applications-dashboard .apwrap table tbody tr:nth-child(even) {
  background-color: #f9fafb;
}
.applications-dashboard .apwrap table tbody tr td {
  padding: 22px 10px;
}
.applications-dashboard .apwrap table tbody tr td.application-listing-info span {
  margin: 0;
}
.applications-dashboard .apwrap table tbody tr td:first-child {
  text-align: center;
  padding: 22px 0;
}
.applications-dashboard .apwrap table tbody tr td.controls > span {
  display: inline-block;
  margin: 0 6px;
}
.applications-dashboard .apwrap table tbody tr td.controls > span button {
  border: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.applications-dashboard .apwrap table tbody tr td.controls > span button .button-label {
  display: none;
}
.applications-dashboard .apwrap table tbody tr .button-next {
  background-color: rgb(249, 245, 255);
  margin: 0;
  padding: 10px 14px;
}
.applications-dashboard .apwrap table tbody tr .button-next > span {
  display: inline-flex;
  align-items: center;
}
.applications-dashboard .apwrap table tbody tr .button-next > span .button-icon {
  order: 1;
  display: inline-flex;
  margin-left: 8px;
}
.applications-dashboard .apwrap table tbody tr .button-next > span .button-icon svg {
  width: 12px;
  height: 12px;
  margin: 0;
}
.applications-dashboard .apwrap table tbody tr .button-next > span .button-icon svg path {
  transition: stroke 0.3s ease;
}
.applications-dashboard .apwrap table tbody tr .button-next > span .button-label {
  transition: color 0.3s ease;
}
.applications-dashboard .apwrap table tbody tr .button-next.button-start {
  background-color: rgb(127, 86, 217);
  border-color: rgb(127, 86, 217);
}
.applications-dashboard .apwrap table tbody tr .button-next.button-start > span .button-icon svg path {
  stroke: rgb(255, 255, 255);
}
.applications-dashboard .apwrap table tbody tr .button-next.button-start > span .button-label {
  color: rgb(255, 255, 255);
}
.applications-dashboard .apwrap table tbody tr .button-next.button-start:hover {
  background-color: rgb(83, 56, 158);
}
.applications-dashboard .apwrap table tbody tr .button-next.button-continue:hover {
  border-color: rgb(214, 187, 251);
  background-color: #f4ebff;
}
.applications-dashboard .apwrap table tbody tr .button-next.button-continue:hover > span .button-icon svg path {
  stroke: rgb(83, 56, 158);
}
.applications-dashboard .apwrap table tbody tr .button-next.button-continue:hover > span .button-label {
  color: rgb(83, 56, 158);
}
.applications-dashboard .apwrap table tbody tr .application-name {
  color: rgb(105, 65, 198);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.56;
}
.applications-dashboard .apwrap table tbody tr .application-version, .applications-dashboard .apwrap table tbody tr .franchise-company-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.43;
  color: rgb(71, 84, 103);
}
.applications-dashboard .apwrap table tbody tr .franchise-company-name {
  font-weight: normal;
}
.applications-dashboard .apwrap table tbody tr .application-listing-options .button-help, .applications-dashboard .apwrap table tbody tr .application-listing-options .button-unlock {
  border: 0;
  margin: 0;
  padding: 0;
}
.applications-dashboard .apwrap table tbody tr .application-listing-options .button-help .button-label, .applications-dashboard .apwrap table tbody tr .application-listing-options .button-unlock .button-label {
  display: none;
}
.applications-dashboard .apwrap table tbody tr .application-listing-date span.application-age, .applications-dashboard .apwrap table tbody tr .application-listing-date span .application-version {
  font-weight: normal;
  line-height: 1.43;
  font-size: 0.875rem;
  font-weight: 500;
  color: rgb(71, 84, 103);
}
.applications-dashboard .apwrap .div-table.application-listing-row .application-listing-info {
  border: 0;
}
.applications-dashboard .apwrap .div-table.application-listing-row .application-listing-info .application-name {
  color: rgb(105, 65, 198);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.56;
}
.applications-dashboard .apwrap .div-table.application-listing-row .application-listing-info .application-version, .applications-dashboard .apwrap .div-table.application-listing-row .application-listing-info .franchise-company-name {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.43;
  color: rgb(71, 84, 103);
}
.applications-dashboard .apwrap .div-table.application-listing-row .application-listing-info .franchise-company-name {
  font-weight: normal;
}
.applications-dashboard .apwrap .div-table.application-listing-row .application-listing-date span {
  font-size: 0.75rem;
  font-weight: 500;
  color: rgb(71, 84, 103);
  line-height: 1.5;
}
.applications-dashboard .apwrap .div-table.application-listing-row .application-listing-date span.application-age, .applications-dashboard .apwrap .div-table.application-listing-row .application-listing-date span .application-version {
  font-weight: normal;
  line-height: 1.43;
  font-size: 0.875rem;
}
.applications-dashboard .apwrap .div-table.application-listing-row:nth-child(even) {
  background-color: #f9fafb;
}

.tooltip-container {
  width: 33vw;
  max-width: 512px;
}

.tooltip-toggle {
  background-image: url("/assets/img/tooltip.svg");
  height: 13px;
  width: 13px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 14px;
  top: 16px;
  cursor: pointer;
}
.tooltip-toggle:hover .tooltip, .tooltip-toggle:focus .tooltip {
  opacity: 1;
  visibility: visible;
}

.section-fields-radio .tooltip-toggle {
  top: 18px;
}

.tooltip {
  background-color: rgb(16, 24, 40);
  border-radius: 8px;
  padding: 12px;
  position: absolute;
  z-index: 99;
  color: rgb(255, 255, 255);
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
  bottom: calc(100% + 11px);
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: 350px;
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease;
}
.tooltip::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 14px solid rgb(16, 24, 40);
  position: absolute;
  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip > h3, .tooltip > p {
  color: rgb(255, 255, 255);
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.5;
}
.tooltip > p {
  color: #d0d5dd;
  font-weight: 500;
}
.tooltip a {
  color: rgb(249, 245, 255);
  text-decoration: underline;
}