/****

COMMOM ELEMENTS

 */
.logo {
  background: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzOTY1IDExNTIuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzk2NSAxMTUyLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZD0iTTE1MTcuNywxMDQzLjRjLTEwLjksMi0yNy4yLDQuNC00OC45LDcuNGMtMjAuOCwzLjktNDIsNS45LTYzLjcsNS45Yy0yMS43LDAtNDEuNS0xLjUtNTkuMy00LjRjLTE2LjgtMy0zMS4xLTguOS00My0xNy43CgljLTExLjktOC45LTIxLjItMjAuNy0yOC4yLTM1LjVjLTUuOS0xNS44LTguOS0zNS45LTguOS02MC42VjgxLjhjMTAuOS0yLDI2LjctNC40LDQ3LjQtNy40YzIxLjctMy45LDQzLjUtNS45LDY1LjItNS45CglzNDEsMS41LDU3LjgsNC40YzE3LjgsMywzMi42LDguOSw0NC40LDE3LjdjMTEuOCw4LjksMjAuNywyMS4yLDI2LjcsMzYuOWM2LjksMTQuOCwxMC40LDM0LjUsMTAuNCw1OS4xVjEwNDMuNHoiLz4KPHBhdGggZD0iTTIzNzcuNSw2ODUuOWMwLDYxLjEtOS40LDExNS43LTI4LjEsMTY0Yy0xOC44LDQ3LjMtNDUuNCw4Ny4yLTgwLDExOS42Yy0zMy42LDMyLjUtNzQuMSw1Ny4xLTEyMS41LDczLjkKCWMtNDcuNCwxNi43LTEwMC4zLDI1LjEtMTU4LjUsMjUuMXMtMTExLjEtOC45LTE1OC42LTI2LjZjLTQ3LjQtMTcuNy04OC40LTQyLjgtMTIzLTc1LjNjLTMzLjYtMzMuNS01OS44LTczLjktNzguNS0xMjEuMQoJYy0xOC44LTQ3LjMtMjguMS0xMDAuNC0yOC4xLTE1OS41YzAtNTguMSw5LjQtMTEwLjgsMjguMS0xNThjMTguOC00Ny4zLDQ0LjktODcuMSw3OC41LTExOS42YzM0LjYtMzMuNSw3NS42LTU5LjEsMTIzLTc2LjgKCWM0Ny40LTE3LjcsMTAwLjMtMjYuNiwxNTguNi0yNi42czExMS4xLDkuNCwxNTguNSwyOC4xYzQ3LjQsMTcuNyw4Ny45LDQzLjMsMTIxLjUsNzYuOGMzNC42LDMyLjUsNjEuMiw3Mi40LDgwLDExOS42CglDMjM2OC4xLDU3Ni42LDIzNzcuNSw2MjguOCwyMzc3LjUsNjg1Ljl6IE0xODU4LjksNjg1LjljMCw2MC4xLDExLjQsMTA2LjQsMzQuMSwxMzguOGMyMy43LDMxLjUsNTYuMyw0Ny4zLDk3LjgsNDcuMwoJczczLjEtMTYuMiw5NC44LTQ4LjdjMjIuNy0zMi41LDM0LjEtNzguMywzNC4xLTEzNy40cy0xMS40LTEwNC40LTM0LjEtMTM1LjljLTIyLjctMzIuNS01NC44LTQ4LjctOTYuMy00OC43cy03My42LDE2LjItOTYuMyw0OC43CglDMTg3MC4yLDU4MS41LDE4NTguOSw2MjYuOCwxODU4LjksNjg1Ljl6Ii8+CjxwYXRoIGQ9Ik0yODAzLjQsODg1LjNjMTYuOCwwLDM1LjEtMS41LDU0LjgtNC40YzIwLjctMy45LDM2LjEtOC45LDQ1LjktMTQuOFY3NDcuOWwtMTA2LjcsOC45Yy0yNy42LDItNTAuNCw3LjktNjguMiwxNy43CgljLTE3LjgsOS44LTI2LjcsMjQuNi0yNi43LDQ0LjNjMCwxOS43LDcuNCwzNS45LDIyLjIsNDguN0MyNzQwLjcsODc5LjQsMjc2Ni45LDg4NS4zLDI4MDMuNCw4ODUuM3ogTTI3OTEuNiwzMDQuOAoJYzUzLjMsMCwxMDEuNyw1LjQsMTQ1LjIsMTYuMmM0NC40LDEwLjgsODIsMjcuNiwxMTIuNiw1MC4yYzMxLjYsMjEuNyw1NS44LDQ5LjcsNzIuNiw4NC4yYzE2LjgsMzMuNSwyNS4yLDczLjQsMjUuMiwxMTkuNlY5MDYKCWMwLDI1LjYtNy40LDQ2LjgtMjIuMiw2My41Yy0xMy44LDE1LjgtMzAuNiwyOS41LTUwLjQsNDEuNGMtNjQuMiwzOC40LTE1NC42LDU3LjYtMjcxLjIsNTcuNmMtNTIuMywwLTk5LjgtNC45LTE0Mi4yLTE0LjgKCWMtNDEuNS05LjgtNzcuNS0yNC42LTEwOC4yLTQ0LjNjLTI5LjYtMTkuNy01Mi45LTQ0LjgtNjkuNi03NS4zYy0xNS44LTMwLjUtMjMuNy02Ni0yMy43LTEwNi40YzAtNjcuOSwyMC4yLTEyMC4xLDYwLjgtMTU2LjYKCWM0MC41LTM2LjQsMTAzLjItNTkuMSwxODguMi02Ny45bDE5NC4xLTIwLjd2LTEwLjNjMC0yOC42LTEyLjgtNDguNy0zOC41LTYwLjZjLTI0LjctMTIuOC02MC44LTE5LjItMTA4LjItMTkuMgoJYy0zNy41LDAtNzQuMSwzLjktMTA5LjcsMTEuOGMtMzUuNiw3LjktNjcuNywxNy43LTk2LjMsMjkuNWMtMTIuOS04LjktMjMuNy0yMi4yLTMyLjYtMzkuOWMtOC45LTE4LjctMTMuMy0zNy45LTEzLjMtNTcuNgoJYzAtMjUuNiw1LjktNDUuOCwxNy44LTYwLjZjMTIuOC0xNS44LDMyLjEtMjkuMSw1Ny44LTM5LjljMjguNy0xMC44LDYyLjItMTguNywxMDAuOC0yMy42QzI3MjAsMzA3LjMsMjc1NywzMDQuOCwyNzkxLjYsMzA0Ljh6Ii8+CjxwYXRoIGQ9Ik0zNzEzLjEsNTg5LjljMC0zMC41LTguOS01Mi43LTI2LjctNjYuNWMtMTYuOC0xNC44LTQwLTIyLjItNjkuNi0yMi4yYy0xOS44LDAtMzkuNSwyLjUtNTkuMyw3LjQKCWMtMTguOCw0LjktMzUuMSwxMi4zLTQ4LjksMjIuMnY1MTIuNmMtOS45LDMtMjUuNyw1LjktNDcuNCw4LjljLTIwLjgsMy00Mi41LDQuNC02NS4yLDQuNGMtMjEuNywwLTQxLjUtMS41LTU5LjMtNC40CgljLTE2LjgtMy0zMS4xLTguOS00My0xNy43Yy0xMS45LTguOS0yMS4yLTIwLjctMjguMi0zNS41Yy01LjktMTUuOC04LjktMzUuOS04LjktNjAuNlY0OTUuNGMwLTI2LjYsNS40LTQ4LjMsMTYuMy02NQoJYzExLjgtMTYuNywyNy43LTMyLDQ3LjQtNDUuOGMzMy42LTIzLjYsNzUuNi00Mi44LDEyNS45LTU3LjZjNTEuNC0xNC44LDEwOC4yLTIyLjIsMTcwLjQtMjIuMmMxMTEuNiwwLDE5Ny42LDI0LjYsMjU3LjgsNzMuOQoJYzYwLjMsNDguMyw5MC40LDExNS43LDkwLjQsMjAyLjR2NDYyLjNjLTkuOSwzLTI1LjcsNS45LTQ3LjQsOC45Yy0yMC43LDMtNDIuNSw0LjQtNjUuMiw0LjRjLTIxLjcsMC00MS41LTEuNS01OS4zLTQuNAoJYy0xNi44LTMtMzEuMS04LjktNDMtMTcuN2MtMTEuOS04LjktMjEuMi0yMC43LTI4LjItMzUuNWMtNS45LTE1LjgtOC45LTM1LjktOC45LTYwLjZWNTg5Ljl6Ii8+CjxwYXRoIGQ9Ik0xMDcyLjQsMzc3LjJjLTYwLjMtNDkuNC0xNDYuMi03NC4xLTI1Ny45LTc0LjFjLTEuOCwwLTMuNiwwLTUuNCwwYy0xLjgsMC0zLjYsMC01LjQsMGMtMTExLjcsMC0xOTcuNiwyNC43LTI1Ny45LDc0LjEKCWMtNjAuMyw0OC40LTkwLjQsMTE2LjEtOTAuNCwyMDNWNzc3Yy0xLjEsMjcuNy05LjksNDgtMjYuNiw2MC45Yy0xNi44LDE0LjgtNDAsMjIuMi02OS43LDIyLjJjLTEuOCwwLTMuNiwwLTUuNC0wLjEKCWMtMS44LDAtMy42LDAuMS01LjQsMC4xYy0yOS42LDAtNTIuOS03LjQtNjkuNy0yMi4yYy0xNy44LTEzLjgtMjYuNy0zNi0yNi43LTY2LjdWNDIxLjZjMC0yNC43LTMtNDQuOS04LjktNjAuNwoJYy02LjktMTQuOC0xNi4zLTI2LjctMjguMi0zNS42Yy0xMS45LTguOS0yNi4yLTE0LjgtNDMtMTcuOGMtMTcuOC0zLTM3LjUtNC40LTU5LjMtNC40Yy0yMi43LDAtNDQuNSwxLjUtNjUuMiw0LjQKCWMtMjEuNywzLTM3LjUsNS45LTQ3LjQsOC45djQ2My43YzAsODYuOSwzMC4xLDE1NC42LDkwLjQsMjAzYzYwLjMsNDkuNCwxNDYuMiw3NC4xLDI1Ny45LDc0LjFjMS44LDAsMy42LDAsNS40LDBjMS44LDAsMy42LDAsNS40LDAKCWMxMTEuNywwLDE5Ny42LTI0LjcsMjU3LjktNzQuMWM2MC4zLTQ4LjQsOTAuNC0xMTYuMSw5MC40LTIwM1Y1ODMuM2MxLjEtMjcuNyw5LjktNDgsMjYuNi02MC45YzE2LjgtMTQuOCw0MC0yMi4yLDY5LjctMjIuMgoJYzEuOCwwLDMuNiwwLDUuNCwwLjFjMS44LDAsMy42LTAuMSw1LjQtMC4xYzI5LjYsMCw1Mi45LDcuNCw2OS43LDIyLjJjMTcuOCwxMy44LDI2LjcsMzYsMjYuNyw2Ni43djM0OS42YzAsMjQuNywzLDQ0LjksOC45LDYwLjcKCWM2LjksMTQuOCwxNi4zLDI2LjcsMjguMiwzNS42YzExLjksOC45LDI2LjIsMTQuOCw0MywxNy44YzE3LjgsMywzNy41LDQuNCw1OS4zLDQuNGMyMi43LDAsNDQuNS0xLjUsNjUuMi00LjQKCWMyMS43LTMsMzcuNS01LjksNDcuNC04LjlWNTgwLjJDMTE2Mi44LDQ5My4yLDExMzIuNyw0MjUuNiwxMDcyLjQsMzc3LjJ6Ii8+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
}

