body {
  padding-right: 0 !important;
}

#nusign-main-container, #nusign-main-container-mb {
  padding: 0;
  overflow: hidden;
  background-color: #efefef;
}

/**
*
* CUSTOM CLASSES
 */
.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.center {
  display: block;
  margin: 0 auto;
}

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

.block {
  display: block;
}

.pl-10 {
  padding-left: 10px;
}

.mt-5 {
  margin-top: 5px;
}

.mr-5 {
  margin-right: 5px !important;
}

.fs-15 {
  font-size: 15px;
}

.hide {
  display: none !important;
}

/**
*
* RESETS
 */
.btn:focus,
.btn:active:focus {
  outline: none;
  box-shadow: none;
}

/**
*
* HEADER
 */
.header {
  width: 100%;
  height: 65px;
  border: none;
  padding: 10px 25px;
  position: fixed;
  z-index: 1039;
  background-color: #fff;
  background-image: none;
}
.header .title {
  padding-top: 5px;
  font-weight: 300;
  font-size: 18px;
}
.header .title.center {
  padding-right: 0;
}
.header .col-sm-4 {
  padding-left: 10px;
}

.header.row {
  margin-right: 0;
  margin-left: 0;
}

/**
*
* BOTTOM BANNER
 */
.bottomBanner.nusign-banner {
  margin: 0 auto 30px;
  max-width: 1020px;
}

/**
*
* FOOTER
 */
footer .row {
  margin-right: 0;
  margin-left: 0;
}
footer .row:nth-child(2) {
  margin: 10px 0 0 10px;
  display: flex;
}
footer .row:nth-child(2) .nusign-lock {
  margin-right: 2px;
  height: 45px;
  width: 30px;
  background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGFyaWEtbGFiZWxsZWRieT0idGl0bGUtcGFkbG9jayIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiPg0KCTx0aXRsZSBpZD0idGl0bGUtcGFkbG9jayIgbGFuZz0iZW4iPlBhZGxvY2s8L3RpdGxlPg0KDQoJPHBhdGggZmlsbD0iIzU3NUY2NSIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGQ9Ik0yNC41IDE0aC0wLjV2LTZjMC0zLjMtMi43LTYtNi02aC00Yy0zLjMgMC02IDIuNy02IDZ2NmgtMC41Yy0wLjggMC0xLjUgMC43LTEuNSAxLjV2MTVjMCAwLjggMC43IDEuNSAxLjUgMS41aDE3YzAuOCAwIDEuNS0wLjcgMS41LTEuNXYtMTVjMC0wLjgtMC43LTEuNS0xLjUtMS41ek0xOCAyOGgtNGwwLjktNC4zYy0wLjUtMC40LTAuOS0xLTAuOS0xLjcgMC0xLjEgMC45LTIgMi0yczIgMC45IDIgMmMwIDAuNy0wLjMgMS4zLTAuOSAxLjdsMC45IDQuM3pNMjAgMTRoLTh2LTZjMC0xLjEgMC45LTIgMi0yaDRjMS4xIDAgMiAwLjkgMiAydjZ6Ij48L3BhdGg+DQo8L3N2Zz4=");
  background-repeat: no-repeat;
}
footer .row:nth-child(2) h4, footer .row:nth-child(2) h5 {
  font-size: 13px;
  color: #1f252c;
}
footer .row:nth-child(2) h4 {
  line-height: 1.2;
  margin: 0;
}
footer .row:nth-child(2) h4 a {
  color: #b45c38;
  text-decoration: none;
}
footer .row:nth-child(2) h5 {
  margin: 1px 0;
}
@media screen and (max-width: 767px) {
  footer .row:nth-child(2) h4, footer .row:nth-child(2) h5 {
    font-size: 8px;
  }
}
footer .footer-logo {
  padding: 10px 30px;
}

.btn-container {
  padding-top: 3px;
}
.btn-container .exit-btn {
  position: relative;
  border-color: #333;
  color: #333;
  border-width: 0.2rem;
  background-color: transparent;
}
.btn-container .exit-btn:focus {
  outline: none;
}
.btn-container .exit-btn:hover {
  color: #fff;
  background-color: #333;
}

#scroll-top {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 30px;
  border: none;
  z-index: 999;
  opacity: 0.5;
  background-color: rgb(244, 104, 58);
  cursor: pointer;
  border-radius: 5px;
  padding: 5px;
  transition: all 0.2s ease-in-out;
}
#scroll-top .arrow {
  background: url("data:image/svg+xml;charset=utf8;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgZm9jdXNhYmxlPSJmYWxzZSI+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxMiA5LjgyNCAxOC41ODggMTYuNDEyIDIwIDE1IDEyIDcgNCAxNSA1LjQxMiAxNi40MTIiLz4KPC9zdmc+");
  width: 40px;
  height: 40px;
}

#scroll-top:hover {
  opacity: 0.8;
}

#scroll-top:active:focus {
  outline: none;
}

/**
*
* PREVIEW / ACTIONS CONTAINER
 */
.action-bar {
  width: 100%;
  background-color: #323232;
}

.action-bar.stiky {
  position: fixed;
  top: 63px;
  z-index: 999;
}

.action-bar.stiky-no-header {
  position: fixed;
  top: 0;
  z-index: 999;
}

/**
*
* PREVIEW CONTAINER
 */
.preview-container {
  padding-top: 2px;
}
.preview-container .collapsible {
  height: 196px;
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}
.preview-container .collapsed {
  height: 0;
}

.preview-container-bottom {
  background-color: rgba(50, 50, 50, 0.8);
}

.nusign-toolbar-main-preview {
  position: fixed;
  height: 30px;
  width: 100%;
  background-color: transparent;
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  -ms-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  transition: bottom 0.4s;
}

.scroll-bottom.bottom .preview-container-bottom .collapsed #left-shadow, .scroll-bottom.bottom .preview-container-bottom .collapsed #right-shadow {
  display: none;
}

.bottom {
  bottom: 0;
}

.bottom-open {
  bottom: 200px;
}

.nusign-collapsible-room-collapsed-open-bottom {
  height: 200px;
}

.tbp-right {
  height: 100%;
  width: 30px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 21;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  -ms-transition: right 0.4s;
  -o-transition: right 0.4s;
  transition: right 0.4s;
}

.tbp-left {
  height: 100%;
  width: 30px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 21;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  transition: left 0.4s;
}

.tbp-right a.nusign-exp-btn, .tbp-left a.nusign-exp-btn {
  left: auto;
  right: auto;
  margin-left: 0;
}

.tbp-open-right {
  right: 190px;
}

.tbp-open-left {
  left: 190px;
}

.nusign-expandable-container-left {
  width: 190px;
  height: calc(100% - 94px);
  position: fixed;
  left: -190px;
  top: 94px;
  z-index: 21;
  background-color: rgba(100, 100, 100, 0.5);
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  transition: left 0.4s;
}

.nusign-expandable-container-right {
  width: 190px;
  height: calc(100% - 94px);
  position: fixed;
  right: -190px;
  top: 94px;
  z-index: 21;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  -ms-transition: right 0.4s;
  -o-transition: right 0.4s;
  transition: right 0.4s;
  background-color: rgba(100, 100, 100, 0.5);
}

.nusign-expandable-container-left-open {
  left: 0 !important;
}

.nusign-expandable-container-right-open {
  right: 0 !important;
}

a.nusign-exp-btn {
  cursor: pointer;
  display: block;
  width: 30px;
  height: 30px;
  font-weight: 600;
  background-repeat: no-repeat;
  left: 0;
  right: 0;
  margin-left: calc(50% - 15px);
}

a.nusign-exp-btn.horizontal-top {
  position: absolute;
}

a.nusign-exp-vertical-btn {
  position: fixed;
  top: 50%;
}

a.nusign-exp-btn-less {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIGxhbmc9ImVuIj5FeHBhbmQgTGVzczwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxMiA5LjgyNCAxOC41ODggMTYuNDEyIDIwIDE1IDEyIDcgNCAxNSA1LjQxMiAxNi40MTIiLz4KPC9zdmc+");
}

a.nusign-exp-btn-more {
  background-image: url("data:image/svg+xml;charset=utf8;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLW1vcmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXhwYW5kLW1vcmUiIGxhbmc9ImVuIj5FeHBhbmQgTW9yZTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxMiAxMy41ODggNS40MTIgNyA0IDguNDEyIDEyIDE2LjQxMiAyMCA4LjQxMiAxOC41ODggNyIvPgo8L3N2Zz4=");
}

a.nusign-exp-btn-less-dark {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIGxhbmc9ImVuIj5FeHBhbmQgTGVzczwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0icmdiYSg1MCwgNTAsIDUwLCAwLjgpIiBjbGFzcz0iaWNvbnMtYmFja2dyb3VuZCIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjEyIDkuODI0IDE4LjU4OCAxNi40MTIgMjAgMTUgMTIgNyA0IDE1IDUuNDEyIDE2LjQxMiIvPgo8L3N2Zz4=");
}

a.nusign-exp-btn-more-dark {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLW1vcmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXhwYW5kLW1vcmUiIGxhbmc9ImVuIj5FeHBhbmQgTW9yZTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0icmdiYSg1MCwgNTAsIDUwLCAwLjgpIiBjbGFzcz0iaWNvbnMtYmFja2dyb3VuZCIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjEyIDEzLjU4OCA1LjQxMiA3IDQgOC40MTIgMTIgMTYuNDEyIDIwIDguNDEyIDE4LjU4OCA3Ii8+Cjwvc3ZnPgo=");
}

a.nusign-exp-btn-left-dark {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tYXJyb3ctcmlnaHQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tYXJyb3ctcmlnaHQiIGxhbmc9ImVuIj5BcnJvdyBSaWdodDwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0icmdiYSg1MCwgNTAsIDUwLCAwLjgpIiBjbGFzcz0iaWNvbnMtYmFja2dyb3VuZCIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjE0LjU4OCAxMiA4IDE4LjU4OCA5LjQxMiAyMCAxNy40MTIgMTIgOS40MTIgNCA4IDUuNDEyIi8+Cjwvc3ZnPgo=");
}

a.nusign-exp-btn-right-dark {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tYXJyb3ctbGVmdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1hcnJvdy1sZWZ0IiBsYW5nPSJlbiI+QXJyb3cgTGVmdDwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0icmdiYSg1MCwgNTAsIDUwLCAwLjgpIiBjbGFzcz0iaWNvbnMtYmFja2dyb3VuZCIgZmlsbC1ydWxlPSJldmVub2RkIiBwb2ludHM9IjkuODI0IDEyIDE2LjQxMiAxOC41ODggMTUgMjAgNyAxMiAxNSA0IDE2LjQxMiA1LjQxMiIvPgo8L3N2Zz4= ");
}

.nusign-carousel {
  /*width: 100%;*/
  padding: 15px 40px;
  background-color: rgba(190, 190, 190, 0.6);
}

