/****

COMMOM ELEMENTS

 */
.logo {
  background: url("data:image/svg+xml;charset=utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI3LjQuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyNDYgNjkuNSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQ2IDY5LjU7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQzEwMDIyO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjIuMjIsMzcuNzhjMS41MSw2LjY1LDYuMTMsOS45LDEyLjc4LDkuOWMyLjY1LDAsNS45LTEuNDQsNS45LTQuNTRjMC03LjQxLTIzLjgyLTMuMTgtMjMuODItMTYuNzEKCQljMC03LjQ4LDcuMTgtMTEuMzQsMTMuODQtMTEuMzRjNC4wMSwwLDcuODYsMS41MiwxMS4xMiwzLjcxbDEuNTEtMi41N2g0LjE2djEyLjYzaC00LjkxYy0xLjgxLTUuNTItNS4zNy04LjMyLTExLjE5LTguMzIKCQljLTIuNSwwLTUuNzQsMS4wNi01Ljc0LDQuMDhjMCw1LjksMjMuODIsMy4xLDIzLjgyLDE2LjkzYzAsNy45NC02LjczLDExLjItMTMuODQsMTEuMmMtNC41MywwLTkuMDctMC43Ni0xMi42My0zLjg2bC0xLjUxLDIuNzNoLTUKCQlWMzcuNzhINjIuMjJ6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg0Ljk5LDIxLjk3aDAuMTZjMy4wMi00LjUzLDUuMzYtNi44OCw5LjQ1LTYuODhjNC44NCwwLDkuMTUsMi44LDkuMTUsOC4zMmMwLDMuNC0yLjA0LDYuMzUtNS43NCw2LjM1CgkJYy0yLjk1LDAtNS4zNy0xLjc0LTUuMzctNC44M2MwLTIuODgsMi4yNy00LjQ2LDQuOTktNC41NGMtMC44My0wLjkxLTIuMDQtMS4wNi0zLjE4LTEuMDZjLTYuMiwwLTkuMzcsNi4yLTkuMzcsMTEuNjRWNDMuNgoJCWMwLDIuMTksMC45MSwzLjAyLDMuMDIsMy4wMmgzLjU5djVoLTIxLjUzdi01aDIuOThjMi4xMiwwLDMuMDMtMC44MywzLjAzLTMuMDJWMjQuMjRjMC0yLjItMC45MS0zLjAyLTMuMDMtMy4wMmgtNC4yMXYtNWgxNi4wOAoJCVYyMS45N3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMzAuMzQsNDUuNDFoLTAuMTVjLTMuMDIsNS4xNC02Ljg4LDcuMzMtMTEuODcsNy4zM2MtMTAuNTEsMC0xNC45Ny05LjUzLTE0Ljk3LTE4LjgzCgkJYzAtOS4zLDUuNTItMTguODMsMTQuOTctMTguODNjNS45NywwLDEwLjEzLDMuNzEsMTEuODcsNi41MWgwLjE1VjkuOGMwLTIuMjctMC43Ni0zLjMzLTMuMS0zLjMzaC0zLjUyVjEuNDhoMTUuNTV2NDEuODEKCQljMCwyLjI3LDAuNjgsMy4zMywzLjAyLDMuMzNoMi43M3Y1aC0xNC42OFY0NS40MXogTTIyMS4yNiw0Ni44NWM1LjA3LDAsOS4wNy00LjI0LDkuMDctMTMuMzljMC04LjI0LTQuMDEtMTIuNDctOS4wNy0xMi40NwoJCWMtNS4wNiwwLTcuNzksNC4yNC03Ljc5LDEyLjkzQzIxMy40Nyw0Mi42MSwyMTYuMiw0Ni44NSwyMjEuMjYsNDYuODV6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMyLjIyLDE0Ljc1YzAsMC01Ljc4LTAuODItMTAuNTIsNC4xNWMtMC4xNS0wLjE0LTAuMjUtMC4yMi0wLjI1LTAuMjJjLTIuOS0yLjIyLTcuOTQtMy43NC0xMi45OC0zLjc0CgkJYy04LjQsMC0xNi42NSw0LjItMTYuNjUsMTMuNTJjMCw0LjU4LDEuNjEsOC4yNSw1LjczLDEwLjMxdjAuMTVjLTMuOTcsMC4yMy03LjAyLDMuMi03LjAyLDcuMjVjMCw0LjY2LDIuMjksNi4xOSw2LjQxLDYuOTZ2MC4xNQoJCWMtMy42NiwwLjM4LTcuNjQsMS45OC03LjY0LDYuMjdjMCw0LjUsMy45LDguNDgsMTkuNjMsOC40OGMxOC43MSwwLDIxLjQ2LTYuNzIsMjEuNDYtMTEuNzdjMC02LjU4LTQuMi0xMC4wOS0xMi41Mi0xMC4wOUgxMDQuOAoJCWMtNS4yNywwLTYuNDktMS4zOC02LjQ5LTIuNzVjMC0xLjM3LDAuOTEtMi4yMiwyLjA2LTIuOWMyLjc1LDAuOTksNS41LDEuMyw4LjEsMS4zYzguNjMsMCwxNy4wMy0zLjU5LDE3LjAzLTEzLjM2CgkJYzAtMi41Mi0wLjQ2LTQuMDUtMS42My02LjY4Yy0wLjEzLTAuMjktMC4yOS0wLjU3LTAuNDUtMC44M2MyLjktMy42NCw4LTIuOTIsOC0yLjkyYzEuMTcsMC4xOCwxLjY2LDAuNDEsMi4wMywwLjcKCQljMCwwLTQuMzQsMS41OC00LjEsNS41NmwwLjAxLDAuMTdjMCwwLjA0LTAuMDEsMC4wOSwwLDAuMTRjMC4zOCwzLjA4LDIuNjIsNC41NCw1LjA3LDQuNDFjMy42Ni0wLjE5LDUuMzktMy4wOCw1LjMyLTUuOQoJCUMxMzkuNjUsMTguMzgsMTM2LjY4LDE0Ljk4LDEzMi4yMiwxNC43NXogTTEwNS4xMSw1My44OWgxMS42MWMyLjgzLDAsNC44MSwxLjkxLDQuODEsNC40M2MwLDMuODMtNC41LDUuNDMtMTIuODIsNS40MwoJCWMtOC42MywwLTExLjYxLTEuOTktMTEuNjEtNC43NEM5Ny4wOSw1NS45Niw5OS44NCw1My44OSwxMDUuMTEsNTMuODl6IE0xMDguNjIsMzcuNTRjLTQuMzUsMC02LjU3LTMuMDUtNi41Ny05LjE2CgkJYzAtNi4xMSwyLjIxLTkuMTYsNi41Ny05LjE2YzQuNDMsMCw2LjY0LDMuMDUsNi42NCw5LjU0QzExNS4yNiwzNC41LDExMy4wNSwzNy41NCwxMDguNjIsMzcuNTR6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDguMTgsNDEuOTNMMzMuMDUsMS40OEgyMi40N0w4LjAyLDQxLjkzYy0xLjE1LDMuMTgtMy40LDMuOTQtNi43NCw0LjA2djUuNjJoMjEuMTZ2LTUuNmgtNC42NwoJCWMtMS40NCwwLTIuNDItMC4zLTIuNDItMS4zNmMwLTAuNjgsMC4xNS0xLjEzLDAuMy0xLjU5bDIuNDktNy41NmgxNy4xNmwyLjUsNy41NmMwLjE1LDAuNDUsMC4zLDEuMTMsMC4zLDEuODEKCQljMCwwLjc2LTAuNjEsMS4xMy0yLjM0LDEuMTNoLTQuOHY1LjZoMjMuOTN2LTUuNjJDNTEuNTksNDUuODcsNDkuMzksNDUuMTEsNDguMTgsNDEuOTN6IE0yMC4zNSwyOS45MWw2LjA1LTE4LjIzaDAuMTVsNi41OCwxOC4yMwoJCUgyMC4zNXoiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjQuODMsMzkuNjd2MS42NmMwLDQuNjktMC45LDUuNzUtMi4wNCw1Ljc1Yy0xLjE0LDAtMS44Mi0wLjgzLTEuODItMi41VjI2LjA1YzAtNi4zNS00LjM5LTEwLjk2LTE0LjYtMTAuOTYKCQljLTIuMTYsMC00LjA5LDAuMjQtNS45NiwwLjc5YzAuNzksMC45NCwxLjM1LDIuMDksMS42OCwzLjRjMC41NS0wLjA4LDEuMDktMC4xMSwxLjg3LTAuMTFjNC4wMSwwLDguMDksMC45LDguMDksNS43NQoJCWMwLDEwLjY2LTIyLjY4LDMuNTUtMjIuNjgsMTguMjJjMCw2LjgsNC42MSw5LjYxLDEwLjUxLDkuNjFjNC43NiwwLDkuNi0xLjM2LDEyLjQtNS42YzAuNiw0LjAxLDMuODYsNS42LDcuNjQsNS42CgkJYzYuMzUsMCw5Ljc1LTMuNTUsOS43NS0xMi4wM3YtMS4wNUgxNjQuODN6IE0xNTIuMDYsMzcuODVjMCw0Ljg0LTIuODgsOS4yMy04LjAyLDkuMjNjLTMuMSwwLTQuNTQtMS41OS00LjU0LTQuNzcKCQljMC0zLjU1LDIuMzUtNC43Nyw0LjU0LTUuNzVsOC4wMi0zLjYzVjM3Ljg1eiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-repeat: no-repeat;
}

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

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

/****

DEFAULT TEMPLATE

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

/* Desktop layout */
#nusign-main-container .header {
  padding: 25px;
  height: 90px;
}
#nusign-main-container .header .logo {
  width: 140px;
  height: 40px;
}
#nusign-main-container #nusign-header-container-left {
  margin-top: auto;
  margin-bottom: auto;
}
#nusign-main-container .btn.exit-btn {
  color: #FFFFFF !important;
  border-color: #c10022 !important;
  background-color: #c10022 !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: #c10022 !important;
  background-color: #ffffff !important;
}
#nusign-main-container .action-bar.stiky {
  top: 90px;
}
#nusign-main-container #nusign-body {
  padding-top: 125px;
}
#nusign-main-container #nusign-body .sign-field-back {
  top: 140px;
}
#nusign-main-container #nusign-body .fields-back {
  top: 185px;
}
#nusign-main-container .sign-field {
  background-color: #666666;
}
#nusign-main-container .nusign-badge {
  background-color: #c10022;
}
#nusign-main-container .nusign-badge .sign-number {
  color: #ffffff;
  padding-top: 4px;
}
#nusign-main-container #scroll-top {
  background-color: #c10022;
}
#nusign-main-container .signpost,
#nusign-main-container .signpost-optional {
  background-color: #c10022;
  color: #ffffff;
  text-decoration: none;
}
#nusign-main-container .signpost:after,
#nusign-main-container .signpost-optional:after {
  border-color: #c10022;
  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: #c10022;
}
#nusign-main-container .signpost-accepted:after {
  border-color: #c10022;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
}
#nusign-main-container .nusign-btn-sign-accepted {
  border-color: #c10022;
}
#nusign-main-container .nusign-confirm-header,
#nusign-main-container .nusign-not-signable-header {
  top: 124px;
  background-color: #f4f4f4;
}
#nusign-main-container .nusign-confirm-header .nusign-message,
#nusign-main-container .nusign-not-signable-header .nusign-message {
  color: #000000;
}
#nusign-main-container .nusign-confirm-header .confirm-nuBtn,
#nusign-main-container .nusign-not-signable-header .confirm-nuBtn {
  background-color: #ffffff;
  color: #666666;
  border-color: #666666;
}
#nusign-main-container .nusign-confirm-header .confirm-nuBtn:hover,
#nusign-main-container .nusign-not-signable-header .confirm-nuBtn:hover {
  background-color: #ffffff;
  color: #c10022;
  border-color: #c10022;
}