/****

DEFAULT TEMPLATE

 */
/* Desktop layout */
#nusign-main-container {
  background-color: #fafafa;
}
#nusign-main-container #nusign-body {
  padding-bottom: 0;
}
#nusign-main-container .header {
  background-color: #fafafa;
  height: 150px;
  padding-top: 46px;
}
#nusign-main-container .header .logo {
  width: 200px;
  height: 58px;
}
#nusign-main-container .header #nusign-header-container-center span {
  display: none;
}
#nusign-main-container #nusign-user-header {
  display: none;
}
#nusign-main-container #preview-bar {
  display: none;
}
#nusign-main-container .nusign-confirm-header {
  top: 150px;
  background-color: #000;
}
#nusign-main-container .nusign-confirm-header .nusign-message {
  color: #fff;
}
#nusign-main-container .nusign-confirm-header .nusign-message .confirm-nuBtn {
  background-color: #fff;
  color: #000;
  border-radius: 10px;
}
#nusign-main-container .nusign-not-signable-header.disclosure {
  margin-top: 52px;
  background-color: #fafafa;
  box-shadow: none;
}
#nusign-main-container .nusign-not-signable-header.disclosure span {
  display: none;
}
#nusign-main-container .doc-container.disclosure {
  margin-top: 120px;
}
#nusign-main-container .sign-field-back {
  top: 150px;
}
#nusign-main-container .sign-field {
  background-color: #000;
}
#nusign-main-container .sign-field .nusign-badge {
  background-color: #fff;
}
#nusign-main-container .sign-field .nusign-badge .sign-number {
  padding-top: 4px;
}
#nusign-main-container .signpost {
  background-color: #000;
  color: #fff;
}
#nusign-main-container .signpost:after {
  border-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container .signpost-accepted {
  background-color: #000;
}
#nusign-main-container .signpost-accepted:after {
  border-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container .nusign-btn-sign,