.nusign-carousel-left-shadow {
  float: left;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 25%;
  background: #111;
  height: 198px;
  background: rgb(71, 71, 71);
  background: -moz-linear-gradient(left, rgb(71, 71, 71) 0%, rgb(0, 0, 0) 0%, rgba(43, 43, 43, 0.43) 57%, rgba(89, 89, 89, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgb(71, 71, 71)), color-stop(0%, rgb(0, 0, 0)), color-stop(57%, rgba(43, 43, 43, 0.43)), color-stop(100%, rgba(89, 89, 89, 0)));
  background: -webkit-linear-gradient(left, rgb(71, 71, 71) 0%, rgb(0, 0, 0) 0%, rgba(43, 43, 43, 0.43) 57%, rgba(89, 89, 89, 0) 100%);
  background: -o-linear-gradient(left, rgb(71, 71, 71) 0%, rgb(0, 0, 0) 0%, rgba(43, 43, 43, 0.43) 57%, rgba(89, 89, 89, 0) 100%);
  background: -ms-linear-gradient(left, rgb(71, 71, 71) 0%, rgb(0, 0, 0) 0%, rgba(43, 43, 43, 0.43) 57%, rgba(89, 89, 89, 0) 100%);
  background: linear-gradient(to right, rgb(71, 71, 71) 0%, rgb(0, 0, 0) 0%, rgba(43, 43, 43, 0.43) 57%, rgba(89, 89, 89, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#474747", endColorstr="#595959", GradientType=1 );
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}

.nusign-carousel-right-shadow {
  float: right;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 25%;
  height: 198px;
  background: rgba(76, 76, 76, 0);
  background: -moz-linear-gradient(left, rgba(76, 76, 76, 0) 0%, rgba(89, 89, 89, 0) 0%, rgba(43, 43, 43, 0.43) 43%, rgb(0, 0, 0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76, 76, 76, 0)), color-stop(0%, rgba(89, 89, 89, 0)), color-stop(43%, rgba(43, 43, 43, 0.43)), color-stop(100%, rgb(0, 0, 0)));
  background: -webkit-linear-gradient(left, rgba(76, 76, 76, 0) 0%, rgba(89, 89, 89, 0) 0%, rgba(43, 43, 43, 0.43) 43%, rgb(0, 0, 0) 100%);
  background: -o-linear-gradient(left, rgba(76, 76, 76, 0) 0%, rgba(89, 89, 89, 0) 0%, rgba(43, 43, 43, 0.43) 43%, rgb(0, 0, 0) 100%);
  background: -ms-linear-gradient(left, rgba(76, 76, 76, 0) 0%, rgba(89, 89, 89, 0) 0%, rgba(43, 43, 43, 0.43) 43%, rgb(0, 0, 0) 100%);
  background: linear-gradient(to right, rgba(76, 76, 76, 0) 0%, rgba(89, 89, 89, 0) 0%, rgba(43, 43, 43, 0.43) 43%, rgb(0, 0, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#4c4c4c", endColorstr="#000000", GradientType=1 );
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  -ms-transition: height 0.4s;
  -o-transition: height 0.4s;
  transition: height 0.4s;
}

.nusign-carousel-collapsed-shadow {
  height: 0;
}

.nusign-carousel-collapsed-shadow-bottom {
  height: 200px;
}

.nusign-slick-caroucel {
  top: 44%;
  position: fixed;
  width: 110px;
  /* height: 100%; */
  margin: 0 40px;
}

.slick-list {
  height: 100% !important;
  overflow: visible;
}

.slick-slide img {
  padding-bottom: 45px;
}

.nusign-slick-btn {
  position: fixed;
  width: 50px;
  height: 50px;
  margin-left: 70px;
  z-index: 15;
  cursor: pointer;
  opacity: 0;
}

.slick-btn-up {
  top: 18%;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXhwYW5kLWxlc3MiIGxhbmc9ImVuIj5FeHBhbmQgTGVzczwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxMiA5LjgyNCAxOC41ODggMTYuNDEyIDIwIDE1IDEyIDcgNCAxNSA1LjQxMiAxNi40MTIiLz4KPC9zdmc+");
}

.slick-btn-down {
  bottom: 5%;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  background-image: url("data:image/svg+xml;charset=utf8;base64,PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhwYW5kLW1vcmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXhwYW5kLW1vcmUiIGxhbmc9ImVuIj5FeHBhbmQgTW9yZTwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgcG9pbnRzPSIxMiAxMy41ODggNS40MTIgNyA0IDguNDEyIDEyIDE2LjQxMiAyMCA4LjQxMiAxOC41ODggNyIvPgo8L3N2Zz4=");
}

.slick-btn-down:hover,
.slick-btn-up:hover {
  transform: scale(1.1);
}

.nusign-collapsible-room-collapsed-vertical:hover .nusign-slick-btn,
.nusign-collapsible-room-collapsed-vertical:hover .nusign-slick-btn {
  opacity: 1;
}

.slick-vertical .slick-slide {
  transition: transform 0.3s ease;
}

.slick-current {
  transform: scale(1.15);
  cursor: pointer;
}

.nusign-slick-side-grad {
  width: 190px;
  height: 26%;
  position: fixed;
  z-index: 1;
}

.nusign-slick-up-side {
  top: 93px;
  background: rgba(19, 19, 19, 0.87);
  background: -moz-linear-gradient(top, rgba(19, 19, 19, 0.87) 0%, rgba(0, 0, 0, 0.61) 33%, rgba(71, 71, 71, 0.44) 54%, rgba(145, 145, 145, 0.25) 79%, rgba(145, 145, 145, 0.08) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(19, 19, 19, 0.87)), color-stop(33%, rgba(0, 0, 0, 0.61)), color-stop(54%, rgba(71, 71, 71, 0.44)), color-stop(79%, rgba(145, 145, 145, 0.25)), color-stop(100%, rgba(145, 145, 145, 0.08)));
  background: -webkit-linear-gradient(top, rgba(19, 19, 19, 0.87) 0%, rgba(0, 0, 0, 0.61) 33%, rgba(71, 71, 71, 0.44) 54%, rgba(145, 145, 145, 0.25) 79%, rgba(145, 145, 145, 0.08) 100%);
  background: -o-linear-gradient(top, rgba(19, 19, 19, 0.87) 0%, rgba(0, 0, 0, 0.61) 33%, rgba(71, 71, 71, 0.44) 54%, rgba(145, 145, 145, 0.25) 79%, rgba(145, 145, 145, 0.08) 100%);
  background: -ms-linear-gradient(top, rgba(19, 19, 19, 0.87) 0%, rgba(0, 0, 0, 0.61) 33%, rgba(71, 71, 71, 0.44) 54%, rgba(145, 145, 145, 0.25) 79%, rgba(145, 145, 145, 0.08) 100%);
  background: linear-gradient(to bottom, rgba(19, 19, 19, 0.87) 0%, rgba(0, 0, 0, 0.61) 33%, rgba(71, 71, 71, 0.44) 54%, rgba(145, 145, 145, 0.25) 79%, rgba(145, 145, 145, 0.08) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#131313", endColorstr="#919191", GradientType=0 );
}

.nusign-slick-down-side {
  bottom: -1px;
  background: rgba(145, 145, 145, 0.08);
  background: -moz-linear-gradient(top, rgba(145, 145, 145, 0.08) 0%, rgba(145, 145, 145, 0.25) 21%, rgba(71, 71, 71, 0.44) 46%, rgba(0, 0, 0, 0.61) 67%, rgba(19, 19, 19, 0.87) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(145, 145, 145, 0.08)), color-stop(21%, rgba(145, 145, 145, 0.25)), color-stop(46%, rgba(71, 71, 71, 0.44)), color-stop(67%, rgba(0, 0, 0, 0.61)), color-stop(100%, rgba(19, 19, 19, 0.87)));
  background: -webkit-linear-gradient(top, rgba(145, 145, 145, 0.08) 0%, rgba(145, 145, 145, 0.25) 21%, rgba(71, 71, 71, 0.44) 46%, rgba(0, 0, 0, 0.61) 67%, rgba(19, 19, 19, 0.87) 100%);
  background: -o-linear-gradient(top, rgba(145, 145, 145, 0.08) 0%, rgba(145, 145, 145, 0.25) 21%, rgba(71, 71, 71, 0.44) 46%, rgba(0, 0, 0, 0.61) 67%, rgba(19, 19, 19, 0.87) 100%);
  background: -ms-linear-gradient(top, rgba(145, 145, 145, 0.08) 0%, rgba(145, 145, 145, 0.25) 21%, rgba(71, 71, 71, 0.44) 46%, rgba(0, 0, 0, 0.61) 67%, rgba(19, 19, 19, 0.87) 100%);
  background: linear-gradient(to bottom, rgba(145, 145, 145, 0.08) 0%, rgba(145, 145, 145, 0.25) 21%, rgba(71, 71, 71, 0.44) 46%, rgba(0, 0, 0, 0.61) 67%, rgba(19, 19, 19, 0.87) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#919191", endColorstr="#131313", GradientType=0 );
}

.nusign-mark-container {
  width: 110px;
  position: relative;
  margin: auto auto -22px auto;
  top: -6px;
  right: -94px;
}

.nusign-mark-container-slick {
  width: 110px;
  position: relative;
  margin: auto auto -22px auto;
  top: -201px;
  right: -94px;
}

.nusign-img-top-mark {
  width: 16px;
  height: auto;
  background-color: #f4cf3a;
  position: relative;
  padding: 1px;
  font-size: 18px;
  transition: all 0.3s ease;
}

.nusign-img-top-mark-accepted {
  width: 16px;
  height: auto;
  background-color: #36b872;
  position: relative;
  padding: 1px;
  font-size: 18px;
  transition: all 0.3s ease;
}

.nusign-img-top-mark-icon {
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXJyb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXJyb3IiIGxhbmc9ImVuIj5FcnJvcjwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI0LDEyIEMyNCwxOC42MjcgMTguNjI3NzUsMjQgMTIsMjQgQzUuMzcyMjUsMjQgMCwxOC42MjcgMCwxMiBDMCw1LjM3MyA1LjM3MjI1LDAgMTIsMCBDMTguNjI3NzUsMCAyNCw1LjM3MyAyNCwxMiBaIE0xMiwyIEM2LjQ3NzE0Mjg2LDIgMiw2LjQ3NzE0Mjg2IDIsMTIgQzIsMTcuNTIyODU3MSA2LjQ3NzE0Mjg2LDIyIDEyLDIyIEMxNy41MjI4NTcxLDIyIDIyLDE3LjUyMjg1NzEgMjIsMTIgQzIyLDYuNDc3MTQyODYgMTcuNTIyODU3MSwyIDEyLDIgWiBNMTEsMTQgTDExLDYgTDEzLDYgTDEzLDE0IEwxMSwxNCBaIE0xMSwxOCBMMTEsMTYgTDEzLDE2IEwxMywxOCBMMTEsMTggWiIvPgo8L3N2Zz4=");
}

.nusign-img-top-mark-icon-none {
  width: 14px;
  height: 14px;
}

.nusign-img-top-mark-none {
  width: 16px;
  height: auto;
  position: relative;
  padding: 1px;
  font-size: 18px;
}

.vmc_active .nusign-img-top-mark,
.vmc_active .nusign-img-top-mark-accepted {
  margin: auto auto -20px auto;
  z-index: 1;
  top: -10px;
  right: 40px;
  transform: scale(1.15);
}

.vmc-centered {
  padding: 10px 0;
}

.vmc-centered img {
  transition: all 0.3s ease;
}

.vmc_active img {
  cursor: pointer;
}

.vmc-centered .vmc_active img {
  transform: scale(1.15);
}

.vmc-arrow-left, .vmc-arrow-right {
  z-index: 9;
}

/**
*
* ACTIONS CONTAINER
 */
.nusign-icons-pagename-container {
  min-height: 34px;
  margin-left: 35px;
  margin-right: 35px;
  display: flex;
  align-items: center;
}

.nusign-icons-pagename-left {
  padding: 7px;
  display: inherit;
}

.nusign-icons-pagename-left > span {
  color: #fff;
}

.nusign-icons-pagename-right {
  padding: 7px;
  display: inline-block;
}

.col-6 {
  width: 50%;
}

.user-icons {
  width: 16px;
  height: 16px;
  cursor: pointer;
  background-repeat: no-repeat;
  margin-right: 15px;
}

.user-icons-btn {
  padding: 0 5px;
  font-size: 11px;
  margin-right: 15px;
  background-color: transparent;
  border-color: #ccc;
}

.user-icons-btn-desk {
  color: #fff;
}

.user-icons-btn-mb {
  color: #000 !important;
}

.user-icons-btn:hover {
  color: #efefef;
}

.user-icons-btn:focus {
  outline: none;
  color: #fff;
}

.icon-print {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tcHJpbnQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tcHJpbnQiIGxhbmc9ImVuIj5QcmludDwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLDE4IEwyMCwyNCBMNCwyNCBMNCwxOCBMMCwxOCBMMCw5IEMtMi4wMjkwNjEyNWUtMTYsNy4zNDMxNDU3NSAxLjM0MzE0NTc1LDYgMyw2IEwyMSw2IEMyMi42NTY4NTQyLDYgMjQsNy4zNDMxNDU3NSAyNCw5IEwyNCwxOCBMMjAsMTggWiBNNiwxNCBMMTgsMTQgTDE4LDIyIEw2LDIyIEw2LDE0IFogTTIwLjUsMTEgQzE5LjY3MTU3MjksMTEgMTksMTAuMzI4NDI3MSAxOSw5LjUgQzE5LDguNjcxNTcyODggMTkuNjcxNTcyOSw4IDIwLjUsOCBDMjEuMzI4NDI3MSw4IDIyLDguNjcxNTcyODggMjIsOS41IEMyMiwxMC4zMjg0MjcxIDIxLjMyODQyNzEsMTEgMjAuNSwxMSBaIE00LDAgTDIwLDAgTDIwLDQgTDQsNCBMNCwwIFoiLz4KPC9zdmc+");
}

.icon-download-file {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZG93bmxvYWQtZmlsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1kb3dubG9hZC1maWxlIiBsYW5nPSJlbiI+RG93bmxvYWQgRmlsZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQsMCBMMTYsMCBMMjIsNiBMMjIsMjIgQzIyLDIzLjEwNDU2OTUgMjEuMTA0NTY5NSwyNCAyMCwyNCBMNCwyNCBDMi44OTU0MzA1LDI0IDIsMjMuMTA0NTY5NSAyLDIyIEwyLDIgTDIsMiBDMiwwLjg5NTQzMDUgMi44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDQsMCBMNCwwIFogTTQsMiBMNCwyMiBMMjAsMjIgTDIwLDYgTDE2LDYgTDE2LDIgTDQsMiBaIE0xMCwxMCBMMTAsMTQgTDcsMTQgTDEyLDIwIEwxNywxNCBMMTQsMTQgTDE0LDEwIEwxMCwxMCBaIi8+Cjwvc3ZnPg==");
}

.icon-add-circle {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tYWRkLWNpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1hZGQtY2lyY2xlIiBsYW5nPSJlbiI+QWRkIENpcmNsZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI0LDEyIEMyNCwxOC42MjcgMTguNjI3NzUsMjQgMTIsMjQgQzUuMzcyMjUsMjQgMCwxOC42MjcgMCwxMiBDMCw1LjM3MyA1LjM3MjI1LDAgMTIsMCBDMTguNjI3NzUsMCAyNCw1LjM3MyAyNCwxMiBaIE0xMiwyIEM2LjQ3NzE0Mjg2LDIgMiw2LjQ3NzE0Mjg2IDIsMTIgQzIsMTcuNTIyODU3MSA2LjQ3NzE0Mjg2LDIyIDEyLDIyIEMxNy41MjI4NTcxLDIyIDIyLDE3LjUyMjg1NzEgMjIsMTIgQzIyLDYuNDc3MTQyODYgMTcuNTIyODU3MSwyIDEyLDIgWiBNMTEsMTEgTDExLDYgTDEzLDYgTDEzLDExIEwxOCwxMSBMMTgsMTMgTDEzLDEzIEwxMywxOCBMMTEsMTggTDExLDEzIEw2LDEzIEw2LDExIEwxMSwxMSBaIi8+Cjwvc3ZnPg==");
}

.icon-exit {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhpdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1leGl0IiBsYW5nPSJlbiI+RXhpdDwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjAxNDQyODQsMy40MTY4MjAwNyBMMTIuNDE0MjEzNiwxMy4wMTcwMzQ5IEwxMSwxMS42MDI4MjE0IEwyMC42MDI4MjE0LDIgTDE2LjAxNDQyODQsMiBMMTYuMDE0NDI4NCwwIEwyNC4wMTQ0Mjg0LDAgTDI0LjAxNDQyODQsOCBMMjIuMDE0NDI4NCw4IEwyMi4wMTQ0Mjg0LDMuNDE2ODIwMDcgWiBNMTIsMCBMMTIsMiBDNi40NzcxNDI4NiwyIDIsNi40NzcxNDI4NiAyLDEyIEMyLDE3LjUyMjg1NzEgNi40NzcxNDI4NiwyMiAxMiwyMiBDMTcuNTIyODU3MSwyMiAyMiwxNy41MjI4NTcxIDIyLDEyIEwyNCwxMiBDMjQsMTguNjI3IDE4LjYyNzc1LDI0IDEyLDI0IEM1LjM3MjI1LDI0IDAsMTguNjI3IDAsMTIgQzAsNS4zNzMgNS4zNzIyNSwwIDEyLDAgWiIvPgo8L3N2Zz4K");
}

.icon-add-circle-mb {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tYWRkLWNpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1hZGQtY2lyY2xlIiBsYW5nPSJlbiI+QWRkIENpcmNsZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQsMTIgQzI0LDE4LjYyNyAxOC42Mjc3NSwyNCAxMiwyNCBDNS4zNzIyNSwyNCAwLDE4LjYyNyAwLDEyIEMwLDUuMzczIDUuMzcyMjUsMCAxMiwwIEMxOC42Mjc3NSwwIDI0LDUuMzczIDI0LDEyIFogTTEyLDIgQzYuNDc3MTQyODYsMiAyLDYuNDc3MTQyODYgMiwxMiBDMiwxNy41MjI4NTcxIDYuNDc3MTQyODYsMjIgMTIsMjIgQzE3LjUyMjg1NzEsMjIgMjIsMTcuNTIyODU3MSAyMiwxMiBDMjIsNi40NzcxNDI4NiAxNy41MjI4NTcxLDIgMTIsMiBaIE0xMSwxMSBMMTEsNiBMMTMsNiBMMTMsMTEgTDE4LDExIEwxOCwxMyBMMTMsMTMgTDEzLDE4IEwxMSwxOCBMMTEsMTMgTDYsMTMgTDYsMTEgTDExLDExIFoiLz4KPC9zdmc+");
}

.icon-remove-circle {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tcmVtb3ZlLWNpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1yZW1vdmUtY2lyY2xlIiBsYW5nPSJlbiI+UmVtb3ZlIENpcmNsZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI0LDEyIEMyNCwxOC42MjcgMTguNjI3NzUsMjQgMTIsMjQgQzUuMzcyMjUsMjQgMCwxOC42MjcgMCwxMiBDMCw1LjM3MyA1LjM3MjI1LDAgMTIsMCBDMTguNjI3NzUsMCAyNCw1LjM3MyAyNCwxMiBaIE0xMiwyIEM2LjQ3NzE0Mjg2LDIgMiw2LjQ3NzE0Mjg2IDIsMTIgQzIsMTcuNTIyODU3MSA2LjQ3NzE0Mjg2LDIyIDEyLDIyIEMxNy41MjI4NTcxLDIyIDIyLDE3LjUyMjg1NzEgMjIsMTIgQzIyLDYuNDc3MTQyODYgMTcuNTIyODU3MSwyIDEyLDIgWiBNNiwxMSBMMTgsMTEgTDE4LDEzIEw2LDEzIEw2LDExIFoiLz4KPC9zdmc+");
}

.icon-remove-circle-mb {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tcmVtb3ZlLWNpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1yZW1vdmUtY2lyY2xlIiBsYW5nPSJlbiI+UmVtb3ZlIENpcmNsZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjQsMTIgQzI0LDE4LjYyNyAxOC42Mjc3NSwyNCAxMiwyNCBDNS4zNzIyNSwyNCAwLDE4LjYyNyAwLDEyIEMwLDUuMzczIDUuMzcyMjUsMCAxMiwwIEMxOC42Mjc3NSwwIDI0LDUuMzczIDI0LDEyIFogTTEyLDIgQzYuNDc3MTQyODYsMiAyLDYuNDc3MTQyODYgMiwxMiBDMiwxNy41MjI4NTcxIDYuNDc3MTQyODYsMjIgMTIsMjIgQzE3LjUyMjg1NzEsMjIgMjIsMTcuNTIyODU3MSAyMiwxMiBDMjIsNi40NzcxNDI4NiAxNy41MjI4NTcxLDIgMTIsMiBaIE02LDExIEwxOCwxMSBMMTgsMTMgTDYsMTMgTDYsMTEgWiIvPgo8L3N2Zz4K");
}

.icon-normal-window {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNyAxNy4wMSI+CjxkZWZzPgo8c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+Cjx0aXRsZT5OdVNpZ25JY29uX1doaXRlX0ZpdFdpZHRoPC90aXRsZT4KPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS40MiwwaDguNWw0LjI1LDQuMjVWMTUuNTlBMS40MiwxLjQyLDAsMCwxLDEyLjc2LDE3SDEuNDJBMS40MiwxLjQyLDAsMCwxLDAsMTUuNTlWMS40MkgwQTEuNDEsMS40MSwwLDAsMSwxLjQyLDBabTAsMS40MlYxNS41OUgxMi43NlY0LjI1SDkuOTJWMS40MloiLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNi44MyA4LjQ5IDUuMiA4LjQ5IDUuMiA3LjAxIDIuNzUgOS4wNSA1LjIgMTEuMDkgNS4yIDkuNjIgNi44MyA5LjYyIDYuODMgOC40OSIvPgo8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNy4zNCA5LjYyIDguOTcgOS42MiA4Ljk3IDExLjA5IDExLjQyIDkuMDUgOC45NyA3LjAxIDguOTcgOC40OSA3LjM0IDguNDkgNy4zNCA5LjYyIi8+Cjwvc3ZnPg==");
}

.icon-full-window {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNyAxNy4wMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5OdVNpZ25JY29uX1doaXRlX0ZpdEhlaWdodDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMS40MiwwaDguNWw0LjI1LDQuMjVWMTUuNTlBMS40MiwxLjQyLDAsMCwxLDEyLjc2LDE3SDEuNDJBMS40MiwxLjQyLDAsMCwxLDAsMTUuNTlWMS40MkgwQTEuNDEsMS40MSwwLDAsMSwxLjQyLDBabTAsMS40MlYxNS41OUgxMi43NlY0LjI1SDkuOTJWMS40MloiLz48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNi41MiAxMC4xOCA2LjUyIDExLjgxIDUuMDQgMTEuODEgNy4wOSAxNC4yNiA5LjEzIDExLjgxIDcuNjUgMTEuODEgNy42NSAxMC4xOCA2LjUyIDEwLjE4Ii8+PHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjcuNjUgNi44MyA3LjY1IDUuMiA5LjEzIDUuMiA3LjA5IDIuNzUgNS4wNCA1LjIgNi41MiA1LjIgNi41MiA2LjgzIDcuNjUgNi44MyIvPjwvc3ZnPg==");
}

.icon-opt-out {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tbW92ZS1mcm9tIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHRpdGxlIGlkPSJ0aXRsZS1pY29uLW1vdmUtZnJvbSIgbGFuZz0iZW4iPk1vdmUgRnJvbTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGQ9Ik0yLDAgTDIwLDAgQzIxLjExLDAgMjIsMC45IDIyLDIgTDIyLDcgTDIwLDUgTDIwLDIgTDIsMiBMMiwyMiBMMjAsMjIgTDIwLDE5IEwyMiwxNyBMMjIsMjIgQzIyLDIzLjEgMjEuMTEsMjQgMjAsMjQgTDIsMjQgQzAuOSwyNCAwLDIzLjEgMCwyMiBMMCwyIEMwLDAuOSAwLjksMCAyLDAgWiBNMjQsMTIgTDE4LjAxNSwxOCBMMTguMDE1LDE0IEwxMCwxNCBMMTAsMTAgTDE4LjAxNSwxMCBMMTguMDE1LDYgTDI0LDEyIFoiLz4KPC9zdmc+");
}

.icon-decline {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNTYsMEMxMTQuODQ0LDAsMCwxMTQuODQ0LDAsMjU2czExNC44NDQsMjU2LDI1NiwyNTZzMjU2LTExNC44NDQsMjU2LTI1NlMzOTcuMTU2LDAsMjU2LDB6IE0yNTYsNDQ4CgkJCWMtMTA1Ljg2NSwwLTE5Mi04Ni4xMzUtMTkyLTE5MmMwLTQwLjQwNiwxMi4yNS03OC42MDQsMzUuNTQyLTExMS4xOThsMjY3LjY1NiwyNjcuNjU2QzMzNC42MDQsNDM1Ljc1LDI5Ni40MDYsNDQ4LDI1Niw0NDh6CgkJCSBNNDEyLjQ1OCwzNjcuMTk4TDE0NC44MDIsOTkuNTQyQzE3Ny4zOTYsNzYuMjUsMjE1LjU5NCw2NCwyNTYsNjRjMTA1Ljg2NSwwLDE5Miw4Ni4xMzUsMTkyLDE5MgoJCQlDNDQ4LDI5Ni40MDYsNDM1Ljc1LDMzNC42MDQsNDEyLjQ1OCwzNjcuMTk4eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPg==");
}

.nusign-confirm-header, .nusign-not-signable-header {
  height: 45px;
  width: 100%;
  padding: 4px 0;
  background-color: #36B872;
  color: #fff;
  position: fixed;
  top: 98px;
  z-index: 20;
  box-shadow: 0px 5px 10px 0px rgb(150, 150, 150);
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -ms-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
}

#nusign-wa-confirm-container.nusign-confirm-header {
  top: 97px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#nusign-wa-confirm-container.nusign-confirm-header button.web-accept {
  padding: 2px 20px;
  margin-left: 15px;
  background-color: transparent;
  border-color: #ccc;
}
#nusign-wa-confirm-container.nusign-confirm-header button.web-accept:hover {
  background-color: rgba(255, 255, 255, 0.8196078431);
}

.nusign-not-signable-header {
  background-color: #d20212;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nusign-not-signable-header span a {
  color: #fff;
  cursor: pointer;
}
.nusign-not-signable-header span a:hover,
.nusign-not-signable-header span a:focus {
  text-decoration: underline;
}

.nusign-not-signable-header.disclosure {
  background-color: #575756;
  margin-top: -4px;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 20px;
  height: unset;
}
.nusign-not-signable-header.disclosure button.btn {
  color: #fff;
  margin-left: 15px;
  background: transparent;
  border: 1px solid #fff;
  height: 22px;
  min-width: 75px;
  font-size: 11px;
  padding: 0px 5px;
}
.nusign-not-signable-header.disclosure button.btn:hover {
  background: #fff;
  color: #333;
}

.left-icons-container {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  margin-top: -5px;
  margin-left: 20px;
}

.nusign-confirm-header-top-left-icons {
  /*display: block;*/
  width: 20px;
  height: 20px;
  background: no-repeat;
  margin-right: 10px;
}

.edit-icon {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24td3JpdGUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24td3JpdGUiIGxhbmc9ImVuIj5Xcml0ZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGQ9Ik0wLDIyIEwyNCwyMiBMMjQsMjQgTDAsMjQgTDAsMjIgWiBNMiwxNS4wMDA2OTQzIEwyLDIwIEw2Ljk5OTMwNTY1LDIwIEwxNy43NDM5MjQ1LDkuMjU1MzgxMiBMMTIuNzQ0NjE4OCw0LjI1NjA3NTU1IEwyLDE1LjAwMDY5NDMgWiBNMjEuNjEwMDU0Miw1LjM4OTI1MTQ5IEMyMi4xMjk5ODE5LDQuODY5MzIzNzEgMjIuMTI5OTgxOSw0LjAyOTQ0MDM2IDIxLjYxMDA1NDIsMy41MDk1MTI1NyBMMTguNDkwNDg3NCwwLjM4OTk0NTg0MSBDMTcuOTcwNTU5NiwtMC4xMjk5ODE5NDcgMTcuMTMwNjc2MywtMC4xMjk5ODE5NDcgMTYuNjEwNzQ4NSwwLjM4OTk0NTg0MSBMMTQuMTcxMDg3MywyLjgyOTYwNyBMMTkuMTcwMzkzLDcuODI4OTEyNjUgTDIxLjYxMDA1NDIsNS4zODkyNTE0OSBaIi8+Cjwvc3ZnPgo=");
}

.checked-icon {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQzNy4wMTksNzQuOThDMzg4LjY2NywyNi42MjksMzI0LjM4LDAsMjU2LDBDMTg3LjYxOSwwLDEyMy4zMzEsMjYuNjI5LDc0Ljk4LDc0Ljk4QzI2LjYyOCwxMjMuMzMyLDAsMTg3LjYyLDAsMjU2CgkJCXMyNi42MjgsMTMyLjY2Nyw3NC45OCwxODEuMDE5QzEyMy4zMzIsNDg1LjM3MSwxODcuNjE5LDUxMiwyNTYsNTEyYzY4LjM4LDAsMTMyLjY2Ny0yNi42MjksMTgxLjAxOS03NC45ODEKCQkJQzQ4NS4zNzEsMzg4LjY2Nyw1MTIsMzI0LjM4LDUxMiwyNTZTNDg1LjM3MSwxMjMuMzMzLDQzNy4wMTksNzQuOTh6IE0yNTYsNDgyQzEzMS4zODMsNDgyLDMwLDM4MC42MTcsMzAsMjU2UzEzMS4zODMsMzAsMjU2LDMwCgkJCXMyMjYsMTAxLjM4MywyMjYsMjI2UzM4MC42MTcsNDgyLDI1Niw0ODJ6Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzc4LjMwNSwxNzMuODU5Yy01Ljg1Ny01Ljg1Ni0xNS4zNTUtNS44NTYtMjEuMjEyLDAuMDAxTDIyNC42MzQsMzA2LjMxOWwtNjkuNzI3LTY5LjcyNwoJCQljLTUuODU3LTUuODU3LTE1LjM1NS01Ljg1Ny0yMS4yMTMsMGMtNS44NTgsNS44NTctNS44NTgsMTUuMzU1LDAsMjEuMjEzbDgwLjMzMyw4MC4zMzNjMi45MjksMi45MjksNi43NjgsNC4zOTMsMTAuNjA2LDQuMzkzCgkJCWMzLjgzOCwwLDcuNjc4LTEuNDY1LDEwLjYwNi00LjM5M2wxNDMuMDY2LTE0My4wNjZDMzg0LjE2MywxODkuMjE1LDM4NC4xNjMsMTc5LjcxNywzNzguMzA1LDE3My44NTl6Ii8+Cgk8L2c+CjwvZz4KCjwvc3ZnPg==");
}

.nusign-confirm-message {
  text-align: center;
}

.confirm-nuBtn {
  padding: 4px 20px !important;
  margin-left: 25px;
  background: transparent;
  border: 1px solid #fff;
  letter-spacing: 0.1rem;
  color: #fff;
}

.confirm-nuBtn:focus {
  outline: none !important;
  color: #fff;
}

.confirm-nuBtn:hover {
  color: #36B872;
  background-color: #fff;
  border-color: #36B872;
}

/**
*
* DOCUMENTS CONTAINER
 */
#nusign-body {
  /*width: 100%;*/
  /*height: 100%;*/
  padding: 110px 0 50px 0;
  /*overflow-x: auto;*/
  overflow-y: hidden;
}
#nusign-body .nusign-logout-container {
  max-width: 1080px;
  background: #fff;
  border-radius: 7px;
  border: 1px solid #d4d4d4;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff h1 {
  margin: 20px 0 27px;
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  text-align: center;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff h2 {
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  text-align: center;
  margin: 25px;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff ul {
  list-style-type: none;
  margin: 0 auto;
  max-width: 470px;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff li {
  margin-bottom: 40px;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff li div {
  padding-left: 50px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff li i.icon {
  display: table-cell;
  height: 24px;
  width: 24px;
  float: left;
  position: absolute;
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff li i.icon-tick {
  background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZpZXdCb3g9IjI4NC4zMjEgMTA0Ljk4NSAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPiAgPHBhdGggY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGQ9Ik0gMjg0LjMyMSAxMTYuOTg1IEwgMjk0LjA3MSAxMjguOTg1IEMgMjk0LjA3MSAxMjguOTg1IDMwMi45OTYgMTExLjM2IDMwOC4zMjEgMTA0Ljk4NSBDIDMwMS42NDYgMTA4LjIxIDI5My4zMjEgMTE5Ljk4NSAyOTMuMzIxIDExOS45ODUgTCAyODcuMzIxIDExNC43MzUgTCAyODQuMzIxIDExNi45ODUgWiIgc3R5bGU9ImZpbGw6IHJnYigzMSwgMzcsIDQ0KTsiLz48L3N2Zz4=");
}
#nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff li i.icon-phone {
  height: 34px;
  width: 34px;
  background-image: url("data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIGFyaWEtbGFiZWxsZWRieT0idGl0bGUtdGVsZXBob25lIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAzMiAzMiI+DQoJPHRpdGxlIGlkPSJ0aXRsZS10ZWxlcGhvbmUiIGxhbmc9ImVuIj5UZWxlcGhvbmU8L3RpdGxlPg0KDQoJPHBhdGggZmlsbD0iIzFGMjUyQyIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGQ9Ik05LjksMTAuOGMtMS4yLDAuOS0wLjQsMi41LDAuNiw0LjFjMS40LDIuMiwzLDQuMyw0LjQsNS44YzEuNywxLjgsMi44LDIuOCwzLjcsMi44YzAuMywwLDAuNS0wLjEsMC44LTAuMyBsNi4yLDguMWMtMC40LDAuMy0xLjMsMC43LTIuNywwLjdjLTMuMiwwLTguNi0xLjktMTUtMTAuNUMtMC44LDkuNywyLjQsMy43LDMuNiwyLjVMOS45LDEwLjh6IE0yMywyMC43Yy0wLjIsMC0wLjUsMC4xLTAuNywwLjIgbC0yLjMsMS44bDYuMiw4LjFsMi4zLTEuOGwwLDBjMC41LTAuNCwwLjYtMS4xLDAuMi0xLjZsMCwwbC00LjgtNi4zQzIzLjcsMjAuOSwyMy40LDIwLjcsMjMsMjAuNyBNNy4yLDBDNywwLDYuNywwLjEsNi41LDAuMiBMNC4yLDJsNi4zLDguM2wyLjMtMS44djBjMC41LTAuNCwwLjYtMS4xLDAuMi0xLjZsMCwwbC01LTYuNUM3LjksMC4xLDcuNSwwLDcuMiwwIi8+DQo8L3N2Zz4=");
}
@media (min-width: 1024px) {
  #nusign-body .nusign-logout-container {
    margin: 10px auto 45px;
  }
  #nusign-body .nusign-logout-container .nusign-docs-list {
    padding: 38px 95px;
  }
  #nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff {
    min-height: calc(100vh - 355px);
  }
}
@media screen and (max-width: 767px) {
  #nusign-body .nusign-logout-container {
    margin: 110px auto 45px;
  }
  #nusign-body .nusign-logout-container .nusign-docs-list {
    padding: 38px 30px;
  }
  #nusign-body .nusign-logout-container .nusign-docs-list .nusign-logoff {
    min-height: calc(100vh - 335px);
  }
}

