/*
TODO:
When flash.less is fixed these two can be removed.
Waiting for jaclyne feedback

./branding/flash.less:90:      background-color:@red;
./branding/flash.less:96:      background-color:@red-secondary;
*/
/* TODO: The colors below should be removed */
/* Signview header */
.flash .success .flash-body {
  color: #ffffff;
}
.flash .success .flash-content {
  background-color: #53b688;
  color: #ffffff;
}
.flash .success .flash-close:hover {
  color: #ffffff;
}
.flash .error .flash-content {
  background-color: #b9322f;
  color: #ffffff;
}
.flash .error .flash-close:hover {
  color: #ffffff;
}
/* Button branding mixim */
.button {
  background-color: #e6e6e6;
  color: #262626;
  cursor: pointer;
  display: inline-block;
  *display: inline;
  font-family: Source Sans Pro, Helvetica Neue, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
  min-width: 50px;
  padding: 13px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transform: translateZ(0);
  -webkit-user-select: none;
  user-select: none;
  word-break: normal;
  zoom: 1;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -moz-transition: all 0.15s ease-in-out;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.button:hover,
.button:focus,
.upload-button:hover .button {
  background-color: #d9d9d9;
  -moz-transition: all 0s ease-in-out;
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
.button:active,
.button.active {
  background-color: #d9d9d9;
}
.button.button-small {
  font-size: 13px;
  line-height: 14px;
  min-width: 35px;
  padding: 8px 12px;
}
.button.button-large {
  font-size: 18px;
  line-height: 18px;
  max-height: 18px;
  padding: 17px 25px 17px;
}
.small-screen .button.button-large {
  font-size: 42px;
  line-height: 60px;
  max-height: 80px;
  padding-bottom: 25px;
}
.button.main {
  border: 1px solid #1c0e1c;
  background-color: #ffffff;
  color: #1c0e1c;
}
.button.main:hover,
.upload-button:hover .button.main {
  background-color: #ffffff;
}
.button.main:hover.inactive,
.upload-button:hover .button.main.inactive {
  background-color: #ffffff;
}
.button.main:focus {
  box-shadow: 0 0 0 2px #ffffff, inset 0px 2px #f2f2f2;
}
.button.main:active {
  background-color: #ffffff;
}
.button.action {
  background-color: #f39600;
  color: #ffffff;
}
.button.action:hover,
.upload-button:hover .button.action {
  background-color: #ffac27;
}
.button.action:hover.inactive,
.upload-button:hover .button.action.inactive {
  background-color: #f39600;
}
.button.action:focus {
  box-shadow: 0 0 0 2px #ffe7c0, inset 0px 2px #da8600;
}
.button.action:active {
  background-color: #ffac27;
}
.button.optional {
  background-color: #f39600;
  color: #ffffff;
}
.button.optional:hover,
.upload-button:hover .button.optional {
  background-color: #ffac27;
}
.button.optional:hover.inactive,
.upload-button:hover .button.optional.inactive {
  background-color: #f39600;
}
.button.optional:focus {
  box-shadow: 0 0 0 2px #ffe7c0, inset 0px 2px #da8600;
}
.button.optional:active {
  background-color: #ffac27;
}
.button.cancel {
  background-color: #b9322f;
  color: #ffffff;
}
.button.cancel:hover,
.upload-button:hover .button.cancel {
  background-color: #d14d4a;
}
.button.cancel:hover.inactive,
.upload-button:hover .button.cancel.inactive {
  background-color: #b9322f;
}
.button.cancel:focus {
  box-shadow: 0 0 0 2px #f0c5c4, inset 0px 2px #a52d2a;
}
.button.cancel:active {
  background-color: #d14d4a;
}
.button.inactive {
  cursor: default;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.button.inactive:hover {
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.button.locked {
  background-color: #ECECEC;
  color: #CCCCCC;
}
.button.locked .button-lock {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-image: url(/img/button/plus_dark.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 9px 9px;
  vertical-align: top;
  margin-left: 2px;
}
.button.locked.main {
  background-color: #ffffff;
  color: #1c0e1c;
  border-style: dashed;
}
.button.locked.main .button-lock {
  background-image: url(/img/button/plus_light.png);
}
input[type=submit].button.button-large,
button.button.button-large {
  line-height: 24px\9;
  padding: 12px 30px 13px\9;
}
input[type="submit"]::-moz-focus-inner {
  border: 0;
}
.validation-failed-msg {
  color: #b9322f;
  font-size: 14px;
  text-align: left;
}
.divider-line {
  background-image: url('/colored_image?file=divider-line.png&color=%231c0e1c');
  display: block;
  height: 2px;
  margin: 15px auto;
  width: 166px;
}
.text-negativecolor {
  color: #b9322f;
}
.text-positivecolor {
  color: #53b688;
}
header.site {
  background: none repeat scroll 0 0 #ffffff;
  border-top-color: #ffffff;
}
header.site nav ul.ct li a.page {
  color: #1c0e1c;
  text-shadow: none;
}
header.site nav ul.ct li a.page:hover {
  color: #603060;
}
header.site nav ul.ct li a.page.active {
  color: #1c0e1c;
}
/* Form fields */
.mainContainer .to-start .form-container .needs-sender-action .checkbox {
  border-color: #f39600;
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.mainContainer .to-start .form-container .field-input.optional-input {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
  border-color: #f39600;
}
.mainContainer .to-start .form-container .field-input.needs-sender-action {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
  border-color: #f39600;
}
/* Signview in general */
.to-start-signview .section.highlight {
  border-color: #f39600;
}
/* Header */
.to-start-signview .pageheader {
  background-color: #ffffff;
  color: #1c0e1c;
  font-family: verdana, sans-serif;
}
.to-start-signview .pageheader .content .sender {
  color: #1c0e1c;
  font-family: verdana, sans-serif;
}
.to-start-signview .pageheader .content .sender .inner.clickable {
  color: #1c0e1c;
  font-family: verdana, sans-serif;
}
.to-start-signview .pageheader .content .sender .inner.clickable:hover {
  color: #603060;
}
/* Instructions */
.to-start-signview .instructions.section .headline,
.to-start-signview .instructions.section .subheadline {
  font-family: verdana, sans-serif;
}
.to-start-signview .instructions.section .download {
  color: #4A4A49;
  font-family: verdana, sans-serif;
  text-decoration: underline;
}
.to-start-signview .instructions.section .download:hover {
  text-decoration: none;
}
.to-start-signview .instructions.section .download:active {
  text-decoration: underline;
}
.to-start-signview .instructions.section .arrowtext {
  color: #f39600;
}
.to-start-signview .instructions.section .arrowtext:hover {
  color: #ffac27;
}
.to-start-signview .instructions.section .arrow-legend .mandatory {
  background: url('/colored_image?file=icon-legend-mandatory.png&color=%23f39600');
}
.to-start-signview .instructions.section .arrow-legend .optional {
  background: url('/colored_image?file=icon-legend-mandatory.png&color=%23f39600');
}
/* Signatories section */
.to-start-signview .signatories.section {
  font-family: verdana, sans-serif;
}
.to-start-signview .signatories.section h2,
.to-start-signview .signatories.section .name,
.to-start-signview .signatories.section .statustext,
.to-start-signview .signatories.section .titleinfo,
.to-start-signview .signatories.section .field,
.to-start-signview .signatories.section .statusbox {
  font-family: verdana, sans-serif;
}
/* Arrows */
.to-start-signview .arrows .action-arrow.left .front {
  background: url('/colored_image?file=sign-arrow-action-left-front.png&color=%23f39600');
}
.to-start-signview .arrows .action-arrow.left .back {
  background: url('/colored_image?file=sign-arrow-action-left-back.png&color=%23f39600');
}
.to-start-signview .arrows .action-arrow.left .label {
  background: url('/colored_image?file=sign-arrow-action-label.png&color=%23f39600');
  color: #ffffff;
  font-family: verdana, sans-serif;
}
.to-start-signview .arrows .action-arrow.right .front {
  background: url('/colored_image?file=sign-arrow-action-right-front.png&color=%23f39600');
}
.to-start-signview .arrows .action-arrow.right .back {
  background: url('/colored_image?file=sign-arrow-action-right-back.png&color=%23f39600');
}
.to-start-signview .arrows .action-arrow.right .label {
  background: url('/colored_image?file=sign-arrow-action-label.png&color=%23f39600');
  color: #ffffff;
  font-family: verdana, sans-serif;
}
.to-start-signview .arrows .arrow.up {
  background: url('/colored_image?file=sign-arrow-up.png&color=%23f39600');
}
.to-start-signview .arrows .arrow.down {
  background: url('/colored_image?file=sign-arrow-down.png&color=%23f39600');
}
/* Extra details section */
.to-start-signview .extradetails.section h2,
.to-start-signview .extradetails.section .descriptionbox {
  font-family: verdana, sans-serif;
}
.to-start-signview .extradetails.section .obligatory-input {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
}
.to-start-signview .extradetails.section .obligatory-input:hover,
.to-start-signview .extradetails.section .obligatory-input.active {
  border-color: #f39600;
}
.to-start-signview .extradetails.section .obligatory-input.valid {
  border-color: #ddd;
}
/* Signatory attachments section */
.to-start-signview .section .signatoryattachments h2,
.to-start-signview .section .signatoryattachments .subtitle,
.to-start-signview .section .signatoryattachments .filename .label,
.to-start-signview .section .signatoryattachments .name,
.to-start-signview .section .signatoryattachments .description {
  font-family: verdana, sans-serif;
}
/* Author attachments section */
.to-start-signview .section .authorattachments h2,
.to-start-signview .section .authorattachments .name {
  font-family: verdana, sans-serif;
}
/* Placements */
.to-start-signview .document-pages {
  /* Texts and checkboxes */
}
.to-start-signview .document-pages .placedfield.to-fill-now {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
}
.to-start-signview .document-pages .placedfield.to-fill-now .text-inline-editing {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.to-start-signview .document-pages .placedfield.to-fill-now:hover,
.to-start-signview .document-pages .placedfield.to-fill-now.active {
  border-color: #f39600;
}
.to-start-signview .document-pages .placedfield.to-fill-now:hover.active,
.to-start-signview .document-pages .placedfield.to-fill-now.active.active {
  background-color: #FFFFFF;
}
.to-start-signview .document-pages .placedfield.to-fill-now.obligatory {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
}
.to-start-signview .document-pages .placedfield.to-fill-now.obligatory .text-inline-editing {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.to-start-signview .document-pages .placedfield.to-fill-now.obligatory:hover,
.to-start-signview .document-pages .placedfield.to-fill-now.obligatory.active {
  border-color: #f39600;
}
.to-start-signview .document-pages .placedfield.to-fill-now.obligatory:hover.active,
.to-start-signview .document-pages .placedfield.to-fill-now.obligatory.active.active {
  background-color: #FFFFFF;
}
.to-start-signview .document-pages .placedfield.to-fill-now.empty-text-field {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.to-start-signview .document-pages .placedfield.to-fill-now.empty-text-field.obligatory {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.to-start-signview .document-pages .placedfield.to-fill-now.empty-text-field.active {
  background-color: #FFFFFF;
}
.to-start-signview .document-pages .signatureBox.forDrawing {
  border-color: #f39600;
  border-color: rgba(243, 150, 0, 0.6);
}
.to-start-signview .document-pages .signatureBox.forDrawing:hover {
  border-color: #f39600;
}
.to-start-signview .document-pages .signatureBox.forDrawing.signaturePlaceholder {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.to-start-signview .document-pages .signatureBox.forDrawing.obligatory {
  border-color: #f39600;
  border-color: rgba(243, 150, 0, 0.6);
}
.to-start-signview .document-pages .signatureBox.forDrawing.obligatory:hover {
  border-color: #f39600;
}
.to-start-signview .document-pages .signatureBox.forDrawing.obligatory.signaturePlaceholder {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.global-table {
  display: table;
  height: 100%;
  width: 100%;
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffffffff);
  background-color: #ffffff;
  background-image: '/img/transparent-pixel.png';
}
.global-table .global-table-cell {
  display: table-cell;
  vertical-align: middle;
}
@media (min-width: 529px) {
  .identify-content {
    width: 514px;
  }
}
@media not all and (min-width: 529px) {
  .identify-content {
    width: 100%;
  }
}
.identify-content {
  margin: 20px auto;
}
.identify-content .identify-logo-box {
  margin: 0 auto;
  padding-bottom: 47px;
  width: 280px;
}
.identify-content .identify-logo-img {
  display: block;
  margin: 0 auto;
  max-height: 53px;
  max-width: 100%;
}
.identify-content .identify-logo-text {
  color: #1c0e1c;
  font-size: 1.123rem;
  font-weight: 400;
  line-height: 10px;
  text-align: center;
}
.identify-content .identify-box {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff1f1f1,endColorstr=#fff1f1f1);
  background-color: #f1f1f1;
  background-image: '/img/transparent-pixel.png';
}
.identify-content .identify-box-header {
  color: #505050;
  font-size: 1.625rem;
  font-weight: 300;
  letter-spacing: 0.234px;
  line-height: 26px;
  padding: 32px 34px;
  text-align: center;
}
.identify-content .identify-box-header h1 {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: -1px;
}
.identify-content .identify-box-content {
  background-color: white;
  color: #505050;
  font-size: 1.123rem;
  font-weight: 300;
  line-height: 28px;
  padding: 38px 8px;
  text-align: center;
}
.identify-content .identify-box-content b {
  font-weight: 600;
}
.identify-content .identify-box-content .redborder {
  background: transparent;
  border-color: #b9322f;
}
.identify-content .identify-box-button .button {
  margin-left: auto;
  margin-right: auto;
}
.identify-content .identify-box-button .button.disabled {
  background-color: #cccccc;
  cursor: default;
}
.identify-content .identify-box-custom-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.identify-content .identify-box-custom-buttons .button {
  width: 60%;
  max-height: fit-content;
}
@media (pointer: coarse) {
  .identify-content .identify-box-custom-buttons .button:hover {
    background-color: #f39600;
  }
}
.identify-content .identify-with-pin-box {
  text-align: left;
  width: 260px;
  margin: auto;
}
.identify-content .identify-with-pin-box .info-text-input {
  width: 234px;
}
.identify-content .identify-with-pin-box .button {
  margin-top: 6px;
  width: 196px;
}
.identify-content .identify-phone-number {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
  margin-left: 15px;
  width: 170px;
}
.identify-content .identify-phone-number:hover,
.identify-content .identify-phone-number.active {
  border-color: #f39600 !important;
}
.identify-content .identify-phone-number.valid {
  border-color: #ddd !important;
}
.identify-content .identify-box-buttons {
  display: table;
  width: 100%;
}
.identify-content .identify-box-button-select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  background-color: #f2f2f2;
  box-sizing: border-box;
  color: #262626;
  cursor: pointer;
  display: block;
  font-size: 1.123rem;
  font-weight: 400;
  line-height: 18px;
  margin-top: 20px;
  padding: 17px 25px;
  text-align: center;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  width: 100%;
}
.identify-content .identify-box-transparent-button {
  background: 0 0;
  color: #505050;
  text-decoration: underline;
  font-size: 1.123rem;
  transition: none;
}
.identify-content .identify-box-button-select:hover {
  background-color: #cccccc;
}
.identify-content .identify-box-button-select:active {
  background-color: #ffffff;
}
.identify-content .identify-box-button-selected,
.identify-content .identify-box-button-selected:hover {
  background-color: #ffffff;
}
.identify-content .identify-box-checkbox {
  margin: -4px auto;
  padding: 4px;
}
.identify-content .identify-box-checkbox:focus {
  box-shadow: 0 0 0 2px lightgrey;
}
.identify-content .identify-box-checkbox .checkbox-label {
  font-size: 1.123rem;
}
.identify-content .identify-box-heading {
  color: #505050;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 28px;
  margin-bottom: 31px;
  text-align: center;
}
.identify-content .identify-qrcode .identify-box-heading {
  font-size: 1.123rem;
  line-height: 24px;
  margin: 10px 40px;
}
.identify-content .identify-qrcode .identify-qrcode-image {
  background-image: url(/img/wait30trans.gif);
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 256px;
  height: 256px;
}
.identify-content .identify-box-spinner {
  margin-bottom: 30px;
  background-image: url(/img/wait30trans.gif);
  display: inline-block;
  width: 30px;
  height: 30px;
}
.identify-content .identify-box-cancel {
  color: #505050;
  cursor: pointer;
  font-size: 1.123rem;
  font-weight: 300;
  margin: 0 auto;
  text-align: center;
  width: 70px;
}
.identify-content .identify-box-cancel:focus {
  box-shadow: 0 0 0 2px lightgrey;
}
.identify-content .identify-box-footer {
  color: #505050;
  font-size: 1.123rem;
  font-weight: 300;
  line-height: 18px;
  overflow: hidden;
  padding: 37px 34px;
  text-align: left;
}
.identify-content .identify-box-footer b {
  font-weight: 600;
  margin-left: 2px;
}
@media (min-width: 529px) {
  .identify-content .identify-box-footer-text {
    float: left;
    width: 70%;
  }
  .identify-content .identify-box-footer-logo {
    float: right;
    line-height: 57px;
    width: 30%;
  }
  .identify-content .identify-box-footer-logo .identify-box-footer-first-logo {
    margin-right: 24px;
  }
}
@media not all and (min-width: 529px) {
  .identify-content .identify-box-footer-text {
    text-align: center;
  }
  .identify-content .identify-box-footer-logo {
    margin-top: 25px;
    text-align: center;
    height: 60px;
  }
  .identify-content .identify-box-footer-logo img {
    height: 100%;
  }
  .identify-content .identify-box-footer-logo .identify-box-footer-first-logo {
    margin-right: 24px;
  }
}
.identify-content .identify-box-footer-text {
  word-wrap: break-word;
}
.identify-content .rejection textarea {
  box-sizing: border-box;
  margin-bottom: 1em;
  width: 100%;
  height: 6em;
}
.identify-content .rejection .button-reject {
  background-color: #a93636;
  color: #fff;
  float: right;
}
.identify-content .rejection .button-reject:hover {
  background-color: #b51b1b;
}
.identify-content .rejection .button-cancel {
  float: left;
}
.identify-content .rejection .button-group:after {
  content: "";
  display: table;
  clear: both;
}
.identify-content .provider-choice {
  font-size: 1.5rem;
  display: block;
  margin: 1em 0;
  padding: 1em 0;
}
.identify-content .provider-choice .label span {
  display: inline-block;
  width: 60%;
}
.identify-content .provider-choice-mitid .label::before {
  content: "";
  display: inline-block;
  width: 34%;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: -5px;
  background-image: url(/img/provider-choice-mitid.png);
}
.identify-content .provider-choice-nemid .label::before {
  content: "";
  display: inline-block;
  width: 34%;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-bottom: -5px;
  background-image: url(/img/provider-choice-nemid.png);
}
/* Signview in general */
.signview .section.highlight {
  border-color: #f39600;
}
/* Header */
.signview .pageheader {
  background-color: #ffffff;
  color: #1c0e1c;
  font-family: verdana, sans-serif;
}
.signview .pageheader .content .sender {
  color: #1c0e1c;
  font-family: verdana, sans-serif;
}
.signview .pageheader .content .sender .inner.clickable {
  color: #1c0e1c;
  font-family: verdana, sans-serif;
}
.signview .pageheader .content .sender .inner.clickable:hover {
  color: #603060;
}
.signview .branded-checkbox .checkbox {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
  border: 2px solid #f39600;
}
.signview .branded-checkbox .checkmark {
  background-image: url("/colored_image?file=valid-input-checkbox.png&color=%23ffffff");
}
.signview .branded-checkbox .checkbox.checked {
  background: #f39600;
}
.signview .branded-optional-checkbox {
  margin-bottom: 0;
  margin-top: 10px;
}
.signview .branded-optional-checkbox .checkbox {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
  border: 2px solid #f39600;
}
.signview .branded-optional-checkbox .checkmark {
  background-image: url("/colored_image?file=valid-input-checkbox.png&color=%23ffffff");
}
.signview .branded-optional-checkbox .checkbox.checked {
  background: #f39600;
}
.signview .sign .check-done {
  background: url('/colored_image?file=check-done.png&color=%2353b688');
}
.signview .header {
  background-color: #ffffff;
  color: #1c0e1c;
}
.signview .header .main {
  background-color: #ffffff;
}
.signview .header .main .link {
  color: #1c0e1c;
}
.signview .header .main h4 {
  color: #1c0e1c;
}
.signview .header .main .download-icon {
  fill: #1c0e1c;
}
/* Instructions */
.signview .instructions .arrowtext {
  color: #f39600;
}
.signview .instructions .arrowtext:hover {
  color: #ffac27;
}
.signview .instructions .arrow-legend .mandatory {
  background: url('/colored_image?file=icon-legend-mandatory.png&color=%23f39600');
}
.signview .instructions .arrow-legend .optional {
  background: url('/colored_image?file=icon-legend-mandatory.png&color=%23f39600');
}
/* Signatories section */
.signview .signatories.section {
  font-family: verdana, sans-serif;
}
.signview .signatories.section h2,
.signview .signatories.section .name,
.signview .signatories.section .statustext,
.signview .signatories.section .titleinfo,
.signview .signatories.section .field,
.signview .signatories.section .statusbox {
  font-family: verdana, sans-serif;
}
/* Arrows */
.signview .arrows .actioncolor {
  fill: #f39600;
}
.signview .arrows .textcolor {
  fill: #ffffff;
}
.signview .obligatory-input {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df39600,endColorstr=#0df39600);
  background-color: rgba(243, 150, 0, 0.05);
  background-image: '/img/transparent-pixel.png';
}
.signview .obligatory-input:hover,
.signview .obligatory-input.active {
  border-color: #f39600;
}
.signview .obligatory-input.valid {
  border-color: #ddd;
}
.obligatory-input .after {
  background-image: url("/colored_image?file=valid-input-check.png&color=%23f39600");
}
/* Signatory attachments section */
.signview .section .signatoryattachments h2,
.signview .section .signatoryattachments .subtitle,
.signview .section .signatoryattachments .filename .label,
.signview .section .signatoryattachments .name,
.signview .section .signatoryattachments .description {
  font-family: verdana, sans-serif;
}
/* Author attachments section */
.signview .section .authorattachments h2,
.signview .section .authorattachments .name {
  font-family: verdana, sans-serif;
}
/* Placements */
.signview .document-pages {
  /* Texts and checkboxes */
}
.signview .document-pages .placedfield.to-fill-now {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
}
.signview .document-pages .placedfield.to-fill-now .info-text-input {
  background-color: transparent;
}
.signview .document-pages .placedfield.to-fill-now:hover,
.signview .document-pages .placedfield.to-fill-now.active {
  border-color: #f39600;
}
.signview .document-pages .placedfield.to-fill-now:hover.active,
.signview .document-pages .placedfield.to-fill-now.active.active {
  background-color: #FFFFFF;
}
.signview .document-pages .placedfield.to-fill-now.obligatory {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
  background: transparent;
}
.signview .document-pages .placedfield.to-fill-now.obligatory.active {
  border-color: #f39600;
}
.signview .document-pages .placedfield.to-fill-now.obligatory .placedcheckbox .full-color {
  fill: #f39600;
}
.signview .document-pages .placedfield.to-fill-now.obligatory .placedcheckbox .transparent-color {
  fill: rgba(243, 150, 0, 0.2);
  stroke: #f39600;
}
.signview .document-pages .placedfield.to-fill-now.empty-text-field {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now.empty-text-field.optional {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now.empty-text-field.active {
  background-color: #FFFFFF;
}
.signview .document-pages .placedfield.to-fill-now.empty-text-field.active.optional .text-inline-editing {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now.invalid {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now.invalid.obligatory {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now.invalid.active {
  background-color: #FFFFFF;
}
.signview .document-pages .placedfield.to-fill-now.invalid.active .text-inline-editing {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now.invalid.active.obligatory .text-inline-editing {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .placedfield.to-fill-now .placedcheckbox .full-color {
  fill: #f39600;
}
.signview .document-pages .placedfield.to-fill-now .placedcheckbox .transparent-color {
  fill: rgba(243, 150, 0, 0.2);
  stroke: #f39600;
}
.signview .document-pages .placedfield.to-fill-now.obligatory .checkbox-wrapper {
  background-color: #f39600;
}
.signview .document-pages .placedfield.to-fill-now .checkbox-wrapper {
  background-color: #f39600;
}
.signview .document-pages .placedfield.to-fill-now.js-radiobutton .underlay {
  border-color: #f39600;
}
.signview .document-pages .placedfield.to-fill-now.js-radiobutton .underlay > span {
  background-color: rgba(243, 150, 0, 0.2);
}
.signview .document-pages .placedfield.to-fill-now.js-radiobutton .radiobutton-wrapper .radiobutton {
  background-color: #f39600;
}
.signview .document-pages .signatureBox.forDrawing {
  border-color: #f39600;
  border-color: rgba(243, 150, 0, 0.6);
}
.signview .document-pages .signatureBox.forDrawing:hover {
  border-color: #f39600;
}
.signview .document-pages .signatureBox.forDrawing.signaturePlaceholder {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .document-pages .signatureBox.forDrawing.obligatory {
  border-color: #f39600;
  border-color: rgba(243, 150, 0, 0.6);
}
.signview .document-pages .signatureBox.forDrawing.obligatory:hover {
  border-color: #f39600;
}
.signview .document-pages .signatureBox.forDrawing.obligatory.signaturePlaceholder {
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33f39600,endColorstr=#33f39600);
  background-color: rgba(243, 150, 0, 0.2);
  background-image: '/img/transparent-pixel.png';
}
.signview .placement-tooltip {
  background: #fdeacc;
  border: 1px solid #f39600;
}
.signview .placement-tooltip .top #Triangle use {
  fill: #fdeacc;
}
.signview .placement-tooltip .top #Triangle path {
  stroke: #f39600;
}
.forwarded-view .pageheader {
  background-color: #ffffff;
}
.forward-textarea .obligatory-forward-input {
  border-color: #f39600;
  /* Fallback IE */
  border-color: rgba(243, 150, 0, 0.6);
  /* Fallback IE */
  /* Fallback IE */
  background-image: "/img/transparent-pixel.png";
  background: transparent;
  /* Fallback IE */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0df39600,endColorstr=#0df39600);
  background-color: rgba(243, 150, 0, 0.05);
  background-image: '/img/transparent-pixel.png';
}
.forward-textarea .obligatory-forward-input:hover,
.forward-textarea .obligatory-forward-input.active {
  border-color: #f39600;
}
.forward-textarea .obligatory-forward-input.valid {
  border-color: #ddd;
}
.forward-textarea .obligatory-forward-input input {
  background-color: transparent;
}