#nusign-main-container .nusign-btn-sign-accepted {
  padding: 0.375rem 0.75rem;
}
#nusign-main-container .nusign-btn-sign:hover {
  background-color: #000;
  color: #fff;
}
#nusign-main-container .nusign-btn-sign:focus {
  outline: none !important;
}
#nusign-main-container #disclose-accept {
  height: unset;
  min-width: unset;
  border: none;
  margin-left: 0;
  font-size: 17px;
  font-weight: 600;
  border-radius: 10px;
  padding: 16px;
  max-width: 343px;
  color: rgba(255, 255, 255, 0.95);
  background-color: rgb(0, 0, 0);
}
@media screen and (min-width: 768px) {
  #nusign-main-container #disclose-accept {
    font-size: 20px;
    padding: 20px;
    max-width: 450px;
  }
}

/* Mobile layout */
#nusign-main-container-mb {
  background-color: #f4f4f4;
}
#nusign-main-container-mb #nusign-body {
  padding-bottom: 30px;
}
#nusign-main-container-mb .logo {
  height: 34px;
  margin-bottom: 2px;
}
#nusign-main-container-mb .nusign-display-container-mb {
  background-color: #000;
}
#nusign-main-container-mb .nusign-pager-container-mb::before,
#nusign-main-container-mb .nusign-pager-container-mb::after {
  background: rgba(0, 0, 0, 0.5);
}
#nusign-main-container-mb .doc-container-mb.disclosure {
  margin-top: 170px;
}
#nusign-main-container-mb .nusign-sign-navigation-btn-not-accepted-mb,
#nusign-main-container-mb .nusign-sign-navigation-btn-accepted-mb {
  background-color: rgba(0, 0, 0, 0.5);
}
#nusign-main-container-mb .signpost-mb,
#nusign-main-container-mb .signpost-optional-mb,
#nusign-main-container-mb .signpost-accepted-mb {
  background-color: #000;
}
#nusign-main-container-mb .signpost-mb:after,
#nusign-main-container-mb .signpost-optional-mb:after,
#nusign-main-container-mb .signpost-accepted-mb:after {
  border-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container-mb .nusign-confirm-header-mb,