.nusign-body-no-jumbotron {
  /*padding: 110px 0px 50px 0px !important;*/
}

.nusign-body-no-jumbotron-no-header {
  padding: 50px 0 50px 0 !important;
}

.doc-container {
  position: relative;
  margin: 40px auto;
  -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
  color-adjust: exact !important; /*Firefox*/
}

#doc-container-wa.doc-container {
  width: 1024px;
}

#doc-container-wa.web-accept-dp {
  background-color: #fff;
}

#doc-container-wa > *:not(.pager-main) {
  margin: 0 auto;
}

.zoom-up {
  transform-origin: left top 0;
}

.zoom-down {
  transform-origin: center top 0;
}

.nusign-doc-viewer {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
}
.nusign-doc-viewer .hidden-page-text {
  margin: 0 auto;
  padding-top: 30px;
  width: max-content;
}

.sign-field {
  width: 100px;
  height: 40px;
  z-index: 999;
  position: fixed;
  border: none;
  background-color: #666;
  padding-left: 0;
}

.sign-field-left-open {
  width: 35px;
  left: 190px !important;
  background-color: transparent;
}

.sign-field-right-open {
  width: 35px;
  right: 190px !important;
  background-color: transparent;
}

.sign-field:focus {
  outline: none;
}

.sign-field-back {
  top: 120px;
  -webkit-transition: top 0.4s, left 0.4s, right 0.4s;
  -moz-transition: top 0.4s, left 0.4s, right 0.4s;
  -ms-transition: top 0.4s, left 0.4s, right 0.4s;
  -o-transition: top 0.4s, left 0.4s, right 0.4s;
  transition: top 0.4s, left 0.4s, right 0.4s;
}

