/****

COMMOM ELEMENTS

 */
.logo {
  background: url("data:image/svg+xml;charset=utf8;base64, PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0ODYuMDYgMjU1LjEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODYuMDYgMjU1LjEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cgkuc3Qxe2ZpbGw6I0RCMDAxMTt9Cjwvc3R5bGU+Cjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMjEyLjYsODUuMDQgMTI3LjU2LDg1LjA0IDg1LjA0LDEyNy41NiAxMjcuNTYsMTcwLjA4IDIxMi42LDE3MC4wOCAyNTUuMTIsMTI3LjU2ICIvPgo8Zz4KCTxyZWN0IHg9IjEyNy41NiIgeT0iODUuMDQiIGNsYXNzPSJzdDAiIHdpZHRoPSI4NS4wNCIgaGVpZ2h0PSI4NS4wNCIvPgoJPGcgaWQ9IkdVSURFUyI+CgkJPGc+CgkJPC9nPgoJCTxnPgoJCTwvZz4KCQk8Zz4KCQk8L2c+CgkJPGc+CgkJPC9nPgoJCTxnPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8Zz4KCQkJCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iMjU1LjEyLDEyNy41NiAyMTIuNiw4NS4wNCAyMTIuNiwxNzAuMDggCQkJCSIvPgoJCQkJPHBvbHlnb24gY2xhc3M9InN0MSIgcG9pbnRzPSIxNzAuMDgsMTI3LjU2IDIxMi42LDg1LjA0IDEyNy41Niw4NS4wNCAJCQkJIi8+CgkJCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9Ijg1LjA0LDEyNy41NiAxMjcuNTYsMTcwLjA4IDEyNy41Niw4NS4wNCAJCQkJIi8+CgkJCQk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE3MC4wOCwxMjcuNTYgMTI3LjU2LDE3MC4wOCAyMTIuNiwxNzAuMDggCQkJCSIvPgoJCQk8L2c+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHBhdGggZD0iTTI5Mi40NCwxMzAuMTVoLTE1LjQydjE1LjIyaC03Ljczdi0zNS42MWg3LjczdjE0LjU4aDE1LjQydi0xNC41OGg3LjczdjM1LjYxaC03LjczVjEzMC4xNXoiLz4KCQkJCQk8cGF0aCBkPSJNMzE4LjY5LDE0Ni4wMWMtNy42OCwwLTEzLjk5LTMuMDUtMTQuMTQtMTEuNThoNy43M2MwLjEsMy43OSwyLjMyLDYuMDYsNi41NSw2LjA2YzMuMTUsMCw2LjctMS41OCw2LjctNS4xMgoJCQkJCQljMC0yLjc2LTIuNDEtMy42NC02LjQtNC43OGwtMi41Ni0wLjc0Yy01LjYxLTEuNjItMTEuMTgtMy43OS0xMS4xOC0xMC4yYzAtNy45Myw3LjM5LTEwLjU5LDE0LjE0LTEwLjU5CgkJCQkJCWM2Ljk0LDAsMTIuOSwyLjQxLDEyLjk1LDEwLjI5aC03LjczYy0wLjMtMy4yNS0yLjE3LTUuMTItNS44MS01LjEyYy0yLjg2LDAtNS43MSwxLjUzLTUuNzEsNC42OGMwLDIuNjEsMi4zNiwzLjQsNy4zOSw0Ljk3CgkJCQkJCWwyLjk2LDAuOTRjNi4xMSwxLjkyLDkuOTUsNC4wNCw5Ljk1LDkuOTVDMzMzLjUyLDE0Mi45LDMyNS42OCwxNDYuMDEsMzE4LjY5LDE0Ni4wMXoiLz4KCQkJCQk8cGF0aCBkPSJNMzM3Ljg3LDEwOS43NWgxMi4zNmMzLjg5LDAsNS40NywwLjEsNi45OSwwLjQ0YzQuMzMsMC45OCw3LjU5LDMuNzksNy41OSw4LjU3YzAsNC41OC0yLjkxLDYuOTQtNy4wOSw4LjAzCgkJCQkJCWM0LjgzLDAuODksOC4zNywzLjM1LDguMzcsOC42MmMwLDguMDgtNy45OCw5Ljk1LTE0LjIzLDkuOTVoLTEzLjk5VjEwOS43NXogTTM1MC4yOCwxMjQuNThjMy40LDAsNi44NS0wLjY5LDYuODUtNC44MwoJCQkJCQljMC0zLjY5LTMuMjUtNC42OC02LjM1LTQuNjhoLTUuNDJ2OS41MUgzNTAuMjh6IE0zNTEuMDIsMTQwLjA1YzMuNiwwLDcuMTQtMC44NCw3LjE0LTUuMTdjMC00LjI0LTMuMDUtNS4yMi02LjctNS4yMmgtNi4xMQoJCQkJCQl2MTAuMzlIMzUxLjAyeiIvPgoJCQkJCTxwYXRoIGQ9Ik0zODYuMjUsMTQ2LjAxYy0xMS40OCwwLTE2LjY1LTcuMzQtMTYuNjUtMTguMThjMC0xMC43NCw1LjcxLTE4Ljc3LDE3LjA0LTE4Ljc3YzcuMDksMCwxMy45OSwzLjE1LDE0LjE5LDExLjIzaC03Ljk4CgkJCQkJCWMtMC4zOS0zLjU1LTIuNzYtNS40Mi02LjIxLTUuNDJjLTYuOTUsMC05LjA2LDcuNDktOS4wNiwxMy4yYzAsNS42NywyLjEyLDEyLjI2LDguODIsMTIuMjZjMy41LDAsNi4wNi0xLjg3LDYuNi01LjQ3aDguMDMKCQkJCQkJQzQwMC4xNCwxNDIuOTUsMzkzLjY0LDE0Ni4wMSwzODYuMjUsMTQ2LjAxeiIvPgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
}

.btn {
  min-width: 190px !important;
}

.btn.exit-btn,
.btn-default {
  color: #333 !important;
  border-color: #333 !important;
}

.btn.exit-btn:hover,
.btn-default:hover {
  background-color: #D9D9D9 !important;
}

.btn.exit-btn:active,
.btn.exit-btn:active:focus,
.btn-default:active,
.btn-default:active:focus {
  background-color: #B6B7B6 !important;
}

.nusignModal .btn-primary {
  background-color: #DB0011;
  border-color: #DB0011;
}

.nusignModal .btn-primary:hover {
  background-color: #AF000D;
  border-color: #AF000D;
}

.nusignModal .btn-primary:active,
.nusignModal .btn-primary:active:hover,
.nusignModal .btn-primary:active:focus {
  background-color: #83000A;
  border-color: #83000A;
}

.nusignModal .btn-default.rotate-left,
.nusignModal .btn-default.rotate-right {
  min-width: auto !important;
}

#nusign-modal-optOut .modal-body form legend,
#nusign-modal-decline .modal-body form legend,
.modal-title,
.confirm-text-modal-body {
  color: #333;
}

.modal-body,
.modal-footer {
  background-color: #fff;
}

button.close {
  display: none;
}

.signpost,
.signpost-optional {
  background-color: #DB0011;
  color: #fff;
}

.signpost:hover,
.signpost-optional:hover {
  color: #fff;
}

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

.nusign-btn-sign {
  border-color: #DB0011;
}

.nusign-btn-sign:hover {
  background-color: #DB0011;
  color: #fff;
}

.nusign-btn-sign-accepted {
  border-color: #DB0011;
}

.signpost-accepted {
  background-color: #DB0011;
}

.signpost-accepted:after {
  border-color: #DB0011;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}

/****

DEFAULT TEMPLATE

*/
/* Desktop layout */
#nusign-main-container .header .logo,
#nusign-main-container footer .logo {
  width: 260px;
  height: 120px;
  margin-top: -38px;
}
#nusign-main-container input.text:not(:disabled) {
  border-color: #ff0000;
  background-color: #e0dfdf;
}
@media (min-width: 768px) {
  #nusign-main-container .modal-sm {
    width: 460px;
  }
}

/* Mobile layout*/
#nusign-main-container-mb .btn {
  min-width: unset !important;
}
#nusign-main-container-mb .nusign-display-container-mb {
  height: fit-content;
  min-height: 35px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#nusign-main-container-mb .nusign-display-left-container {
  display: none;
}
#nusign-main-container-mb .nusign-display-right-container {
  width: 100%;
  text-align: center;
}
#nusign-main-container-mb .nusign-display-right-container span#nusign-page-name {
  display: block;
  margin-top: 5px;
}
#nusign-main-container-mb .nusign-header-mb .logo {
  width: 70px;
  height: 40px;
}
#nusign-main-container-mb input.text:not(:disabled) {
  border-color: #ff0000;
  background-color: #e0dfdf;
}
#nusign-main-container-mb .signpost-mb {
  background-color: #DB0011;
}
#nusign-main-container-mb .signpost-mb:after,
#nusign-main-container-mb .signpost-optional-mb:after {
  border-color: #DB0011;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container-mb .nusign-btn-sign-mb {
  border-color: #DB0011;
}