#nusign-main-container-mb .nusign-not-signable-header-mb {
  background-color: #000;
  height: auto;
}
#nusign-main-container-mb .nusign-confirm-header-mb .nusign-message-mb,
#nusign-main-container-mb .nusign-not-signable-header-mb .nusign-message-mb {
  color: #fff;
  font-size: 13px;
}
#nusign-main-container-mb .nusign-confirm-header-mb .confirm-nuBtn-mb,
#nusign-main-container-mb .nusign-not-signable-header-mb .confirm-nuBtn-mb {
  background-color: #fff;
}
#nusign-main-container-mb .nusign-confirm-header-mb .confirm-nuBtn-mb:hover,
#nusign-main-container-mb .nusign-confirm-header-mb .confirm-nuBtn-mb:focus,
#nusign-main-container-mb .nusign-not-signable-header-mb .confirm-nuBtn-mb:hover,
#nusign-main-container-mb .nusign-not-signable-header-mb .confirm-nuBtn-mb:focus {
  color: #000;
}
#nusign-main-container-mb .nusign-not-signable-header-mb.disclosure {
  background-color: #fff;
}
#nusign-main-container-mb .nusign-not-signable-header-mb.disclosure span {
  display: none;
}
#nusign-main-container-mb .nusign-btn-sign-mb,
#nusign-main-container-mb .nusign-btn-sign-accepted-mb {
  font-size: 10px !important;
}
#nusign-main-container-mb .nusign-btn-sign-mb:hover {
  background-color: #fff;
}
#nusign-main-container-mb #disclose-accept {
  border: none !important;
  background-color: #000;
  color: #fff;
}