.sign-field-back-no-header {
  top: 60px;
  -webkit-transition: top 0.4s, left 0.4s;
  -moz-transition: top 0.4s, left 0.4s;
  -ms-transition: top 0.4s, left 0.4s;
  -o-transition: top 0.4s, left 0.4s;
  transition: top 0.4s, left 0.4s;
}

.sign-field-next {
  bottom: 20px;
  -webkit-transition: left 0.4s, right 0.4s;
  -moz-transition: left 0.4s, right 0.4s;
  -ms-transition: left 0.4s, right 0.4s;
  -o-transition: left 0.4s, right 0.4s;
  transition: left 0.4s, right 0.4s;
}

.fields-back {
  top: 165px;
  -webkit-transition: top 0.4s, left 0.4s, right 0.4s;
  -moz-transition: top 0.4s, left 0.4s, right 0.4s;
  -ms-transition: top 0.4s, left 0.4s, right 0.4s;
  -o-transition: top 0.4s, left 0.4s, right 0.4s;
  transition: top 0.4s, left 0.4s, right 0.4s;
}

.fields-next {
  bottom: 65px;
  -webkit-transition: top 0.4s, left 0.4s, right 0.4s;
  -moz-transition: top 0.4s, left 0.4s, right 0.4s;
  -ms-transition: top 0.4s, left 0.4s, right 0.4s;
  -o-transition: top 0.4s, left 0.4s, right 0.4s;
  transition: top 0.4s, left 0.4s, right 0.4s;
}

.marks-mark-container {
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  padding-left: 10px;
}

.nav-fields-container {
  width: 100%;
}

.arrow-icon,
.edit-f-icon {
  display: block;
  width: 22px;
  height: 22px;
  background: no-repeat;
}

.arrow-icon.arrow-up {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU2IDUwNGMxMzcgMCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4em0wLTQ0OGMxMTAuNSAwIDIwMCA4OS41IDIwMCAyMDBzLTg5LjUgMjAwLTIwMCAyMDBTNTYgMzY2LjUgNTYgMjU2IDE0NS41IDU2IDI1NiA1NnptMjAgMzI4aC00MGMtNi42IDAtMTItNS40LTEyLTEyVjI1NmgtNjdjLTEwLjcgMC0xNi0xMi45LTguNS0yMC41bDk5LTk5YzQuNy00LjcgMTIuMy00LjcgMTcgMGw5OSA5OWM3LjYgNy42IDIuMiAyMC41LTguNSAyMC41aC02N3YxMTZjMCA2LjYtNS40IDEyLTEyIDEyeiI+PC9wYXRoPjwvc3ZnPg==");
}

.arrow-icon.arrow-down {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjU2IDhDMTE5IDggOCAxMTkgOCAyNTZzMTExIDI0OCAyNDggMjQ4IDI0OC0xMTEgMjQ4LTI0OFMzOTMgOCAyNTYgOHptMCA0NDhjLTExMC41IDAtMjAwLTg5LjUtMjAwLTIwMFMxNDUuNSA1NiAyNTYgNTZzMjAwIDg5LjUgMjAwIDIwMC04OS41IDIwMC0yMDAgMjAwem0tMzItMzE2djExNmgtNjdjLTEwLjcgMC0xNiAxMi45LTguNSAyMC41bDk5IDk5YzQuNyA0LjcgMTIuMyA0LjcgMTcgMGw5OS05OWM3LjYtNy42IDIuMi0yMC41LTguNS0yMC41aC02N1YxNDBjMC02LjYtNS40LTEyLTEyLTEyaC00MGMtNi42IDAtMTIgNS40LTEyIDEyeiI+PC9wYXRoPjwvc3ZnPg==");
}