/* Mobile layout*/
#nusign-main-container-mb .nusign-header-mb .logo {
  width: 140px;
  height: 30px;
}
#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: #c10022;
}
#nusign-main-container-mb .signpost-mb,
#nusign-main-container-mb .signpost-optional-mb,
#nusign-main-container-mb .signpost-accepted-mb {
  background-color: #c10022;
}
#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: #c10022;
  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: #c10022;
}
#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: #f4f4f4;
}
#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: #000000;
}
#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: #c10022;
  color: #ffffff;
  border: 1px solid #c10022;
  font-size: 11px;
}
#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 {
  background-color: #ffffff;
  color: #c10022;
  border-color: #c10022;
}

/* Modals*/
.modal .modal-content h3, .modal .modal-content h5 {
  color: #000000;
}
.modal .modal-content .modal-header .close {
  display: none;
}
.modal .modal-content .modal-header .modal-title {
  color: #000000;
  font-weight: 200;
}
.modal .modal-content .modal-body .confirm-text-modal-body {
  color: #c10022;
}
.modal .modal-content .btn-primary {
  color: #ffffff;
  background-color: #c10022;
  border-color: #c10022;
}
.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: #ffffff;
  border-color: #c10022;
  color: #c10022;
}
.modal .modal-content .btn-default {
  color: #666666;
  border-color: #666666;
  background-color: #ffffff;
}
.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: #c10022;
  border-color: #c10022 !important;
}
.modal .modal-content .nav-tabs li a,
.modal .modal-content .nav-tabs li.active a {
  color: #000000;
}