/* Common */
#scroll-top {
  background-color: #000;
}

#nusign-footer {
  text-align: center;
  padding-bottom: 20px;
}
#nusign-footer .row {
  display: none;
}

.modal .modal-header .modal-title {
  color: #000;
}
.modal .modal-header .close {
  color: #000 !important;
  font-size: 20px;
}
.modal .modal-body .confirm-text-modal-body {
  color: #000;
  text-decoration: underline;
}
.modal .modal-footer {
  background-color: #fafafa;
}

#nusignModal-required .modal-footer button.center {
  margin: unset;
}

#nusign-exeption-modal .btn-default {
  background-color: #000;
  color: #fff;
}

#nusign-modal-disclosure .modal-content {
  border-radius: 10px;
  background-color: #fff;
}
#nusign-modal-disclosure .modal-header {
  padding: 0;
  margin-bottom: 15px;
}
#nusign-modal-disclosure .modal-header .modal-title {
  text-transform: capitalize;
  width: 100%;
  text-align: center;
  font-size: 18px;
  margin-right: -10px;
}
#nusign-modal-disclosure .modal-header .close {
  margin-top: -2px !important;
  margin-right: 10px;
  padding: 5px 8px;
  background-color: #b2b3b4;
  border-radius: 15px;
}
#nusign-modal-disclosure .modal-body {
  background-color: #fff !important;
}
#nusign-modal-disclosure .modal-body p {
  width: 100%;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 40px;
}
#nusign-modal-disclosure .modal-body p.note {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #b2b3b4;
  font-weight: 500;
  margin-bottom: 0;
}
#nusign-modal-disclosure .modal-footer {
  background-color: #fff !important;
  border-radius: 10px;
}
#nusign-modal-disclosure .modal-footer button {
  width: 100%;
  margin-bottom: 30px;
}
#nusign-modal-disclosure .modal-footer hr {
  width: 35%;
  background-color: #000;
  height: 3px;
  border-radius: 19px;
  border: 1px solid #000;
}