.arrow-icon.signature-file {
  width: 23px;
  height: 22px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJmaWxlLXNpZ25hdHVyZSIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtZmlsZS1zaWduYXR1cmUgZmEtdy0xOCBmYS0zeCI+Cgk8cGF0aCBmaWxsPSIjZmZmIiBkPSJNNTYwLjgzIDEzNS45NmwtMjQuNzktMjQuNzljLTIwLjIzLTIwLjI0LTUzLTIwLjI2LTczLjI2IDBMMzg0IDE4OS43MnYtNTcuNzVjMC0xMi43LTUuMS0yNS0xNC4xLTMzLjk5TDI4Ni4wMiAxNC4xYy05LTktMjEuMi0xNC4xLTMzLjg5LTE0LjFINDcuOTlDMjEuNS4xIDAgMjEuNiAwIDQ4LjA5djQxNS45MkMwIDQ5MC41IDIxLjUgNTEyIDQ3Ljk5IDUxMmgyODguMDJjMjYuNDkgMCA0Ny45OS0yMS41IDQ3Ljk5LTQ3Ljk5di04MC41NGM2LjI5LTQuNjggMTIuNjItOS4zNSAxOC4xOC0xNC45NWwxNTguNjQtMTU5LjNjOS43OS05Ljc4IDE1LjE3LTIyLjc5IDE1LjE3LTM2LjYzcy01LjM4LTI2Ljg0LTE1LjE2LTM2LjYzek0yNTYuMDMgMzIuNTljMi44LjcgNS4zIDIuMSA3LjQgNC4ybDgzLjg4IDgzLjg4YzIuMSAyLjEgMy41IDQuNiA0LjIgNy40aC05NS40OFYzMi41OXptOTUuOTggNDMxLjQyYzAgOC44LTcuMiAxNi0xNiAxNkg0Ny45OWMtOC44IDAtMTYtNy4yLTE2LTE2VjQ4LjA5YzAtOC44IDcuMi0xNi4wOSAxNi0xNi4wOWgxNzYuMDR2MTA0LjA3YzAgMTMuMyAxMC43IDIzLjkzIDI0IDIzLjkzaDEwMy45OHY2MS41M2wtNDguNTEgNDguMjRjLTMwLjE0IDI5Ljk2LTQ3LjQyIDcxLjUxLTQ3LjQ3IDExNC0zLjkzLS4yOS03LjQ3LTIuNDItOS4zNi02LjI3LTExLjk3LTIzLjg2LTQ2LjI1LTMwLjM0LTY2LTE0LjE3bC0xMy44OC00MS42MmMtMy4yOC05LjgxLTEyLjQ0LTE2LjQxLTIyLjc4LTE2LjQxcy0xOS41IDYuNTktMjIuNzggMTYuNDFMMTAzIDM3Ni4zNmMtMS41IDQuNTgtNS43OCA3LjY0LTEwLjU5IDcuNjRIODBjLTguODQgMC0xNiA3LjE2LTE2IDE2czcuMTYgMTYgMTYgMTZoMTIuNDFjMTguNjIgMCAzNS4wOS0xMS44OCA0MC45Ny0yOS41M0wxNDQgMzU0LjU4bDE2LjgxIDUwLjQ4YzQuNTQgMTMuNTEgMjMuMTQgMTQuODMgMjkuNSAyLjA4bDcuNjYtMTUuMzNjNC4wMS04LjA3IDE1LjgtOC41OSAyMC4yMi4zNEMyMjUuNDQgNDA2LjYxIDIzOS45IDQxNS43IDI1NiA0MTZoMzJjMjIuMDUtLjAxIDQzLjk1LTQuOSA2NC4wMS0xMy42djYxLjYxem0yNy40OC0xMTguMDVBMTI5LjAxMiAxMjkuMDEyIDAgMCAxIDI4OCAzODR2LS4wM2MwLTM0LjM1IDEzLjctNjcuMjkgMzguMDYtOTEuNTFsMTIwLjU1LTExOS44NyA1Mi44IDUyLjgtMTE5LjkyIDEyMC41N3pNNTM4LjIgMTg2LjZsLTIxLjE5IDIxLjE5LTUyLjgtNTIuOCAyMS4yLTIxLjE5YzcuNzMtNy43MyAyMC4yNy03Ljc0IDI4LjAxIDBsMjQuNzkgMjQuNzljNy43MiA3LjczIDcuNzIgMjAuMjctLjAxIDI4LjAxeiIgY2xhc3M9IiI+Cgk8L3BhdGg+Cjwvc3ZnPg==");
}

.edit-f-icon {
  width: 23px;
  height: 22px;
  margin-right: 6px;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJlZGl0IiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDU3NiA1MTIiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1lZGl0IGZhLXctMTggZmEtM3giPgoJPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQxNy44IDMxNS41bDIwLTIwYzMuOC0zLjggMTAuMi0xLjEgMTAuMiA0LjJWNDY0YzAgMjYuNS0yMS41IDQ4LTQ4IDQ4SDQ4Yy0yNi41IDAtNDgtMjEuNS00OC00OFYxMTJjMC0yNi41IDIxLjUtNDggNDgtNDhoMjkyLjNjNS4zIDAgOCA2LjUgNC4yIDEwLjJsLTIwIDIwYy0xLjEgMS4xLTIuNyAxLjgtNC4yIDEuOEg0OGMtOC44IDAtMTYgNy4yLTE2IDE2djM1MmMwIDguOCA3LjIgMTYgMTYgMTZoMzUyYzguOCAwIDE2LTcuMiAxNi0xNlYzMTkuN2MwLTEuNi42LTMuMSAxLjgtNC4yem0xNDUuOS0xOTEuMkwyNTEuMiA0MzYuOGwtOTkuOSAxMS4xYy0xMy40IDEuNS0yNC43LTkuOC0yMy4yLTIzLjJsMTEuMS05OS45TDQ1MS43IDEyLjNjMTYuNC0xNi40IDQzLTE2LjQgNTkuNCAwbDUyLjYgNTIuNmMxNi40IDE2LjQgMTYuNCA0MyAwIDU5LjR6bS05My42IDQ4LjRMNDAzLjQgMTA2IDE2OS44IDMzOS41bC04LjMgNzUuMSA3NS4xLTguMyAyMzMuNS0yMzMuNnptNzEtODUuMmwtNTIuNi01Mi42Yy0zLjgtMy44LTEwLjItNC0xNC4xIDBMNDI2IDgzLjNsNjYuNyA2Ni43IDQ4LjQtNDguNGMzLjktMy44IDMuOS0xMC4yIDAtMTQuMXoiIGNsYXNzPSIiPjwvcGF0aD4KPC9zdmc+");
}

.nusign-badge {
  text-align: center;
  background: #ec4f1b;
  font-weight: bold;
  color: #fff;
  width: 22px;
  border-radius: 50%;
  height: 22px;
  position: relative;
  left: 12px;
}

.nusign-badge-left-open {
  left: -10px;
}

.nusign-badge-right-open {
  left: 6px;
}

.sign-number {
  display: block;
  font-size: 12px;
  padding-top: 2px;
}

.doc-icon {
  display: block;
  width: 24px;
  height: 24px;
  background: no-repeat;
  margin: 0 auto;
  background-position: 0 -384px;
}

/* Signature Fields */
.signpost, .signpost-optional {
  position: absolute;
  background-color: #f4cf3a;
  margin-left: -80px;
  color: #000;
  text-decoration: none;
  padding: 4px 10px 4px 15px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
}

.signpost:hover, .signpost-optional:hover {
  text-decoration: none;
  color: #000;
  cursor: default;
}

.signpost:after, .signpost-optional:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  width: 0;
  border-width: 18px;
  border-style: solid;
  border-color: #f4cf3a;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.signpost-optional {
  background-color: #a6d4f5;
}

.signpost-optional:after {
  border-color: #a6d4f5;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.signpost-accepted {
  position: absolute;
  background-color: #37B871;
  margin-left: -40px;
  color: #fff;
  text-decoration: none;
  padding: 4px 15px 4px 20px;
  height: 35px;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
}

.signpost-accepted:hover {
  text-decoration: none;
  color: #fff;
  cursor: default;
}

.signpost-accepted:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  width: 0;
  border-width: 18px;
  border-style: solid;
  border-color: #36B872;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.accepted-icon {
  display: block;
  width: 20px;
  height: 20px;
  background: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tdGljayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi10aWNrIiBsYW5nPSJlbiI+VGljazwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI2IiBwb2ludHM9IjguNiAxNS42IDQuNCAxMS40IDMgMTIuOCA4LjYgMTguNCAyMC42IDYuNCAxOS4yIDUiLz4KPC9zdmc+");
}

.nusign-btn-sign {
  height: 50px;
  background-color: transparent;
  border: 1px solid #F4CF3A;
  color: #000000;
  position: absolute;
  border-radius: 2px;
}

.nusign-btn-sign:hover {
  background: #FFEDB5;
}

.nusign-btn-sign:focus {
  outline: 1px solid #F4CF3A !important;
}

.nusign-signature-hidden-section {
  position: absolute;
  background-color: transparent;
}

.nusign-btn-sign-accepted {
  height: 40px;
  background-color: transparent;
  border: 1px solid #36B872;
  color: rgb(0, 0, 0);
  position: absolute;
}

.field-on-focus,
.nusign-btn-sign.signature-on-focus {
  -webkit-box-shadow: 0px 0px 11px 2px rgb(162, 162, 162);
  box-shadow: 0px 0px 11px 2px rgb(162, 162, 162);
}

.nusign-btn-sign-accepted:focus {
  outline: 1px solid #36B872;
}

.capture-accepted {
  padding: 0;
}

