/****

COMMOM ELEMENTS

 */
.logo {
  background: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxMDIgNDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMiA0MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMwMDdCQzY7fQo8L3N0eWxlPgo8ZyBpZD0iUGFnZS0xIj4KCTxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC44ODc1NjksIDAuNTAwMDAwKSI+CgkJPHBhdGggaWQ9IlBhdGgiIGNsYXNzPSJzdDAiIGQ9Ik0xNC4yLDIyLjQ4Yy0wLjg0LDAtMS41OC0wLjU0LTEuODUtMS4zM2MtMC4wOC0wLjItMC4xMy0wLjQyLTAuMTMtMC42NAoJCQljMC0wLjIxLDAuMDQtMC40MiwwLjEzLTAuNjJjMC4yNi0wLjgsMS0xLjM0LDEuODQtMS4zNGgyMS42NWMtMC4zOS0yLjQzLTEuNTItNC42Ny0zLjI0LTYuNDNsLTAuMS0wLjExbC0yLjcyLTIuNzRsLTAuMTEtMC4wOAoJCQlMMjAuNTEsMEwwLDIwLjQ5TDIwLjQ5LDQxbDkuMTItOS4xNmwwLjE1LTAuMTRsMi43Mi0yLjczbDAuMTMtMC4xNGMxLjY5LTEuNzUsMi44LTMuOTgsMy4yLTYuMzhMMTQuMiwyMi40OHoiLz4KCQk8cGF0aCBpZD0iU2hhcGUiIGQ9Ik02Ni40OCwxOS42M2MyLjI4LTEuODMsMy42LTQuNjEsMy41Ni03LjUzYzAtMy4zNC0wLjk0LTYtMy4wMS03Ljg0Yy0yLjA3LTEuODQtNS4wMy0yLjg5LTguODYtMi44OUg0MC4wNAoJCQl2MTQuNzJsNS43MSw0LjQxbC01LjcxLDQuNDJ2MTUuNjFoMTkuMTJjNy41NCwwLDEyLjM4LTQuNTUsMTIuMzgtMTEuNjNDNzEuNzUsMjUuMSw2OS43OSwyMS41LDY2LjQ4LDE5LjYzTDY2LjQ4LDE5LjYzegoJCQkgTTQ3Ljk1LDguNTdoMTAuMjNjMi41OSwwLDQuMjIsMS40OSw0LjIyLDMuOTRjMC4wMiwxLjExLTAuNDMsMi4xOC0xLjIzLDIuOTRjLTAuOCwwLjc3LTEuODgsMS4xNy0yLjk5LDEuMTFINDcuOTZMNDcuOTUsOC41N3oKCQkJIE01OC4xOCwzMy4yN0g0Ny45NnYtOS41SDU4YzMuNTYsMCw1LjU0LDEuNyw1LjU0LDQuNzVjMCwzLjk0LTIuOTMsNC43Ni01LjM2LDQuNzZWMzMuMjd6Ii8+CgkJPHBvbHlnb24gaWQ9IlBhdGhfMDAwMDAxNzM4NzQ5MjQzODM5ODA0Njc5OTAwMDAwMDMzMTU2OTgxOTI5NjA5NDkzOTNfIiBwb2ludHM9Ijk5Ljk4LDEuMzcgNzEuNjMsMS4zNyA3MS42Myw4Ljc2IDgyLjAxLDguNzYgCgkJCTgyLjAxLDQwLjUyIDg5Ljg2LDQwLjUyIDg5Ljg2LDguNzYgMTAwLjIyLDguNzYgMTAwLjIyLDEuMzcgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=");
  background-repeat: no-repeat;
}

/****

DEFAULT TEMPLATE

 */
#nusign-main-container, #nusign-main-container-mb {
  background-color: #ffffff;
}