/* Input Fields */
.elements-input {
  position: absolute;
  display: flex;
}
.elements-input textarea {
  resize: none;
}
.elements-input textarea:focus {
  outline: none;
}
.elements-input input, .elements-input label, .elements-input select {
  border-radius: 2px;
  color: #000;
}
.elements-input input[type=radio]:focus, .elements-input input[type=checkbox]:focus {
  outline-offset: 0;
}
.elements-input input:disabled {
  cursor: not-allowed;
  background-color: #e0dfdf;
}
@media screen and (max-width: 767px) {
  .elements-input select {
    padding: 0;
    font-size: 7px;
  }
  .elements-input select option {
    padding: 0;
  }
  .elements-input input, .elements-input label, .elements-input textarea {
    font-size: 8px;
  }
  .elements-input input[type=checkbox], .elements-input input[type=radio] {
    margin: 0;
    height: 8px;
    width: 8px;
  }
  .elements-input .form-control {
    padding: 0;
  }
}
.elements-input .popover {
  min-width: 215px;
}
.elements-input .popover-title {
  display: none;
}
.elements-input .popover.bottom {
  z-index: 998;
  bottom: auto;
}
.elements-input .popover.bottom .popover-content, .elements-input .popover.bottom .popover.title {
  display: flex;
  padding: 6px 14px;
}
.elements-input .popover.bottom .popover-content .popover-warn-icon, .elements-input .popover.bottom .popover.title .popover-warn-icon {
  margin-right: 10px;
  height: 18px;
  width: 18px;
  background: url("data:image/svg+xml;charset=utf8;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDUwNy40MjUgNTA3LjQyNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTA3LjQyNSA1MDcuNDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxwYXRoIHN0eWxlPSJmaWxsOiNGRkM1MkY7IiBkPSJNMzI5LjMxMiwxMjkuMTEybDEzLjYsMjJsMTUwLjgsMjQyLjRjMjIuNCwzNiw2LDY1LjItMzYuOCw2NS4yaC00MDYuNGMtNDIuNCwwLTU5LjItMjkuNi0zNi44LTY1LjYKCWwxOTguOC0zMjAuOGMyMi40LTM2LDU4LjgtMzYsODEuMiwwTDMyOS4zMTIsMTI5LjExMnoiLz4KPGc+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRjRFRkVGOyIgZD0iTTI1My43MTIsMzQzLjUxMmMtMTAuOCwwLTIwLTguOC0yMC0yMHYtMTQzLjJjMC0xMC44LDkuMi0yMCwyMC0yMHMyMCw4LjgsMjAsMjB2MTQzLjIKCQlDMjczLjcxMiwzMzQuMzEyLDI2NC41MTIsMzQzLjUxMiwyNTMuNzEyLDM0My41MTJ6Ii8+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRjRFRkVGOyIgZD0iTTI1My4zMTIsNDA3LjExMmMtNS4yLDAtMTAuNC0yLTE0LTZjLTMuNi0zLjYtNi04LjgtNi0xNHMyLTEwLjQsNi0xNGMzLjYtMy42LDguOC02LDE0LTYKCQlzMTAuNCwyLDE0LDZjMy42LDMuNiw2LDguOCw2LDE0cy0yLDEwLjQtNiwxNEMyNjMuNzEyLDQwNC43MTIsMjU4LjUxMiw0MDcuMTEyLDI1My4zMTIsNDA3LjExMnoiLz4KPC9nPgo8cGF0aCBkPSJNNDU2LjkxMiw0NjUuNTEyaC00MDYuNGMtMjIsMC0zOC40LTcuNi00Ni0yMS42cy01LjYtMzIuOCw2LTUxLjJsMTk4LjgtMzIxLjZjMTEuNi0xOC44LDI3LjItMjkuMiw0NC40LTI5LjJsMCwwCgljMTYuOCwwLDMyLjQsMTAsNDMuNiwyOC40bDM1LjIsNTYuNGwwLDBsMTMuNiwyMmwxNTAuOCwyNDMuNmMxMS42LDE4LjQsMTMuNiwzNy4yLDYsNTEuMgoJQzQ5NS4zMTIsNDU3LjkxMiw0NzguOTEyLDQ2NS41MTIsNDU2LjkxMiw0NjUuNTEyeiBNMjUzLjMxMiw0OS45MTJMMjUzLjMxMiw0OS45MTJjLTE0LDAtMjcuMiw4LjgtMzcuNiwyNS4ybC0xOTguOCwzMjEuNgoJYy0xMCwxNi0xMiwzMS42LTUuNiw0My4yczIwLjQsMTcuNiwzOS4yLDE3LjZoNDA2LjRjMTguOCwwLDMyLjgtNi40LDM5LjItMTcuNmM2LjQtMTEuMiw0LjQtMjcuMi01LjYtNDMuMmwtMTUwLjgtMjQzLjZsLTEzLjYtMjIKCWwtMzUuMi01Ni40QzI4MC41MTIsNTguNzEyLDI2Ny4zMTIsNDkuOTEyLDI1My4zMTIsNDkuOTEyeiIvPgo8cGF0aCBkPSJNMjQ5LjcxMiwzNDcuNTEyYy0xMy4yLDAtMjQtMTAuOC0yNC0yNHYtMTQzLjJjMC0xMy4yLDEwLjgtMjQsMjQtMjRzMjQsMTAuOCwyNCwyNHYxNDMuMgoJQzI3My43MTIsMzM2LjcxMiwyNjIuOTEyLDM0Ny41MTIsMjQ5LjcxMiwzNDcuNTEyeiBNMjQ5LjcxMiwxNjQuMzEyYy04LjgsMC0xNiw3LjItMTYsMTZ2MTQzLjJjMCw4LjgsNy4yLDE2LDE2LDE2czE2LTcuMiwxNi0xNgoJdi0xNDMuMkMyNjUuNzEyLDE3MS41MTIsMjU4LjUxMiwxNjQuMzEyLDI0OS43MTIsMTY0LjMxMnoiLz4KPHBhdGggZD0iTTI0OS43MTIsNDExLjExMkwyNDkuNzEyLDQxMS4xMTJjLTYuNCwwLTEyLjQtMi40LTE2LjgtNi44Yy00LjQtNC40LTYuOC0xMC44LTYuOC0xNi44YzAtNi40LDIuNC0xMi40LDYuOC0xNi44CgljNC40LTQuNCwxMC44LTcuMiwxNi44LTcuMmM2LjQsMCwxMi40LDIuNCwxNi44LDcuMmM0LjQsNC40LDcuMiwxMC40LDcuMiwxNi44cy0yLjQsMTIuNC03LjIsMTYuOAoJQzI2Mi4xMTIsNDA4LjMxMiwyNTYuMTEyLDQxMS4xMTIsMjQ5LjcxMiw0MTEuMTEyeiBNMjQ5LjcxMiwzNzEuMTEyYy00LDAtOC40LDEuNi0xMS4yLDQuOGMtMi44LDIuOC00LjgsNy4yLTQuOCwxMS4yCgljMCw0LjQsMS42LDguNCw0LjgsMTEuMmMyLjgsMi44LDcuMiw0LjgsMTEuMiw0LjhzOC40LTEuNiwxMS4yLTQuOGMyLjgtMi44LDQuOC03LjIsNC44LTExLjJzLTEuNi04LjQtNC44LTExLjIKCUMyNTguMTEyLDM3Mi43MTIsMjUzLjcxMiwzNzEuMTEyLDI0OS43MTIsMzcxLjExMnoiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
}

.elements-input.elements-input-seletable-ck {
  margin: -3px 0 0 1px;
}

.elements-input.elements-input-seletable-rd {
  margin: -2px 0 0 1px;
}

.asterisk:after {
  position: relative;
  content: " *";
  left: 3px;
  top: -2px;
  color: #d20212;
  font-size: 20px;
}

.text {
  text-indent: 6px;
  font-weight: normal;
  border: solid 2px #ccc;
  background-color: transparent;
  cursor: default;
  z-index: 0;
}

.label {
  border: solid 1px #ccc;
  background-color: #f0f0f0;
  text-align: left;
}

/**
*
* DATE PICKER
 */
.input-group-addon {
  margin-left: -22px;
  margin-right: 5px;
}
.input-group-addon .calendar-icon {
  width: 16px;
  height: 16px;
  display: block;
  margin: 25% auto;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tY2FsZW5kYXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tY2FsZW5kYXIiIGxhbmc9ImVuIj5DYWxlbmRhcjwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzY5NzI3ZSIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLDIgTDIyLDIgQzIzLjEwNDU2OTUsMiAyNCwyLjg5NTQzMDUgMjQsNCBMMjQsMjIgQzI0LDIzLjEwNDU2OTUgMjMuMTA0NTY5NSwyNCAyMiwyNCBMMiwyNCBDMC44OTU0MzA1LDI0IDEuMzUyNzA3NWUtMTYsMjMuMTA0NTY5NSAwLDIyIEwwLDQgQy0xLjM1MjcwNzVlLTE2LDIuODk1NDMwNSAwLjg5NTQzMDUsMiAyLDIgTDQsMiBMNCwwIEw2LDAgTDYsMiBMMTgsMiBMMTgsMCBMMjAsMCBMMjAsMiBaIE0yLDggTDIsMjIgTDIyLDIyIEwyMiw4IEwyLDggWiBNMTQsMTQgTDIwLDE0IEwyMCwyMCBMMTQsMjAgTDE0LDE0IFoiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
}

/**
*
* MODALS
 */
/* Accept Signature */
#nusign-modal-optOut,
#nusign-modal-decline {
  top: 22% !important;
}
#nusign-modal-optOut .modal-header,
#nusign-modal-decline .modal-header {
  padding-top: 0;
}
#nusign-modal-optOut .modal-body,
#nusign-modal-decline .modal-body {
  padding-top: 1px;
}
#nusign-modal-optOut .modal-body h5, #nusign-modal-optOut .modal-body p,
#nusign-modal-decline .modal-body h5,
#nusign-modal-decline .modal-body p {
  text-align: justify;
  line-height: 1.8rem;
  font-size: 0.9em;
  margin: 0 0 10px;
}
#nusign-modal-optOut .modal-body h5,
#nusign-modal-decline .modal-body h5 {
  font-weight: bold;
}
#nusign-modal-optOut .modal-body form,
#nusign-modal-decline .modal-body form {
  padding-top: 15px;
}
#nusign-modal-optOut .modal-body form legend,
#nusign-modal-decline .modal-body form legend {
  color: #4c715d;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 2px 0;
}
#nusign-modal-optOut .modal-body form label.error,
#nusign-modal-decline .modal-body form label.error {
  color: red;
  font-weight: normal;
  font-size: 11px;
}
#nusign-modal-optOut .modal-body div textarea,
#nusign-modal-decline .modal-body div textarea {
  resize: none;
  width: 95%;
  height: 10vh;
  margin-left: 5%;
  margin-top: 5px;
  padding: 0 5px;
}
#nusign-modal-optOut .modal-body div textarea.error,
#nusign-modal-decline .modal-body div textarea.error {
  background: #edd;
}
#nusign-modal-optOut .modal-body div textarea:focus,
#nusign-modal-decline .modal-body div textarea:focus {
  outline: none;
}
#nusign-modal-optOut .modal-footer,
#nusign-modal-decline .modal-footer {
  padding-top: 5px;
}
#nusign-modal-optOut .modal-footer #declineButton-ok,
#nusign-modal-optOut .modal-footer #optOutButton-ok,
#nusign-modal-decline .modal-footer #declineButton-ok,
#nusign-modal-decline .modal-footer #optOutButton-ok {
  min-width: 4vw;
  margin-left: 5px;
}

.nusignModal {
  top: 25% !important;
  font-family: "Open Sans", sans-serif;
}
.nusignModal .btn-default {
  text-transform: uppercase;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  font-size: 14px;
}
.nusignModal .btn-default.rotate-left {
  padding: 7px;
  min-width: auto;
}
.nusignModal .btn-default.rotate-left span {
  width: 18px;
  height: 18px;
  float: left;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik04IDBjLTMgMC01LjYgMS42LTYuOSA0LjFsLTEuMS0xLjF2NGg0bC0xLjUtMS41YzEtMiAzLjEtMy41IDUuNS0zLjUgMy4zIDAgNiAyLjcgNiA2cy0yLjcgNi02IDZjLTEuOCAwLTMuNC0wLjgtNC41LTIuMWwtMS41IDEuM2MxLjQgMS43IDMuNiAyLjggNiAyLjggNC40IDAgOC0zLjYgOC04cy0zLjYtOC04LTh6Ij48L3BhdGg+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
}
.nusignModal .btn-default.rotate-right {
  padding: 7px;
  min-width: auto;
}
.nusignModal .btn-default.rotate-right span {
  width: 18px;
  height: 18px;
  float: left;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CjxwYXRoIGZpbGw9IiM0NDQ0NDQiIGQ9Ik0xNiA3di00bC0xLjEgMS4xYy0xLjMtMi41LTMuOS00LjEtNi45LTQuMS00LjQgMC04IDMuNi04IDhzMy42IDggOCA4YzIuNCAwIDQuNi0xLjEgNi0yLjhsLTEuNS0xLjNjLTEuMSAxLjMtMi43IDIuMS00LjUgMi4xLTMuMyAwLTYtMi43LTYtNnMyLjctNiA2LTZjMi40IDAgNC41IDEuNSA1LjUgMy41bC0xLjUgMS41aDR6Ij48L3BhdGg+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
}
.nusignModal .btn-primary {
  color: #fff;
  background: #36B872;
  border: 1px solid #36B872;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
  margin-left: 5px;
}
.nusignModal .btn-primary:hover {
  background: #30a064;
}
.nusignModal .upload-hidden {
  height: 0;
  overflow: hidden;
  display: none;
}

.close {
  margin-top: -25px !important;
  margin-right: -20px;
  color: red !important;
  font-size: 30px;
}

.close:hover {
  opacity: 0.3;
}

.close:focus {
  outline: none;
}

.modal-open {
  overflow: overlay;
}

.modal-content {
  border-radius: 0;
}

.modal-header {
  margin-top: 15px;
  border-bottom: 0;
  padding-left: 20px;
}

.modal-title {
  color: #36B872;
  text-transform: uppercase;
  font-size: 1.2em;
}

.confirm-text-modal-body {
  color: #36B872;
}

.modal-body {
  padding-left: 20px;
  padding-right: 20px;
}
.modal-body form > div {
  display: flex;
  align-items: center;
  margin: 5px 0;
}
.modal-body form > div input[type=radio] {
  margin: 0 5px 0 0;
}

.modal-footer {
  border-top: none;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: center;
}

#nusign-modal-confirm {
  padding-left: 20px;
  padding-right: 20px;
  text-transform: uppercase;
}

#nusign-modal-cancel-on-confirm {
  margin-right: 10px;
  background: transparent;
  border: 1px solid #848484;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 992px) {
  .modal-md {
    width: 775px;
    max-width: 775px;
  }
}
@media (min-width: 768px) {
  .modal-sm {
    max-width: 430px !important;
  }
  #nusignModal-required .modal-sm {
    width: 400px;
  }
  #nusign-modal-decline .modal-md,
  #nusign-modal-optOut .modal-md {
    width: 550px;
    max-width: 100%;
  }
  #nusign-modal-capture .nav > li {
    cursor: pointer;
  }
  #nusign-modal-capture .tab-content .modal-body .form-group > label {
    margin-right: 15px;
  }
  #nusign-modal-capture .tab-content .modal-body .form-group > input.form-control {
    display: inline;
    width: 40%;
  }
  #nusign-modal-capture .tab-content .modal-body .img-preview {
    margin-top: 10px;
    height: 155px;
    border: 1px solid #c7c7c7;
    overflow: hidden;
  }
  #nusign-modal-capture .tab-content .modal-body .info-cropper {
    margin-top: 10px;
    height: 155px;
  }
  #nusign-modal-capture .tab-content .modal-body .info-cropper h3 {
    text-align: center;
  }
  #nusign-modal-capture .tab-content .modal-body .click-to-sign-btn-cont {
    width: 50%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 15px;
  }
  #nusign-modal-capture .tab-content .modal-body .click-to-sign-btn-cont button {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  #nusign-modal-capture .modal-header {
    border-bottom: 1px solid #dee2e6;
  }
  #nusign-modal-capture .modal-footer {
    display: block;
    overflow: hidden;
  }
  #nusign-modal-capture #capture-container {
    width: unset;
  }
}
.tabs-below {
  padding-bottom: 10px;
  border-bottom-width: 0;
  border-top: 1px solid #dee2e6;
  background-color: #f3f5fa;
}
.tabs-below .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  font-weight: 600;
}
.tabs-below .nav-item {
  margin-bottom: 0;
  margin-top: -1px;
}
.tabs-below .nav-item.show .nav-link,
.tabs-below .nav-link.active {
  border-color: #fff #dee2e6 #dee2e6 #dee2e6;
}

/**
*
* MOBILE
 */
/* main container */
.col-sm-2-mb {
  width: 16%;
}

.col-sm-5-mb {
  width: 50%;
}

.col-sm-8-mb {
  width: 64%;
}

#nusign-main-container-mb {
  padding: 0;
  overflow: hidden;
  background-color: rgb(235, 243, 248);
}
#nusign-main-container-mb .elements-input-seletable-ck.asterisk:after,
#nusign-main-container-mb .elements-input-seletable-rd.asterisk:after {
  top: -8px;
}
#nusign-main-container-mb .modal-content-mb {
  background-color: #fff;
}
#nusign-main-container-mb .click-to-sign-btn-cont {
  text-align: center;
}
#nusign-main-container-mb .click-to-sign-btn-cont #clickToSign-ok {
  width: 50%;
  margin-left: 0;
}
#nusign-main-container-mb .modal-body .canvas-container {
  border: 1px solid #c4caac;
  background: #fff;
}
#nusign-main-container-mb .bottomBanner.nusign-banner {
  padding-left: 10px;
  padding-right: 20px;
}

/* header */
.nusign-header-mb {
  width: 100%;
  height: auto;
  border: none;
  display: inline-block;
  padding: 10px 15px 10px 15px;
  position: fixed;
  z-index: 1039;
  top: 0;
  left: 0;
  background-color: #fff;
  background-image: unset;
}

.doc-container-mb {
  position: relative;
  margin: 104px auto -10px auto;
}

#nusign-body.info-banner .doc-container-mb {
  margin-top: 138px;
}

#doc-container-wa.doc-container-mb {
  background-color: #fff;
  margin-top: 140px;
}

.doc-container-confirmed-mb {
  margin: 70px auto -10px auto !important;
}

#nusign-menu-container-mb {
  width: 60%;
  background-color: #e6e6e6;
  position: absolute;
  top: 54px;
  right: 12px;
  -webkit-box-shadow: -2px 10px 18px -9px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -2px 10px 18px -9px rgba(0, 0, 0, 0.75);
  box-shadow: -2px 10px 18px -9px rgba(0, 0, 0, 0.75);
  padding-left: 10px;
}

.nusign-btn-menu-container {
  position: absolute;
  top: 10px;
  right: 25px;
  width: 35px;
  height: 35px;
  padding: 5px;
  background-color: transparent;
  border-radius: 4px;
}

.nusign-btn-menu-container-not-collapsed {
  background-color: #e6e6e6;
}

.nusign-portal-container-mb {
  text-align: right;
  padding-top: 2px;
}

.nusign-nav-btn-mb {
  font-size: 1rem;
  border-color: #333;
  color: #333;
  border-width: 0.1rem;
  background-color: transparent;
}

.nusign-navbar-toggle-mb {
  border: none;
  width: 25px;
  height: 25px;
  background: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4wIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNMCA4OEMwIDc0LjcgMTAuNyA2NCAyNCA2NEg0MjRjMTMuMyAwIDI0IDEwLjcgMjQgMjRzLTEwLjcgMjQtMjQgMjRIMjRDMTAuNyAxMTIgMCAxMDEuMyAwIDg4ek0wIDI0OGMwLTEzLjMgMTAuNy0yNCAyNC0yNEg0MjRjMTMuMyAwIDI0IDEwLjcgMjQgMjRzLTEwLjcgMjQtMjQgMjRIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0ek00NDggNDA4YzAgMTMuMy0xMC43IDI0LTI0IDI0SDI0Yy0xMy4zIDAtMjQtMTAuNy0yNC0yNHMxMC43LTI0IDI0LTI0SDQyNGMxMy4zIDAgMjQgMTAuNyAyNCAyNHoiLz48L3N2Zz4=");
}

.navbar-toggle {
  padding: 0px;
  margin-right: 0;
  margin-top: 0;
}

.nusign-navbar-nav {
  margin-bottom: 8px;
}

.nusign-navbar-nav li {
  height: 40px;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  width: 100%;
}

/* container body */
.nusign-pager-main-mb {
  width: 100%;
  height: 35px;
  margin: 0 auto;
}

.nusign-pager-container-mb {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 11px;
  margin: 0 auto;
  padding: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nusign-pager-container-mb::before,
.nusign-pager-container-mb::after {
  background: rgba(68, 137, 176, 0.5);
  height: 1px;
  flex: 1;
  content: "";
}

.nusign-pager-container-mb span {
  margin: 0 30px;
  color: rgba(52, 52, 52, 0.8);
}

.nusign-display-container-mb {
  position: fixed;
  top: 72px;
  width: 100%;
  height: 35px;
  background-color: rgba(50, 50, 50, 0.8);
  z-index: 9;
  display: flex;
  /* justify-content: start; */
  align-items: center;
  -webkit-box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 0px 2px 7px 1px rgba(0, 0, 0, 0.36);
}

.nusign-display-left-container {
  width: 15%;
  float: left;
  display: flex;
  justify-content: start;
  align-items: center;
}

.nusign-display-right-container {
  white-space: nowrap;
}
.nusign-display-right-container #nusign-page-name {
  color: #fff;
  font-size: 14px;
}

.edit-icon-mb {
  margin-left: 25px;
}

.nusign-circle {
  width: 22px;
  height: 22px;
  border: 1px solid #FFF;
  border-radius: 18px;
  color: #fff;
  margin-left: 10px;
  padding-right: 1px;
  padding-top: 1px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

/* Modal  */
.modal-content-mb {
  margin: auto;
  border-radius: 0px;
  width: 85%;
}

/* signer scroll buttons */
.sign-field-nav-mb {
  width: 45px;
  height: 40px;
  z-index: 999;
  position: fixed;
  border: none;
  background-color: rgba(222, 39, 42, 0.5);
  padding-left: 0px;
}

.b-on-right {
  border-radius: 5px 0px 0px 5px !important;
}

.b-on-left {
  border-radius: 0px 5px 5px 0px !important;
}

.sign-field-mb {
  width: 50px;
  height: 40px;
  z-index: 999;
  position: fixed;
  border: none;
  background-color: rgba(55, 55, 55, 0.7);
  padding-left: 0px;
}

.sign-field-mb:focus {
  outline: none;
}

.sign-field-back-mb {
  top: 90px;
  left: -10px;
  -webkit-transition: top 0.4s;
  -moz-transition: top 0.4s;
  -ms-transition: top 0.4s;
  -o-transition: top 0.4s;
  transition: top 0.4s;
}

.sign-field-next-mb {
  bottom: 20px;
  left: -10px;
}

.signpost-mb, .signpost-optional-mb {
  position: absolute;
  background-color: #f4cf3a;
  margin-left: -21px;
  color: #000;
  text-decoration: none;
  padding: 4px 10px 4px 15px;
  height: 30px;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
}

.signpost-mb:hover, .signpost-optional-mb:hover {
  text-decoration: none;
  color: #000;
  cursor: default;
}

.signpost-mb:after, .signpost-optional-mb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  width: 0;
  border-width: 15px;
  border-style: solid;
  border-color: #f4cf3a;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.signpost-optional-mb {
  background-color: #a6d4f5;
}

.signpost-optional-mb:after {
  border-color: #a6d4f5;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

.signpost-accepted-mb {
  position: absolute;
  background-color: rgb(54, 184, 114);
  margin-left: -30px;
  color: #fff;
  text-decoration: none;
  padding: 4px 15px 4px 20px;
  height: 30px;
  display: flex;
  align-items: center;
  border-radius: 5px 0 0 5px;
  z-index: 7;
}

.signpost-accepted-mb:hover {
  text-decoration: none;
  color: #fff;
  cursor: default;
}

.signpost-accepted-mb:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 0;
  width: 0;
  border-width: 15px;
  border-style: solid;
  border-color: rgb(54, 184, 114);
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

/* sign navigation buttons */
.sign-field-mb {
  width: 80px;
  height: 40px;
  z-index: 999;
  position: fixed;
  border: none;
  background-color: #666;
  padding-left: 10px;
}

.sign-field-mb:focus {
  outline: none;
}

.nusign-sign-navigation-btn-mb {
  position: fixed;
  top: 110px;
  z-index: 10;
  height: 35px;
  width: 35px;
  border-radius: 0px 5px 5px 0px;
}

#nusign-body.info-banner .nusign-sign-navigation-btn-mb {
  margin-top: 32px;
}

.nusign-sign-navigation-btn-accepted-mb {
  background-color: rgba(54, 184, 114, 0.5);
}

.icon-nav-accepted-mb {
  width: 17px;
  height: 17px;
  background: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tdGljayIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi10aWNrIiBsYW5nPSJlbiI+VGljazwvdGl0bGU+CiAgPHBvbHlnb24gZmlsbD0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSI2IiBwb2ludHM9IjguNiAxNS42IDQuNCAxMS40IDMgMTIuOCA4LjYgMTguNCAyMC42IDYuNCAxOS4yIDUiLz4KPC9zdmc+");
}

.nusign-sign-navigation-btn-not-accepted-mb {
  background-color: rgba(222, 39, 42, 0.5);
  background-repeat: no-repeat;
}

.icon-nav-not-accepted-mb {
  width: 17px;
  height: 17px;
  background: no-repeat;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXJyb3IiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tZXJyb3IiIGxhbmc9ImVuIj5FcnJvcjwvdGl0bGU+CiAgPHBhdGggZmlsbD0iI2ZmZiIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTI0LDEyIEMyNCwxOC42MjcgMTguNjI3NzUsMjQgMTIsMjQgQzUuMzcyMjUsMjQgMCwxOC42MjcgMCwxMiBDMCw1LjM3MyA1LjM3MjI1LDAgMTIsMCBDMTguNjI3NzUsMCAyNCw1LjM3MyAyNCwxMiBaIE0xMiwyIEM2LjQ3NzE0Mjg2LDIgMiw2LjQ3NzE0Mjg2IDIsMTIgQzIsMTcuNTIyODU3MSA2LjQ3NzE0Mjg2LDIyIDEyLDIyIEMxNy41MjI4NTcxLDIyIDIyLDE3LjUyMjg1NzEgMjIsMTIgQzIyLDYuNDc3MTQyODYgMTcuNTIyODU3MSwyIDEyLDIgWiBNMTEsMTQgTDExLDYgTDEzLDYgTDEzLDE0IEwxMSwxNCBaIE0xMSwxOCBMMTEsMTYgTDEzLDE2IEwxMywxOCBMMTEsMTggWiIvPgo8L3N2Zz4=");
}

.nusign-button-top-mb {
  bottom: 20px !important;
  right: 20px !important;
}

#scroll-top .arrow.btn-arrow-top-mb {
  width: 30px;
  height: 30px;
}

.nusign-confirm-header-mb,
.nusign-not-signable-header-mb {
  height: 36px;
  width: 100%;
  padding: 5px 25px;
  background-color: rgb(54, 184, 114);
  color: #fff;
  position: fixed;
  top: 107px;
  z-index: 10;
  display: inline-block;
}
.nusign-confirm-header-mb .nusign-toolbar-onetime-title,
.nusign-not-signable-header-mb .nusign-toolbar-onetime-title {
  font-size: 11px;
}

#nusign-wa-confirm-container.nusign-confirm-header-mb {
  top: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#nusign-wa-confirm-container.nusign-confirm-header-mb button.web-accept {
  padding: 2px 20px;
  margin-left: 15px;
  background-color: transparent;
  border-color: #ccc;
}
#nusign-wa-confirm-container.nusign-confirm-header-mb button.web-accept:hover {
  background-color: rgba(255, 255, 255, 0.8196078431);
}

.nusign-not-signable-header-mb {
  background-color: #d20212;
  display: flex;
  align-items: center;
  justify-content: center;
}
.nusign-not-signable-header-mb span {
  font-size: 11px;
}
.nusign-not-signable-header-mb a {
  color: #fff;
  text-decoration: underline;
}

.confirm-nuBtn-mb {
  padding: 4px 20px !important;
  margin-left: 15px;
  font-size: 9px;
  background: transparent;
  border: 1px solid #fff;
  letter-spacing: 0.1rem;
}

.confirm-nuBtn-mb:focus {
  outline: none !important;
  color: #fff;
}

.confirm-nuBtn-mb:hover {
  color: rgb(54, 184, 114);
  background: #fff;
  border: rgb(54, 184, 114);
}

.nusign-btn-sign-accepted-mb {
  background-color: transparent;
  border: 1px solid rgb(54, 184, 114);
  color: #000;
  position: absolute;
  padding: 0;
  font-size: 8px;
}

.nusign-btn-sign-accepted-mb:focus {
  outline: 1px solid rgb(54, 184, 114);
}

.nusign-btn-sign-mb {
  background-color: transparent;
  border: 1px solid #f4cf3a;
  color: #000;
  position: absolute;
  border-radius: 2px;
  padding: 0;
  font-size: 8px;
}

.mb-optional-sign-nav {
  background-color: #a6d4f5;
}

.nusign-btn-sign-mb:hover {
  background: rgba(255, 237, 181, 0.5);
}

.nusign-btn-sign-mb:focus {
  outline: 1px solid rgb(222, 39, 42);
}

.nusign-btn-sign-mb.signature-on-focus {
  -webkit-box-shadow: 0px 0px 11px 2px rgb(162, 162, 162);
  box-shadow: 0px 0px 11px 2px rgb(162, 162, 162);
}