/* Desktop layout */
#nusign-main-container .header .logo,
#nusign-main-container footer .logo {
  width: 90px;
  height: 28px;
}
#nusign-main-container #nusign-header-container-left {
  margin-top: auto;
  margin-bottom: auto;
  padding-left: 0;
}
#nusign-main-container .btn.exit-btn {
  color: #FFFFFF !important;
  border-color: #007BC6 !important;
  background-color: #007BC6 !important;
}
#nusign-main-container .btn.exit-btn:hover,
#nusign-main-container .btn.exit-btn:focus,
#nusign-main-container .btn.exit-btn:not(:disabled):not(.disabled).active,
#nusign-main-container .btn.exit-btn:not(:disabled):not(.disabled):active {
  color: #FFFFFF !important;
  background-color: #004a64 !important;
  border-color: #004a64 !important;
}
#nusign-main-container .action-bar {
  background-color: #00232b;
}
#nusign-main-container .sign-field {
  background-color: #666666;
}
#nusign-main-container .nusign-badge {
  background-color: #007BC6;
}
#nusign-main-container .nusign-badge .sign-number {
  color: #ffffff;
  padding-top: 4px;
}
#nusign-main-container #scroll-top {
  background-color: #007BC6;
}
#nusign-main-container .signpost,
#nusign-main-container .signpost-optional {
  background-color: #007BC6;
  color: #ffffff;
}
#nusign-main-container .signpost:after,
#nusign-main-container .signpost-optional:after {
  border-color: #007BC6;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container .nusign-btn-sign {
  border-color: #666666;
}
#nusign-main-container .nusign-btn-sign:hover {
  background-color: #f4f4f4;
}
#nusign-main-container .nusign-btn-sign:focus {
  outline: none !important;
}
#nusign-main-container .signpost-accepted {
  background-color: #007BC6;
}
#nusign-main-container .signpost-accepted:after {
  border-color: #007BC6;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container .nusign-btn-sign-accepted {
  border-color: #007BC6;
}
#nusign-main-container .nusign-confirm-header,
#nusign-main-container .nusign-not-signable-header {
  background-color: #666666;
}
#nusign-main-container .nusign-confirm-header .nusign-message,
#nusign-main-container .nusign-not-signable-header .nusign-message {
  color: #ffffff;
}
#nusign-main-container .nusign-confirm-header .confirm-nuBtn,
#nusign-main-container .nusign-not-signable-header .confirm-nuBtn {
  background-color: #ffffff;
  color: #007BC6;
  border-color: #007BC6;
}
#nusign-main-container .nusign-confirm-header .confirm-nuBtn:hover,
#nusign-main-container .nusign-not-signable-header .confirm-nuBtn:hover {
  color: #004a64;
  border-color: #004a64;
}

/* Mobile layout*/
#nusign-main-container-mb .nusign-header-mb .logo {
  width: 75px;
  height: 33px;
}
#nusign-main-container-mb .nusign-display-container-mb {
  background-color: #00232b;
}
#nusign-main-container-mb #nusign-menu-container-mb,
#nusign-main-container-mb .nusign-btn-menu-container-not-collapsed {
  background-color: #f4f4f4;
}
#nusign-main-container-mb .nusign-sign-navigation-btn-not-accepted-mb,
#nusign-main-container-mb .sign-field-nav-mb {
  background-color: #666666;
  opacity: 0.8;
}
#nusign-main-container-mb #scroll-top {
  background-color: #007BC6;
}
#nusign-main-container-mb .signpost-mb,
#nusign-main-container-mb .signpost-optional-mb,
#nusign-main-container-mb .signpost-accepted-mb {
  background-color: #007BC6;
}
#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: #007BC6;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container-mb .nusign-btn-sign-mb {
  border-color: #666666;
}
#nusign-main-container-mb .nusign-btn-sign-accepted-mb {
  border-color: #007BC6;
}
#nusign-main-container-mb .nusign-btn-sign-mb:hover {
  background-color: #f4f4f4;
}
#nusign-main-container-mb .nusign-confirm-header-mb,
#nusign-main-container-mb .nusign-not-signable-header-mb {
  background-color: #666666;
}
#nusign-main-container-mb .nusign-confirm-header-mb .nusign-message-mb,
#nusign-main-container-mb .nusign-not-signable-header-mb .nusign-message-mb {
  font-size: 11px;
  color: #ffffff;
}
#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: #ffffff;
  color: #007BC6;
  border-color: #007BC6;
}

/* Modals*/
.modal .modal-content h3, .modal .modal-content h5 {
  color: #171717;
}
.modal .modal-content .modal-header .close {
  display: none;
}
.modal .modal-content .modal-header .modal-title {
  color: #171717;
  font-weight: 200;
}
.modal .modal-content .modal-body .confirm-text-modal-body {
  color: #007BC6;
}
.modal .modal-content .btn-primary {
  color: #ffffff;
  background-color: #007BC6;
  border-color: #007BC6;
}
.modal .modal-content .btn.btn-primary:hover,
.modal .modal-content .btn.btn-primary:focus,
.modal .modal-content .btn.btn-primary:not(:disabled):not(.disabled).active,
.modal .modal-content .btn.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #004a64;
  border-color: #004a64;
}
.modal .modal-content .btn-default {
  color: #007BC6;
  border-color: #007BC6;
}
.modal .modal-content .btn-default:hover,
.modal .modal-content .btn-default:focus,
.modal .modal-content .btn-default:not(:disabled):not(.disabled).active,
.modal .modal-content .btn-default:not(:disabled):not(.disabled):active {
  color: #004a64;
  border-color: #004a64;
}
.modal .modal-content .nav-tabs li a,
.modal .modal-content .nav-tabs li.active a {
  color: #171717;
}