.nusign-confirm-message-mb {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.nusign-message-mb {
  font-size: 9px;
  float: right;
  width: 100%;
}

.user-icons-mb {
  width: 22px;
  height: 22px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.icon-exit-mb {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZXhpdCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1leGl0IiBsYW5nPSJlbiI+RXhpdDwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzAwMCIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIyLjAxNDQyODQsMy40MTY4MjAwNyBMMTIuNDE0MjEzNiwxMy4wMTcwMzQ5IEwxMSwxMS42MDI4MjE0IEwyMC42MDI4MjE0LDIgTDE2LjAxNDQyODQsMiBMMTYuMDE0NDI4NCwwIEwyNC4wMTQ0Mjg0LDAgTDI0LjAxNDQyODQsOCBMMjIuMDE0NDI4NCw4IEwyMi4wMTQ0Mjg0LDMuNDE2ODIwMDcgWiBNMTIsMCBMMTIsMiBDNi40NzcxNDI4NiwyIDIsNi40NzcxNDI4NiAyLDEyIEMyLDE3LjUyMjg1NzEgNi40NzcxNDI4NiwyMiAxMiwyMiBDMTcuNTIyODU3MSwyMiAyMiwxNy41MjI4NTcxIDIyLDEyIEwyNCwxMiBDMjQsMTguNjI3IDE4LjYyNzc1LDI0IDEyLDI0IEM1LjM3MjI1LDI0IDAsMTguNjI3IDAsMTIgQzAsNS4zNzMgNS4zNzIyNSwwIDEyLDAgWiIvPgo8L3N2Zz4=");
}

.icon-print-mb {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tcHJpbnQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8dGl0bGUgaWQ9InRpdGxlLWljb24tcHJpbnQiIGxhbmc9ImVuIj5QcmludDwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzAwMCIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTIwLDE4IEwyMCwyNCBMNCwyNCBMNCwxOCBMMCwxOCBMMCw5IEMtMi4wMjkwNjEyNWUtMTYsNy4zNDMxNDU3NSAxLjM0MzE0NTc1LDYgMyw2IEwyMSw2IEMyMi42NTY4NTQyLDYgMjQsNy4zNDMxNDU3NSAyNCw5IEwyNCwxOCBMMjAsMTggWiBNNiwxNCBMMTgsMTQgTDE4LDIyIEw2LDIyIEw2LDE0IFogTTIwLjUsMTEgQzE5LjY3MTU3MjksMTEgMTksMTAuMzI4NDI3MSAxOSw5LjUgQzE5LDguNjcxNTcyODggMTkuNjcxNTcyOSw4IDIwLjUsOCBDMjEuMzI4NDI3MSw4IDIyLDguNjcxNTcyODggMjIsOS41IEMyMiwxMC4zMjg0MjcxIDIxLjMyODQyNzEsMTEgMjAuNSwxMSBaIE00LDAgTDIwLDAgTDIwLDQgTDQsNCBMNCwwIFoiLz4KPC9zdmc+");
}

.icon-download-file-mb {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tZG93bmxvYWQtZmlsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDx0aXRsZSBpZD0idGl0bGUtaWNvbi1kb3dubG9hZC1maWxlIiBsYW5nPSJlbiI+RG93bmxvYWQgRmlsZTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzAwMCIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTQsMCBMMTYsMCBMMjIsNiBMMjIsMjIgQzIyLDIzLjEwNDU2OTUgMjEuMTA0NTY5NSwyNCAyMCwyNCBMNCwyNCBDMi44OTU0MzA1LDI0IDIsMjMuMTA0NTY5NSAyLDIyIEwyLDIgTDIsMiBDMiwwLjg5NTQzMDUgMi44OTU0MzA1LDIuMDI5MDYxMjVlLTE2IDQsMCBMNCwwIFogTTQsMiBMNCwyMiBMMjAsMjIgTDIwLDYgTDE2LDYgTDE2LDIgTDQsMiBaIE0xMCwxMCBMMTAsMTQgTDcsMTQgTDEyLDIwIEwxNywxNCBMMTQsMTQgTDE0LDEwIEwxMCwxMCBaIi8+Cjwvc3ZnPgo=");
}

.icon-opt-out-mb {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PHN2ZyBhcmlhLWxhYmVsbGVkYnk9InRpdGxlLWljb24tbW92ZS1mcm9tIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHRpdGxlIGlkPSJ0aXRsZS1pY29uLW1vdmUtZnJvbSIgbGFuZz0iZW4iPk1vdmUgRnJvbTwvdGl0bGU+CiAgPHBhdGggZmlsbD0iIzAwMCIgY2xhc3M9Imljb25zLWJhY2tncm91bmQiIGQ9Ik0yLDAgTDIwLDAgQzIxLjExLDAgMjIsMC45IDIyLDIgTDIyLDcgTDIwLDUgTDIwLDIgTDIsMiBMMiwyMiBMMjAsMjIgTDIwLDE5IEwyMiwxNyBMMjIsMjIgQzIyLDIzLjEgMjEuMTEsMjQgMjAsMjQgTDIsMjQgQzAuOSwyNCAwLDIzLjEgMCwyMiBMMCwyIEMwLDAuOSAwLjksMCAyLDAgWiBNMjQsMTIgTDE4LjAxNSwxOCBMMTguMDE1LDE0IEwxMCwxNCBMMTAsMTAgTDE4LjAxNSwxMCBMMTguMDE1LDYgTDI0LDEyIFoiLz4KPC9zdmc+");
}

.icon-decline-mb {
  background-image: url("data:image/svg+xml;charset=utf8;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0yNTYsMEMxMTQuODQ0LDAsMCwxMTQuODQ0LDAsMjU2czExNC44NDQsMjU2LDI1NiwyNTZzMjU2LTExNC44NDQsMjU2LTI1NlMzOTcuMTU2LDAsMjU2LDB6IE0yNTYsNDQ4CgkJCWMtMTA1Ljg2NSwwLTE5Mi04Ni4xMzUtMTkyLTE5MmMwLTQwLjQwNiwxMi4yNS03OC42MDQsMzUuNTQyLTExMS4xOThsMjY3LjY1NiwyNjcuNjU2QzMzNC42MDQsNDM1Ljc1LDI5Ni40MDYsNDQ4LDI1Niw0NDh6CgkJCSBNNDEyLjQ1OCwzNjcuMTk4TDE0NC44MDIsOTkuNTQyQzE3Ny4zOTYsNzYuMjUsMjE1LjU5NCw2NCwyNTYsNjRjMTA1Ljg2NSwwLDE5Miw4Ni4xMzUsMTkyLDE5MgoJCQlDNDQ4LDI5Ni40MDYsNDM1Ljc1LDMzNC42MDQsNDEyLjQ1OCwzNjcuMTk4eiIvPgoJPC9nPgo8L2c+Cjwvc3ZnPg==");
}

/* ipad css */
@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }
  .navbar-right {
    float: none !important;
  }
  .navbar-collapse.in {
    display: block !important;
  }
  #nusign-menu-container-mb {
    width: 25%;
  }
  .modal-content-mb {
    width: 85%;
  }
  #nusign-modal-capture .modal-content-mb {
    width: 100%;
  }
  .signpost-mb {
    height: 50px;
  }
  .signpost-mb:after, .signpost-optional-mb:after {
    border-width: 25px;
  }
  .nusign-logout-container {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.right-mb {
  float: right;
  margin-left: 10px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .modal-sm {
    width: unset;
  }
  .modal-dialog {
    width: unset;
  }
}
.sign-field-back-opened-menu {
  top: 315px;
}

.nav-fields-back-opened {
  top: 360px;
}

.nav-fields-back-opened-no-header {
  top: 300px;
}

.nav-fields-back-plus-confirm {
  top: 195px;
}

.nav-fields-back-plus-confirm-prev-open {
  top: 390px;
}

.sign-field-back-opened-menu-no-header {
  top: 255px;
}

.s-back-plus-confirm {
  top: 150px;
}

.s-back-plus-confirm-prev-open {
  top: 345px;
}

.preview-right-open {
  transform: scale(0.6);
  bottom: 3px !important;
  right: 3px !important;
}

/* ONE TIME CONFIRM CLASS'S START */
.nusign-toolbar-onetime-title {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nusign-next-btn-one-time {
  margin-left: 20px;
  padding: 2px 12px;
  font-size: 12px;
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}

.nusign-next-btn-one-time:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #fff;
}

/* ONE TIME CONFIRM CLASS'S END */
/* mobile class's */
/* CUSTOM FIELDS START */
.nusign-custom-fields-main {
  width: 100%;
}

/* CUSTOM FIELDS END */
#nusign-jumbotron {
  background-color: #e9ecef;
  padding: 10px 150px 10px 150px;
  margin-top: 65px;
}

.nusign-jumbotron-title {
  font-size: 30px;
  font-weight: 600;
  padding-bottom: 10px;
}

/*a.nusign-exp-btn-left {*/
/*background-image: url('data:image/svg+xml;charset=utf8;base64, ');*/
/*}*/
.nusign-collapsible-room-collapsed-vertical {
  height: 100%;
}

.nusign-slick-caroucel-closed {
  display: none;
  width: 0;
}

.nusign-img-top-mark-after-init {
  display: block !important;
}

.nusign_slide {
  /* width: 110px !important; */
  /* padding: 0 10px; */
}

.pager-main {
  margin: 0px auto 40px auto;
}

.pager-container {
  width: 200px;
  float: right;
  text-align: right;
  padding-right: 10px;
  font-size: 11px;
  visibility: hidden;
}

#loading-container {
  width: 100%;
  height: 100%;
  background-color: rgba(100, 100, 100, 0.2);
  position: fixed;
  z-index: 999999;
  overflow-x: hidden;
  overflow-y: hidden;
}

.nusign-loading-img {
  width: 70px;
  height: auto;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nusign-loading-txt {
  width: 100%;
  position: fixed;
  top: 58%;
  left: 50%;
  font-size: 18px;
  transform: translate(-50%, -50%);
}

.nusign-confirm-header-opned {
  top: 294px;
}

.nusign-confirm-body {
  /* width: 50%;
  height: auto; */
  /* float: left; */
}

.nusign-message {
  /*float: right;*/
  /*width: 100%;*/
}

.input-error {
  border-color: #e96666;
}

.input-error:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(233, 102, 102, 0.6);
}

.btn-sp-exit {
  font-size: 9px;
  height: 18px;
  width: 82px;
  padding: 0px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  margin-top: 0;
}

.btn-sp-exit:hover {
  background: #fff;
}

.preview-container-right {
  width: 190px;
  height: calc(100% - 94px);
  position: fixed;
  right: -190px;
  top: 94px;
  z-index: 21;
  -webkit-transition: right 0.4s;
  -moz-transition: right 0.4s;
  -ms-transition: right 0.4s;
  -o-transition: right 0.4s;
  transition: right 0.4s;
  background-color: rgba(100, 100, 100, 0.5);
}

.preview-container-left {
  width: 190px;
  height: calc(100% - 94px);
  position: fixed;
  left: -190px;
  top: 94px;
  z-index: 21;
  -webkit-transition: left 0.4s;
  -moz-transition: left 0.4s;
  -ms-transition: left 0.4s;
  -o-transition: left 0.4s;
  transition: left 0.4s;
  background-color: rgba(100, 100, 100, 0.5);
}

#nusign-main-container .body-header {
  display: none;
}
#nusign-main-container .modal-body .canvas-container {
  border: 1px solid #c4caac;
  background: #fff;
  height: 175px;
  width: 715px;
}

.switch {
  position: relative;
  display: block;
  vertical-align: top;
  width: 60px;
  height: 13px;
  padding: 2px;
  margin: 0 15px 0px 0;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
  background-image: -webkit-linear-gradient(top, #c5c5c5, #FFFFFF 25px);
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  box-sizing: content-box;
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  box-sizing: content-box;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
}

.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  box-sizing: content-box;
}

.switch-label:before {
  content: attr(data-off);
  right: 11px;
  color: #aaaaaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

.switch-label:after {
  content: attr(data-on);
  left: 11px;
  color: #FFFFFF;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

.switch-input:checked ~ .switch-label {
  background: #E1B42B;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}

.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 1px;
  width: 20px;
  height: 15px;
  background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
  background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
  border-radius: 40%;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
  background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}

.switch-input:checked ~ .switch-handle {
  left: 42px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-left-right .switch-label {
  overflow: hidden;
}

.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
  width: 12px;
  height: 3px;
  top: -4px;
  bottom: 0;
  padding: 11px 0 0 0;
  text-indent: -12px;
  border-radius: 20px;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}

.switch-left-right .switch-label:before {
  text-align: left;
  left: 40px;
  color: #404040;
}

.switch-left-right .switch-label:after {
  text-align: left;
  text-indent: 9px;
  background: #333333;
  left: -100px;
  opacity: 1;
  width: 100%;
  height: 14px;
}

.switch-left-right .switch-input:checked ~ .switch-label:before {
  opacity: 1;
  left: 60px;
}

.switch-left-right .switch-input:checked ~ .switch-label:after {
  left: 0;
}

.switch-left-right .switch-input:checked ~ .switch-label {
  background: inherit;
}

/* Transition
========================== */
.switch-label, .switch-handle {
  transition: All 0.3s ease;
  -webkit-transition: All 0.3s ease;
  -moz-transition: All 0.3s ease;
  -o-transition: All 0.3s ease;
}

.sign-optional {
  border: 2px dashed #a6d4f5;
}

.sign-optional:hover {
  background: #e7f5ff;
}

.sign-optional:focus {
  outline: none !important;
}

@media only screen and (max-width: 530px) {
  #nusign-main-container-mb #nusign-body.info-banner .doc-container-mb {
    margin-top: 138px;
  }
}