.text-left, .acc-sidebar, .db-view .email-options .left-column, .acms-modal .email-options .left-column, .user-modal .email-options .left-column, .wallet-wrapper .email-options .left-column {
  text-align: left; }

.text-right, .db-view .email-section .section-btn-group, .acms-modal .email-section .section-btn-group, .user-modal .email-section .section-btn-group, .wallet-wrapper .email-section .section-btn-group {
  text-align: right; }

.pull-right, .block-buttons .btn, .block-buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .block-buttons a.button, .lesson-toggle.right {
  float: right !important; }

.pull-left, .lesson-toggle.left {
  float: left !important; }

.btn-block, div.ribbon ~ div.ribbon-info > p a.button {
  display: block;
  width: 100%; }

.container, div.acc-title > div, div.acc-title::after, div.acc-actions > div, .db-view-content {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 768px) {
    .container, div.acc-title > div, div.acc-title::after, div.acc-actions > div, .db-view-content {
      width: 750px; } }
  @media (min-width: 992px) {
    .container, div.acc-title > div, div.acc-title::after, div.acc-actions > div, .db-view-content {
      width: 970px; } }
  @media (min-width: 1200px) {
    .container, div.acc-title > div, div.acc-title::after, div.acc-actions > div, .db-view-content {
      width: 1170px; } }

/*! 
 * angular-loading-bar v0.6.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2014 Wes Cruver
 * License: MIT
 */
/* Make clicks pass-through */
#loading-bar,
#loading-bar-spinner {
  pointer-events: none;
  -webkit-pointer-events: none;
  -webkit-transition: 350ms linear all;
  transition: 350ms linear all; }

#loading-bar.ng-enter,
#loading-bar.ng-leave.ng-leave-active,
#loading-bar-spinner.ng-enter,
#loading-bar-spinner.ng-leave.ng-leave-active {
  opacity: 0; }

#loading-bar.ng-enter.ng-enter-active,
#loading-bar.ng-leave,
#loading-bar-spinner.ng-enter.ng-enter-active,
#loading-bar-spinner.ng-leave {
  opacity: 1; }

#loading-bar .bar {
  -webkit-transition: width 350ms;
  transition: width 350ms;
  background: #29d;
  position: fixed;
  z-index: 10002;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px; }

/* Fancy blur effect */
#loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 2px;
  opacity: .45;
  -ms-box-shadow: #29d 1px 0 6px 1px;
  box-shadow: #29d 1px 0 6px 1px;
  border-radius: 100%; }

#loading-bar-spinner {
  display: block;
  position: fixed;
  z-index: 10002;
  top: 10px;
  left: 10px; }

#loading-bar-spinner .spinner-icon {
  width: 14px;
  height: 14px;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 10px;
  -webkit-animation: loading-bar-spinner 400ms linear infinite;
  animation: loading-bar-spinner 400ms linear infinite; }

@-webkit-keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes loading-bar-spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    transform: rotate(360deg); } }

.chart-legend,
.bar-legend,
.line-legend,
.pie-legend,
.radar-legend,
.polararea-legend,
.doughnut-legend {
  list-style-type: none;
  margin-top: 5px;
  text-align: center;
  /* NOTE: Browsers automatically add 40px of padding-left to all lists, so we should offset that, otherwise the legend is off-center */
  -webkit-padding-start: 0;
  /* Webkit */
  -moz-padding-start: 0;
  /* Mozilla */
  padding-left: 0;
  /* IE (handles all cases, really, but we should also include the vendor-specific properties just to be safe) */ }

.chart-legend li,
.bar-legend li,
.line-legend li,
.pie-legend li,
.radar-legend li,
.polararea-legend li,
.doughnut-legend li {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  font-size: smaller;
  cursor: default; }

.chart-legend-icon,
.bar-legend-icon,
.line-legend-icon,
.pie-legend-icon,
.radar-legend-icon,
.polararea-legend-icon,
.doughnut-legend-icon {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 5px; }

.ta-hidden-input {
  width: 1px;
  height: 1px;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: -10000px;
  left: -10000px;
  opacity: 0;
  overflow: hidden; }

/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.ta-editor.ta-html, .ta-scroll-window.form-control {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%; }

.ta-scroll-window.form-control {
  position: relative;
  padding: 0; }

.ta-scroll-window > .ta-bind {
  height: auto;
  min-height: 300px;
  padding: 6px 12px; }

.ta-editor:focus {
  -webkit-user-select: text;
          user-select: text; }

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
  z-index: 100;
  position: absolute;
  display: none; }

.ta-resizer-handle-overlay > .ta-resizer-handle-info {
  position: absolute;
  bottom: 16px;
  right: 16px;
  border: 1px solid black;
  background-color: #FFF;
  padding: 0 4px;
  opacity: 0.7; }

.ta-resizer-handle-overlay > .ta-resizer-handle-background {
  position: absolute;
  bottom: 5px;
  right: 5px;
  left: 5px;
  top: 5px;
  border: 1px solid black;
  background-color: rgba(0, 0, 0, 0.2); }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
  width: 10px;
  height: 10px;
  position: absolute; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl {
  top: 0;
  left: 0;
  border-left: 1px solid black;
  border-top: 1px solid black; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr {
  top: 0;
  right: 0;
  border-right: 1px solid black;
  border-top: 1px solid black; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl {
  bottom: 0;
  left: 0;
  border-left: 1px solid black;
  border-bottom: 1px solid black; }

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br {
  bottom: 0;
  right: 0;
  border: 1px solid black;
  cursor: se-resize;
  background-color: white; }

/* copy the popover code from bootstrap so this will work even without it */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.popover.top {
  margin-top: -10px; }

.popover.bottom {
  margin-top: 10px; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover > .arrow {
  border-width: 11px; }

.popover > .arrow:after {
  content: "";
  border-width: 10px; }

.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0; }

.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0; }

.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25); }

.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert button {
    background-color: #AEDEF4;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 5px;
    padding: 10px 32px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #a1d9f2; }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #D0D0D0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b7b7b7; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-tranform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

.showSweetAlert {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }
  .showSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none; }

.hideSweetAlert {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }
  .hideSweetAlert[data-animation=none] {
    -webkit-animation: none;
    animation: none; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Other Stylesheet Imports */
/* text.scss */
body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3d464d; }

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;
  margin-bottom: 9.6px; }

h1 {
  font-size: 20px;
  font-weight: 400; }
  h1 > i,
  h1 > a > i {
    font-size: 12px; }

h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 17px; }
  h3 > i {
    color: #737373;
    font-size: 12px; }
  h3 > small {
    font-size: 12px;
    line-height: 1.45;
    margin: 0 6px; }

h4 {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5; }

h6 {
  color: #737373;
  display: inline-block;
  font-size: 12px;
  font-weight: 300; }

p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 12px; }

a {
  color: #3482c4; }
  a:hover {
    color: #045072;
    text-decoration: none; }
  a[disabled] {
    opacity: 0.5;
    pointer-events: none; }

ul {
  list-style-type: none;
  padding-left: 0;
  color: #737373; }
  ul li {
    font-size: 12px;
    padding: 4px 8px; }
    ul li > strong {
      color: #3d464d; }

figure {
  color: #3d464d;
  margin: 0 0 12px 0;
  text-align: center; }
  figure img {
    box-sizing: content-box;
    border: 1px solid #ececec;
    padding: 3px;
    margin: 0 0 5px 0; }
  figure figcaption {
    font-style: italic; }

blockquote {
  border-left: 3px solid #f9f9f9; }
  blockquote > * {
    color: #737373; }
  blockquote > cite {
    font-size: 12px;
    font-style: initial;
    font-weight: 400; }

.text-muted {
  color: #cccccc; }

.text-success {
  color: #58b758; }

.text-warning {
  color: #b79c28; }

.text-error {
  color: #e87272; }

ul.dropdown-menu > li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none !important; }
  ul.dropdown-menu > li > a {
    color: #737373;
    font-size: 12px;
    line-height: 1.7;
    padding: 6px 15px; }
    ul.dropdown-menu > li > a i {
      font-size: 11px;
      margin-right: 4px; }
    ul.dropdown-menu > li > a.active {
      background-color: #3482c4;
      color: white; }
  ul.dropdown-menu > li > a.disabled {
    opacity: 0.3;
    pointer-events: none;
    cursor: default; }

ol.tutorial {
  list-style-type: none;
  margin: 0;
  margin-left: 2em;
  padding: 0;
  counter-reset: li-counter; }
  ol.tutorial li {
    position: relative;
    margin-bottom: 20px;
    padding: 6px;
    min-height: 18px;
    border-left: 1px solid #e8e8e8; }
    ol.tutorial li:before {
      font-size: 20px;
      line-height: 1;
      width: 1em;
      position: absolute;
      top: 6px;
      left: -1.25em;
      font-weight: bold;
      text-align: right;
      color: #737373;
      content: counter(li-counter);
      counter-increment: li-counter; }

.label {
  font-size: 12px;
  font-weight: 400;
  padding: .25em .6em .3em; }

.label-success {
  background-color: #58b758;
  border-color: #58b758; }

.label-warning {
  background-color: #e2bd1e;
  border-color: #e2bd1e; }

.label-danger {
  background-color: #dd4e4e;
  border-color: #dd4e4e; }

.label-info {
  background-color: #3482c4;
  border-color: #3482c4; }

.text-heading {
  font-weight: 400; }

.text-thin, .user-modal .modal-content .help-block, .user-modal #copy-field input, .acms-modal small, .acms-modal.confirm-modal .modal-content label, .form .help-block, .db-view #credential-footer, .marketing-page .price-plan__unitcost, .action-flair {
  font-weight: 300; }

.text-thick, .user-modal .modal-content .btn, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.button, .pdf-overlay, .marketing-page .price-plan__cost, .marketing-page .price-plan__number {
  font-weight: 600; }

.description, .text-description {
  color: #737373;
  font-weight: 300; }

.text-description {
  font-size: 12px; }

.text-xs {
  font-size: 11px; }

.text-sm, .help-text, .acms-modal.confirm-modal .modal-content label, .form .help-block, .settings-link-list .link-group a, .db-view #credential-footer {
  font-size: 12px; }

.text-md, #settings-page .input, .modal-form .input {
  font-size: 14px; }

.text-lg, .db-view .acc-ui-box .box-title, .db-view .settings-group .box-title, .acms-modal .acc-ui-box .box-title, .acms-modal .settings-group .box-title, .user-modal .acc-ui-box .box-title, .user-modal .settings-group .box-title, .wallet-wrapper .acc-ui-box .box-title, .wallet-wrapper .settings-group .box-title {
  font-size: 18px; }

.text-xl, .big-or {
  font-size: 24px; }

.text-xxl {
  font-size: 32px; }

.text-white, .acc-navbar ul.dropdown-menu a:hover, .acc-navbar ul.dropdown-menu li > a:hover {
  color: white; }

.text-light, .help-text, .page-tip, #issuer-analytics .logs-table th, .form .list-remove-button, .db-view .payment-plan, #settings-page .form-btn .control-label, .modal-form .form-btn .control-label, .settings-link-list .link-group a, .cert-edit-toggle, .marketing-page .marketing-section .carousel .carousel-num, .marketing-page .price-plan__unitcost {
  color: #737373; }

.text-dark, .wallet-credential a, #issuer-analytics .percentage .label, .form .control-label, .db-view .payment-plan:focus, .db-view .payment-plan.info, #settings-page .form-btn:hover .control-label, #settings-page .form-btn:focus .control-label, .modal-form .form-btn:hover .control-label, .modal-form .form-btn:focus .control-label, #settings-page .edit-flair, .modal-form .edit-flair, .db-view .acc-ui-box, .db-view .settings-group, .acms-modal .acc-ui-box, .acms-modal .settings-group, .user-modal .acc-ui-box, .user-modal .settings-group, .wallet-wrapper .acc-ui-box, .wallet-wrapper .settings-group, .db-view .acc-ui-box .box-title, .db-view .settings-group .box-title, .acms-modal .acc-ui-box .box-title, .acms-modal .settings-group .box-title, .user-modal .acc-ui-box .box-title, .user-modal .settings-group .box-title, .wallet-wrapper .acc-ui-box .box-title, .wallet-wrapper .settings-group .box-title, .settings-link-list .link-group a:hover, .settings-link-list .link-group a.active {
  color: #3d464d; }

.text-green {
  color: #8ed186; }

.text-red {
  color: #e87272; }

a.text-red:hover {
  color: #C64D4D; }

.text-primary, .db-view .acc-ui-box:focus .box-title, .db-view .settings-group:focus .box-title, .db-view .acc-ui-box.active .box-title, .db-view .active.settings-group .box-title, .acms-modal .acc-ui-box:focus .box-title, .acms-modal .settings-group:focus .box-title, .acms-modal .acc-ui-box.active .box-title, .acms-modal .active.settings-group .box-title, .user-modal .acc-ui-box:focus .box-title, .user-modal .settings-group:focus .box-title, .user-modal .acc-ui-box.active .box-title, .user-modal .active.settings-group .box-title, .wallet-wrapper .acc-ui-box:focus .box-title, .wallet-wrapper .settings-group:focus .box-title, .wallet-wrapper .acc-ui-box.active .box-title, .wallet-wrapper .active.settings-group .box-title {
  color: #37BDB1; }

a.text-upload {
  position: relative;
  text-decoration: none; }
  a.text-upload.uploading, a.text-upload.dragover {
    color: #3482c4; }
  a.text-upload.error {
    color: #e87272; }
  a.text-upload > span {
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #3482c4;
    -webkit-transition: width 0.2s;
    transition: width 0.2s; }

.text-all-caps, .db-view .acc-ui-box .box-title, .db-view .settings-group .box-title, .acms-modal .acc-ui-box .box-title, .acms-modal .settings-group .box-title, .user-modal .acc-ui-box .box-title, .user-modal .settings-group .box-title, .wallet-wrapper .acc-ui-box .box-title, .wallet-wrapper .settings-group .box-title {
  text-transform: uppercase; }

.text-spaced {
  letter-spacing: 1px; }

.help-text {
  font-style: italic;
  margin-bottom: 0;
  margin-top: 2px; }
  .help-text.error {
    color: #e87272; }

.user-modal {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 40px; }
  .user-modal .row {
    margin-left: 0;
    margin-right: 0; }
  @media (max-width: 767px) {
    .user-modal {
      padding-left: 10px;
      padding-right: 10px; }
      .user-modal .form-group.row {
        margin-left: -15px;
        margin-right: -15px; } }
  .user-modal .modal-title i, .user-modal .close {
    font-size: inherit;
    line-height: inherit;
    vertical-align: top; }
  .user-modal .modal-content {
    border: 0;
    padding: 20px 30px; }
    .user-modal .modal-content a {
      padding-right: 18px;
      text-decoration: none; }
      .user-modal .modal-content a:hover {
        text-decoration: none; }
      .user-modal .modal-content a:last-child {
        padding-right: 0; }
    .user-modal .modal-content .btn, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.button {
      color: white; }
      .user-modal .modal-content .btn.fb, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.fb.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.fb.button {
        background-color: #025f98; }
        .user-modal .modal-content .btn.fb:hover, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.fb.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.fb.button:hover {
          background-color: #3e628e; }
      .user-modal .modal-content .btn.tw, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.tw.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.tw.button {
        background-color: #1d86bc; }
        .user-modal .modal-content .btn.tw:hover, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.tw.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.tw.button:hover {
          background-color: #4a80aa; }
      .user-modal .modal-content .btn.gp, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.gp.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.gp.button {
        background-color: #d52b47; }
        .user-modal .modal-content .btn.gp:hover, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.gp.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.gp.button:hover {
          background-color: #b84d50; }
      .user-modal .modal-content .btn.email, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.email.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.email.button {
        background-color: #777;
        border-color: #777; }
        .user-modal .modal-content .btn.email:hover, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.email.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.email.button:hover {
          background-color: #333;
          border-color: #333; }
    .user-modal .modal-content .btn.fb, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.fb.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.fb.button, .user-modal .modal-content .btn.tw, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.tw.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.tw.button, .user-modal .modal-content .btn.gp, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.gp.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.gp.button {
      border-color: transparent; }
    .user-modal .modal-content .btn-lg {
      font-weight: 400; }
    .user-modal .modal-content .btn-default {
      color: #707070; }
    .user-modal .modal-content label {
      line-height: 34px; }
    .user-modal .modal-content h4 {
      line-height: 1.4; }
    .user-modal .modal-content .help-block {
      font-size: 12px; }
  .user-modal ol {
    color: #404040;
    font-size: 14px;
    font-weight: 400;
    padding-left: 14px; }
    .user-modal ol p {
      color: #707070;
      font-weight: 300; }
    .user-modal ol code {
      word-break: break-word; }
  @media (max-width: 767px) {
    .user-modal .modal-content .btn.fb, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.fb.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.fb.button, .user-modal .modal-content .btn.tw, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.tw.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.tw.button, .user-modal .modal-content .btn.gp, .user-modal .modal-content div.ribbon ~ div.ribbon-info > p a.gp.button, div.ribbon ~ div.ribbon-info > p .user-modal .modal-content a.gp.button {
      height: inherit; } }
  .user-modal #share-url {
    position: relative;
    z-index: 20;
    /* -webkit-focus-ring-color = '#5B9DD9' */
    outline: -webkit-focus-ring-color auto 5px; }
  .user-modal #copy-field {
    height: 48px;
    margin: 12px 0 6px 0;
    position: relative; }
    .user-modal #copy-field input, .user-modal #copy-field .btn, .user-modal #copy-field div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal #copy-field a.button {
      display: inline-block;
      height: 48px;
      position: absolute;
      top: 0; }
    .user-modal #copy-field input {
      border: 1px solid #eaeaea;
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px;
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px;
      color: #a7a9ab;
      font-size: 16px;
      left: 0;
      padding-left: 20px;
      width: 100%; }

.user-modal.name-change-modal .modal-dialog, .user-modal.name-change-modal .modal-content {
  max-width: 400px; }

.acms-modal {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  z-index: 1070; }
  .acms-modal .modal-title {
    border-bottom: 1px solid #ececec;
    padding: 20px 9px 8px 9px; }
  .acms-modal .modal-dialog {
    margin-top: 60px; }
  .acms-modal .modal-backdrop {
    z-index: 1061; }
  .acms-modal .close {
    position: absolute;
    font-weight: 300;
    font-size: 18px;
    line-height: 1 !important;
    width: 20px;
    height: 20px;
    right: 26px;
    top: 21px;
    z-index: 100; }
    .acms-modal .close * {
      height: 18px;
      left: 0;
      position: absolute;
      top: 0; }
  .acms-modal p {
    margin: 0; }
  .acms-modal .btn-lg {
    padding-left: 36px;
    padding-right: 36px; }
  .acms-modal small {
    display: inline-block; }
  .acms-modal form .control-label {
    width: 100%; }
  .acms-modal .form-group.row {
    margin-left: 0;
    margin-right: 0; }
    .acms-modal .form-group.row:last-child {
      margin-top: 30px; }
  .acms-modal.confirm-modal .modal-content {
    border-color: transparent;
    border-radius: 4px;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.35);
    max-width: 648px;
    padding: 52px 72px; }
    .acms-modal.confirm-modal .modal-content .row {
      margin-left: 0;
      margin-right: 0; }
      .acms-modal.confirm-modal .modal-content .row.button-row {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 30px; }
    .acms-modal.confirm-modal .modal-content .grey-section {
      background-color: #fafafa;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      margin-bottom: -52px;
      margin-right: -72px;
      margin-left: -72px;
      padding: 36px 72px 36px 72px; }
    .acms-modal.confirm-modal .modal-content h5 {
      margin: 0; }
    .acms-modal.confirm-modal .modal-content input[type='checkbox'] {
      margin-right: 10px !important;
      -webkit-transform: scale(1.4, 1.4);
              transform: scale(1.4, 1.4); }

#linkedin-wrap div {
  color: white;
  font-size: 18px; }
  #linkedin-wrap div i {
    margin-right: 5px; }

#linkedin-auth {
  border-radius: 20px;
  height: 40px;
  margin-top: 20px;
  margin-bottom: 10px;
  width: 100%; }

.loading-wrap {
  margin-bottom: 100px; }

.new-evidence-modal .sidebar-right {
  padding: 0 15px; }

.new-evidence-modal .col-sm-12 {
  padding: 0;
  margin-left: 0;
  margin-right: 0; }

.drop-box {
  background: #F0F0F0;
  display: table-cell;
  height: 100px;
  text-align: center;
  width: 234px;
  vertical-align: middle; }

.drop-box:hover {
  background: #e0e0e0; }

.transcript-modal .table > thead > tr > th {
  border-bottom: 1px solid #eaeaea;
  text-align: center; }

.transcript-modal .table > tbody > tr > td {
  border: none; }

.transcript-modal .table > tbody > tr:nth-child(odd) {
  background-color: #fafafa; }

.transcript-modal .table > tbody > tr:last-child {
  background-color: #edf6f9;
  border-top: 1px solid #eaeaea;
  font-weight: 400; }

.template-select-modal .new-design-form {
  display: none; }

.template-select-modal .close {
  text-align: center;
  top: 12px;
  z-index: 10; }

.template-select-modal .modal-dialog {
  width: 602px; }

.template-select-modal .modal-content {
  -webkit-transition: all, 0.4s;
  transition: all, 0.4s;
  border-radius: 4px;
  padding: 25px; }

.template-select-modal.new-design-modal .new-design-form {
  display: block; }

.template-select-modal.new-design-modal .design-thumbnail-list {
  height: 36vh; }

#student-pay-form .card-preview {
  width: 2.2em;
  height: 1.4em; }

@media (max-width: 500px) {
  .modal-content {
    font-size: 12px;
    padding: 24px; }
  table {
    max-width: 400px; }
    table td {
      max-width: 220px; } }

@media (max-width: 360px) {
  .modal-content {
    font-size: 11px;
    padding: 10px; }
  table {
    max-width: 300px; }
    table td {
      max-width: 200px; } }

.control-label-larger {
  font-size: 18px; }

/* Variables */
/* Imports */
/* VARIABLES */
/* Email Header Views */
/* Credential with Template */
/* Credential preview on Issuer Dashboard */
/* credential_footer.scss */
#credential-header {
  width: 788px;
  margin: 6px;
  text-align: center; }
  #credential-header > .row:first-child {
    height: 120px;
    padding-left: 50px;
    padding-right: 50px; }
  #credential-header .row {
    margin-left: 0;
    margin-right: 0; }

#credential.expired #credential-header {
  -webkit-transition: opacity, 0.4s;
  transition: opacity, 0.4s;
  opacity: 0.2; }
  #credential.expired #credential-header:hover {
    opacity: 1; }
  @media (max-width: 767px) {
    #credential.expired #credential-header {
      opacity: 1; } }

.credential-watermark {
  background-position: center bottom;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 100%;
  padding-bottom: 30px;
  width: 100%; }

.color-bar {
  background-color: #000;
  padding: 14px 0 0 0;
  position: relative;
  z-index: 1; }

/* Old Styles (No Templates) */
.provider-logo {
  display: inline-block;
  margin-top: 40px;
  max-width: 160px;
  padding-bottom: 40px;
  padding-left: 5%;
  position: relative; }
  .provider-logo a {
    height: 100%;
    width: 100%; }
  .provider-logo img {
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%; }

.issue-date {
  line-height: 120px;
  padding-right: 5%; }

#credential-header .text-xxl {
  font-weight: 700;
  margin: 10px 0; }

#achievement-status .text-xl, #achievement-status .big-or {
  margin: 16px 0; }

/* seal row */
#institution-seals {
  height: 87px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  border-collapse: separate; }
  #institution-seals tr, #institution-seals td {
    padding: 0; }
  #institution-seals tr, #institution-seals td, #institution-seals .seal-item {
    max-height: 87px;
    max-width: 174px;
    vertical-align: middle; }
  #institution-seals .seal-item {
    padding-left: 16px;
    padding-right: 16px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 87px;
    vertical-align: middle; }

.incomplete-bar {
  background-color: #d3d3d3 !important; }

.incomplete-text {
  color: #d3d3d3 !important; }

/* IMPORTS */
#credential.new-email-credential {
  padding: 0;
  position: absolute !important;
  top: 0;
  left: 0; }
  #credential.new-email-credential #credential, #credential.new-email-credential .section-wrapper {
    padding: 0; }
  #credential.new-email-credential #credential-header, #credential.new-email-credential .section-wrapper {
    opacity: 0.6;
    margin: 0;
    box-shadow: none;
    width: inherit; }

#credential.new-email-credential, #credential.new-email-credential .credential-watermark {
  height: 618.60174px !important;
  width: 801px !important; }

#email-credential {
  height: 321px !important;
  width: 600px !important;
  overflow: hidden;
  /* custom for mapr */
  /* hide */ }
  #email-credential .section-wrapper {
    padding: 0; }
  #email-credential .credential-watermark {
    height: 321px !important;
    width: 600px !important; }
  #email-credential #credential-header {
    height: 321px !important;
    padding-bottom: 40px;
    width: 600px !important;
    opacity: 0.6;
    margin: 0; }
  #email-credential .mapr-achievement-status {
    position: absolute !important;
    top: 55px !important;
    margin-top: 0px !important; }
  #email-credential .mapr-credential-header-xs {
    display: none !important; }
  #email-credential .mapr-credential-header-lg {
    display: block !important; }
  #email-credential #institution-seals {
    display: none; }
  #email-credential #credential {
    width: 600px !important;
    left: 0;
    padding: 0;
    position: fixed;
    opacity: 0.7;
    top: 0;
    filter: alpha(opacity=70);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
    #email-credential #credential #credential-header .row:first-child {
      margin-bottom: 32px; }
    #email-credential #credential .issue-date {
      margin: 0;
      padding: 0;
      width: 120px; }

#new-preview-stamp {
  position: absolute;
  top: 190px;
  left: 210px;
  width: 400px;
  z-index: 20; }

#preview-stamp {
  width: 174px;
  position: absolute;
  top: 90px;
  left: 212px;
  z-index: 20; }

#credential-header.template {
  height: 608.56202px; }
  #credential-header.template.color-bar {
    background-color: inherit; }
  #credential-header.template .credential-watermark {
    position: absolute;
    top: 14px;
    bottom: 0;
    left: 0;
    padding: 0;
    height: initial; }
  #credential-header.template .block {
    position: absolute;
    min-width: 40px;
    min-height: 14px; }
    #credential-header.template .block img {
      height: 100%;
      width: 100%; }
    #credential-header.template .block.bold {
      font-weight: bold; }
    #credential-header.template .block.underline, #credential-header.template .block .underline {
      text-decoration: underline; }
    #credential-header.template .block.italic {
      font-style: italic; }
    #credential-header.template .block.selected {
      border: 1px #116096 dashed;
      margin-bottom: -1px;
      margin-top: -1px;
      outline: none; }
      #credential-header.template .block.selected img {
        margin-left: -1px;
        width: calc(100% + 2px) !important; }
      #credential-header.template .block.selected .block-text {
        margin-left: -1px;
        margin-right: -1px;
        width: 100%; }
    #credential-header.template .block.selected.centered {
      margin: -1px; }
    #credential-header.template .block .float-icon {
      font-size: 18px;
      font-weight: 300;
      position: absolute;
      top: -18px;
      right: -34px;
      height: 30px;
      width: 30px;
      padding: 0;
      text-align: center;
      vertical-align: middle;
      border-radius: 10px; }
    #credential-header.template .block .block-text {
      display: inline-block; }
      #credential-header.template .block .block-text span {
        white-space: pre-wrap;
        word-break: break-word; }

.visible-mobile {
  display: none !important; }

@media (max-width: 800px) {
  .visible-mobile {
    display: block !important; }
  .hidden-mobile {
    display: none !important; } }

.miriada-header #credential-header {
  margin-bottom: 0px; }

.miriada-header .miriada-header-overlay {
  background-color: white;
  margin: 0px;
  margin-top: 0px; }
  .miriada-header .miriada-header-overlay .row {
    margin-left: 25px;
    margin-right: 25px; }
    @media (max-width: 800px) {
      .miriada-header .miriada-header-overlay .row {
        margin-left: 22px;
        margin-right: 22px; } }
    @media (max-width: 550px) {
      .miriada-header .miriada-header-overlay .row {
        margin-left: 15px;
        margin-right: 15px; } }

.miriada-header .miriada-hr-row {
  background-color: white;
  position: relative;
  top: -10px;
  height: 20px;
  margin: 0;
  padding: 0 25px;
  z-index: 10; }

.miriada-header .miriada-hr {
  position: relative;
  margin: 0;
  top: 10px;
  border-top: 1px solid #DDD; }

.miriada-header .miriada-links-bar {
  background-color: #00b5cc;
  height: 62px;
  padding: 12px 30px 4px 30px;
  text-align: left; }
  @media (max-width: 800px) {
    .miriada-header .miriada-links-bar {
      padding: 4px 0; } }
  .miriada-header .miriada-links-bar table, .miriada-header .miriada-links-bar table tr {
    width: 100%; }
  .miriada-header .miriada-links-bar table td {
    height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    width: 25%; }
  .miriada-header .miriada-links-bar img {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto; }
  .miriada-header .miriada-links-bar * {
    text-decoration: none; }
    .miriada-header .miriada-links-bar *:hover {
      text-decoration: none; }

.miriada-header .miriada-disclaimer {
  font-family: 'Titillium Web';
  font-weight: 300;
  text-align: left;
  padding: 10px 0 25px 0;
  color: black;
  font-size: 11px;
  line-height: 12px; }

.credential-information {
  background-color: #fdfdfd;
  min-height: 90px;
  padding: 36px 36px 24px;
  text-align: left; }
  .credential-information .box-content > .badge-column {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .credential-information .box-content > .badge-column > img {
      width: 100%; }
  .credential-information .box-content > .info-column h1, .credential-information .box-content > .info-column h2, .credential-information .box-content > .info-column h3, .credential-information .box-content > .info-column h4, .credential-information .box-content > .info-column h5, .credential-information .box-content > .info-column h6, .credential-information .box-content > .info-column ul, .credential-information .box-content > .info-column ol, .credential-information .box-content > .info-column p {
    color: #737373; }
  .credential-information .box-content > .info-column h3.credential-name {
    font-size: 21px; }
    .credential-information .box-content > .info-column h3.credential-name i {
      font-size: 12px;
      line-height: 27px; }
  .credential-information .box-content > .info-column h3.recipient {
    color: #3d464d;
    border-bottom: 1px solid #ececec;
    margin-bottom: 18px;
    padding-bottom: 18px; }
    .credential-information .box-content > .info-column h3.recipient small {
      margin: 0; }
  .credential-information .box-content > .info-column p {
    margin-bottom: 24px; }
  .credential-information .box-content > .info-column ul > li {
    display: inline-block; }
  .credential-information .box-content > .info-column ul.info-list > li {
    margin-right: 12px;
    padding: 0; }
    .credential-information .box-content > .info-column ul.info-list > li h4 {
      margin-bottom: 4px; }
  .credential-information .box-content > .info-column ul.skill-list > li {
    background-color: #f4f4f4;
    border-bottom: 2px solid #ededed;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 6px 10px; }
  @media (min-width: 550px) {
    .credential-information .box-content {
      display: -webkit-box;
      display: -moz-flex;
      display: flex;
      margin-bottom: 12px; }
      .credential-information .box-content > .badge-column {
        -webkit-box-flex: 0;
        -moz-flex: 0 1 auto;
        flex: 0 1 auto;
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        border-right: 1px solid #eee;
        margin-right: 36px;
        padding-right: 36px; }
        .credential-information .box-content > .badge-column > img {
          max-width: 260px; }
      .credential-information .box-content > .info-column {
        -webkit-box-flex: 1;
        -moz-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -moz-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -moz-flex-direction: column;
        flex-direction: column; }
        .credential-information .box-content > .info-column > *:last-child {
          margin-bottom: 0; } }
  @media (min-width: 550px) and (max-width: 824px) {
    .credential-information .box-content > .badge-column {
      margin-right: 24px;
      padding-right: 24px; }
      .credential-information .box-content > .badge-column > img {
        width: 160px; } }

/* Generic evidence_item SCSS */
.evidence-item {
  background-color: white;
  display: inline-block;
  float: left;
  height: 300px;
  margin: 0 6px 12px 6px;
  position: relative;
  width: 258.66667px;
  z-index: 1; }
  .evidence-item a {
    text-decoration: none; }
  @media (max-width: 824px) {
    .evidence-item {
      width: 260.16667px; } }

.evidence-preview {
  height: 162px;
  overflow: hidden;
  position: relative;
  text-align: center;
  z-index: 10; }
  .evidence-preview > div {
    position: relative;
    height: 100%;
    width: 100%; }
    .evidence-preview > div > div {
      position: relative;
      height: 100%;
      width: 100%; }
  .evidence-preview .preview-image {
    -webkit-transition: opacity, 0.2s;
    transition: opacity, 0.2s;
    height: 100%;
    min-height: 100%;
    max-width: 100%;
    width: auto; }
  .evidence-preview:hover div.document, .evidence-preview:hover div.reference-avatar, .evidence-preview:hover div.add-reference-avatar, .evidence-preview:hover .preview-image, .evidence-preview:hover .transcript-bar-graph, .evidence-preview:hover .grade-curve.clickable, .evidence-preview:hover .acc-form > label label.grade-curve, .acc-form > label .evidence-preview:hover label.grade-curve, .evidence-preview:hover .grade-curve.help-link, .evidence-preview:hover .upload-choice .grade-curve.img-container, .upload-choice .evidence-preview:hover .grade-curve.img-container, .evidence-preview:hover .upload-choice .grade-curve.img-container-thin, .upload-choice .evidence-preview:hover .grade-curve.img-container-thin, .evidence-preview:hover .db-view .grade-curve.clickable-icon, .db-view .evidence-preview:hover .grade-curve.clickable-icon, .evidence-preview:hover .acms-modal .grade-curve.clickable-icon, .acms-modal .evidence-preview:hover .grade-curve.clickable-icon, .evidence-preview:hover .user-modal .grade-curve.clickable-icon, .user-modal .evidence-preview:hover .grade-curve.clickable-icon, .evidence-preview:hover .wallet-wrapper .grade-curve.clickable-icon, .wallet-wrapper .evidence-preview:hover .grade-curve.clickable-icon, .evidence-preview:hover .db-view .grade-curve.onoffswitch-label, .db-view .evidence-preview:hover .grade-curve.onoffswitch-label, .evidence-preview:hover .acms-modal .grade-curve.onoffswitch-label, .acms-modal .evidence-preview:hover .grade-curve.onoffswitch-label, .evidence-preview:hover .user-modal .grade-curve.onoffswitch-label, .user-modal .evidence-preview:hover .grade-curve.onoffswitch-label, .evidence-preview:hover .wallet-wrapper .grade-curve.onoffswitch-label, .wallet-wrapper .evidence-preview:hover .grade-curve.onoffswitch-label, .evidence-preview:hover .db-view .grade-curve.email-color-picker, .db-view .evidence-preview:hover .grade-curve.email-color-picker, .evidence-preview:hover .acms-modal .grade-curve.email-color-picker, .acms-modal .evidence-preview:hover .grade-curve.email-color-picker, .evidence-preview:hover .user-modal .grade-curve.email-color-picker, .user-modal .evidence-preview:hover .grade-curve.email-color-picker, .evidence-preview:hover .wallet-wrapper .grade-curve.email-color-picker, .wallet-wrapper .evidence-preview:hover .grade-curve.email-color-picker, .evidence-preview:hover div.acc-actions > div .selector-dropdown select.grade-curve, div.acc-actions > div .selector-dropdown .evidence-preview:hover select.grade-curve, .evidence-preview:hover .grade-curve.add-attribute-button, .evidence-preview:hover .settings-link-list .link-group a.grade-curve, .settings-link-list .link-group .evidence-preview:hover a.grade-curve, .evidence-preview:hover .group-certificate-design-preview a.grade-curve, .group-certificate-design-preview .evidence-preview:hover a.grade-curve, .evidence-preview:hover .card.inactive a.grade-curve.overlay, .card.inactive .evidence-preview:hover a.grade-curve.overlay, .evidence-preview:hover .acms-modal .inactive.modal-content a.grade-curve.overlay, .acms-modal .inactive.modal-content .evidence-preview:hover a.grade-curve.overlay, .evidence-preview:hover .card .nav.nav-tabs > li.grade-curve, .card .evidence-preview:hover .nav.nav-tabs > li.grade-curve, .evidence-preview:hover .acms-modal .modal-content .nav.nav-tabs > li.grade-curve, .acms-modal .modal-content .evidence-preview:hover .nav.nav-tabs > li.grade-curve, .evidence-preview:hover .grade-curve.video-link-container, .evidence-preview:hover .grade-curve.action-flair {
    opacity: 0.7; }
  .evidence-preview .browser-frame {
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2; }
  .evidence-preview .browser-frame + .preview-image {
    height: auto;
    margin-top: 12px;
    width: 100%; }

/* evidence_trusted.scss */
.official-evidence {
  background-color: white;
  border-bottom-left-radius: 13px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 14px;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 26px;
  z-index: 100;
  box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: opacity .7s, width .6s;
  transition: opacity .7s, width .6s; }

.official-evidence-trusted {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 26px;
  top: 6px;
  -webkit-transition: inherit;
  transition: inherit; }

.official-evidence-icon {
  height: 14px;
  width: 14px;
  position: absolute;
  top: 6px;
  right: 6px; }

.evidence-item:hover .official-evidence {
  width: 90px; }

.evidence-item:hover .official-evidence-trusted {
  opacity: 1;
  filter: alpha(opacity=100);
  text-overflow: ellipsis;
  width: 60px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase; }

.evidence-insights {
  background-color: white;
  height: 138px;
  overflow: hidden;
  padding: 14px 20px 20px;
  text-align: left; }
  .evidence-insights hr {
    margin: 10px -4px; }
  @media (max-width: 600px) {
    .evidence-insights {
      padding: 12px 18px; }
      .evidence-insights hr {
        margin: 10px -4px; } }

.evidence-description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%; }
  .evidence-description:last-child {
    margin-bottom: 0; }

.one-insight-list .evidence-description {
  overflow: initial;
  white-space: initial; }

.evidence-insight {
  color: #737373;
  font-size: 12px;
  font-weight: 300;
  line-height: 18px; }
  .evidence-insight i {
    font-size: 14px;
    margin-right: 10px;
    text-align: center;
    width: 18px; }
    @media (max-width: 600px) {
      .evidence-insight i {
        font-size: 14px;
        margin-right: 6px;
        text-align: center;
        width: 14px; } }
  .evidence-insight i.rtl {
    margin-left: 10px;
    margin-right: 0px; }

.evidence-insight-override {
  font-size: 14px;
  line-height: 16px;
  margin-left: 10px; }

.evidence-insight-static-text {
  font-size: 12px;
  line-height: 14px;
  margin-left: 10px; }

@media (max-width: 700px) {
  .evidence-insight-static-text {
    max-height: 70px;
    font-size: 11px;
    line-height: 12px;
    margin-left: 0px;
    overflow: hidden; } }

.duration-evidence {
  font-size: 110px; }

.duration-icon {
  margin-top: 30px; }

/* portfolio.scss */
.portfolio-boxes {
  position: relative;
  background-color: white;
  height: 162px;
  width: 100%;
  z-index: 5; }

.portfolio-boxes-padding {
  position: absolute;
  top: 20%;
  left: 14%;
  height: 80%;
  width: 80%; }

.portfolio-box {
  position: absolute;
  background-color: #24b88a; }

.portfolio-modal .modal-dialog {
  margin-top: 100px; }

.portfolio-modal td {
  word-break: break-word; }

/* transcript.scss */
.transcript-bar-graph {
  position: relative;
  background-color: white;
  height: 162px;
  width: 100%;
  z-index: 5; }

.transcript-graph-padding {
  position: absolute;
  top: 15%;
  left: 10%;
  height: 85%;
  width: 80%; }

.transcript-bar {
  position: absolute;
  bottom: 0;
  background-color: #7857a4;
  width: 12px; }

.transcript-bar:last-child {
  height: 45px;
  background-color: #ec635c;
  position: absolute;
  right: 0; }

.transcript-modal .modal-dialog {
  margin-top: 100px; }

/* transcript.scss */
.video-play-icon,
.video-embed-play-icon {
  color: white;
  font-size: 50px;
  line-height: 162px;
  position: absolute;
  z-index: 25; }

.user-modal.video-modal .modal-content {
  padding: 20px; }

.user-modal.video-modal .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  margin-top: 15px;
  height: 0; }

.user-modal.video-modal .video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* gradecurve.scss */
.grade-curve {
  background-image: url("/images/grade_curve.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  width: 100%; }

.grade-slider {
  background-color: #ec635c;
  bottom: 0;
  height: 86px;
  width: 6px;
  left: 0px;
  opacity: inherit;
  position: absolute;
  z-index: 10; }

.grade-number {
  color: #686868;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 42px;
  line-height: 90px;
  text-decoration: none; }

/* references.scss */
.evidence-item.reference .evidence-description {
  padding-left: 0;
  padding-right: 0; }

.evidence-item.reference .text-description {
  font-size: 11px;
  height: auto; }

.evidence-item.reference a {
  position: relative;
  z-index: 50; }

.evidence-preview > div.reference-avatar,
.evidence-preview > div.add-reference-avatar {
  height: 110px;
  width: 110px;
  position: absolute;
  left: 50%;
  margin-left: -55px;
  top: 50%;
  margin-top: -55px; }
  .evidence-preview > div.reference-avatar img,
  .evidence-preview > div.add-reference-avatar img {
    height: 100%;
    width: 100%; }
  .evidence-preview > div.reference-avatar i,
  .evidence-preview > div.add-reference-avatar i {
    background-color: #fff;
    border-radius: 3px;
    bottom: 4px;
    font-size: 16px;
    height: 13px;
    line-height: 13px;
    position: absolute;
    right: 4px;
    width: 13px;
    z-index: 40; }

#edit-view-background .reference-avatar {
  height: 50px;
  left: 10px;
  top: 10px;
  width: 50px;
  margin-left: 0;
  margin-top: 0; }

#edit-view-background .reference-text {
  background-color: #fff;
  margin-bottom: 0;
  padding: 10px;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 181.06667px;
  z-index: 50; }

/* filetypes.scss */
.evidence-preview div.document {
  -webkit-transition: opacity, 0.2s;
  transition: opacity, 0.2s;
  position: absolute;
  width: 100px;
  height: 130px;
  left: 50%;
  margin-left: -50px;
  top: 50%;
  margin-top: -65px;
  z-index: 1; }
  .evidence-preview div.document .triangle-chamfer {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent white transparent transparent;
    position: absolute;
    right: -3px;
    top: -3px;
    z-index: 20; }
  .evidence-preview div.document .triangle-corner {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 24px 0 0 24px;
    border-color: transparent transparent transparent transparent;
    position: absolute;
    right: 0;
    z-index: 2;
    box-shadow: -1px 1px 2px 0px rgba(0, 0, 0, 0.2); }
  .evidence-preview div.document > i {
    color: white;
    font-size: 48px;
    line-height: 130px; }

.ev-spreadsheet {
  background-color: #51b888; }
  .ev-spreadsheet .triangle-corner {
    border-left-color: #3d8a66; }

.ev-pdf {
  background-color: #d04645; }
  .ev-pdf .triangle-corner {
    border-left-color: #b82c39; }

.ev-doc {
  background-color: #528abe; }
  .ev-doc .triangle-corner {
    border-left-color: #2f72a5; }

.ev-code {
  background-color: #f7954a; }
  .ev-code .triangle-corner {
    border-left-color: #f77b1b; }

.ev-zip {
  background-color: #fff; }
  .ev-zip .triangle-corner {
    border-left-color: #bbbbbb; }

/* miriada.scss */
.miriada-grade-title {
  position: absolute;
  top: 0;
  width: 100%;
  margin: 0;
  padding: 5px 0;
  color: #12A7C1;
  z-index: 10; }

.miriada-grade-line {
  background-color: white; }
  .miriada-grade-line .grade-display {
    font-size: 90px;
    margin: 0;
    color: #666;
    padding-top: 40px;
    line-height: 122px; }

.miriada-bar-graph {
  position: relative;
  background-color: white;
  height: 162px;
  width: 100%;
  z-index: 5; }

.miriada-graph-padding {
  position: absolute;
  top: 18%;
  left: 10%;
  height: 120px;
  width: 80%; }

.miriada-bar {
  position: absolute;
  bottom: 0;
  background-color: #7857a4;
  width: 12px; }

.miriada-bar-label {
  font-size: 10px;
  color: black;
  position: absolute;
  bottom: -15px;
  width: 100%;
  text-align: center; }

.miriada-outline-icon {
  height: initial;
  width: 110px;
  margin-left: auto;
  margin-right: auto;
  left: initial;
  top: initial;
  margin-top: 8%;
  position: relative; }

.miriada-prof {
  display: inline-block;
  color: black;
  padding: .8em;
  text-align: center;
  text-decoration: none;
  font: 700 16px 'Titillium Web', sans-serif;
  line-height: 1.5em; }
  .miriada-prof:hover {
    color: #008fa9;
    text-decoration: none; }

.miriada-prof-image {
  border-radius: 800px;
  max-width: 115px;
  max-height: 115px;
  min-height: 115px;
  min-width: 115px;
  margin-bottom: 15px; }

.credential-evidence-section {
  text-align: left; }
  .credential-evidence-section:focus {
    outline: 0; }
  .credential-evidence-section > div {
    margin: 0 -6px; }

/* credential_footer.scss */
.credential-footer {
  color: #737373;
  padding: 0px 24px 24px 24px;
  text-align: left; }
  @media (max-width: 600px) {
    .credential-footer {
      padding: 12px; } }
  .credential-footer .footer-logo {
    opacity: 0.7; }
    .credential-footer .footer-logo:hover {
      opacity: 1; }
  .credential-footer a {
    color: #2b73ba;
    font-weight: 400; }
  .credential-footer p {
    display: inline-block;
    line-height: 1.3; }
    .credential-footer p small {
      color: #737373;
      font-weight: 300;
      margin-bottom: 12px; }

/*  CREDENTIAL SIDEBAR
 *
 *   This is the credential sidebar on the recipient/public view of
 *    a credential.
 *
 *   Acc-sidebar 
 *    General styling for the entire sidebar
 *
 *   Base Style Overrides
 *    Override base CSS things like the ul and h4, but
 *    try to use as much of their normal styling as possible.
 *    For instance, maintain <ul><li> font styling, but make
 *    <a> tags appear full width for nicer interaction
 *
 *   Owner Dropdown Menu
 *    The owner menu (link to all certs, logout, etc) pops out
 *    to the right of the sidebar. This is specific styling.
 *
 *   Sidebar Toggle
 *    Positioning the toggle for the user to show/hide the
 *    sidebar (especially on small screens).
 *
 *    @author Jake Ford
 *
 */
.acc-sidebar {
  background-color: #265473;
  color: #d8d8d8;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100%;
  height: 100vh;
  padding: 15px;
  position: fixed;
  top: 0;
  width: 216px;
  z-index: 1000;
  box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 1px 2px 6px 2px rgba(0, 0, 0, 0.4); }
  .acc-sidebar.sidebar-hidden {
    left: -216px;
    overflow: visible;
    box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -webkit-box-shadow: none; }
  @media (max-height: 550px) {
    .acc-sidebar {
      overflow: scroll; } }
  .acc-sidebar hr {
    border-top: 1px solid #164780;
    border-bottom: 1px solid #3e6587;
    margin: 0;
    margin-bottom: 12px; }
  .acc-sidebar h4 {
    color: #7B879D;
    margin-bottom: 4px; }
  .acc-sidebar ul {
    margin-left: -15px;
    margin-right: -15px; }
    .acc-sidebar ul li {
      padding: 0; }
      .acc-sidebar ul li a {
        color: #d8d8d8;
        display: block;
        padding: 0 24px;
        position: relative;
        line-height: 30px; }
        .acc-sidebar ul li a > i {
          margin-right: 3px; }
        .acc-sidebar ul li a:hover, .acc-sidebar ul li a:focus {
          background-color: #257196;
          color: #fff;
          text-decoration: none; }
        .acc-sidebar ul li a.disabled {
          opacity: 0.5;
          pointer-events: none; }
          .acc-sidebar ul li a.disabled:hover {
            background-color: inherit;
            color: inherit; }
  .acc-sidebar .dropdown {
    position: relative; }
    .acc-sidebar .dropdown .dropdown-toggle {
      margin: 0 -15px 12px -15px;
      padding: 6px 24px;
      position: relative; }
      .acc-sidebar .dropdown .dropdown-toggle > i {
        font-size: 24px;
        position: absolute;
        right: 24px;
        top: 6px; }
      .acc-sidebar .dropdown .dropdown-toggle > span {
        display: block;
        font-size: 12px; }
      .acc-sidebar .dropdown .dropdown-toggle:hover {
        background-color: #257196;
        color: #fff; }
    .acc-sidebar .dropdown ul.dropdown-menu {
      background-color: #265473;
      border: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      color: #d8d8d8;
      left: 216px;
      margin-top: 0;
      padding: 12px 0;
      top: 0; }
      .acc-sidebar .dropdown ul.dropdown-menu hr {
        margin: 6px 0; }
    @media (max-height: 550px) {
      .acc-sidebar .dropdown .dropdown-toggle {
        margin-bottom: 4px; }
        .acc-sidebar .dropdown .dropdown-toggle > i {
          display: none; }
      .acc-sidebar .dropdown ul.dropdown-menu {
        display: block;
        float: none;
        padding-top: 0;
        position: relative;
        left: 0;
        top: auto;
        box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -webkit-box-shadow: none; } }
  .acc-sidebar .sidebar-toggle {
    background-color: #265473;
    color: #d8d8d8;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    height: 44px;
    line-height: 44px;
    position: absolute;
    text-align: center;
    top: 60px;
    right: -40px;
    width: 40px; }
    .acc-sidebar .sidebar-toggle:hover {
      background-color: #257196;
      color: #fff; }
    .acc-sidebar .sidebar-toggle.expanded {
      background-color: transparent;
      height: 44px;
      line-height: 44px;
      opacity: 0.6;
      top: 2px;
      right: 0;
      width: 90px; }
      .acc-sidebar .sidebar-toggle.expanded > i {
        font-size: 9px; }
      .acc-sidebar .sidebar-toggle.expanded:hover {
        background-color: transparent;
        opacity: 1; }

#edit-view-background .acc-sidebar {
  top: 0; }

/*  CREDENTIAL STATUS NOTIFICATIONS
 *
 *   
 *
 *
 */
.notifications-overlay {
  left: -14px;
  top: 50px;
  max-width: 450px;
  position: absolute;
  text-align: left;
  z-index: 101; }
  .notifications-overlay > div.dropdown:hover .dropdown-menu {
    display: block; }

div.ribbon {
  background-color: #ececec;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.45);
  color: #404040;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  position: relative;
  z-index: 2; }
  div.ribbon small {
    color: #707070;
    font-weight: 400; }
  div.ribbon > table {
    min-width: 272px; }
  div.ribbon > table tr td {
    background-color: rgba(255, 255, 255, 0.92);
    padding: 14px 7px; }
    div.ribbon > table tr td:first-child {
      padding-left: 14px; }
    div.ribbon > table tr td:last-child {
      padding-right: 14px; }
    div.ribbon > table tr td i:first-of-type {
      font-size: 21px; }

div.ribbon.expired {
  background-color: #e87272; }
  div.ribbon.expired > table tr td i {
    color: #e87272; }

div.ribbon.sample > table tr td i {
  color: #e87272; }

div.ribbon.verified {
  background-color: #8ed186; }
  div.ribbon.verified > table tr td i {
    color: #8ed186; }

div.ribbon ~ div.ribbon-info {
  background-color: white;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.4);
  margin-left: 20px;
  margin-top: 0;
  padding: 20px 24px 28px 24px;
  position: relative;
  width: 240px;
  z-index: 1; }
  div.ribbon ~ div.ribbon-info > p {
    color: #737373;
    font-weight: 300; }
  div.ribbon ~ div.ribbon-info > * {
    display: block;
    margin-bottom: 18px;
    width: 100%; }
    div.ribbon ~ div.ribbon-info > *:last-child {
      margin-bottom: 0; }

/* Import for Edit View */
/* evidence_edit.scss */
/* Draggable Behaviour*/
.ui-state-highlight {
  background-color: rgba(17, 96, 150, 0.15);
  border: 2px solid rgba(17, 96, 150, 0.3);
  display: inline-block;
  height: 270px;
  margin: 6px;
  position: relative;
  visibility: visible;
  width: 258.66667px; }

/* Edit View Specific Styling */
#edit-view-background .evidence-item {
  height: 270px; }

#edit-view-background .evidence-insights {
  height: auto;
  padding-bottom: 8px; }
  #edit-view-background .evidence-insights hr {
    display: none; }

table.evidence-item-icon-bar {
  table-layout: fixed;
  width: 100%; }
  table.evidence-item-icon-bar td {
    color: #ccc;
    padding: 8px 12px;
    text-align: center;
    width: 100%; }
    table.evidence-item-icon-bar td:hover {
      background-color: #fafafa;
      color: #737373; }
    table.evidence-item-icon-bar td > i {
      font-size: 20px; }
  table.evidence-item-icon-bar.issuer-edit {
    -webkit-transition: opacity, 0.4s;
    transition: opacity, 0.4s;
    background-color: white;
    opacity: 0.2;
    position: absolute;
    z-index: 100; }
    table.evidence-item-icon-bar.issuer-edit i {
      font-size: 14px; }
    table.evidence-item-icon-bar.issuer-edit i.delete,
    table.evidence-item-icon-bar.issuer-edit i.hard-delete {
      color: #e87272; }

.evidence-item:hover .issuer-edit {
  opacity: 1; }

/* Import for Wallet View */
/* wallet.scss*/
#wallet-view-background {
  background-color: #eee;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  min-height: 100vh;
  padding: 0 0 50px 0;
  position: relative;
  top: 44px;
  width: 100%; }
  #wallet-view-background .btn-default {
    background-color: white; }

.wallet-credential {
  background-color: white;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.08);
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 12px;
  padding: 12px;
  position: relative;
  width: 280px; }
  .wallet-credential .cert-preview {
    overflow: hidden;
    position: relative;
    width: 100%;
    min-height: 195px;
    text-align: center; }
    .wallet-credential .cert-preview .overlay {
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s;
      background-color: rgba(250, 250, 250, 0.85);
      height: 100%;
      opacity: 0;
      padding-top: 30%;
      position: absolute;
      width: 100%;
      z-index: 10002; }
    .wallet-credential .cert-preview > img {
      height: 195px; }
  .wallet-credential .cert-privacy {
    background-color: grey;
    border-radius: 4px;
    color: white;
    padding: 4px 8px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 11; }
  .wallet-credential p {
    height: 20px;
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%; }
  .wallet-credential:hover {
    background-color: #fafafa;
    box-shadow: 1px 2px 3px 0 transparent; }
    .wallet-credential:hover .overlay {
      opacity: 1; }

.wallet-wrapper {
  margin: 0 auto;
  padding: 12px 0;
  text-align: left; }
  .wallet-wrapper .row {
    margin-left: 0;
    margin-right: 0; }
  .wallet-wrapper .container, .wallet-wrapper div.acc-title > div, .wallet-wrapper div.acc-title::after, .wallet-wrapper div.acc-actions > div, .wallet-wrapper .db-view-content {
    max-width: 960px; }

.privacy-label {
  font-size: 1.5em;
  position: relative;
  right: 30px;
  top: -50px;
  z-index: 100; }

.wallet-menu {
  background-color: #333;
  color: #FFF;
  display: block;
  font-size: 3em;
  height: 100%;
  left: 0;
  line-height: 300px;
  margin: 0 6px 6px 6px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 800px;
  z-index: 100; }
  .wallet-menu:hover {
    color: #FFF;
    opacity: 0.8;
    filter: alpha(opacity=80);
    text-decoration: none; }

@media (max-width: 550px) {
  #wallet-view-background .wallet-wrapper, #wallet-view-background .color-bar, #wallet-view-background .section-wrapper {
    width: 388px; }
  #wallet-view-background .wallet-menu:hover {
    opacity: 0; }
  #wallet-view-background .wallet-wrapper {
    padding: 30px 0 0 0;
    width: 400px; } }

@media (max-width: 400px) {
  #wallet-view-background .row {
    margin-left: 0;
    margin-right: 0; }
  #wallet-view-background .wallet-wrapper, #wallet-view-background .color-bar, #wallet-view-background .section-wrapper {
    width: 348px; } }

@media (max-width: 359px) {
  #wallet-view-background .wallet-wrapper, #wallet-view-background .color-bar, #wallet-view-background .section-wrapper {
    width: 308px; } }

.transcript {
  background-color: white;
  margin: 30px auto;
  position: relative;
  width: 100%;
  z-index: 10; }
  .transcript .transcript-table {
    border-radius: 4px; }

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  33% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  33% {
    -webkit-transform: scale3d(1.02, 1.02, 1.02);
    transform: scale3d(1.02, 1.02, 1.02); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

.animated, .wallet-credential:hover {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.pulse, .wallet-credential:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse; }

@media print {
  a[href]:after {
    content: none !important; }
  .avoid-break {
    margin: 10px 0 10px 0;
    page-break-inside: avoid !important;
    display: block;
    position: relative;
    overflow: hidden; }
  tr {
    display: block; }
  td {
    display: table-cell;
    page-break-inside: avoid; }
  th:nth-child(1), td:nth-child(1) {
    width: 60%; }
  th:nth-child(2), td:nth-child(2) {
    width: 10%; }
  th:nth-child(3), td:nth-child(3) {
    width: 30%; }
  tth:nth-child(4), d:nth-child(4) {
    width: 0%; }
  td:after {
    content: "";
    height: 4px;
    display: block; }
  thead {
    display: table-header-group; }
  @page {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    margin-bottom: 100px; }
  #wallet-view-background {
    width: 90%;
    max-width: 90%; }
  .wallet-wrapper {
    width: 90%; } }

/* Import for Credential Builder */
/* builder.scss */
#builder {
  background-color: #eee; }
  #builder #credential, #builder .credential-section, #builder .section-wrapper {
    width: 100%; }
  #builder #credential-information .acc-more-information li {
    margin: 6px 0;
    padding-top: 6px; }
  #builder .evidence-preview, #builder .video-play-icon, #builder .black, #builder .transcript-bar-graph {
    height: 142px; }
  #builder .evidence-insights {
    height: 158px; }
  #builder .evidence-item {
    width: 31.6%; }

/* Mobile Styles Imported at bottom of this sheet to override */
#credential {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  position: relative;
  text-align: center;
  max-width: 800px;
  z-index: 1; }
  @media (max-width: 824px) {
    #credential {
      max-width: 533.33333px; } }
  @media (max-width: 550px) {
    #credential {
      max-width: 400px; } }
  #credential .seal {
    z-index: 2; }
  #credential .credential-watermark {
    background-color: white; }

/* Credential sections */
.credential-information,
.credential-evidence-section,
.credential-footer {
  margin-top: 12px;
  max-width: inherit; }

#credential.expired {
  opacity: 0.6;
  padding-top: 0; }

.expiry-alert {
  border: 0;
  border-radius: 0;
  margin: 30px auto 30px auto;
  min-height: 60px;
  padding-bottom: 14px;
  padding-top: 18px;
  position: relative;
  width: 800px; }
  .expiry-alert .row {
    margin-left: 0;
    margin-right: 0; }
  @media (max-width: 800px) {
    .expiry-alert {
      width: 521px; } }
  @media (max-width: 550px) {
    .expiry-alert {
      width: 388px; } }
  @media (max-width: 400px) {
    .expiry-alert {
      width: 348px; } }
  @media (max-width: 360px) {
    .expiry-alert {
      width: 308px; } }

#credential-wrapper, .credential-public-wrapper {
  min-height: 100vh;
  margin: 0; }

@media (min-width: 1024px) {
  #credential-wrapper.sidebar-width {
    padding-left: 216px; } }

@media (min-width: 1400px) {
  #credential-wrapper.sidebar-width {
    padding-left: 0; } }

#credential-wrapper.no-scroll {
  position: fixed;
  width: 100%; }

#consumer-footer {
  background-color: #1E3F80;
  bottom: 0;
  min-height: 40px;
  position: fixed;
  width: 100%;
  z-index: 20;
  box-shadow: 0px -3px 4px 0px rgba(50, 50, 50, 0.2); }
  #consumer-footer .nav {
    margin-left: auto;
    margin-right: auto;
    padding-left: 25%;
    padding-right: 25%;
    min-height: 40px;
    width: 100%;
    float: none; }
  #consumer-footer li a {
    background-color: #1E3F80;
    color: #428BCA;
    font-size: 14px;
    font-weight: 300;
    line-height: 40px;
    padding: 0 12px; }
  #consumer-footer li a:hover {
    color: #72BBFA; }

@media (max-width: 768px) {
  #consumer-footer li a {
    padding: 0; } }

#main-view-background {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: #eee;
  height: 100%;
  padding: 0px;
  position: relative;
  top: 0px;
  width: 100%;
  z-index: -1; }
  #main-view-background #consumer-footer {
    position: relative;
    float: bottom; }
  #main-view-background .container, #main-view-background div.acc-title > div, #main-view-background div.acc-title::after, #main-view-background div.acc-actions > div, #main-view-background .db-view-content {
    padding: 0;
    width: 100%; }

#edit-view-background {
  background-color: #eee;
  min-height: 100vh;
  padding: 0px;
  position: relative;
  width: 100%; }

.unapproved-reference {
  opacity: 0.6;
  filter: alpha(opacity=60); }

#reference-add {
  background-color: #ddd;
  color: #aaa;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; }
  #reference-add img {
    opacity: 0.5;
    filter: alpha(opacity=50); }
  #reference-add #ref-add-right {
    font-weight: 400;
    line-height: 75px; }

.loading {
  background-color: white !important; }

.testing {
  background-color: white;
  width: 100%;
  height: 100%; }

/* centered columns styles */
.col-centered {
  display: inline-block;
  float: none;
  text-align: left;
  margin-right: -4px; }

/* completion section */
#completion-info {
  margin: 0 auto 0 auto;
  position: relative;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.completion-item {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 80px;
  max-width: 100%;
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  vertical-align: top; }

/* end completion section */
.highlight {
  box-shadow: 0px 0px 10px 0px; }

@-webkit-keyframes highlight {
  0% {
    -webkit-transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(6deg); }
  50% {
    -webkit-transform: rotate(0deg); }
  75% {
    -webkit-transform: rotate(-6deg); }
  100% {
    -webkit-transform: rotate(0deg); } }

.highlight {
  -webkit-animation-name: highlight;
  -webkit-animation-duration: 0.28s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: linear; }

.highlight {
  display: inline-block; }

.claim-trigger {
  margin-top: 0; }

.claim-trigger:hover {
  cursor: pointer;
  opacity: 0.8;
  filter: alpha(opacity=80); }

/* credential_mobile.scss */
@media (max-width: 550px) {
  #credential {
    width: 400px !important; }
  #credential-header, #credential-header.template, .section-wrapper, .credential-section, .miriada-header-overlay {
    width: 388px !important; }
  .evidence-item {
    width: 194px; } }

@media (max-width: 400px) {
  #credential {
    width: 360px !important; }
  #credential-header, #credential-header.template, .section-wrapper, .credential-section, .miriada-header-overlay {
    width: 348px !important; }
  .evidence-item {
    width: 174px; } }

@media (max-width: 359px) {
  #credential {
    width: 320px !important; }
  #credential-header, #credential-header.template, .section-wrapper, .credential-section, .miriada-header-overlay {
    width: 308px !important; }
  .evidence-item {
    width: 154px; } }

.credential-header-overlay {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 100; }

.privacy-overlay {
  background-color: #888;
  border-bottom-left-radius: 8px;
  color: white;
  font-size: 12px;
  padding: 6px 12px;
  position: absolute;
  top: 0;
  right: 6px;
  z-index: 99;
  box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: -1px 1px 4px 0px rgba(0, 0, 0, 0.2); }

.pdf-overlay {
  background-color: rgba(238, 238, 238, 0.8);
  color: #116096;
  font-size: 42px;
  padding-top: 200px;
  position: absolute;
  text-shadow: 0px 0px 8px white;
  height: 100%;
  width: 100%;
  z-index: 100; }

.pdf-credential {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  padding: 0 !important;
  /*make mapr pdf look good*/
  /*make mental training pdf look good*/ }
  .pdf-credential .mapr-credential-header-lg .credential-watermark {
    background-size: contain !important; }
  .pdf-credential .mentaltraining-credential-header-lg .provider-logo {
    margin-left: 3%;
    max-width: 300px !important; }
  .pdf-credential .mentaltraining-credential-header-lg #achievement {
    display: none; }
  .pdf-credential .mentaltraining-credential-header-lg #institution-seals {
    height: 300px; }
  .pdf-credential .mentaltraining-credential-header-lg #institution-seals .seal-item {
    max-height: 174px;
    max-width: 348px;
    padding-left: 32px;
    padding-right: 32px; }
  .pdf-credential .mentaltraining-credential-header-lg .mentaltraining-name {
    font-size: 32px; }
  .pdf-credential .mentaltraining-credential-header-lg .mentaltraining-course {
    font-size: 40px; }
  .pdf-credential .mapr-number {
    left: 145px !important; }
  .pdf-credential #credential-header {
    width: 1032px !important;
    height: 795px !important;
    margin: 0; }
  .pdf-credential .credential-watermark {
    /*height: 781px;*/
    height: 731px !important;
    position: relative;
    padding-top: 50px; }

.new-pdf-credential {
  position: absolute !important;
  top: 0 !important;
  left: 0px !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: scale(2) translate(200px, 156px);
  -webkit-transform: scale(2) translate(200px, 156px); }
  .new-pdf-credential #credential-header {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none; }

.expired-fade {
  opacity: 0.4;
  filter: alpha(opacity=40); }

.expired-text {
  color: #d3d3d3 !important; }

#sample-stamp {
  width: 80%;
  position: absolute;
  top: 22%;
  left: 10%;
  opacity: 0.1;
  z-index: 100; }

.no-screen {
  display: none; }

.help-modal {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  overflow: scroll;
  position: fixed;
  z-index: 10; }

.help-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1; }
  .help-wrapper.sidebar-width {
    padding-left: 216px; }
  .help-wrapper .btn, .help-wrapper div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .help-wrapper a.button {
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    background-color: transparent;
    border: 1px solid transparent;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    min-width: 120px;
    padding: 6px 12px; }
  .help-wrapper .btn-default {
    color: #404040;
    background-color: #ececec;
    border-color: #ececec; }
    .help-wrapper .btn-default:hover {
      background-color: #d1d1d1;
      border-color: #d1d1d1; }
  .help-wrapper hr {
    color: #ccc; }
  .help-wrapper h3 {
    margin-top: 45px; }
  .help-wrapper .help-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 2; }
  .help-wrapper .static-page-content {
    margin: 30px auto;
    max-width: 720px;
    padding: 20px 40px;
    position: relative;
    width: 100%;
    z-index: 11; }

@media print {
  .sidebar, #consumer-footer, #edit-navbar {
    display: none; }
  .no-screen {
    display: visible !important;
    position: absolute; }
  #print-instructions {
    text-align: center; }
  .no-print {
    display: none !important; } }

.page-tip {
  margin-top: 14px; }
  .page-tip.breadcrumb {
    background-color: #e9e9e9; }

#issuer-upload .drop-upload {
  -webkit-transition: background-color, 0.4s;
  transition: background-color, 0.4s;
  background-color: #eee;
  border: 2px dashed #67a5d6;
  font-size: 18px;
  font-weight: 300;
  height: 240px;
  left: 0;
  line-height: 80px;
  padding-top: 40px;
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 10; }
  #issuer-upload .drop-upload:hover {
    background-color: rgba(168, 214, 239, 0.2); }
  #issuer-upload .drop-upload .btn, #issuer-upload .drop-upload div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p #issuer-upload .drop-upload a.button {
    -webkit-transition: background-color, 0.4s;
    transition: background-color, 0.4s;
    background-color: transparent;
    position: relative;
    top: -20px; }
    #issuer-upload .drop-upload .btn:hover, #issuer-upload .drop-upload div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p #issuer-upload .drop-upload a.button:hover {
      background-color: white; }

#issuer-upload ol {
  margin-top: 40px;
  padding-left: 30px; }
  #issuer-upload ol li {
    font-size: 20px; }
  #issuer-upload ol p {
    font-size: 14px; }
  #issuer-upload ol a p {
    font-size: 20px; }

.big-or {
  padding-top: 200px;
  font-weight: 300;
  color: #D0D0D0; }

#issuer-credential-view .evidence-item {
  width: 250px; }

#issuer-credential-view #credential {
  margin-left: 0;
  padding-top: 0; }

#issuer-analytics .demo-image {
  background-image: -webkit-linear-gradient(bottom, #f1f1f1, #fdfdfd);
  background-image: linear-gradient(0deg, #f1f1f1, #fdfdfd);
  border-radius: 8px;
  padding: 36px 24px; }
  #issuer-analytics .demo-image img {
    max-width: 480px;
    opacity: 0.5;
    width: 100%; }

#issuer-analytics tr:hover {
  background-color: inherit; }

#issuer-analytics .loading-cover {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 44px;
  left: 280px;
  bottom: 0px;
  right: 0px;
  z-index: 100;
  text-align: center; }
  #issuer-analytics .loading-cover img {
    margin: 25% 0;
    width: 131px;
    height: 131px; }

#issuer-analytics .inside-doughnut {
  position: absolute;
  text-align: center;
  top: 28%;
  width: 92%; }
  #issuer-analytics .inside-doughnut h1 {
    margin: 0;
    font-size: 40px; }
  #issuer-analytics .inside-doughnut small {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    display: block; }

@media (max-width: 1150px) {
  #issuer-analytics .inside-doughnut {
    position: static;
    width: 100%; }
    #issuer-analytics .inside-doughnut small {
      display: inline-block; } }

#issuer-analytics .acc-green {
  background-color: #8ed186; }

#issuer-analytics .acc-blue {
  background-color: #67a5d6; }

#issuer-analytics .acc-yellow {
  background-color: #eacd50; }

#issuer-analytics .acc-red {
  background-color: #e87272; }

#issuer-analytics .acc-grey {
  background-color: #737373; }

#issuer-analytics .ana-linkedin {
  background-color: #157BB5; }

#issuer-analytics .ana-twitter {
  background-color: #31B3E5; }

#issuer-analytics .ana-facebook {
  background-color: #6881AF; }

#issuer-analytics .ana-google {
  background-color: #dd4b39; }

#issuer-analytics .color-swatch {
  padding: 8px 0px; }

#issuer-analytics .circle-swatch {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  margin: 0; }

#issuer-analytics .percentage {
  width: 69px;
  text-align: right; }
  #issuer-analytics .percentage .label {
    background-color: #dedede;
    border-radius: 8px;
    position: relative;
    font-size: 85%;
    font-weight: 400;
    text-shadow: none;
    top: -2px; }

#issuer-analytics .stat-table {
  margin-top: 15px;
  border-top: 1px solid #eee;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee; }

#issuer-analytics .stat-table td {
  padding: 15px; }

#issuer-analytics .stat-table b {
  display: block; }

#issuer-analytics .stat-table .stat-label {
  padding-top: 5px;
  font-size: 11px;
  line-height: 14px; }

#issuer-analytics .bar {
  height: 25px; }

#issuer-analytics .no-border {
  border: none; }

#issuer-analytics .engagement-table .help-link {
  margin-left: 8px; }

#issuer-analytics .engagement-table tr td:nth-child(1),
#issuer-analytics .engagement-table tr th:nth-child(1) {
  width: 35px;
  padding-right: 0px; }

#issuer-analytics .engagement-table tr td:nth-child(2),
#issuer-analytics .engagement-table tr th:nth-child(2) {
  width: 140px; }

#issuer-analytics .engagement-table tr td:nth-child(3), #issuer-analytics .engagement-table tr td:nth-child(4), #issuer-analytics .engagement-table tr td:nth-child(5),
#issuer-analytics .engagement-table tr th:nth-child(3),
#issuer-analytics .engagement-table tr th:nth-child(4),
#issuer-analytics .engagement-table tr th:nth-child(5) {
  width: 40px;
  text-align: right; }

#issuer-analytics .engagement-table tr td:nth-child(6),
#issuer-analytics .engagement-table tr th:nth-child(6) {
  width: 40px;
  text-align: right; }

#issuer-analytics .engagement-table tr td:nth-child(7),
#issuer-analytics .engagement-table tr th:nth-child(7) {
  /* automatic width */ }

#issuer-analytics .share-icon {
  height: 26px;
  width: 26px;
  border-radius: 13px;
  text-align: center; }
  #issuer-analytics .share-icon i {
    color: white; }

#issuer-analytics .clickthrough-table {
  font-size: 14px; }

#issuer-analytics .logs-viewer {
  height: 75vh;
  overflow-y: scroll;
  border: 1px solid #EEE;
  border-radius: 4px;
  padding: 0px 30px 15px 30px; }

#issuer-analytics .logs-table table, #issuer-analytics .logs-table tr, #issuer-analytics .logs-table td, #issuer-analytics .logs-table th {
  border: none; }

#issuer-analytics .logs-table td {
  padding: 2px 12px; }

#issuer-analytics .logs-table th {
  padding: 10px 12px 2px 12px;
  font-size: 12px;
  font-weight: 400;
  border-bottom: solid 2px #777; }

#issuer-analytics .logs-table tbody tr:nth-child(2) td {
  padding-top: 10px; }

#issuer-directory {
  background-color: #f9f9f9;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.st-sort-ascent, .st-sort-descent {
  background-color: #f9f9f9;
  font-weight: 600; }
  .st-sort-ascent .no-break, .st-sort-descent .no-break {
    max-width: 124px;
    width: 100%; }

.st-sort-ascent .arrow {
  border-bottom: 5px solid #777;
  border-top: 0; }

.st-sort-descent .arrow {
  border-top: 5px solid #777;
  border-bottom: 0; }

#upload-verify .alert {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  margin: 0 0 20px 0;
  position: relative;
  width: 100%;
  z-index: 2; }

#upload-verify .issuer-header {
  height: 74px;
  margin-bottom: 0;
  position: fixed;
  top: 44px;
  z-index: 100; }
  #upload-verify .issuer-header .btn, #upload-verify .issuer-header div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p #upload-verify .issuer-header a.button {
    margin-right: 12px;
    position: relative;
    top: -8px; }

#upload-verify #issuer-sidebar {
  padding-top: 31px;
  top: 118px;
  z-index: 2; }

#upload-verify #view-wrapper {
  min-width: 709px;
  padding-top: 0;
  top: 118px;
  z-index: 1; }

#upload-verify .sidebar-button.active, #upload-verify .sidebar-button:hover {
  background-color: white;
  opacity: 1; }

#upload-verify #credential-information {
  margin-top: 6px; }

/* Template Select List Specific Styling */
#select-template .issuer-header {
  position: fixed;
  top: 44px;
  width: 100%;
  z-index: 99; }

#select-template #issuer-sidebar {
  top: 118px;
  overflow: visible;
  z-index: 1060; }
  #select-template #issuer-sidebar h5 {
    margin: 0; }

#select-template #view-wrapper {
  margin-top: 34px; }

#select-template .sidebar-button {
  padding: 12px 20px !important; }
  #select-template .sidebar-button:hover {
    background-color: #fff;
    opacity: 1; }

#select-template .template-list-buttons {
  margin-top: 8px;
  width: 100%; }
  #select-template .template-list-buttons .btn, #select-template .template-list-buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p #select-template .template-list-buttons a.button {
    border-radius: 0;
    width: 33%; }
  #select-template .template-list-buttons .btn:last-child, #select-template .template-list-buttons div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p #select-template .template-list-buttons a.button:last-child {
    width: 34%; }
  #select-template .template-list-buttons .start-over {
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s; }
    #select-template .template-list-buttons .start-over:hover {
      background-color: #e87272;
      border-color: #e87272;
      color: white; }

#select-template table {
  margin-bottom: 0; }

/* Dashboard.scss */
/* Everything to do with the Issuer Dashboard */
/*  1.0 Variables  */
.sweet-overlay {
  z-index: 1100; }

.db-view .sweet-alert {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 48px; }

.db-view .sweet-alert h2 {
  color: #404040;
  font-size: 32px;
  font-weight: 600; }

.db-view .sweet-alert p {
  color: #707070;
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 20px; }

.db-view .sweet-alert button {
  background-color: #37BDB1;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) !important;
  color: white;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  font-weight: 600;
  margin: 26px 5px 0 5px;
  padding: 10px 32px;
  text-shadow: none;
  text-transform: uppercase; }

.db-view .sweet-alert button:focus {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) !important; }

.db-view .sweet-alert button:hover {
  background-color: #41CCBB; }

.db-view .sweet-alert button:active {
  background-color: #41CCBB; }

.db-view .sweet-alert button.cancel {
  background-color: #d1d1d1;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15) !important;
  color: #404040; }

.db-view .sweet-alert button.cancel:hover {
  background-color: #ececec;
  color: #404040; }

.db-view .sweet-alert button.cancel:active {
  background-color: #ececec;
  color: #404040; }

/*  3.0 UI Elements  */
/** ACC FORMS FLEXIBLE LAYOUT
 *
 *    These Forms that use flexbox for layout.
 *
 *    See the Kitchen-Sink for demos.
 *
 *    ---------------------
 *    CONTENTS
 *      Acc-Form (General Flex)
 *      Horizontal Forms
 *      Vertical Forms
 *    ---------------------
 *
 *    NOTES ON HTML STRUCTURE:
 *     Adding extraneous, wrapping <divs> inside <label>s or whatnot will
 *     break the form, as we use the > Child Selector to ensure that the
 *     immediate children have the correct width. This is a good thing.
 *
 *    Use of the > Child Selector
 *      By using the > Child Selector we can isolate the
 *       <input> and <select> elements that are DIRECT children
 *       of a <label>. This leaves <input> and <select> elements
 *       within a <div.input> unstyled; we want to deal with these
 *       on a case by case basis.
 *
 *    Styling of Form Elements
 *      see: forms/form-elements - for basic styles
 *      see: forms/form-states   - for AngularJS conditional styles (valid, invalid etc.)
 * 
 *    Vertical Form Flex Layout
 *      Abstracted all these form elements out so that they can be easily
 *      reused across form styles : one of them is the main style of form
 *      on the dashboard right now, a vertical form.
 *     
 *    @author   David "oodavid" King
 *    @author   Jake Ford
 */
/* ACC-FORM (Flexible)
 *
 *    Implementation:
 *
 *      <form class="acc-form">
 *        <label>
 *          Label for input
 *          <input type="text">
 *        </label>
 *        <label>
 *          Label for select
 *          <select>
 *            <option>hello</option>
 *            <option>world</option>
 *          </select>
 *        </label>
 *        <label>
 *          Label for custom
 *          <div class="input">
 *            <!-- A mix of inputs, selects and buttons -->
 *          </div>
 *        </label>
 *        <div>Custom content here</div>
 *      </form>
 */
.acc-form {
  display: -webkit-box;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap; }
  .acc-form > label {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    flex: 1;
    box-sizing: border-box; }
    .acc-form > label > input,
    .acc-form > label > select,
    .acc-form > label > button,
    .acc-form > label > textarea,
    .acc-form > label > .input {
      display: block;
      width: 100%; }
    .acc-form > label > input[type="checkbox"],
    .acc-form > label > input[type="radio"] {
      display: inline-block;
      width: initial; }
  .acc-form.cols-1 > label {
    width: 100%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-2 > label {
    width: 50%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-3 > label {
    width: 33.33333%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-4 > label {
    width: 25%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-5 > label {
    width: 20%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-6 > label {
    width: 16.66667%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-7 > label {
    width: 14.28571%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-8 > label {
    width: 12.5%;
    -webkit-box-flex: 0;
    -moz-flex: 0 0 auto;
    flex: 0 0 auto; }
  .acc-form.cols-min-1 > label {
    max-width: 100%; }
  .acc-form.cols-min-2 > label {
    max-width: 50%; }
  .acc-form.cols-min-3 > label {
    max-width: 33.33333%; }
  .acc-form.cols-min-4 > label {
    max-width: 25%; }
  .acc-form.cols-min-5 > label {
    max-width: 20%; }
  .acc-form.cols-min-6 > label {
    max-width: 16.66667%; }
  .acc-form.cols-min-7 > label {
    max-width: 14.28571%; }
  .acc-form.cols-min-8 > label {
    max-width: 12.5%; }
  .acc-form.cols-max-1 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 100%;
    flex: 1 0 100%; }
  .acc-form.cols-max-2 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 50%;
    flex: 1 0 50%; }
  .acc-form.cols-max-3 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 33.33333%;
    flex: 1 0 33.33333%; }
  .acc-form.cols-max-4 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 25%;
    flex: 1 0 25%; }
  .acc-form.cols-max-5 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 20%;
    flex: 1 0 20%; }
  .acc-form.cols-max-6 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 16.66667%;
    flex: 1 0 16.66667%; }
  .acc-form.cols-max-7 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 14.28571%;
    flex: 1 0 14.28571%; }
  .acc-form.cols-max-8 > label {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 12.5%;
    flex: 1 0 12.5%; }
  .acc-form label.noflex {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 auto;
    flex: 1 0 auto;
    width: auto; }

.acc-form {
  margin: 0 -12px 0 0; }
  .acc-form > label,
  .acc-form > div {
    padding: 0 12px 0 0;
    margin: 0 0 12px 0; }
  .acc-form > div {
    width: 100%; }

.acc-form.tight {
  margin: 0 -8px 0 0; }
  .acc-form.tight > label,
  .acc-form.tight > div {
    padding: 0 8px 0 0; }

.acc-form input[type="text"],
.acc-form input[type="email"],
.acc-form input[type="tel"],
.acc-form input[type="password"],
.acc-form input[type="url"],
.acc-form input[type="number"],
.acc-form select,
.acc-form button,
.acc-form textarea {
  padding: 6px 16px !important;
  background-color: white;
  border: 1px solid #cccccc;
  border-radius: 2px !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1 !important;
  margin-top: 4px;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow   ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow   ease-in-out 0.15s; }
  .acc-form input[type="text"]:focus,
  .acc-form input[type="email"]:focus,
  .acc-form input[type="tel"]:focus,
  .acc-form input[type="password"]:focus,
  .acc-form input[type="url"]:focus,
  .acc-form input[type="number"]:focus,
  .acc-form select:focus,
  .acc-form button:focus,
  .acc-form textarea:focus {
    border-color: #37BDB1 !important;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(55, 189, 177, 0.6); }

.acc-form input[type="text"],
.acc-form input[type="email"],
.acc-form input[type="tel"],
.acc-form input[type="password"],
.acc-form input[type="url"],
.acc-form input[type="number"],
.acc-form select {
  height: 36px !important; }

.acc-form textarea {
  min-height: 36px !important;
  height: 7em; }

.acc-form > label > button.btn {
  height: 30px !important;
  padding: 4px 0 !important; }

.acc-form button[type="submit"] {
  min-height: 30px !important; }
  .acc-form button[type="submit"].btn-lg {
    padding: 10px 16px !important; }

.acc-form > label > .input {
  display: -webkit-box;
  display: -moz-flex;
  display: flex; }
  .acc-form > label > .input > input {
    -webkit-box-flex: 1;
    -moz-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1px; }
  .acc-form > label > .input > button {
    -webkit-transition: background-color ease-in-out 0.2s;
    transition: background-color ease-in-out 0.2s;
    background-color: #e8e8e8 !important;
    border: 1px solid #cccccc !important;
    min-width: 30px; }
    .acc-form > label > .input > button:hover {
      background-color: #cccccc !important; }
      .acc-form > label > .input > button:hover.disabled, .acc-form > label > .input > button:hover[disabled] {
        background-color: #e8e8e8 !important; }
  .acc-form > label > .input > :first-child {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
  .acc-form > label > .input > :last-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important; }
  .acc-form > label > .input > button:first-child {
    border-right: 0 !important; }
  .acc-form > label > .input > button:last-child {
    border-left: 0 !important; }

.acc-form.tight input[type="text"],
.acc-form.tight input[type="email"] input[type="tel"],
.acc-form.tight input[type="password"],
.acc-form.tight input[type="url"],
.acc-form.tight input[type="number"],
.acc-form.tight select {
  height: 30px !important; }

.acc-form.tight textarea {
  min-height: 30px !important; }

.acc-form.tight input,
.acc-form.tight textarea {
  padding: 6px !important; }

.uib-datepicker table {
  margin-bottom: 0; }

.uib-datepicker .dropdown-menu {
  padding-bottom: 10px; }
  .uib-datepicker .dropdown-menu *:focus {
    outline: 0; }
  .uib-datepicker .dropdown-menu table th, .uib-datepicker .dropdown-menu table td {
    padding: 2px; }
    .uib-datepicker .dropdown-menu table th .btn, .uib-datepicker .dropdown-menu table th div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .uib-datepicker .dropdown-menu table th a.button, .uib-datepicker .dropdown-menu table td .btn, .uib-datepicker .dropdown-menu table td div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .uib-datepicker .dropdown-menu table td a.button {
      position: relative;
      top: -2px; }
  .uib-datepicker .dropdown-menu li {
    margin: 0; }
  .uib-datepicker .dropdown-menu .btn-default {
    background-color: #f9f9f9;
    border-color: #f9f9f9;
    font-weight: 400; }
    .uib-datepicker .dropdown-menu .btn-default .text-muted {
      color: #e8e8e8; }
    .uib-datepicker .dropdown-menu .btn-default:hover {
      border-color: #cccccc; }
      .uib-datepicker .dropdown-menu .btn-default:hover .text-muted {
        color: #737373; }
  .uib-datepicker .dropdown-menu .btn-default.active span {
    color: white !important; }
  .uib-datepicker .dropdown-menu .btn.dt-disabled, .uib-datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.dt-disabled.button, div.ribbon ~ div.ribbon-info > p .uib-datepicker .dropdown-menu a.dt-disabled.button {
    background-color: #f9f9f9 !important; }

.acc-form > label {
  font-size: 12px;
  font-weight: 400;
  color: #737373; }
  .acc-form > label > i {
    font-size: 10px; }
  .acc-form > label label {
    margin-bottom: 0;
    padding-left: 12px;
    position: relative;
    z-index: 10; }
  .acc-form > label p {
    font-size: 12px;
    font-style: italic;
    line-height: 16px;
    margin-bottom: 0;
    margin-left: 4px;
    margin-top: 4px; }

/*
  ng-valid:           the model is valid
  ng-invalid:         the model is invalid
  ng-valid-[key]:     for each valid key added by $setValidity
  ng-invalid-[key]:   for each invalid key added by $setValidity
  ng-pristine:        the control hasn't been interacted with yet
  ng-dirty:           the control has been interacted with
  ng-touched:         the control has been blurred
  ng-untouched:       the control hasn't been blurred
  ng-pending:         any $asyncValidators are unfulfilled
  ng-empty:           the view does not contain a value or the value is deemed "empty", as defined by the ngModel.NgModelController method
  ng-not-empty:       the view contains a non-empty value

  NOTES
    ng-empty, ng-not-empty were added in a newer version of AngularJS
     than we use. With these classes we can target inputs that are
     pristine, but have valid values (like pre-filling an input)

      .ng-valid.ng-not-empty {
        border-color: $acc-green!important;
      }
*/
.acc-form.disabled {
  opacity: 0.5; }
  .acc-form.disabled label {
    color: #737373; }

.acc-form .disabled,
.acc-form :disabled,
.acc-form [disabled] {
  opacity: 0.5; }

.acc-form .ng-touched.ng-invalid,
.acc-form .ng-dirty.ng-invalid {
  border-color: #e87272 !important; }

.acc-form input.ng-touched.ng-valid {
  border-color: #37BDB1 !important; }

.acc-form textarea.ng-touched.ng-valid {
  border-color: #37BDB1 !important; }

.acc-form select.ng-dirty.ng-valid {
  border-color: #37BDB1 !important; }

.form .help-block {
  margin-top: 0; }

.form .row {
  padding: 0; }

.form .page-tip {
  margin-top: 0; }

.form .control-label {
  font-weight: 400; }

.form .optional .control-label {
  font-weight: 300; }

.form .list-remove-button {
  display: block;
  font-weight: 300;
  margin: 8px 12px 0 0;
  padding: 0 10px; }

.form input, .form select, .form textarea {
  font-weight: 300; }

.form-height {
  line-height: 41px; }

.help-link {
  color: #a8d6ef;
  font-size: 16px !important;
  opacity: 0.75; }
  .help-link:hover {
    opacity: 1; }

.db-view .payment-plan {
  border: 1px solid #dedede;
  border-radius: 4px;
  line-height: 32px;
  margin: 0 4px 4px 4px !important; }
  .db-view .payment-plan:hover {
    background-color: #f7f7f7; }
  .db-view .payment-plan:focus {
    background-color: #e4e4e4; }
  .db-view .payment-plan.info {
    background-color: #e4e4e4; }

#settings-page .form-group, .modal-form .form-group {
  -webkit-transition: height, 0.4s;
  transition: height, 0.4s;
  border-bottom: 1px solid #eee;
  margin: 0;
  min-height: 53px;
  position: relative; }
  #settings-page .form-group:hover, .modal-form .form-group:hover {
    background-color: #f7f7f7; }
    #settings-page .form-group:hover .edit-flair, .modal-form .form-group:hover .edit-flair {
      opacity: 1; }
  #settings-page .form-group.blue-group, .modal-form .form-group.blue-group {
    color: #a8d6ef; }
    #settings-page .form-group.blue-group .input, .modal-form .form-group.blue-group .input {
      color: white; }
    #settings-page .form-group.blue-group:hover, .modal-form .form-group.blue-group:hover {
      background-color: white; }
  #settings-page .form-group.has-error input, .modal-form .form-group.has-error input {
    color: #a94442; }
  #settings-page .form-group.is-disabled, .modal-form .form-group.is-disabled {
    opacity: 0.3; }

#settings-page .form-btn, .modal-form .form-btn {
  -webkit-transition: all, 0.5s;
  transition: all, 0.5s;
  background-color: #f7f7f7;
  border-radius: 0;
  border-width: 0px;
  height: 53px;
  line-height: 41px;
  position: relative;
  width: 100% !important; }
  #settings-page .form-btn:hover, #settings-page .form-btn:focus, .modal-form .form-btn:hover, .modal-form .form-btn:focus {
    background-color: #e4e4e4; }
  #settings-page .form-btn.submit-btn:hover, #settings-page .form-btn.submit-btn:focus, .modal-form .form-btn.submit-btn:hover, .modal-form .form-btn.submit-btn:focus {
    background-color: #a8d6ef; }
    #settings-page .form-btn.submit-btn:hover .control-label, #settings-page .form-btn.submit-btn:focus .control-label, .modal-form .form-btn.submit-btn:hover .control-label, .modal-form .form-btn.submit-btn:focus .control-label {
      color: white; }
  #settings-page .form-btn .control-label, .modal-form .form-btn .control-label {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%; }

#settings-page .control-label, #settings-page .input, .modal-form .control-label, .modal-form .input {
  display: inline-block; }

#settings-page .control-label, .modal-form .control-label {
  font-size: 18px;
  font-weight: 300;
  line-height: 53px;
  padding-top: 0;
  pointer-events: none;
  position: relative;
  width: 34%;
  z-index: 5; }

#settings-page .input, .modal-form .input {
  font-weight: 300;
  height: 53px;
  padding-left: 37%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  #settings-page .input.form-control, .modal-form .input.form-control {
    border: none;
    box-shadow: none;
    background-color: transparent; }
  #settings-page .input:focus, .modal-form .input:focus {
    background-color: #ECF7FA;
    border-radius: 0; }
  #settings-page .input:hover, .modal-form .input:hover {
    cursor: pointer; }
  #settings-page .input select, .modal-form .input select {
    margin-top: 10px;
    max-width: 180px; }
  #settings-page .input .page-tip, .modal-form .input .page-tip {
    line-height: 53px; }

#settings-page .input:focus ~ .control-label, .modal-form .input:focus ~ .control-label {
  font-weight: 400; }

#settings-page .input:focus ~ .edit-flair, .modal-form .input:focus ~ .edit-flair {
  opacity: 1; }

#settings-page .edit-flair, .modal-form .edit-flair {
  line-height: 53px;
  opacity: 0.12;
  pointer-events: none;
  position: absolute;
  right: 12px;
  z-index: 5; }

#settings-page .page-tip, .modal-form .page-tip {
  font-weight: 300;
  width: 80%; }

#settings-page .row > .page-tip, .modal-form .row > .page-tip {
  position: relative;
  left: 10%; }

.modal-form .form-group {
  margin-bottom: 0; }
  .modal-form .form-group .row:first-child {
    height: 53px; }
  .modal-form .form-group .row:last-child {
    height: 20px; }

.modal-form label.control-label {
  margin-bottom: 0;
  position: absolute;
  left: 0; }

.modal-form span.form-height {
  line-height: 53px; }

.upload-choice .img-container, .upload-choice .img-container-thin {
  color: #5699d1;
  display: inline-block;
  margin: 0 auto; }
  .upload-choice .img-container img, .upload-choice .img-container-thin img {
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    opacity: 0.5; }
  .upload-choice .img-container:hover, .upload-choice .img-container-thin:hover {
    color: #67a5d6; }
    .upload-choice .img-container:hover img, .upload-choice .img-container-thin:hover img {
      opacity: 1; }

.upload-choice .img-container-thin img {
  width: 82px; }

/*
ol.reqts-list {
  color: #777;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  padding-left: 20px;
  li { 
    margin-bottom: 10px;
    .requirement {
      display: inline-block;
    }
    .requirement .name {
      background-color: #f9f9f9;
      border: 1px solid #999;
      border-radius: 4px;
      color: black;
      display: inline-block;
      font-size: 14px;
      font-weight: normal;
      padding: 0 11px;
      position: relative;
      top: 1px;
    }
  }
}
*/
.first-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.middle-input {
  border-radius: 0;
  border-left: 0;
  border-right: 0; }

.last-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.first-input.two-inputs {
  border-right: none; }

input.visa {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjU5LjA1NXB4IiBoZWlnaHQ9IjIwMi4wNjlweCIgdmlld0JveD0iMCAwIDY1OS4wNTUgMjAyLjA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjU5LjA1NSAyMDIuMDY5Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBmaWxsPSIjMDAyNDlGIiBwb2ludHM9IjIzMi4xNzgsMTk5LjE2NCAyNjUuNTM5LDMuNDAyIDMxOC44OTgsMy40MDIgMjg1LjUxNCwxOTkuMTY0IAkJIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik00NzkuMDQsOC4yMjJDNDY4LjQ2OCw0LjI1Niw0NTEuOTA0LDAsNDMxLjIxNywwYy01Mi43MjQsMC04OS44NjMsMjYuNTUyLTkwLjE4LDY0LjYwNA0KCQkJYy0wLjI5NywyOC4xMjksMjYuNTE0LDQzLjgyLDQ2Ljc1NCw1My4xODVjMjAuNzcsOS41OTUsMjcuNzUyLDE1LjcxNSwyNy42NTIsMjQuMjgzYy0wLjEzMSwxMy4xMjItMTYuNTg2LDE5LjExNy0zMS45MjIsMTkuMTE3DQoJCQljLTIxLjM1NywwLTMyLjcwMy0yLjk2Ny01MC4yMjctMTAuMjc2bC02Ljg3Ni0zLjExMWwtNy40ODksNDMuODIzYzEyLjQ2Miw1LjQ2NCwzNS41MDksMTAuMTk5LDU5LjQzOCwxMC40NDQNCgkJCWM1Ni4wODksMCw5Mi41MDEtMjYuMjQ3LDkyLjkxNS02Ni44ODJjMC4yMDEtMjIuMjctMTQuMDE2LTM5LjIxNy00NC43OTktNTMuMTg4Yy0xOC42NTEtOS4wNTYtMzAuMDczLTE1LjA5OS0yOS45NTItMjQuMjY5DQoJCQljMC04LjEzNyw5LjY2OC0xNi44MzgsMzAuNTU3LTE2LjgzOGMxNy40NDktMC4yNzEsMzAuMDg4LDMuNTM0LDM5LjkzNyw3LjVsNC43ODEsMi4yNTlMNDc5LjA0LDguMjIyIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik02MTUuODY3LDMuNTg5aC00MS4yMzFjLTEyLjc3MiwwLTIyLjMzMSwzLjQ4Ni0yNy45NCwxNi4yMzRMNDY3LjQ1LDE5OS4yMjZoNTYuMDMxDQoJCQljMCwwLDkuMTYxLTI0LjEyMiwxMS4yMzMtMjkuNDE4YzYuMTIzLDAsNjAuNTU1LDAuMDg0LDY4LjMzNiwwLjA4NGMxLjU5Nyw2Ljg1Myw2LjQ5MiwyOS4zMzQsNi40OTIsMjkuMzM0aDQ5LjUxMkw2MTUuODY3LDMuNTg5DQoJCQkgTTU1MC4wNywxMjkuNzY3YzQuNDEzLTExLjI3OSwyMS4yNTktNTQuNzI0LDIxLjI1OS01NC43MjRjLTAuMzE1LDAuNTIxLDQuMzgtMTEuMzM0LDcuMDc1LTE4LjY4NGwzLjYwNiwxNi44NzgNCgkJCWMwLDAsMTAuMjE3LDQ2LjcyOSwxMi4zNTMsNTYuNTI4TDU1MC4wNywxMjkuNzY3TDU1MC4wNywxMjkuNzY3eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDAyNDlGIiBkPSJNMTg3LjQyNSwzLjU0NWwtNTIuMjQsMTMzLjQ5NWwtNS41NjYtMjcuMTI5Yy05LjcyNS0zMS4yNzMtNDAuMDI1LTY1LjE1Ni03My44OTktODIuMTE5bDQ3Ljc2NywxNzEuMjAzDQoJCQlsNTYuNDU1LTAuMDY0TDI0My45NDYsMy41NDVIMTg3LjQyNSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNODYuNzIyLDMuNDI0SDAuNjgxTDAsNy40OTdDNjYuOTM5LDIzLjcwMSwxMTEuMjMyLDYyLjg2LDEyOS42MTgsMTA5LjkxMWwtMTguNzA5LTg5Ljk2DQoJCQlDMTA3LjY3OSw3LjU1NSw5OC4zMTEsMy44NTYsODYuNzIyLDMuNDI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
  background-size: auto 50%;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%; }

input.amex {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMjgxLjg5MDAxIgogICBoZWlnaHQ9IjEzMC40MjM2MyIKICAgdmlld0JveD0iMCAwIDI4MS44OTAwMSAxMzAuNDIzNjMiCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhMzgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMzNiIgLz4KPHJhZGlhbEdyYWRpZW50CiAgIGN4PSI1Ny4zODgxOTkiCiAgIGN5PSI1Ny4wMjEiCiAgIHI9IjI2NC41Nzk3MSIKICAgaWQ9IlNWR0lEXzFfIgogICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMTA3NTQsMCwwLDAuNDYwOTE2MjQsLTcuNjQ3MjE1MSwtMy41MDIwNDMpIj4KCTxzdG9wCiAgIGlkPSJzdG9wNCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzlkZDVmNjtzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwIiAvPgoJPHN0b3AKICAgaWQ9InN0b3A2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojOThkM2Y1O3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMDcxMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wOCIKICAgc3R5bGU9InN0b3AtY29sb3I6Izg5Y2VmMztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwLjE1NzUiIC8+Cgk8c3RvcAogICBpZD0ic3RvcDEwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojNzBjNmVmO3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMjUxNiIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTIiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZWJiZWE7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC4zNTEzOTk5OSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTQiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMyM2FkZTM7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC40NTQ2MDAwMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTYiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwZGE2ZTA7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC41IiAvPgoJPHN0b3AKICAgaWQ9InN0b3AxOCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzJlNzdiYztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIxIiAvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cGF0aAogICBkPSJNIDI4Mi4yNDgyMSwwIEggMCBWIDEzMC40MjM2MyBIIDI4Mi4yNDgyMSBWIDg3LjM4MDUwNyBjIDEuMTIxMiwtMC43NDYyMiAxLjY3NDgsLTEuNzAwNzggMS42NzQ4LC0yLjg2NzgyIDAsLTEuMzM1NzQgLTAuNTUzNiwtMi4xNjMwOSAtMS42NzQ4LC0yLjg2IgogICBpZD0icGF0aDIwIgogICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgLz4KPGcKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNjM5LC04OC45NTM5MzMpIgogICBpZD0iZzIyIj4KCTxkZWZzCiAgIGlkPSJkZWZzMjQiPgoJCTxwYXRoCiAgIGQ9Ik0gMjg5LjU4NCw3LjU5OCBIIDcuNjM5IHYgMjgyLjk2NiBoIDI4MS45NDUgdiAtOTMuMzg2IGMgMS4xMiwtMS42MTkgMS42NzMsLTMuNjkgMS42NzMsLTYuMjIyIDAsLTIuODk4IC0wLjU1MywtNC42OTMgLTEuNjczLC02LjIwNSIKICAgaWQ9IlNWR0lEXzJfIiAvPgoJPC9kZWZzPgoJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8zXyI+CgkJPHVzZQogICBpZD0idXNlMjgiCiAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICB4PSIwIgogICB5PSIwIgogICB3aWR0aD0iMzAwIgogICBoZWlnaHQ9IjMwMCIKICAgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAvPgoJPC9jbGlwUGF0aD4KPC9nPgo8cGF0aAogICBkPSJtIDI1LjQxNCw0MS4wODgwNjcgLTUuNDI0LC0xMy4yMTcgLTUuMzkzLDEzLjIxNyBtIDEzMC4zMDcsLTUuMjYzIGMgLTEuMDg5LDAuNjYxIC0yLjM3NywwLjY4MyAtMy45MiwwLjY4MyBoIC05LjYyNyB2IC03LjM2NCBoIDkuNzU4IGMgMS4zODEsMCAyLjgyMiwwLjA2MiAzLjc1OCwwLjU5OCAxLjAyOCwwLjQ4MyAxLjY2NCwxLjUxMSAxLjY2NCwyLjkzMSAwLDEuNDQ5IC0wLjYwNSwyLjYxNSAtMS42MzMsMy4xNTIgeiBtIDY4LjY3OCw1LjI2MyAtNS40ODQsLTEzLjIxNyAtNS40NTQsMTMuMjE3IGggMTAuOTM4IHogbSAtMTI4LjAyLDE0LjMwNiBoIC04LjEyNCBsIC0wLjAzLC0yNS45NjYgLTExLjQ5MSwyNS45NjYgaCAtNi45NTggbCAtMTEuNTIxLC0yNS45ODkgdiAyNS45ODkgSCAzMS4zMiBsIC0zLjA0NSwtNy4zOTUgaCAtMTYuNSBsIC0zLjA3Niw3LjM5NSBIIDAuMDkyIGwgMTQuMTkxLC0zMy4xNTQgaCAxMS43NzQgbCAxMy40NzgsMzEuMzkgdiAtMzEuMzkgaCAxMi45MzQgbCAxMC4zNzEsMjIuNDkxIDkuNTI3LC0yMi40OTEgaCAxMy4xOTQgdiAzMy4xNTQgeiBtIDMyLjM3OSwwIEggOTEuNDY4IHYgLTMzLjE1NCBoIDI2LjQ3MyB2IDYuOTA0IEggOTkuMzkzIHYgNS45NzYgaCAxOC4xMDMgdiA2Ljc5NiBIIDk5LjM5MyB2IDYuNjIxIGggMTguNTQ4IHYgNi44NTcgeiBtIDM3LjMyNiwtMjQuMjI1IGMgMCw1LjI4NiAtMy41MjgsOC4wMTcgLTUuNTg0LDguODM3IDEuNzM0LDAuNjYgMy4yMTUsMS44MjYgMy45MiwyLjc5MiAxLjExOSwxLjY0OSAxLjMxMiwzLjEyMiAxLjMxMiw2LjA4MyB2IDYuNTEzIGggLTcuOTkzIGwgLTAuMDMsLTQuMTgxIGMgMCwtMS45OTUgMC4xOTEsLTQuODY0IC0xLjI1MSwtNi40NTkgLTEuMTU4LC0xLjE2NiAtMi45MjMsLTEuNDE5IC01Ljc3NiwtMS40MTkgaCAtOC41MDcgdiAxMi4wNTkgaCAtNy45MjQgdiAtMzMuMTU0IGggMTguMjI3IGMgNC4wNSwwIDcuMDM0LDAuMTA3IDkuNTk2LDEuNTg4IDIuNTA3LDEuNDgxIDQuMDEsMy42NDMgNC4wMSw3LjM0MSB6IG0gMTIuNjgyLDI0LjIyNSBoIC04LjA4NiB2IC0zMy4xNTQgaCA4LjA4NiB2IDMzLjE1NCB6IG0gOTMuODA4LDAgaCAtMTEuMjMgbCAtMTUuMDIxLC0yNC44ODQgdiAyNC44ODQgaCAtMTYuMTM5IGwgLTMuMDg0LC03LjM5NSBoIC0xNi40NjIgbCAtMi45OTIsNy4zOTUgaCAtOS4yNzMgYyAtMy44NTIsMCAtOC43MjksLTAuODUyIC0xMS40OTEsLTMuNjY3IC0yLjc4NSwtMi44MTUgLTQuMjM0LC02LjYyOCAtNC4yMzQsLTEyLjY1NyAwLC00LjkxNyAwLjg2NiwtOS40MTIgNC4yNzIsLTEyLjk2NCAyLjU2MiwtMi42NDYgNi41NzQsLTMuODY2IDEyLjAzNSwtMy44NjYgaCA3LjY3MiB2IDcuMTA0IGggLTcuNTExIGMgLTIuODkyLDAgLTQuNTI1LDAuNDMgLTYuMDk4LDEuOTY0IC0xLjM1MSwxLjM5NiAtMi4yNzgsNC4wMzUgLTIuMjc4LDcuNTEgMCwzLjU1MiAwLjcwNiw2LjExMyAyLjE3OSw3Ljc4NiAxLjIyLDEuMzEyIDMuNDM3LDEuNzEgNS41MjMsMS43MSBoIDMuNTU5IGwgMTEuMTY5LC0yNi4wNzMgaCAxMS44NzQgbCAxMy40MTcsMzEuMzU5IHYgLTMxLjM1OSBoIDEyLjA2NiBsIDEzLjkzLDIzLjA5IHYgLTIzLjA5IGggOC4xMTcgdiAzMy4xNTMgeiBNIDAsNjEuOTA2MDY3IGggMTMuNTQgbCAzLjA1MywtNy4zNjQgaCA2LjgzNSBsIDMuMDQ1LDcuMzY0IGggMjYuNjQxIHYgLTUuNjMgbCAyLjM3OCw1LjY1NCBoIDEzLjgzIGwgMi4zNzgsLTUuNzM4IHYgNS43MTQgaCA2Ni4yMDggbCAtMC4wMzEsLTEyLjA4OCBoIDEuMjgxIGMgMC44OTcsMC4wMzEgMS4xNTksMC4xMTQgMS4xNTksMS41OTUgdiAxMC40OTMgaCAzNC4yNDMgdiAtMi44MTQgYyAyLjc2MiwxLjQ4IDcuMDU4LDIuODE0IDEyLjcxMSwyLjgxNCBoIDE0LjQwNiBsIDMuMDgzLC03LjM2NCBoIDYuODM1IGwgMy4wMTUsNy4zNjQgaCAyNy43NjEgdiAtNi45OTUgbCA0LjIwNCw2Ljk5NSBoIDIyLjI0NiB2IC00Ni4yNCBoIC0yMi4wMTYgdiA1LjQ2MSBsIC0zLjA4MywtNS40NjEgaCAtMjIuNTkxIHYgNS40NjEgbCAtMi44MzEsLTUuNDYxIGggLTMwLjUxNSBjIC01LjEwOCwwIC05LjU5OCwwLjcxMyAtMTMuMjI1LDIuNyB2IC0yLjcgaCAtMjEuMDU4IHYgMi43IGMgLTIuMzA4LC0yLjA0OCAtNS40NTMsLTIuNyAtOC45NSwtMi43IEggNjcuNjE5IGwgLTUuMTYyLDExLjk0MyAtNS4zMDEsLTExLjk0MyBIIDMyLjkyNCB2IDUuNDYxIGwgLTIuNjYyLC01LjQ2MSBIIDkuNTk2IGwgLTkuNTk3LDIxLjk4NSB2IDI0LjI1NSB6IgogICBpZD0icGF0aDMwIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8cGF0aAogICBkPSJtIDI4MS45NDUsODYuMzYxMDY3IGggLTE0LjQ0MyBjIC0xLjQ0MiwwIC0yLjQsMC4wNTQgLTMuMjA3LDAuNTk5IC0wLjgzNiwwLjUzNyAtMS4xNTgsMS4zMzQgLTEuMTU4LDIuMzg2IDAsMS4yNTEgMC43MDYsMi4xMDIgMS43MzMsMi40NyAwLjgzNiwwLjI5MSAxLjczNCwwLjM3NiAzLjA1NCwwLjM3NiBsIDQuMjk1LDAuMTE1IGMgNC4zMzQsMC4xMDcgNy4yMjcsMC44NTIgOC45OTEsMi42NjkgMC4zMjEsMC4yNTMgMC41MTQsMC41MzcgMC43MzUsMC44MjEgbSAwLDEyLjQyNzAwMyBjIC0xLjkyNSwyLjgxNSAtNS42NzYsNC4yNDIgLTEwLjc1NCw0LjI0MiBoIC0xNS4zMDQgdiAtNy4xMTEgaCAxNS4yNDIgYyAxLjUxMiwwIDIuNTcsLTAuMTk5IDMuMjA3LC0wLjgyMSAwLjU1MiwtMC41MTMgMC45MzcsLTEuMjU4IDAuOTM3LC0yLjE2MyAwLC0wLjk2NiAtMC4zODUsLTEuNzMzIC0wLjk2OCwtMi4xOTMgLTAuNTc1LC0wLjUwNjAwMyAtMS40MTIsLTAuNzM2MDAzIC0yLjc5MiwtMC43MzYwMDMgLTcuNDQxLC0wLjI1MyAtMTYuNzI0LDAuMjMgLTE2LjcyNCwtMTAuMjY0IDAsLTQuODEgMy4wNTQsLTkuODczIDExLjM3LC05Ljg3MyBoIDE1Ljc4NSB2IC02LjU5OCBoIC0xNC42NjYgYyAtNC40MjYsMCAtNy42NDEsMS4wNiAtOS45MTgsMi43MDggdiAtMi43MDggaCAtMjEuNjkzIGMgLTMuNDY5LDAgLTcuNTQxLDAuODYgLTkuNDY3LDIuNzA4IHYgLTIuNzA4IGggLTM4LjczOCB2IDIuNzA4IGMgLTMuMDgzLC0yLjIyNCAtOC4yODUsLTIuNzA4IC0xMC42ODYsLTIuNzA4IGggLTI1LjU1MiB2IDIuNzA4IGMgLTIuNDM5LC0yLjM2MiAtNy44NjMsLTIuNzA4IC0xMS4xNjksLTIuNzA4IGggLTI4LjU5NyBsIC02LjU0NCw3LjA4MiAtNi4xMjksLTcuMDgyIEggNTYuMDY3IHYgNDYuMjcyMDAzIGggNDEuOTE0IGwgNi43NDMsLTcuMTk0IDYuMzUyLDcuMTk0IDI1LjgzNiwwLjAyMyB2IC0xMC44ODUgaCAyLjU0IGMgMy40MjgsMC4wNTMgNy40NzEsLTAuMDg1IDExLjAzOCwtMS42MjcgdiAxMi40ODggaCAyMS4zMSB2IC0xMi4wNiBoIDEuMDI4IGMgMS4zMTIsMCAxLjQ0MSwwLjA1NCAxLjQ0MSwxLjM2NSB2IDEwLjY5NCBoIDY0LjczNiBjIDQuMTEsMCA4LjQwNiwtMS4wNTIgMTAuNzg1LC0yLjk2MSB2IDIuOTYxIGggMjAuNTM0IGMgNC4yNzMsMCA4LjQ0NiwtMC41OTkgMTEuNjIxLC0yLjEzMyB2IC04LjYyIHogTSAyNTAuMzM0LDk0Ljk3NjA2NyBjIDEuNTQzLDEuNTk3IDIuMzcsMy42MTMgMi4zNyw3LjAyNjAwMyAwLDcuMTM0IC00LjQ1NywxMC40NjQgLTEyLjQ0OSwxMC40NjQgSCAyMjQuODIgdiAtNy4xMTEgaCAxNS4zNzMgYyAxLjUwMywwIDIuNTY5LC0wLjE5OSAzLjIzNywtMC44MjEgMC41NDUsLTAuNTEzIDAuOTM2LC0xLjI1OCAwLjkzNiwtMi4xNjMgMCwtMC45NjYgLTAuNDIzLC0xLjczMyAtMC45NjcsLTIuMTkzIC0wLjYwNiwtMC41MDYwMDMgLTEuNDQyLC0wLjczNjAwMyAtMi44MjIsLTAuNzM2MDAzIC03LjQxMSwtMC4yNTMgLTE2LjY5MiwwLjIzIC0xNi42OTIsLTEwLjI2NCAwLC00LjgxIDMuMDIyLC05Ljg3MyAxMS4zMywtOS44NzMgaCAxNS44ODcgdiA3LjA1OCBoIC0xNC41MzcgYyAtMS40NDEsMCAtMi4zNzgsMC4wNTQgLTMuMTc1LDAuNTk5IC0wLjg2OCwwLjUzNyAtMS4xOSwxLjMzNCAtMS4xOSwyLjM4NiAwLDEuMjUxIDAuNzM3LDIuMTAyIDEuNzM0LDIuNDcgMC44MzYsMC4yOTEgMS43MzQsMC4zNzYgMy4wODQsMC4zNzYgbCA0LjI2NiwwLjExNSBjIDQuMzAyLDAuMTA1IDcuMjU1LDAuODQ5IDkuMDUsMi42NjcgeiBtIC03MS41MDgsLTIuMDQ4IGMgLTEuMDYsMC42MjkgLTIuMzcxLDAuNjgzIC0zLjkxMywwLjY4MyBoIC05LjYyNyB2IC03LjQ0OCBoIDkuNzU4IGMgMS40MTEsMCAyLjgyMywwLjAzIDMuNzgyLDAuNTk5IDEuMDI3LDAuNTM3IDEuNjQxLDEuNTY0IDEuNjQxLDIuOTgzIDAsMS40MTkgLTAuNjE0LDIuNTYyIC0xLjY0MSwzLjE4MyB6IG0gNC43ODYsNC4xMjcgYyAxLjc2NCwwLjY1MSAzLjIwNiwxLjgxOCAzLjg4MiwyLjc4NCAxLjExOSwxLjYxOTAwMyAxLjI4MSwzLjEzMDAwMyAxLjMxMyw2LjA1MzAwMyB2IDYuNTc0IGggLTcuOTU2IHYgLTQuMTQ5IGMgMCwtMS45OTUgMC4xOTIsLTQuOTQ5IC0xLjI4MSwtNi40OTEgLTEuMTU4LC0xLjE4OCAtMi45MjMsLTEuNDcyIC01LjgxNCwtMS40NzIgaCAtOC40NjkgdiAxMi4xMTIgaCAtNy45NjMgViA3OS4zMDQwNjcgaCAxOC4yOTYgYyA0LjAxMiwwIDYuOTM0LDAuMTc3IDkuNTM1LDEuNTY1IDIuNTAxLDEuNTExIDQuMDc0LDMuNTgxIDQuMDc0LDcuMzY0IC0wLjAwMSw1LjI5MyAtMy41MzEsNy45OTQgLTUuNjE3LDguODIyIHogbSAxMC4wMTEsLTE3Ljc1MSBoIDI2LjQ0OSB2IDYuODU4IGggLTE4LjU1NyB2IDYuMDI5IGggMTguMTA0IHYgNi43NjYgaCAtMTguMTA0IHYgNi41OTgwMDMgbCAxOC41NTcsMC4wMyB2IDYuODgxIEggMTkzLjYyMyBWIDc5LjMwNDA2NyB6IG0gLTUzLjQ2NywxNS4zMDQgaCAtMTAuMjQxIHYgLTguNDQ1IGggMTAuMzMzIGMgMi44NjEsMCA0Ljg0NywxLjE2NiA0Ljg0Nyw0LjA2NiAwLDIuODY4IC0xLjg5NCw0LjM3OSAtNC45MzksNC4zNzkgeiBtIC0xOC4xMzQsMTQuODQyMDAzIC0xMi4xNjcsLTEzLjUwODAwMyAxMi4xNjcsLTEzLjA3OSB2IDI2LjU4NzAwMyB6IG0gLTMxLjQyMSwtMy44OTUgSCA3MS4xMTcgdiAtNi41OTgwMDMgaCAxNy4zOTggdiAtNi43NjYgSCA3MS4xMTcgdiAtNi4wMjkgaCAxOS44NjggbCA4LjY2OCw5LjY2NCAtOS4wNTIsOS43MjkwMDMgeiBtIDYzLjAwMiwtMTUuMzI2MDAzIGMgMCw5LjIxMiAtNi44NzMsMTEuMTE0MDAzIC0xMy44LDExLjExNDAwMyBoIC05Ljg4OCB2IDExLjEyMyBoIC0xNS40MDMgbCAtOS43NTgsLTEwLjk3OCAtMTAuMTQxLDEwLjk3OCBIIDYzLjIyMyBWIDc5LjMwNDA2NyBoIDMxLjg3MyBsIDkuNzUsMTAuODcgMTAuMDgsLTEwLjg3IGggMjUuMzIyIGMgNi4yODksMCAxMy4zNTUsMS43NDEgMTMuMzU1LDEwLjkyNSB6IgogICBpZD0icGF0aDMyIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4=");
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%; }

input.mastercard {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMTQ5NDgpICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ibGF5ZXIxIj4NCgk8ZyBpZD0iZzEwMzA1Ij4NCgkJPHBhdGggaWQ9InBhdGgyMjY4IiBzdHlsZT0iZmlsbDojRkY5OTAwOyIgZD0iTTI5OC4wMzIsOTAuNWMwLjAxNCw0OC45MzYtMzkuNjQ2LDg4LjYxNC04OC41ODIsODguNjI3DQoJCQljLTQ4LjkzNywwLjAxMi04OC42MTQtMzkuNjQ2LTg4LjYyNy04OC41ODJjMC0wLjAxNiwwLTAuMDI5LDAtMC4wNDVjLTAuMDEzLTQ4LjkzNSwzOS42NDctODguNjE1LDg4LjU4MS04OC42MjgNCgkJCWM0OC45MzctMC4wMTMsODguNjE1LDM5LjY0Nyw4OC42MjgsODguNTgzQzI5OC4wMzIsOTAuNDcsMjk4LjAzMiw5MC40ODQsMjk4LjAzMiw5MC41eiIvPg0KCQk8cGF0aCBpZD0icGF0aDEzNTAiIHN0eWxlPSJmaWxsOiNDQzAwMDA7IiBkPSJNOTAuMDAxLDEuODk1QzQxLjM1NSwyLjIwNCwxLjk2Nyw0MS43ODEsMS45NjcsOTAuNQ0KCQkJYzAsNDguOTA5LDM5LjY5NSw4OC42MDQsODguNjA1LDg4LjYwNGMyMi45NTUsMCw0My44NzktOC43NDgsNTkuNjI0LTIzLjA4NmMtMC4wMDEsMC0wLjAwMy0wLjAwMi0wLjAwNy0wLjAwNGgwLjAxOQ0KCQkJYzMuMjI0LTIuOTM4LDYuMjMxLTYuMTA4LDguOTk1LTkuNDg4SDE0MS4wNWMtMi40MjQtMi45MjgtNC42MjctNS45NzktNi42MDYtOS4xMjdoMzEuMzA4YzEuOTA0LTMuMDQ3LDMuNjI4LTYuMjExLDUuMTU4LTkuNDg4DQoJCQloLTQxLjYzNWMtMS40MTktMy4wNDItMi42NTEtNi4xNTMtMy43MDMtOS4zMDloNDkuMDQ1YzIuOTU2LTguODMyLDQuNTYtMTguMjgxLDQuNTYtMjguMTAzYzAtNi41MTItMC43MDYtMTIuODYxLTIuMDQyLTE4Ljk3NA0KCQkJaC01NC4xNjRjMC42NzEtMy4xNDYsMS41MTgtNi4yNTQsMi41MjgtOS4zMDhoNDkuMDYzYy0xLjA5Ny0zLjI1LTIuMzcxLTYuNDE3LTMuODItOS40ODdIMTI5LjI3DQoJCQljMS40OTYtMy4xOTYsMy4xOTEtNi4zMDUsNS4wODQtOS4zMDdoMzEuMjg1Yy0yLjA4Mi0zLjMxNy00LjM4Ni02LjQ4Ni02Ljg3Ny05LjQ4OGgtMTcuNDQzYzIuNjk3LTMuMTc0LDUuNjY2LTYuMTYzLDguODg5LTguOTUNCgkJCWMtMTUuNzQ2LTE0LjM0LTM2LjY3Ni0yMy4wOS01OS42MzYtMjMuMDlDOTAuMzgxLDEuODk1LDkwLjE5MiwxLjg5NCw5MC4wMDEsMS44OTV6Ii8+DQoJCTxwYXRoIGlkPSJ1c2U5NDEyIiBzdHlsZT0iZmlsbDojRkNCMzQwOyIgZD0iTTI4OS4xNDMsMTM2LjgyYzAuNDgyLDAsMC45NTEsMC4xMjUsMS40MDksMC4zNzFjMC40NiwwLjI0NiwwLjgxNCwwLjYwMSwxLjA3LDEuMDYyDQoJCQljMC4yNTYsMC40NTYsMC4zODQsMC45MzcsMC4zODQsMS40MzVjMCwwLjQ5Mi0wLjEyNywwLjk2OC0wLjM3OSwxLjQyNGMtMC4yNTEsMC40NTUtMC42MDUsMC44MS0xLjA2MSwxLjA2Mw0KCQkJYy0wLjQ1MSwwLjI0OS0wLjkyOCwwLjM3NS0xLjQyNCwwLjM3NXMtMC45NzItMC4xMjYtMS40MjYtMC4zNzVjLTAuNDU1LTAuMjU0LTAuODA3LTAuNjA3LTEuMDYzLTEuMDYzDQoJCQljLTAuMjUyLTAuNDU2LTAuMzc3LTAuOTMyLTAuMzc3LTEuNDI0YzAtMC40OTgsMC4xMjctMC45NzksMC4zODQtMS40MzVjMC4yNTgtMC40NjEsMC42MTQtMC44MTMsMS4wNzEtMS4wNjINCgkJCUMyODguMTkzLDEzNi45NDUsMjg4LjY2MiwxMzYuODIsMjg5LjE0MywxMzYuODIgTTI4OS4xNDMsMTM3LjI5NWMtMC40MDEsMC0wLjc5MywwLjEwNC0xLjE3NiwwLjMxMQ0KCQkJYy0wLjM4LDAuMjA3LTAuNjc3LDAuNS0wLjg5MSwwLjg4OGMtMC4yMTcsMC4zODItMC4zMjUsMC43NzgtMC4zMjUsMS4xOTRjMCwwLjQxMiwwLjEwNiwwLjgxLDAuMzE1LDEuMTg4DQoJCQljMC4yMTQsMC4zNzcsMC41MSwwLjY3MywwLjg4OCwwLjg4NWMwLjM4MSwwLjIxMSwwLjc3NiwwLjMxNSwxLjE4OCwwLjMxNWMwLjQxNCwwLDAuODEtMC4xMDQsMS4xODktMC4zMTUNCgkJCWMwLjM3OC0wLjIxMiwwLjY3My0wLjUwOCwwLjg4NC0wLjg4NWMwLjIwOS0wLjM3OCwwLjMxMy0wLjc3NSwwLjMxMy0xLjE4OGMwLTAuNDE2LTAuMTA2LTAuODEzLTAuMzIxLTEuMTk0DQoJCQljLTAuMjEzLTAuMzg4LTAuNTExLTAuNjgxLTAuODk0LTAuODg4QzI4OS45MzQsMTM3LjM5OCwyODkuNTQ0LDEzNy4yOTUsMjg5LjE0MywxMzcuMjk1IE0yODcuODg3LDE0MS4yN3YtMy4wODJoMS4wNjINCgkJCWMwLjM2LDAsMC42MjIsMC4wMjgsMC43ODQsMC4wODhjMC4xNjIsMC4wNTcsMC4yOTEsMC4xNTQsMC4zODgsMC4yOTdjMC4wOTUsMC4xNDEsMC4xNDQsMC4yOTEsMC4xNDQsMC40NTENCgkJCWMwLDAuMjI2LTAuMDgsMC40MjItMC4yNDIsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzczLDAuMjYxLTAuNjM5LDAuMjgxYzAuMTA5LDAuMDQ1LDAuMTk2LDAuMTAyLDAuMjY0LDAuMTY0DQoJCQljMC4xMjUsMC4xMiwwLjI3NSwwLjMyMywwLjQ1NSwwLjYxbDAuMzc1LDAuNjAzaC0wLjYwNmwtMC4yNzItMC40ODVjLTAuMjE1LTAuMzgyLTAuMzg4LTAuNjItMC41MjEtMC43MTgNCgkJCWMtMC4wOTEtMC4wNjktMC4yMjQtMC4xMDUtMC4zOTctMC4xMDVoLTAuMjkzdjEuMzExaC0wLjUgTTI4OC4zODUsMTM5LjUzNWgwLjYwNGMwLjI4OCwwLDAuNDgzLTAuMDQ0LDAuNTg4LTAuMTI5DQoJCQljMC4xMDYtMC4wODgsMC4xNTktMC4yLDAuMTU5LTAuMzQyYzAtMC4wOTItMC4wMjQtMC4xNzQtMC4wNzUtMC4yNDRjLTAuMDUyLTAuMDczLTAuMTIyLTAuMTI1LTAuMjEzLTAuMTYyDQoJCQljLTAuMDg5LTAuMDM1LTAuMjU1LTAuMDU1LTAuNDk3LTAuMDU1aC0wLjU2NHYwLjkzMiIvPg0KCTwvZz4NCgk8ZyBpZD0iZzE2NDgwIj4NCgkJPGcgaWQ9ImcxMzgwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjc0NDA1LDE1Ljk5MzkpIj4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDQiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTMzLjcxOSw5OS45MjZsMS4xOC04LjAyYy0wLjY0NSwwLTEuNTkzLDAuMjc5LTIuNDMxLDAuMjc5DQoJCQkJYy0zLjI4NCwwLTMuNjk0LTEuNzU1LTMuNDM2LTMuMDM3bDMuMjM2LTE2LjEzaDQuOTkybDEuMDI5LTkuMTAzaC00LjcwNWwwLjk1OC01LjUxNkgxMjQuNw0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjgsMzEuMDIyLTUuNTY4LDM0Ljc3NmMwLDUuNTU1LDMuMTE4LDguMDI3LDcuNTE2LDcuOTg4QzEzMC4wOSwxMDEuMTM0LDEzMi43NzMsMTAwLjE4MSwxMzMuNzE5LDk5LjkyNnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTM2LjcwNiw4NC42MzhjMCwxMy4zMzIsOC43OTksMTYuNDk5LDE2LjI5NywxNi40OTkNCgkJCQljNi45MjEsMCwxMC41NS0xLjYwNCwxMC41NS0xLjYwNGwxLjY2Mi05LjFjMCwwLTUuODQ4LDIuMzc4LTEwLjYwMSwyLjM3OGMtMTAuMTMxLDAtOC4zNTUtNy41NTQtOC4zNTUtNy41NTRsMTkuNDYzLDAuMDU5DQoJCQkJYzAsMCwxLjIzOS02LjExMSwxLjIzOS04LjYwMmMwLTYuMjE3LTMuMzg3LTEzLjg0OS0xMy43NDUtMTMuODQ5QzE0My43Myw2Mi44NjcsMTM2LjcwNiw3My4wODgsMTM2LjcwNiw4NC42Mzh6IE0xNTMuMjUyLDcxLjMxMw0KCQkJCWM1LjMyNCwwLDQuMzQyLDUuOTg0LDQuMzQyLDYuNDY5SDE0Ny4xMkMxNDcuMTIsNzcuMTYyLDE0OC4xMDksNzEuMzEzLDE1My4yNTIsNzEuMzEzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgwOCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0yMTIuOTksOTkuOTIzbDEuNjg5LTEwLjI4NGMwLDAtNC42MzIsMi4zMjEtNy44MDcsMi4zMjENCgkJCQljLTYuNjkzLDAtOS4zNzgtNS4xMS05LjM3OC0xMC42MDFjMC0xMS4xMzcsNS43NTgtMTcuMjY1LDEyLjE2OC0xNy4yNjVjNC44MDgsMCw4LjY2NSwyLjY5OSw4LjY2NSwyLjY5OWwxLjU0LTkuOTkzDQoJCQkJYzAsMC00LjU1NC0zLjI4OS05LjQ1Ni0zLjMwOGMtMTQuNzQ1LTAuMDU4LTIzLjE4MiwxMC4yMDgtMjMuMTgyLDI3Ljk1NWMwLDExLjc2Myw2LjI0OCwxOS43NjgsMTcuNTA2LDE5Ljc2OA0KCQkJCUMyMDcuOTE4LDEwMS4yMTUsMjEyLjk5LDk5LjkyMywyMTIuOTksOTkuOTIzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik04MS44Myw2My4wMTJjLTYuNDY5LDAtMTEuNDI3LDIuMDc5LTExLjQyNywyLjA3OWwtMS4zNyw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgxLTEuNjYzYzMuNTEzLDAsNi4wODMsMC4zOTUsNi4wODMsMy4yNWMwLDEuNzM0LTAuMzE0LDIuMzc0LTAuMzE0LDIuMzc0cy0yLjc3Mi0wLjIzMS00LjA1Ni0wLjIzMQ0KCQkJCWMtOS4yMSwwLTE2LjcyOSwzLjQ4Mi0xNi43MjksMTMuOThjMCw4LjI3Myw1LjYyMywxMC4xNyw5LjEwOCwxMC4xN2M2LjY1NywwLDkuMjkyLTQuMjAzLDkuNDQ0LTQuMjE1bC0wLjA3NywzLjQ4OA0KCQkJCWMwLDAsOC4zMDYsMCw4LjMwNywwbDMuNzA2LTI1Ljk4Qzk0Ljc4Niw2My4zNjYsODUuMTcsNjMuMDEyLDgxLjgzLDYzLjAxMnogTTgzLjI2OCw4NC4xMDhjMC4xODEsMS41ODYtMC40MSw5LjA4Ni02LjA5Miw5LjA4Ng0KCQkJCWMtMi45MywwLTMuNjkxLTIuMjQtMy42OTEtMy41NjJjMC0yLjU4NCwxLjQwMy01LjY4Myw4LjMxNS01LjY4M0M4My40MSw4My45NDksODIuOTk3LDg0LjA2NSw4My4yNjgsODQuMTA4eiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMiIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0xMDMuNjE1LDEwMC45MDZjMi4xMjUsMCwxNC4yNzIsMC41NDEsMTQuMjcyLTExLjk5NA0KCQkJCWMwLTExLjcyMS0xMS4yNDQtOS40MDQtMTEuMjQ0LTE0LjExNGMwLTIuMzQyLDEuODMzLTMuMDgsNS4xODQtMy4wOGMxLjMyOSwwLDYuNDQ3LDAuNDIzLDYuNDQ3LDAuNDIzbDEuMTg5LTguMzMNCgkJCQljMCwwLjAwMS0zLjMxMi0wLjc0MS04LjcwNC0wLjc0MWMtNi45NzksMC0xNC4wNjMsMi43ODYtMTQuMDYzLDEyLjMxOGMwLDEwLjgwMiwxMS44MTIsOS43MTcsMTEuODEyLDE0LjI2Nw0KCQkJCWMwLDMuMDM3LTMuMywzLjI4Ny01Ljg0NCwzLjI4N2MtNC40MDEsMC04LjM2My0xLjUxMS04LjM3Ny0xLjQzOGwtMS4yNTksOC4yNDVDOTMuMjU3LDk5LjgxOSw5NS43MDIsMTAwLjkwNiwxMDMuNjE1LDEwMC45MDZ6Ig0KCQkJCS8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE0IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTI5MC44MDcsNTUuNDU1bC0xLjcwNSwxMi43MDljMCwwLTMuNTUzLTQuOTA1LTkuMTEyLTQuOTA1DQoJCQkJYy0xMC40NTksMC0xNS44NDksMTAuNDIzLTE1Ljg0OSwyMi4zOTZjMCw3LjczLDMuODQ0LDE1LjMwNywxMS42OTksMTUuMzA3YzUuNjUxLDAsOC43ODQtMy45NDEsOC43ODQtMy45NDFsLTAuNDE1LDMuMzY1aDkuMTc4DQoJCQkJbDcuMjA3LTQ0Ljg2MkwyOTAuODA3LDU1LjQ1NXogTTI4Ni43NTUsODAuMTU2YzAsNC45ODMtMi40NjgsMTEuNjQtNy41ODEsMTEuNjRjLTMuMzk2LDAtNC45ODgtMi44NTEtNC45ODgtNy4zMjQNCgkJCQljMC03LjMxNSwzLjI4NS0xMi4xNCw3LjQzMi0xMi4xNEMyODUuMDEyLDcyLjMzMiwyODYuNzU1LDc0LjY2MiwyODYuNzU1LDgwLjE1NnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MTYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMzAuNzQ5LDEwMC40MjNsNS43NDMtMzMuODdsMC44NDQsMzMuODdoNi40OTlsMTIuMTI1LTMzLjg3bC01LjM3MSwzMy44N2g5LjY1OA0KCQkJCWw3LjQzNy00NC45MjJsLTE1LjM0Mi0wLjExN2wtOS4xMjYsMjcuNTA0bC0wLjI1LTI3LjM4N2gtMTQuMDZsLTcuNTQ0LDQ0LjkyMkgzMC43NDlMMzAuNzQ5LDEwMC40MjN6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE4IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTE3Ni4xMDEsMTAwLjQ4N2MyLjc0Ni0xNS42MTUsMy43MjQtMjcuOTQ3LDExLjczMi0yNS4zOTMNCgkJCQljMS4xNS02LjA0NCwzLjg5MS0xMS4zLDUuMTQzLTEzLjg1OGMwLDAtMC4zOTYtMC41ODktMi44NzEtMC41ODljLTQuMjI1LDAtOS44NjYsOC41NzQtOS44NjYsOC41NzRsMC44NDMtNS4zMDFoLTguNzg2DQoJCQkJbC01Ljg4NCwzNi41NjZIMTc2LjEwMXoiLz4NCgkJCTxnIGlkPSJ1c2UxNDY5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQ1LjMwMDEsMCkiPg0KCQkJCTxwYXRoIGlkPSJwYXRoMTM4MTBfMV8iIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNLTYxMi41NSw2My4wMTJjLTYuNDcyLDAtMTEuNDMsMi4wNzktMTEuNDMsMi4wNzlsLTEuMzY5LDguMTI3DQoJCQkJCWMwLDAsNC4wOTUtMS42NjMsMTAuMjgtMS42NjNjMy41MTQsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTMsMi4zNzQtMC4zMTMsMi4zNzRzLTIuNzcxLTAuMjMxLTQuMDU1LTAuMjMxDQoJCQkJCWMtOS4yMTEsMC0xNi43MjksMy40ODItMTYuNzI5LDEzLjk4YzAsOC4yNzMsNS42MjIsMTAuMTcsOS4xMDcsMTAuMTdjNi42NTUsMCw5LjI5Mi00LjIwMyw5LjQ0My00LjIxNWwtMC4wNzgsMy40ODhoOC4zMDkNCgkJCQkJbDMuNzA1LTI1Ljk4Qy01OTkuNTk2LDYzLjM2Ni02MDkuMjEyLDYzLjAxMi02MTIuNTUsNjMuMDEyeiBNLTYxMS4xMTQsODQuMTA4YzAuMTgsMS41ODYtMC40MTEsOS4wODYtNi4wOTIsOS4wODYNCgkJCQkJYy0yLjkzMiwwLTMuNjkyLTIuMjQtMy42OTItMy41NjJjMC0yLjU4NCwxLjQwMi01LjY4Myw4LjMxNS01LjY4M0MtNjEwLjk3Miw4My45NDktNjExLjM4NCw4NC4wNjUtNjExLjExNCw4NC4xMDh6Ii8+DQoJCQk8L2c+DQoJCQk8cGF0aCBpZD0idXNlMTQ3MDEiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMjU1LjI2NiwxMDAuNDg3YzEuNTA4LTExLjQ4OCw0LjI5OS0yNy42MTYsMTEuNzMxLTI1LjM5Mw0KCQkJCWMxLjE0OS02LjA0NCwwLjA0MS02LjAyOC0yLjQzMy02LjAyOGMtNC4yMjgsMC01LjE2NCwwLjE1NC01LjE2NCwwLjE1NGwwLjg0NC01LjMwMWgtOC43ODVsLTUuODg0LDM2LjU2N0gyNTUuMjY2DQoJCQkJTDI1NS4yNjYsMTAwLjQ4N3oiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iZzEwMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoNDE1NyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xMjIuNDM0LDExMy4wNTlsMS4xODEtOC4wMTljLTAuNjQ1LDAtMS41OTQsMC4yNzYtMi40MzEsMC4yNzYNCgkJCQljLTMuMjg0LDAtMy42NDYtMS43NDYtMy40MzctMy4wMzdsMi42NTMtMTYuMzYyaDQuOTkxbDEuMjA1LTguODdoLTQuNzA2bDAuOTU4LTUuNTE2aC05LjQzNA0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjksMzEuMDIzLTUuNTY5LDM0Ljc3NWMwLDUuNTU1LDMuMTE5LDguMDI5LDcuNTE3LDcuOTg5QzExOC44MDYsMTE0LjI2NiwxMjEuNDg4LDExMy4zMTMsMTIyLjQzNCwxMTMuMDU5eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTU1IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyNS40MjMsOTcuNzdjMCwxMy4zMzIsOC44LDE2LjUsMTYuMjk3LDE2LjVjNi45MiwwLDkuOTY1LTEuNTQ3LDkuOTY1LTEuNTQ3DQoJCQkJbDEuNjYyLTkuMDk5YzAsMC01LjI2NCwyLjMxOS0xMC4wMTgsMi4zMTljLTEwLjEzLDAtOC4zNTYtNy41NTMtOC4zNTYtNy41NTNoMTkuMTcyYzAsMCwxLjIzOC02LjExMywxLjIzOC04LjYwNA0KCQkJCWMwLTYuMjE2LTMuMDk0LTEzLjc5LTEzLjQ1Mi0xMy43OUMxMzIuNDQ1LDc1Ljk5OCwxMjUuNDIzLDg2LjIxOSwxMjUuNDIzLDk3Ljc3eiBNMTQxLjk2Nyw4NC40NDUNCgkJCQljNS4zMjQsMCw0LjM0Miw1Ljk4Myw0LjM0Miw2LjQ2N2gtMTAuNDc0QzEzNS44MzUsOTAuMjk0LDEzNi44MjUsODQuNDQ1LDE0MS45NjcsODQuNDQ1eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTUxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIwMS43MDcsMTEzLjA1NWwxLjY4OC0xMC4yODVjMCwwLTQuNjI5LDIuMzIxLTcuODA2LDIuMzIxDQoJCQkJYy02LjY5MiwwLTkuMzc2LTUuMTEtOS4zNzYtMTAuNmMwLTExLjEzNyw1Ljc1OC0xNy4yNjQsMTIuMTY4LTE3LjI2NGM0LjgwNywwLDguNjY1LDIuNjk5LDguNjY1LDIuNjk5bDEuNTQtOS45OTMNCgkJCQljMCwwLTUuNzIxLTIuMzE1LTEwLjYyNS0yLjMxNWMtMTAuODkxLDAtMjEuNDg2LDkuNDQ4LTIxLjQ4NiwyNy4xOTJjMCwxMS43NjYsNS43MjEsMTkuNTM3LDE2Ljk3OSwxOS41MzcNCgkJCQlDMTk2LjYzNywxMTQuMzQ4LDIwMS43MDcsMTEzLjA1NSwyMDEuNzA3LDExMy4wNTV6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxNDkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuNTQ3LDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OSw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgtMS42NjNjMy41MTMsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTUsMi4zNzQtMC4zMTUsMi4zNzRzLTIuNzcxLTAuMjMyLTQuMDU0LTAuMjMyDQoJCQkJYy04LjE1OSwwLTE2LjczLDMuNDgyLTE2LjczLDEzLjk4YzAsOC4yNzIsNS42MjMsMTAuMTcsOS4xMDgsMTAuMTdjNi42NTYsMCw5LjUyNS00LjMxOSw5LjY3OC00LjMzMmwtMC4zMTEsMy42MDVoOC4zMDcNCgkJCQlsMy43MDYtMjUuOTgxQzgzLjUwMiw3Ni40OTgsNzMuODg3LDc2LjE0Myw3MC41NDcsNzYuMTQzeiBNNzIuNTY4LDk3LjI5N2MwLjE4LDEuNTg3LTAuOTk1LDkuMDI2LTYuNjc1LDkuMDI2DQoJCQkJYy0yLjkzLDAtMy42OTItMi4yMzgtMy42OTItMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNi01LjY4MkM3Mi4xMjUsOTcuMDgxLDcyLjI5Nyw5Ny4yNTMsNzIuNTY4LDk3LjI5N3oiLz4NCgkJCTxwYXRoIGlkPSJwYXRoNDE0NSIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik05Mi4zMzEsMTE0LjAzOGMyLjEyNSwwLDE0LjI3MywwLjU0LDE0LjI3My0xMS45OTUNCgkJCQljMC0xMS43MTktMTEuMjQ1LTkuNDA0LTExLjI0NS0xNC4xMTJjMC0yLjM0NCwxLjgzMy0zLjA4Miw1LjE4My0zLjA4MmMxLjMzLDAsNi40NDcsMC40MjMsNi40NDcsMC40MjNsMS4xOS04LjMzDQoJCQkJYzAsMC4wMDEtMy4zMTItMC43NDEtOC43MDQtMC43NDFjLTYuOTc5LDAtMTQuMDYzLDIuNzg2LTE0LjA2MywxMi4zMThjMCwxMC44MDEsMTEuODEyLDkuNzE3LDExLjgxMiwxNC4yNjcNCgkJCQljMCwzLjAzNy0zLjMsMy4yODQtNS44NDMsMy4yODRjLTQuNDAxLDAtOC4zNjQtMS41MS04LjM3OC0xLjQzOGwtMS4yNTgsOC4yNDZDODEuOTczLDExMi45NDgsODQuNDE3LDExNC4wMzgsOTIuMzMxLDExNC4wMzh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjc5Ljg1Miw2OC42NjhsLTIuMDM1LDEyLjYyN2MwLDAtMy41NTEtNC45MDUtOS4xMS00LjkwNQ0KCQkJCWMtOC42NDQsMC0xNS44NDksMTAuNDIyLTE1Ljg0OSwyMi4zOTdjMCw3LjczLDMuODQzLDE1LjMwNCwxMS42OTksMTUuMzA0YzUuNjUxLDAsOC43ODQtMy45NCw4Ljc4NC0zLjk0bC0wLjQxNSwzLjM2NWg5LjE3Ng0KCQkJCWw3LjIwNy00NC44NjNMMjc5Ljg1Miw2OC42Njh6IE0yNzUuNDcxLDkzLjI4OGMwLDQuOTgzLTIuNDY3LDExLjYzOS03LjU4MiwxMS42MzljLTMuMzk1LDAtNC45ODYtMi44NS00Ljk4Ni03LjMyMw0KCQkJCWMwLTcuMzE0LDMuMjg1LTEyLjE0LDcuNDMtMTIuMTRDMjczLjcyOSw4NS40NjMsMjc1LjQ3MSw4Ny43OTYsMjc1LjQ3MSw5My4yODh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzMiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTkuNDY2LDExMy41NTVsNS43NDMtMzMuODdsMC44NDMsMzMuODdoNi41bDEyLjEyNS0zMy44N2wtNS4zNzEsMzMuODdoOS42NTgNCgkJCQlsNy40MzgtNDQuOTIzSDQxLjQ2N2wtOS4zMDEsMjcuNTYzbC0wLjQ4NC0yNy41NjNIMTcuOTE1bC03LjU0NSw0NC45MjNIMTkuNDY2eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTMxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE2NC44MTgsMTEzLjYxN2MyLjc0Ni0xNS42MTYsMy4yNTUtMjguMjk2LDkuODA4LTI1Ljk3NQ0KCQkJCWMxLjE0Ny02LjA0NCwyLjI1NC04LjM4MiwzLjUwNi0xMC45NGMwLDAtMC41ODctMC4xMjMtMS44MTktMC4xMjNjLTQuMjI1LDAtNy4zNTUsNS43NzItNy4zNTUsNS43NzJsMC44NDEtNS4zMDFoLTguNzg0DQoJCQkJbC01Ljg4NSwzNi41NjdIMTY0LjgxOHoiLz4NCgkJCTxnIGlkPSJ1c2U4NTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDcuMDA2MiwwKSI+DQoJCQkJPHBhdGggaWQ9InBhdGg0MTQ5XzFfIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTS02MjMuNTMxLDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OCw4LjEyNw0KCQkJCQljMCwwLDQuMDkzLTEuNjYzLDEwLjI4LTEuNjYzYzMuNTEzLDAsNi4wODEsMC4zOTUsNi4wODEsMy4yNWMwLDEuNzM0LTAuMzEzLDIuMzc0LTAuMzEzLDIuMzc0cy0yLjc3MS0wLjIzMi00LjA1NS0wLjIzMg0KCQkJCQljLTguMTU4LDAtMTYuNzI5LDMuNDgyLTE2LjcyOSwxMy45OGMwLDguMjcyLDUuNjIyLDEwLjE3LDkuMTA3LDEwLjE3YzYuNjU2LDAsOS41MjUtNC4zMTksOS42NzctNC4zMzJsLTAuMzA5LDMuNjA1DQoJCQkJCWMwLDAsOC4zMDQsMCw4LjMwNywwbDMuNzA1LTI1Ljk4MUMtNjEwLjU3NSw3Ni40OTgtNjIwLjE5MSw3Ni4xNDMtNjIzLjUzMSw3Ni4xNDN6IE0tNjIxLjUwNyw5Ny4yOTcNCgkJCQkJYzAuMTgsMS41ODctMC45OTYsOS4wMjYtNi42NzgsOS4wMjZjLTIuOTMsMC0zLjY5LTIuMjM4LTMuNjktMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNS01LjY4Mg0KCQkJCQlDLTYyMS45NTIsOTcuMDgxLTYyMS43ODEsOTcuMjUzLTYyMS41MDcsOTcuMjk3eiIvPg0KCQkJPC9nPg0KCQkJPGcgaWQ9InVzZTg1MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0Mi4yODU3LDApIj4NCgkJCQk8cGF0aCBpZD0icGF0aDQxMzFfMV8iIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNLTE5OC4yNjMsMTEzLjYxN2MyLjc0Ny0xNS42MTYsMy4yNTYtMjguMjk2LDkuODA3LTI1Ljk3NQ0KCQkJCQljMS4xNDktNi4wNDQsMi4yNTctOC4zODIsMy41MDgtMTAuOTRjMCwwLTAuNTg3LTAuMTIzLTEuODE5LTAuMTIzYy00LjIyNSwwLTcuMzU1LDUuNzcyLTcuMzU1LDUuNzcybDAuODQxLTUuMzAxaC04Ljc4NA0KCQkJCQlsLTUuODg1LDM2LjU2N0gtMTk4LjI2M3oiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGlkPSJ0ZXh0OTQwNyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODkuMTA1LDEwNy45NzVjMC40NzksMCwwLjk1MSwwLjEyMywxLjQwNiwwLjM3Mw0KCQkJCWMwLjQ1OSwwLjI0MiwwLjgxNiwwLjU5OCwxLjA3MiwxLjA1OWMwLjI1NywwLjQ1OCwwLjM4MywwLjkzNSwwLjM4MywxLjQzNGMwLDAuNDkzLTAuMTI2LDAuOTY5LTAuMzc5LDEuNDI0DQoJCQkJYy0wLjI1MSwwLjQ1NS0wLjYwNCwwLjgxMi0xLjA1OSwxLjA2M2MtMC40NTQsMC4yNS0wLjkzLDAuMzc2LTEuNDI0LDAuMzc2Yy0wLjQ5OCwwLTAuOTc0LTAuMTI2LTEuNDI5LTAuMzc2DQoJCQkJYy0wLjQ1NC0wLjI1My0wLjgwNi0wLjYwOC0xLjA1OC0xLjA2M2MtMC4yNTYtMC40NTUtMC4zODEtMC45MzEtMC4zODEtMS40MjRjMC0wLjQ5OSwwLjEyNy0wLjk3NiwwLjM4NC0xLjQzNA0KCQkJCWMwLjI1OC0wLjQ2MSwwLjYxNi0wLjgxNSwxLjA3My0xLjA1OUMyODguMTU0LDEwOC4wOTgsMjg4LjYyNiwxMDcuOTc1LDI4OS4xMDUsMTA3Ljk3NSBNMjg5LjEwNSwxMDguNDQ3DQoJCQkJYy0wLjQwMSwwLTAuNzkzLDAuMTA0LTEuMTc2LDAuMzEzYy0wLjM4MiwwLjIwNC0wLjY3OSwwLjQ5OS0wLjg5NCwwLjg4NWMtMC4yMTQsMC4zODEtMC4zMjIsMC43OC0wLjMyMiwxLjE5NA0KCQkJCXMwLjEwNCwwLjgxLDAuMzEzLDEuMTg4YzAuMjEzLDAuMzc3LDAuNTA5LDAuNjczLDAuODkxLDAuODg2YzAuMzc4LDAuMjA4LDAuNzczLDAuMzEzLDEuMTg4LDAuMzEzDQoJCQkJYzAuNDEyLDAsMC44MS0wLjEwNSwxLjE4OC0wLjMxM2MwLjM3OC0wLjIxMywwLjY3NC0wLjUwOSwwLjg4NC0wLjg4NmMwLjIxMS0wLjM4MSwwLjMxNC0wLjc3NCwwLjMxNC0xLjE4OA0KCQkJCXMtMC4xMDctMC44MTMtMC4zMjEtMS4xOTRjLTAuMjEzLTAuMzg2LTAuNTEtMC42ODEtMC44OTQtMC44ODVDMjg5Ljg5NiwxMDguNTUyLDI4OS41MDcsMTA4LjQ0NywyODkuMTA1LDEwOC40NDcNCgkJCQkgTTI4Ny44NSwxMTIuNDIzdi0zLjA4M2gxLjA2MWMwLjM2MSwwLDAuNjI1LDAuMDI5LDAuNzg1LDAuMDg4YzAuMTYyLDAuMDU1LDAuMjg5LDAuMTU0LDAuMzg4LDAuMjk3DQoJCQkJYzAuMDk3LDAuMTQyLDAuMTQ2LDAuMjkxLDAuMTQ2LDAuNDUxYzAsMC4yMjUtMC4wODIsMC40MjItMC4yNDQsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzcxLDAuMjYyLTAuNjM3LDAuMjgNCgkJCQljMC4xMDYsMC4wNDYsMC4xOTQsMC4xMDEsMC4yNjIsMC4xNjNjMC4xMjMsMC4xMjIsMC4yNzUsMC4zMjYsMC40NTUsMC42MTFsMC4zNzcsMC42MDRoLTAuNjA5bC0wLjI3MS0wLjQ4NQ0KCQkJCWMtMC4yMTYtMC4zODMtMC4zODktMC42MjEtMC41MjEtMC43MThjLTAuMDkxLTAuMDcxLTAuMjI0LTAuMTA2LTAuMzk5LTAuMTA2aC0wLjI5MXYxLjMxMUwyODcuODUsMTEyLjQyMyBNMjg4LjM0OCwxMTAuNjg4DQoJCQkJaDAuNjA0YzAuMjg5LDAsMC40ODQtMC4wNDMsMC41ODgtMC4xMjljMC4xMDUtMC4wODQsMC4xNi0wLjE5OSwwLjE2LTAuMzQyYzAtMC4wOTEtMC4wMjUtMC4xNzMtMC4wNzUtMC4yNDINCgkJCQljLTAuMDUxLTAuMDc0LTAuMTIyLTAuMTI3LTAuMjEzLTAuMTY0Yy0wLjA5MS0wLjAzNS0wLjI1NC0wLjA1My0wLjQ5OC0wLjA1M2gtMC41NjVWMTEwLjY4OCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=");
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%; }

input.discover {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIG5vIGtpZGRpbmcgYXJvdW5kIG15IGZpbGVzLi4uIChodHRwOi8vd3d3LmRvZGVyby5ldSkgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQzMCA4ODAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQzMHB4IiBoZWlnaHQ9Ijg4MHB4Ij4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAuNjk3NyUiIGN5PSI1MCUiIHI9IjUwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmY4MDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQk8L2RlZnM+DQk8Zz4NCQk8cmVjdCB4PSIwIiB5PSItMSIgd2lkdGg9IjE0MzAiIGhlaWdodD0iODgwIiBmaWxsPSIjZmZmZmZmIi8+DQkJPHBhdGggZD0iTSAxNDI5Ljk4IDg3OS4wMDU4IEwgMzU3LjM4MzggODc4Ljk4MTggQyA1MDcuMzMzNSA4NTMuNjY2NyA3MzguNjY2NSA4MDQuMzMzNCAxMDE0LjY2NjUgNzExLjY2NjcgQyAxMjkwLjY2NjUgNjE5IDE0MTUuMzMzNSA1MjUuODMzMyAxNDI5Ljk4IDUxNy45MDg1IEwgMTQyOS45OCA4NzkuMDA1OCBaIiBmaWxsPSIjZmY4MDAwIi8+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gMTUwLjAyODggMzk5LjY5MzEgQyAxNzguMzMzIDM5OS42OTMxIDIwMC4zNDU3IDM5MC43Nzg3IDIxNi4wODI1IDM3Mi45MzQzIEMgMjMxLjgxOTMgMzU1LjEwNTYgMjM5LjY4NzUgMzMwLjA2MzUgMjM5LjY4NzUgMjk3LjgyMzggQyAyMzkuNjg3NSAyNjcuNTIxMyAyMzIuMjU2MyAyNDQuMzM3NiAyMTcuNDI1MyAyMjguMjU3MiBDIDIwMi41NzgxIDIxMi4xOTI0IDE4MS4yMDU2IDIwNC4xNDQzIDE1My4zMjMyIDIwNC4xNDQzIEwgNzUuODI2MiAyMDQuMTQ0MyBMIDc1LjgyNjIgMzk5LjY5MzEgTCAxNTAuMDI4OCAzOTkuNjkzMSBMIDE1MC4wMjg4IDM5OS42OTMxIFpNIDExMy43OTM5IDIzMS4zNTk4IEwgMTM2LjI0MzcgMjMxLjM1OTggQyAxNTAuNTYwMSAyMzEuMzU5OCAxNjEuNDU3IDIzMi45OTc4IDE2OC45NTA3IDIzNi4yNTggQyAxNzYuNDI4NyAyMzkuNTE4MiAxODIuODI5NiAyNDUuNDI0NCAxODguMTM3MiAyNTMuOTc2NSBDIDE5NS44NDk2IDI2Ni40MTg4IDE5OS43MjEyIDI4MS45Nzk1IDE5OS43MjEyIDMwMC42NTg3IEMgMTk5LjcyMTIgMzI0LjgxODggMTk0LjkxMzEgMzQyLjgzNjUgMTg1LjI5NTkgMzU0LjY5NjEgQyAxNzUuNjc5MiAzNjYuNTU1NiAxNjEuMDk3NyAzNzIuNDc3NSAxNDEuNTUxOCAzNzIuNDc3NSBMIDExMy43OTM5IDM3Mi40Nzc1IEwgMTEzLjc5MzkgMjMxLjM1OTggTCAxMTMuNzkzOSAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMjA0LjE0NDMgTCAyNzMuNjU4NyAyMDQuMTQ0MyBMIDI3My42NTg3IDM5OS42OTMxIEwgMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDM5MS4yMTE0IDQwNC43MzMgQyA0MTMuMTMwNCA0MDQuNzMzIDQzMC4zMTg4IDM5OS41ODI5IDQ0Mi43OTMgMzg5LjI1MSBDIDQ1NS4yNTEgMzc4LjkzNDkgNDYxLjQ5NTYgMzY0LjY4MTQgNDYxLjQ5NTYgMzQ2LjUwNjIgQyA0NjEuNDk1NiAzMzMuNzE3NCA0NTguMjAxNyAzMjIuODgxNiA0NTEuNjEzOCAzMTMuOTY3MyBDIDQ0NS4wMjU0IDMwNS4wNTI5IDQzMy4wNTEzIDI5NS4zMTk1IDQxNS42NTk3IDI4NC43NjcyIEwgNDAyLjc0ODUgMjc2Ljk4NjggQyAzOTMuMDY5MyAyNzEuMDk2NSAzODYuNjIxNiAyNjYuMTM1MyAzODMuNDA1OCAyNjIuMTAzNCBDIDM4MC4xNzM4IDI1OC4wNzE0IDM3OC41NjU5IDI1My4zNzggMzc4LjU2NTkgMjQ4LjAyMzEgQyAzNzguNTY1OSAyNDEuNTM0MiAzODEuMDE3MSAyMzYuMzA1MyAzODUuOTM0NiAyMzIuMzA0OCBDIDM5MC44MzY5IDIyOC4zMjAyIDM5Ny4zNjIzIDIyNi4zMTk5IDQwNS41MTE3IDIyNi4zMTk5IEMgNDE2LjA0OTggMjI2LjMxOTkgNDMwLjM4MTMgMjMwLjAyMTEgNDQ4LjUwNjggMjM3LjQwNzggTCA0NDguNTA2OCAyMDYuMTYwMyBDIDQzMC41Mzc2IDIwMS40NjY4IDQxNC4zOTUgMTk5LjEwNDQgNDAwLjA3OTEgMTk5LjEwNDQgQyAzODIuMTg4IDE5OS4xMDQ0IDM2Ny43OTM5IDIwNC4wMDI1IDM1Ni45MTI2IDIxMy43OTg5IEMgMzQ2LjAzMDggMjIzLjU5NTIgMzQwLjU5ODEgMjM2LjU1NzMgMzQwLjU5ODEgMjUyLjcwMDcgQyAzNDAuNTk4MSAyNjQuNzk2NiAzNDMuOTIzMyAyNzUuMzQ4OSAzNTAuNTg5NCAyODQuMzg5MyBDIDM1Ny4yNDAyIDI5My40Mjk2IDM2OC42NTIzIDMwMi44NjM3IDM4NC44MjYyIDMxMi42NzU4IEwgMzk2Ljg5NCAzMTkuOTA0OSBDIDQwNi42MzU3IDMyNS44NTgzIDQxMy4xNzcyIDMzMS4wMjQyIDQxNi41MTgxIDMzNS4zODY5IEMgNDE5Ljg1OTQgMzM5Ljc2NTMgNDIxLjUyOTggMzQ1LjEyMDIgNDIxLjUyOTggMzUxLjQ1MTYgQyA0MjEuNTI5OCAzNTkuNDg0IDQxOC43NTA1IDM2NS44NDY5IDQxMy4xOTI5IDM3MC41MDg4IEMgNDA3LjYzNTMgMzc1LjE4NjUgNDAwLjAxNjYgMzc3LjUxNzUgMzkwLjM2ODcgMzc3LjUxNzUgQyAzNzYuNTY3OSAzNzcuNTE3NSAzNTkuOTg3OCAzNzMuMTU0OCAzNDAuNTk4MSAzNjQuNDEzNyBMIDM0MC41OTgxIDM5Ny42NzcxIEMgMzU5LjgzMTUgNDAyLjM3MDYgMzc2LjY5MjQgNDA0LjczMyAzOTEuMjExNCA0MDQuNzMzIEwgMzkxLjIxMTQgNDA0LjczMyBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjI4LjUgMzYwLjU4MzggQyA2MDguMzE2NCAzNzAuMDE5MyA2MDYuMTc0MyAzNzYuNzI1IDU4Ni4zNzM1IDM3Ni43MjUgQyA1NjQuMjc1NCAzNzYuNzI1IDU0Ny4wMzIyIDM3MC4xMTM4IDUzNC42NDM2IDM1Ni44OTE0IEMgNTIyLjIzNzggMzQzLjY2OTEgNTE2LjA0MzUgMzI1LjI1NTYgNTE2LjA0MzUgMzAxLjYxOTUgQyA1MTYuMDQzNSAyNzcuNTczMSA1MjEuNzg1MiAyNTkuMDAxOCA1MzMuMzAzNyAyNDUuOTA1NyBDIDU0NC44MjIzIDIzMi44MDk2IDU2MS4xNzgyIDIzMS4yNzA2IDU4Mi4zODg3IDIzMS4yNzA2IEMgNTk4Ljk3MDcgMjMxLjI3MDYgNjAxLjcwNDYgMjM1LjMwOTkgNjI2LjI3MjkgMjQzLjM4ODUgTCA2MjYuMjcyOSAyMTEuMDc0MiBDIDYwNC4xODggMjA0LjU3OSA2MDAuNjIzIDIwMSA1NzguNjgyNiAyMDEgQyA1NDQuMzAwOCAyMDEgNTE3Ljg1MyAyMDcuOTExMiA0OTkuMzA0NyAyMjUuNzA5MyBDIDQ4MC43NTY4IDI0My41MjMyIDQ3MS41IDI2OC45NTgxIDQ3MS41IDMwMS45OTgyIEMgNDcxLjUgMzM0LjQzODcgNDgwLjcyMjIgMzU5LjcxNTggNDk5LjE2NTUgMzc3LjgyOTUgQyA1MTcuNjA4OSAzOTUuOTQzMSA1NDMuMzYwOCA0MDUgNTc2LjQyMDQgNDA1IEMgNjAzLjQ5NDYgNDA1IDYwOC45NjA0IDQwMC45NjA3IDYyOC41IDM5Mi44ODIxIEwgNjI4LjUgMzYwLjU4MzggWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDk3MS4xMDM1IDM5OS42OTMxIEwgMTAzNi4wMTc2IDIwNC4xNDQzIEwgMTAwNC44Mzc0IDIwNC4xNDQzIEwgOTU0LjU4MyAzNTUuNDk5MyBMIDkwMy4yNTE1IDIwNC4xNDQzIEwgODY1LjE2MDIgMjA0LjE0NDMgTCA5MzEuNDc5NSAzOTkuNjkzMSBMIDk3MS4xMDM1IDM5OS42OTMxIFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSAxMTc3Ljg5NiAzOTkuNjkzMSBMIDExNzcuODk2IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDMxMy4wMDY1IEwgMTE1Ny45MTMxIDMxMy4wMDY1IEwgMTE1Ny45MTMxIDI4NS43OTEgTCAxMDk3Ljk2MzQgMjg1Ljc5MSBMIDEwOTcuOTYzNCAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAzOTkuNjkzMSBMIDExNzcuODk2IDM5OS42OTMxIEwgMTE3Ny44OTYgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDEyNDIuODM5NCAzOTkuNjkzMSBMIDEyNDIuODM5NCAzMjAuMDYyNCBMIDEyNjMuMDA5OCAzMjAuMDYyNCBMIDEzMDcuOTA5MiAzOTkuNjkzMSBMIDEzNTMuNzQ1NiAzOTkuNjkzMSBMIDEyOTQuMzc0IDMwOC4yODE2IEMgMTMwNS4zODA0IDMwMy4wMDU0IDEzMTQuMDI5MyAyOTUuNDE0MSAxMzIwLjMyMDggMjg1LjUyMzIgQyAxMzI2LjYxMjMgMjc1LjYzMjQgMTMyOS43NjU2IDI2NC42NTQ4IDEzMjkuNzY1NiAyNTIuNTkwNSBDIDEzMjkuNzY1NiAyMjAuMzAzNSAxMzExLjUzMTMgMjA0LjE0NDMgMTI3NS4wNjIgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgWk0gMTI0Mi44Mzk0IDIzMS4zNTk4IEwgMTI1NS43MzQ5IDIzMS4zNTk4IEMgMTI3OS43NzY5IDIzMS4zNTk4IDEyOTEuNzk3OSAyNDAuMDIyMiAxMjkxLjc5NzkgMjU3LjMxNTQgQyAxMjkxLjc5NzkgMjgxLjAwMzEgMTI3OC4zMjUyIDI5Mi44NDY5IDEyNTEuMzk0NSAyOTIuODQ2OSBMIDEyNDIuODM5NCAyOTIuODQ2OSBMIDEyNDIuODM5NCAyMzEuMzU5OCBMIDEyNDIuODM5NCAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDY0NS41IDMwMi41IEMgNjQ1LjUgMjQzLjEyODYgNjkzLjYyODQgMTk1IDc1MyAxOTUgQyA4MTIuMzcxNiAxOTUgODYwLjUgMjQzLjEyODYgODYwLjUgMzAyLjUgQyA4NjAuNSAzNjEuODcxNCA4MTIuMzcxNiA0MTAgNzUzIDQxMCBDIDY5My42Mjg0IDQxMCA2NDUuNSAzNjEuODcxNCA2NDUuNSAzMDIuNSBaIiBmaWxsPSJ1cmwoI2dyYWRpZW50MSkiLz4NCQk8L2c+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gNDM3IDUyNCBMIDQzNyA0NzkuMDYyNSBMIDQ2OS4zNDM4IDUyNCBMIDQ4MSA1MjQgTCA0ODEgNDU4IEwgNDcwIDQ1OCBMIDQ3MCA1MDIuOTM3NSBMIDQzNy42NTYzIDQ1OCBMIDQyNiA0NTggTCA0MjYgNTI0IEwgNDM3IDUyNCBMIDQzNyA1MjQgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUxNSBMIDUyOS4zOTk5IDUxNSBMIDUyOS4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ1OCBMIDUxNS4zOTk5IDQ1OCBMIDUxNS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNDY3IEwgNjQzLjc5OTggNDY3IEwgNjQzLjc5OTggNDU4IEwgNTgxLjc5OTggNDU4IEwgNTgxLjc5OTggNDY3IEwgNjA1Ljc5OTggNDY3IEwgNjA1Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA2OTMuMzQwOCA1MjQgTCA3MDMuNzAwMiA0NzguNDA2MyBMIDcxMy4yMTU4IDUyNCBMIDcyNi40OTcxIDUyNCBMIDc0NC4yMDAyIDQ1OCBMIDczNC41NDM5IDQ1OCBMIDcyMS43MDAyIDUwNi4zNzUgTCA3MTEuNzE1OCA0NTggTCA2OTkuNjUzMyA0NTggTCA2ODguNzAwMiA1MDYuNjU2MyBMIDY3Ni4yNzgzIDQ1OCBMIDY2My4yMDAyIDQ1OCBMIDY4MC4yMTU4IDUyNCBMIDY5My4zNDA4IDUyNCBMIDY5My4zNDA4IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODI2LjM4MTMgNTE0Ljg1OTQgQyA4MzIuNTIyIDUwOC43NjU2IDgzNS42MDAxIDUwMC40Mzc1IDgzNS42MDAxIDQ4OS44NzUgQyA4MzUuNjAwMSA0NzkuNTQ2OSA4MzIuNTIyIDQ3MS4zMTI1IDgyNi4zODEzIDQ2NS4xODc1IEMgODIwLjIyNTEgNDU5LjA2MjUgODExLjk3NTEgNDU2IDgwMS42MTU3IDQ1NiBDIDc5MS4xOTM4IDQ1NiA3ODIuOTEyNiA0NTkuMDYyNSA3NzYuNzg3NiA0NjUuMTg3NSBDIDc3MC42NjI2IDQ3MS4zMTI1IDc2Ny42MDAxIDQ3OS41OTM4IDc2Ny42MDAxIDQ5MCBDIDc2Ny42MDAxIDUwMC4zMTI1IDc3MC42NDcgNTA4LjU0NjkgNzc2Ljc0MDcgNTE0LjczNDQgQyA3ODIuODM0NSA1MjAuOTIxOSA3OTAuOTc1MSA1MjQgODAxLjE2MjYgNTI0IEMgODExLjgxODggNTI0IDgyMC4yMjUxIDUyMC45NTMxIDgyNi4zODEzIDUxNC44NTk0IEwgODI2LjM4MTMgNTE0Ljg1OTQgWk0gNzg3LjAyMiA1MDguMTQwNiBDIDc4My4zOTcgNTAzLjU2MjUgNzgxLjYwMDEgNDk3LjUxNTYgNzgxLjYwMDEgNDg5Ljk4NDQgQyA3ODEuNjAwMSA0ODIuMzkwNiA3ODMuNDEyNiA0NzYuMzI4MSA3ODcuMDUzMiA0NzEuNzk2OSBDIDc5MC42NzgyIDQ2Ny4yNjU2IDc5NS41Mzc2IDQ2NSA4MDEuNjMxMyA0NjUgQyA4MDcuNjMxMyA0NjUgODEyLjQ1OTUgNDY3LjI2NTYgODE2LjExNTcgNDcxLjc5NjkgQyA4MTkuNzcyIDQ3Ni4zMjgxIDgyMS42MDAxIDQ4Mi4zNDM4IDgyMS42MDAxIDQ4OS44NDM4IEMgODIxLjYwMDEgNDk3LjU3ODEgODE5Ljc3MiA1MDMuNzAzMSA4MTYuMTQ3IDUwOC4yMTg4IEMgODEyLjUwNjMgNTEyLjc1IDgwNy41Njg4IDUxNSA4MDEuMzM0NSA1MTUgQyA3OTUuNDEyNiA1MTUgNzkwLjY0NyA1MTIuNzE4OCA3ODcuMDIyIDUwOC4xNDA2IEwgNzg3LjAyMiA1MDguMTQwNiBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODgwIDUyNCBMIDg4MCA0OTcgTCA4ODYuMzkwNiA0OTcgTCA5MDMuMDkzOCA1MjQgTCA5MjAgNTI0IEwgODk4LjIzNDQgNDkzLjI1IEMgOTAyLjIwMzEgNDkxLjQ2ODggOTA1LjMxMjUgNDg4Ljg5MDYgOTA3LjU5MzggNDg1LjU0NjkgQyA5MDkuODU5NCA0ODIuMjAzMSA5MTEgNDc4LjQ4NDQgOTExIDQ3NC4zOTA2IEMgOTExIDQ2My40Njg4IDkwNC4yNjU2IDQ1OCA4OTAuODEyNSA0NTggTCA4NjYgNDU4IEwgODY2IDUyNCBMIDg4MCA1MjQgTCA4ODAgNTI0IFpNIDg4MCA0NjcgTCA4ODQuNDg0NCA0NjcgQyA4OTIuODI4MSA0NjcgODk3IDQ2OS45NTMxIDg5NyA0NzUuODU5NCBDIDg5NyA0ODMuOTUzMSA4OTIuMzEyNSA0ODggODgyLjk2ODggNDg4IEwgODgwIDQ4OCBMIDg4MCA0NjcgTCA4ODAgNDY3IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA5NjEuMzk5OSA1MjQgTCA5NjEuMzk5OSA0OTEuNTMxMyBMIDk4Ni42NjU1IDUyNCBMIDEwMDMuNjQ5OSA1MjQgTCA5NzUuMjU5MyA0ODcuNTE1NiBMIDk5Ny42NDk5IDQ1OCBMIDk4NS42ODEyIDQ1OCBMIDk2MS4zOTk5IDQ5MCBMIDk2MS4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJPC9nPg0JPC9nPg08L3N2Zz4=");
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position-x: 98%;
  background-position-y: 50%; }

.db-view input {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  padding: 6px 12px; }

.db-view, .acms-modal, .user-modal, .wallet-wrapper {
  /*    DASHBOARD UI Boxes
 *
 *     This is standard styling code for the gery-outlined boxes reused in the
 *      dashboard UI. 
 *
 *      - It accepts variables for vertical and horizontal padding which can
 *      easily be overwritten for specific instances of this box.
 *
 *      - It utilizes flex-box for easy resize of interior components
 *      and a 2-column system that is easy to override.
 *
 *      The DOM should like like this to get the most out of it:
 *
 *      <div class="acc-ui-box">
          <h2 class="box-title"></h2>

          <div class="box-content">
            <div class="column">
              CONTENT GOES HERE
            </div
            <div class="column">
              CONTENT GOES HERE

              OPTIONAL:
              <div class="button-row">
                <div class="btn"></div>
                <button class="btn"></div>
              </div
            </div
          </div>
        </div
 *
 *     @author Jake Ford
 */ }
  .db-view .btn, .db-view div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view a.button, .acms-modal .btn, .acms-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal a.button, .user-modal .btn, .user-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal a.button, .wallet-wrapper .btn, .wallet-wrapper div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper a.button {
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px; }
  .db-view .btn, .db-view div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view a.button, .acms-modal .btn, .acms-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal a.button, .user-modal .btn, .user-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal a.button, .wallet-wrapper .btn, .wallet-wrapper div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper a.button {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    padding: 6px 12px; }
  .db-view .btn-xs, .acms-modal .btn-xs, .user-modal .btn-xs, .wallet-wrapper .btn-xs {
    font-size: 12px;
    line-height: 12px;
    padding: 2px 12px; }
  .db-view .btn-sm, .acms-modal .btn-sm, .user-modal .btn-sm, .wallet-wrapper .btn-sm {
    font-size: 12px;
    line-height: 16px;
    padding: 4px 8px; }
  .db-view .btn-lg, .acms-modal .btn-lg, .user-modal .btn-lg, .wallet-wrapper .btn-lg {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 9px 22px; }
  .db-view .btn-xl, .acms-modal .btn-xl, .user-modal .btn-xl, .wallet-wrapper .btn-xl {
    font-size: 24px;
    line-height: 28px;
    padding: 12px 20px; }
  .db-view .btn, .db-view div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view a.button, .acms-modal .btn, .acms-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal a.button, .user-modal .btn, .user-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal a.button, .wallet-wrapper .btn, .wallet-wrapper div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper a.button {
    background-color: transparent;
    border: 1px solid transparent;
    color: #3d464d;
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .db-view .btn-danger, .acms-modal .btn-danger, .user-modal .btn-danger, .wallet-wrapper .btn-danger {
    background-color: #e87272;
    border-color: #e87272;
    color: white; }
    .db-view .btn-danger:hover, .acms-modal .btn-danger:hover, .user-modal .btn-danger:hover, .wallet-wrapper .btn-danger:hover {
      background-color: #dd4e4e;
      border-color: #dd4e4e; }
  .db-view .btn-default, .acms-modal .btn-default, .user-modal .btn-default, .wallet-wrapper .btn-default {
    background-color: #ececec;
    border-color: #ececec;
    color: #404040; }
    .db-view .btn-default:hover, .acms-modal .btn-default:hover, .user-modal .btn-default:hover, .wallet-wrapper .btn-default:hover {
      background-color: #d1d1d1;
      border-color: #d1d1d1; }
  .db-view .btn-invis, .acms-modal .btn-invis, .user-modal .btn-invis, .wallet-wrapper .btn-invis {
    border-color: transparent;
    background-color: transparent;
    color: #67a5d6; }
    .db-view .btn-invis i, .acms-modal .btn-invis i, .user-modal .btn-invis i, .wallet-wrapper .btn-invis i {
      color: #818284; }
    .db-view .btn-invis i, .db-view .btn-invis img, .acms-modal .btn-invis i, .acms-modal .btn-invis img, .user-modal .btn-invis i, .user-modal .btn-invis img, .wallet-wrapper .btn-invis i, .wallet-wrapper .btn-invis img {
      -webkit-transition: opacity 0.25s;
      transition: opacity 0.25s;
      opacity: 0.2; }
    .db-view .btn-invis:hover, .acms-modal .btn-invis:hover, .user-modal .btn-invis:hover, .wallet-wrapper .btn-invis:hover {
      border-color: rgba(168, 214, 239, 0.3);
      color: #a8d6ef; }
      .db-view .btn-invis:hover i, .db-view .btn-invis:hover img, .acms-modal .btn-invis:hover i, .acms-modal .btn-invis:hover img, .user-modal .btn-invis:hover i, .user-modal .btn-invis:hover img, .wallet-wrapper .btn-invis:hover i, .wallet-wrapper .btn-invis:hover img {
        opacity: 0.8; }
  .db-view .btn-info, .db-view div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view a.button, .db-view .uib-datepicker .dropdown-menu .btn-default.active, .uib-datepicker .dropdown-menu .db-view .btn-default.active, .db-view table.table .input-group.datepicker .dropdown-menu .btn-default.active, .acms-modal table.table .input-group.datepicker .dropdown-menu .db-view .btn-default.active, .user-modal table.table .input-group.datepicker .dropdown-menu .db-view .btn-default.active, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .db-view .btn-default.active, .acms-modal .btn-info, .acms-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal a.button, .acms-modal .uib-datepicker .dropdown-menu .btn-default.active, .uib-datepicker .dropdown-menu .acms-modal .btn-default.active, .db-view table.table .input-group.datepicker .dropdown-menu .acms-modal .btn-default.active, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active, .user-modal table.table .input-group.datepicker .dropdown-menu .acms-modal .btn-default.active, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .acms-modal .btn-default.active, .user-modal .btn-info, .user-modal div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal a.button, .user-modal .uib-datepicker .dropdown-menu .btn-default.active, .uib-datepicker .dropdown-menu .user-modal .btn-default.active, .db-view table.table .input-group.datepicker .dropdown-menu .user-modal .btn-default.active, .acms-modal table.table .input-group.datepicker .dropdown-menu .user-modal .btn-default.active, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .user-modal .btn-default.active, .wallet-wrapper .btn-info, .wallet-wrapper div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper a.button, .wallet-wrapper .uib-datepicker .dropdown-menu .btn-default.active, .uib-datepicker .dropdown-menu .wallet-wrapper .btn-default.active, .db-view table.table .input-group.datepicker .dropdown-menu .wallet-wrapper .btn-default.active, .acms-modal table.table .input-group.datepicker .dropdown-menu .wallet-wrapper .btn-default.active, .user-modal table.table .input-group.datepicker .dropdown-menu .wallet-wrapper .btn-default.active, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default.active {
    background-color: #67a5d6;
    border-color: #67a5d6;
    color: white; }
    .db-view .btn-info:hover, .db-view div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .db-view a.button:hover, .db-view .uib-datepicker .dropdown-menu .btn-default.active:hover, .uib-datepicker .dropdown-menu .db-view .btn-default.active:hover, .db-view table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu .db-view .btn-default.active:hover, .user-modal table.table .input-group.datepicker .dropdown-menu .db-view .btn-default.active:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .db-view .btn-default.active:hover, .acms-modal .btn-info:hover, .acms-modal div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .acms-modal a.button:hover, .acms-modal .uib-datepicker .dropdown-menu .btn-default.active:hover, .uib-datepicker .dropdown-menu .acms-modal .btn-default.active:hover, .db-view table.table .input-group.datepicker .dropdown-menu .acms-modal .btn-default.active:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .user-modal table.table .input-group.datepicker .dropdown-menu .acms-modal .btn-default.active:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .acms-modal .btn-default.active:hover, .user-modal .btn-info:hover, .user-modal div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal a.button:hover, .user-modal .uib-datepicker .dropdown-menu .btn-default.active:hover, .uib-datepicker .dropdown-menu .user-modal .btn-default.active:hover, .db-view table.table .input-group.datepicker .dropdown-menu .user-modal .btn-default.active:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu .user-modal .btn-default.active:hover, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .user-modal .btn-default.active:hover, .wallet-wrapper .btn-info:hover, .wallet-wrapper div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .wallet-wrapper a.button:hover, .wallet-wrapper .uib-datepicker .dropdown-menu .btn-default.active:hover, .uib-datepicker .dropdown-menu .wallet-wrapper .btn-default.active:hover, .db-view table.table .input-group.datepicker .dropdown-menu .wallet-wrapper .btn-default.active:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu .wallet-wrapper .btn-default.active:hover, .user-modal table.table .input-group.datepicker .dropdown-menu .wallet-wrapper .btn-default.active:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover {
      background-color: #3482c4;
      border-color: #3482c4; }
  .db-view .btn-primary, .db-view .card.save-changes .card-title, .card.save-changes .db-view .card-title, .db-view .acms-modal .save-changes.modal-content .card-title, .acms-modal .save-changes.modal-content .db-view .card-title, .acms-modal .btn-primary, .acms-modal .card.save-changes .card-title, .card.save-changes .acms-modal .card-title, .acms-modal .save-changes.modal-content .card-title, .user-modal .btn-primary, .user-modal .card.save-changes .card-title, .card.save-changes .user-modal .card-title, .user-modal .acms-modal .save-changes.modal-content .card-title, .acms-modal .save-changes.modal-content .user-modal .card-title, .wallet-wrapper .btn-primary, .wallet-wrapper .card.save-changes .card-title, .card.save-changes .wallet-wrapper .card-title, .wallet-wrapper .acms-modal .save-changes.modal-content .card-title, .acms-modal .save-changes.modal-content .wallet-wrapper .card-title {
    background-color: #41CCBB;
    border-color: #41CCBB;
    color: white; }
    .db-view .btn-primary:hover, .db-view .card.save-changes .card-title:hover, .card.save-changes .db-view .card-title:hover, .db-view .acms-modal .save-changes.modal-content .card-title:hover, .acms-modal .save-changes.modal-content .db-view .card-title:hover, .acms-modal .btn-primary:hover, .acms-modal .card.save-changes .card-title:hover, .card.save-changes .acms-modal .card-title:hover, .acms-modal .save-changes.modal-content .card-title:hover, .user-modal .btn-primary:hover, .user-modal .card.save-changes .card-title:hover, .card.save-changes .user-modal .card-title:hover, .user-modal .acms-modal .save-changes.modal-content .card-title:hover, .acms-modal .save-changes.modal-content .user-modal .card-title:hover, .wallet-wrapper .btn-primary:hover, .wallet-wrapper .card.save-changes .card-title:hover, .card.save-changes .wallet-wrapper .card-title:hover, .wallet-wrapper .acms-modal .save-changes.modal-content .card-title:hover, .acms-modal .save-changes.modal-content .wallet-wrapper .card-title:hover {
      background-color: #37BDB1;
      border-color: #37BDB1; }
  .db-view .btn-warning, .acms-modal .btn-warning, .user-modal .btn-warning, .wallet-wrapper .btn-warning {
    background-color: #eacd50;
    border-color: #eacd50;
    color: white; }
    .db-view .btn-warning:hover, .acms-modal .btn-warning:hover, .user-modal .btn-warning:hover, .wallet-wrapper .btn-warning:hover {
      background-color: #e2bd1e;
      border-color: #e2bd1e; }
  .db-view .btn-success, .acms-modal .btn-success, .user-modal .btn-success, .wallet-wrapper .btn-success {
    background-color: #8ed186;
    border-color: #8ed186;
    color: white; }
    .db-view .btn-success:hover, .acms-modal .btn-success:hover, .user-modal .btn-success:hover, .wallet-wrapper .btn-success:hover {
      background-color: #58b758;
      border-color: #58b758; }
  .db-view .btn[disabled], .db-view div.ribbon ~ div.ribbon-info > p a[disabled].button, div.ribbon ~ div.ribbon-info > p .db-view a[disabled].button, .acms-modal .btn[disabled], .acms-modal div.ribbon ~ div.ribbon-info > p a[disabled].button, div.ribbon ~ div.ribbon-info > p .acms-modal a[disabled].button, .user-modal .btn[disabled], .user-modal div.ribbon ~ div.ribbon-info > p a[disabled].button, div.ribbon ~ div.ribbon-info > p .user-modal a[disabled].button, .wallet-wrapper .btn[disabled], .wallet-wrapper div.ribbon ~ div.ribbon-info > p a[disabled].button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper a[disabled].button {
    opacity: 0.3; }
  .db-view .btn-upload, .acms-modal .btn-upload, .user-modal .btn-upload, .wallet-wrapper .btn-upload {
    background-image: url(/images/progress.png);
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.2s;
    transition: background-size 0.2s; }
    .db-view .btn-upload.uploading, .db-view .btn-upload.dragover, .acms-modal .btn-upload.uploading, .acms-modal .btn-upload.dragover, .user-modal .btn-upload.uploading, .user-modal .btn-upload.dragover, .wallet-wrapper .btn-upload.uploading, .wallet-wrapper .btn-upload.dragover {
      border-color: #737373; }
    .db-view .btn-upload.error, .acms-modal .btn-upload.error, .user-modal .btn-upload.error, .wallet-wrapper .btn-upload.error {
      border-color: #e87272;
      opacity: 1 !important; }
  .db-view .clickable-icon, .acms-modal .clickable-icon, .user-modal .clickable-icon, .wallet-wrapper .clickable-icon {
    -webkit-transition: color, 0.2s;
    transition: color, 0.2s;
    color: #e8e8e8; }
    .db-view .clickable-icon:hover, .acms-modal .clickable-icon:hover, .user-modal .clickable-icon:hover, .wallet-wrapper .clickable-icon:hover {
      color: #3d464d; }
  @media (max-width: 1199px) {
    .db-view .btn-icon-md > span, .acms-modal .btn-icon-md > span, .user-modal .btn-icon-md > span, .wallet-wrapper .btn-icon-md > span {
      display: none; } }
  @media (min-width: 1200px) {
    .db-view .btn-icon-md > span, .acms-modal .btn-icon-md > span, .user-modal .btn-icon-md > span, .wallet-wrapper .btn-icon-md > span {
      display: inline; } }
  @media (max-width: 991px) {
    .db-view .btn-icon-sm > span, .acms-modal .btn-icon-sm > span, .user-modal .btn-icon-sm > span, .wallet-wrapper .btn-icon-sm > span {
      display: none; } }
  @media (min-width: 992px) {
    .db-view .btn-icon-sm > span, .acms-modal .btn-icon-sm > span, .user-modal .btn-icon-sm > span, .wallet-wrapper .btn-icon-sm > span {
      display: inline; } }
  @media (max-width: 767px) {
    .db-view .btn-icon-xs > span, .acms-modal .btn-icon-xs > span, .user-modal .btn-icon-xs > span, .wallet-wrapper .btn-icon-xs > span {
      display: none; } }
  @media (min-width: 768px) {
    .db-view .btn-icon-xs > span, .acms-modal .btn-icon-xs > span, .user-modal .btn-icon-xs > span, .wallet-wrapper .btn-icon-xs > span {
      display: inline; } }
  .db-view .button-row, .acms-modal .button-row, .user-modal .button-row, .wallet-wrapper .button-row {
    display: -webkit-box;
    display: -moz-flex;
    display: flex;
    margin: 0 -10px 0 0; }
    .db-view .button-row .btn, .db-view .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .button-row a.button, .acms-modal .button-row .btn, .acms-modal .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .button-row a.button, .user-modal .button-row .btn, .user-modal .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .button-row a.button, .wallet-wrapper .button-row .btn, .wallet-wrapper .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .button-row a.button {
      -webkit-box-flex: 1;
      -moz-flex: 1 0 0px;
      flex: 1 0 0px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin: 0 10px 0 0; }
  .db-view table.table, .acms-modal table.table, .user-modal table.table, .wallet-wrapper table.table {
    border: 0;
    border-right: 0;
    margin-bottom: 12px; }
    .db-view table.table th, .acms-modal table.table th, .user-modal table.table th, .wallet-wrapper table.table th {
      font-weight: 600;
      padding: 10px 8px; }
    .db-view table.table th, .acms-modal table.table th, .user-modal table.table th, .wallet-wrapper table.table th {
      background-color: #f9f9f9;
      border-top: 1px solid #e8e8e8 !important; }
      .db-view table.table th:first-child, .acms-modal table.table th:first-child, .user-modal table.table th:first-child, .wallet-wrapper table.table th:first-child {
        border-left: 1px solid #e8e8e8 !important; }
      .db-view table.table th:last-child, .acms-modal table.table th:last-child, .user-modal table.table th:last-child, .wallet-wrapper table.table th:last-child {
        border-right: 1px solid #e8e8e8 !important; }
      .db-view table.table th > a, .acms-modal table.table th > a, .user-modal table.table th > a, .wallet-wrapper table.table th > a {
        display: block; }
      .db-view table.table th i.sortorder, .acms-modal table.table th i.sortorder, .user-modal table.table th i.sortorder, .wallet-wrapper table.table th i.sortorder {
        color: inherit; }
        .db-view table.table th i.sortorder.desc, .acms-modal table.table th i.sortorder.desc, .user-modal table.table th i.sortorder.desc, .wallet-wrapper table.table th i.sortorder.desc {
          position: relative;
          top: -3px; }
        .db-view table.table th i.sortorder.asc, .acms-modal table.table th i.sortorder.asc, .user-modal table.table th i.sortorder.asc, .wallet-wrapper table.table th i.sortorder.asc {
          position: relative;
          bottom: -3px; }
    .db-view table.table tr, .acms-modal table.table tr, .user-modal table.table tr, .wallet-wrapper table.table tr {
      cursor: default; }
    .db-view table.table tr.clickable, .db-view table.table tr.help-link, .db-view table.table .upload-choice tr.img-container, .upload-choice .db-view table.table tr.img-container, .db-view table.table .upload-choice tr.img-container-thin, .upload-choice .db-view table.table tr.img-container-thin, .db-view table.table tr.clickable-icon, .db-view table.table tr.onoffswitch-label, .db-view table.table tr.email-color-picker, .db-view table.table tr.add-attribute-button, .db-view table.table tr.video-link-container, .db-view table.table tr.action-flair, .acms-modal table.table tr.clickable, .acms-modal table.table tr.help-link, .acms-modal table.table .upload-choice tr.img-container, .upload-choice .acms-modal table.table tr.img-container, .acms-modal table.table .upload-choice tr.img-container-thin, .upload-choice .acms-modal table.table tr.img-container-thin, .acms-modal table.table tr.clickable-icon, .acms-modal table.table tr.onoffswitch-label, .acms-modal table.table tr.email-color-picker, .acms-modal table.table tr.add-attribute-button, .acms-modal table.table tr.video-link-container, .acms-modal table.table tr.action-flair, .user-modal table.table tr.clickable, .user-modal table.table tr.help-link, .user-modal table.table .upload-choice tr.img-container, .upload-choice .user-modal table.table tr.img-container, .user-modal table.table .upload-choice tr.img-container-thin, .upload-choice .user-modal table.table tr.img-container-thin, .user-modal table.table tr.clickable-icon, .user-modal table.table tr.onoffswitch-label, .user-modal table.table tr.email-color-picker, .user-modal table.table tr.add-attribute-button, .user-modal table.table tr.video-link-container, .user-modal table.table tr.action-flair, .wallet-wrapper table.table tr.clickable, .wallet-wrapper table.table tr.help-link, .wallet-wrapper table.table .upload-choice tr.img-container, .upload-choice .wallet-wrapper table.table tr.img-container, .wallet-wrapper table.table .upload-choice tr.img-container-thin, .upload-choice .wallet-wrapper table.table tr.img-container-thin, .wallet-wrapper table.table tr.clickable-icon, .wallet-wrapper table.table tr.onoffswitch-label, .wallet-wrapper table.table tr.email-color-picker, .wallet-wrapper table.table tr.add-attribute-button, .wallet-wrapper table.table tr.video-link-container, .wallet-wrapper table.table tr.action-flair {
      cursor: pointer; }
    .db-view table.table tbody tr:last-child td, .acms-modal table.table tbody tr:last-child td, .user-modal table.table tbody tr:last-child td, .wallet-wrapper table.table tbody tr:last-child td {
      border-bottom: 0; }
    .db-view table.table tr:focus, .acms-modal table.table tr:focus, .user-modal table.table tr:focus, .wallet-wrapper table.table tr:focus {
      outline: none; }
    .db-view table.table thead tr th, .db-view table.table tbody tr td, .acms-modal table.table thead tr th, .acms-modal table.table tbody tr td, .user-modal table.table thead tr th, .user-modal table.table tbody tr td, .wallet-wrapper table.table thead tr th, .wallet-wrapper table.table tbody tr td {
      border-bottom: 1px solid #ececec;
      line-height: 26px; }
    .db-view table.table thead tr th, .acms-modal table.table thead tr th, .user-modal table.table thead tr th, .wallet-wrapper table.table thead tr th {
      padding: 10px 8px; }
    .db-view table.table tbody tr td, .acms-modal table.table tbody tr td, .user-modal table.table tbody tr td, .wallet-wrapper table.table tbody tr td {
      padding: 5px 8px; }
    .db-view table.table tbody tr td:first-child, .db-view table.table thead tr th:first-child, .acms-modal table.table tbody tr td:first-child, .acms-modal table.table thead tr th:first-child, .user-modal table.table tbody tr td:first-child, .user-modal table.table thead tr th:first-child, .wallet-wrapper table.table tbody tr td:first-child, .wallet-wrapper table.table thead tr th:first-child {
      padding-left: 16px; }
    .db-view table.table tbody tr td:last-child, .db-view table.table thead tr th:last-child, .acms-modal table.table tbody tr td:last-child, .acms-modal table.table thead tr th:last-child, .user-modal table.table tbody tr td:last-child, .user-modal table.table thead tr th:last-child, .wallet-wrapper table.table tbody tr td:last-child, .wallet-wrapper table.table thead tr th:last-child {
      padding-right: 16px; }
    .db-view table.table thead tr th.icons, .db-view table.table tbody tr td.icons, .acms-modal table.table thead tr th.icons, .acms-modal table.table tbody tr td.icons, .user-modal table.table thead tr th.icons, .user-modal table.table tbody tr td.icons, .wallet-wrapper table.table thead tr th.icons, .wallet-wrapper table.table tbody tr td.icons {
      max-width: 72px !important;
      min-width: 72px !important;
      width: 72px !important;
      text-align: center;
      white-space: nowrap; }
    .db-view table.table tbody tr td, .acms-modal table.table tbody tr td, .user-modal table.table tbody tr td, .wallet-wrapper table.table tbody tr td {
      overflow: visible;
      vertical-align: middle; }
      .db-view table.table tbody tr td ul, .acms-modal table.table tbody tr td ul, .user-modal table.table tbody tr td ul, .wallet-wrapper table.table tbody tr td ul {
        list-style-type: none;
        margin-bottom: 0;
        padding-left: 0; }
        .db-view table.table tbody tr td ul li, .acms-modal table.table tbody tr td ul li, .user-modal table.table tbody tr td ul li, .wallet-wrapper table.table tbody tr td ul li {
          border-bottom: 1px solid #ececec;
          margin: 0 -14px;
          padding: 5px 14px; }
        .db-view table.table tbody tr td ul li:last-child, .acms-modal table.table tbody tr td ul li:last-child, .user-modal table.table tbody tr td ul li:last-child, .wallet-wrapper table.table tbody tr td ul li:last-child {
          border-bottom: 0; }
    .db-view table.table .input-group .input-group-addon, .acms-modal table.table .input-group .input-group-addon, .user-modal table.table .input-group .input-group-addon, .wallet-wrapper table.table .input-group .input-group-addon {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0;
      color: white;
      padding-left: 0;
      padding-right: 0;
      text-align: center; }
    .db-view table.table tr, .acms-modal table.table tr, .user-modal table.table tr, .wallet-wrapper table.table tr {
      -webkit-transition: background-color, 0.2s;
      transition: background-color, 0.2s; }
      .db-view table.table tr.selected td, .acms-modal table.table tr.selected td, .user-modal table.table tr.selected td, .wallet-wrapper table.table tr.selected td {
        background-color: rgba(103, 165, 214, 0.09); }
      .db-view table.table tr.clickable:hover, .db-view table.table tr.help-link:hover, .db-view table.table .upload-choice tr.img-container:hover, .upload-choice .db-view table.table tr.img-container:hover, .db-view table.table .upload-choice tr.img-container-thin:hover, .upload-choice .db-view table.table tr.img-container-thin:hover, .db-view table.table tr.clickable-icon:hover, .db-view table.table tr.onoffswitch-label:hover, .db-view table.table tr.email-color-picker:hover, .db-view table.table tr.add-attribute-button:hover, .db-view table.table tr.video-link-container:hover, .db-view table.table tr.action-flair:hover, .acms-modal table.table tr.clickable:hover, .acms-modal table.table tr.help-link:hover, .acms-modal table.table .upload-choice tr.img-container:hover, .upload-choice .acms-modal table.table tr.img-container:hover, .acms-modal table.table .upload-choice tr.img-container-thin:hover, .upload-choice .acms-modal table.table tr.img-container-thin:hover, .acms-modal table.table tr.clickable-icon:hover, .acms-modal table.table tr.onoffswitch-label:hover, .acms-modal table.table tr.email-color-picker:hover, .acms-modal table.table tr.add-attribute-button:hover, .acms-modal table.table tr.video-link-container:hover, .acms-modal table.table tr.action-flair:hover, .user-modal table.table tr.clickable:hover, .user-modal table.table tr.help-link:hover, .user-modal table.table .upload-choice tr.img-container:hover, .upload-choice .user-modal table.table tr.img-container:hover, .user-modal table.table .upload-choice tr.img-container-thin:hover, .upload-choice .user-modal table.table tr.img-container-thin:hover, .user-modal table.table tr.clickable-icon:hover, .user-modal table.table tr.onoffswitch-label:hover, .user-modal table.table tr.email-color-picker:hover, .user-modal table.table tr.add-attribute-button:hover, .user-modal table.table tr.video-link-container:hover, .user-modal table.table tr.action-flair:hover, .wallet-wrapper table.table tr.clickable:hover, .wallet-wrapper table.table tr.help-link:hover, .wallet-wrapper table.table .upload-choice tr.img-container:hover, .upload-choice .wallet-wrapper table.table tr.img-container:hover, .wallet-wrapper table.table .upload-choice tr.img-container-thin:hover, .upload-choice .wallet-wrapper table.table tr.img-container-thin:hover, .wallet-wrapper table.table tr.clickable-icon:hover, .wallet-wrapper table.table tr.onoffswitch-label:hover, .wallet-wrapper table.table tr.email-color-picker:hover, .wallet-wrapper table.table tr.add-attribute-button:hover, .wallet-wrapper table.table tr.video-link-container:hover, .wallet-wrapper table.table tr.action-flair:hover {
        background-color: #fcfcfc; }
    .db-view table.table .input-group.datepicker table, .acms-modal table.table .input-group.datepicker table, .user-modal table.table .input-group.datepicker table, .wallet-wrapper table.table .input-group.datepicker table {
      margin-bottom: 0; }
    .db-view table.table .input-group.datepicker .dropdown-menu, .acms-modal table.table .input-group.datepicker .dropdown-menu, .user-modal table.table .input-group.datepicker .dropdown-menu, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu {
      padding-bottom: 10px; }
      .db-view table.table .input-group.datepicker .dropdown-menu *:focus, .acms-modal table.table .input-group.datepicker .dropdown-menu *:focus, .user-modal table.table .input-group.datepicker .dropdown-menu *:focus, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu *:focus {
        outline: 0; }
      .db-view table.table .input-group.datepicker .dropdown-menu table th, .db-view table.table .input-group.datepicker .dropdown-menu table td, .acms-modal table.table .input-group.datepicker .dropdown-menu table th, .acms-modal table.table .input-group.datepicker .dropdown-menu table td, .user-modal table.table .input-group.datepicker .dropdown-menu table th, .user-modal table.table .input-group.datepicker .dropdown-menu table td, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table th, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table td {
        padding: 2px; }
        .db-view table.table .input-group.datepicker .dropdown-menu table th .btn, .db-view table.table .input-group.datepicker .dropdown-menu table th div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view table.table .input-group.datepicker .dropdown-menu table th a.button, .db-view table.table .input-group.datepicker .dropdown-menu table td .btn, .db-view table.table .input-group.datepicker .dropdown-menu table td div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view table.table .input-group.datepicker .dropdown-menu table td a.button, .acms-modal table.table .input-group.datepicker .dropdown-menu table th .btn, .acms-modal table.table .input-group.datepicker .dropdown-menu table th div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal table.table .input-group.datepicker .dropdown-menu table th a.button, .acms-modal table.table .input-group.datepicker .dropdown-menu table td .btn, .acms-modal table.table .input-group.datepicker .dropdown-menu table td div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal table.table .input-group.datepicker .dropdown-menu table td a.button, .user-modal table.table .input-group.datepicker .dropdown-menu table th .btn, .user-modal table.table .input-group.datepicker .dropdown-menu table th div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal table.table .input-group.datepicker .dropdown-menu table th a.button, .user-modal table.table .input-group.datepicker .dropdown-menu table td .btn, .user-modal table.table .input-group.datepicker .dropdown-menu table td div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal table.table .input-group.datepicker .dropdown-menu table td a.button, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table th .btn, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table th div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table th a.button, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table td .btn, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table td div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper table.table .input-group.datepicker .dropdown-menu table td a.button {
          position: relative;
          top: -2px; }
      .db-view table.table .input-group.datepicker .dropdown-menu li, .acms-modal table.table .input-group.datepicker .dropdown-menu li, .user-modal table.table .input-group.datepicker .dropdown-menu li, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu li {
        margin: 0; }
      .db-view table.table .input-group.datepicker .dropdown-menu .btn-default, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default {
        background-color: #f9f9f9;
        border-color: #f9f9f9;
        font-weight: 400; }
        .db-view table.table .input-group.datepicker .dropdown-menu .btn-default .text-muted, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default .text-muted, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default .text-muted, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default .text-muted {
          color: #e8e8e8;
          font-weight: 300; }
        .db-view table.table .input-group.datepicker .dropdown-menu .btn-default:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default:hover, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default:hover {
          border-color: #cccccc; }
          .db-view table.table .input-group.datepicker .dropdown-menu .btn-default:hover .text-muted, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default:hover .text-muted, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default:hover .text-muted, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default:hover .text-muted {
            color: #737373; }
      .db-view table.table .input-group.datepicker .dropdown-menu .btn-default.active span, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active span, .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active span, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default.active span {
        color: white !important; }
      .db-view table.table .input-group.datepicker .dropdown-menu .btn.dt-disabled, .db-view table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.dt-disabled.button, div.ribbon ~ div.ribbon-info > p .db-view table.table .input-group.datepicker .dropdown-menu a.dt-disabled.button, .acms-modal table.table .input-group.datepicker .dropdown-menu .btn.dt-disabled, .acms-modal table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.dt-disabled.button, div.ribbon ~ div.ribbon-info > p .acms-modal table.table .input-group.datepicker .dropdown-menu a.dt-disabled.button, .user-modal table.table .input-group.datepicker .dropdown-menu .btn.dt-disabled, .user-modal table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.dt-disabled.button, div.ribbon ~ div.ribbon-info > p .user-modal table.table .input-group.datepicker .dropdown-menu a.dt-disabled.button, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn.dt-disabled, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.dt-disabled.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper table.table .input-group.datepicker .dropdown-menu a.dt-disabled.button {
        background-color: #f9f9f9 !important; }
  .db-view table.table, .acms-modal table.table, .user-modal table.table, .wallet-wrapper table.table {
    font-size: 14px; }
    .db-view table.table input[type="checkbox"].unclickable, .acms-modal table.table input[type="checkbox"].unclickable, .user-modal table.table input[type="checkbox"].unclickable, .wallet-wrapper table.table input[type="checkbox"].unclickable {
      pointer-events: none; }
    .db-view table.table .list-result, .acms-modal table.table .list-result, .user-modal table.table .list-result, .wallet-wrapper table.table .list-result {
      padding: 0 14px; }
      .db-view table.table .list-result ul, .acms-modal table.table .list-result ul, .user-modal table.table .list-result ul, .wallet-wrapper table.table .list-result ul {
        list-style: none;
        padding-left: 0px; }
  .db-view table.table.user-permissions-table tr:last-child:hover, .acms-modal table.table.user-permissions-table tr:last-child:hover, .user-modal table.table.user-permissions-table tr:last-child:hover, .wallet-wrapper table.table.user-permissions-table tr:last-child:hover {
    background-color: white; }
  .db-view #issuer-upload table.table tbody tr:hover, .acms-modal #issuer-upload table.table tbody tr:hover, .user-modal #issuer-upload table.table tbody tr:hover, .wallet-wrapper #issuer-upload table.table tbody tr:hover {
    background-color: white; }
  .db-view #issuer-upload table.table thead tr th, .db-view #issuer-upload table.table tbody tr td, .acms-modal #issuer-upload table.table thead tr th, .acms-modal #issuer-upload table.table tbody tr td, .user-modal #issuer-upload table.table thead tr th, .user-modal #issuer-upload table.table tbody tr td, .wallet-wrapper #issuer-upload table.table thead tr th, .wallet-wrapper #issuer-upload table.table tbody tr td {
    padding: 11px 8px; }
  .db-view .onoffswitch, .acms-modal .onoffswitch, .user-modal .onoffswitch, .wallet-wrapper .onoffswitch {
    display: inline-block;
    position: relative;
    width: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
  .db-view .onoffswitch-checkbox, .acms-modal .onoffswitch-checkbox, .user-modal .onoffswitch-checkbox, .wallet-wrapper .onoffswitch-checkbox {
    display: none; }
  .db-view .onoffswitch-label, .acms-modal .onoffswitch-label, .user-modal .onoffswitch-label, .wallet-wrapper .onoffswitch-label {
    display: block;
    overflow: hidden;
    border-radius: 50px;
    border: 2px solid #ccc;
    margin-bottom: 0; }
  .db-view .onoffswitch-inner, .acms-modal .onoffswitch-inner, .user-modal .onoffswitch-inner, .wallet-wrapper .onoffswitch-inner {
    display: block;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
    width: 200%; }
  .db-view .onoffswitch-inner:before, .db-view .onoffswitch-inner:after, .acms-modal .onoffswitch-inner:before, .acms-modal .onoffswitch-inner:after, .user-modal .onoffswitch-inner:before, .user-modal .onoffswitch-inner:after, .wallet-wrapper .onoffswitch-inner:before, .wallet-wrapper .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 16px;
    padding: 0;
    line-height: 16px;
    font-size: 21px;
    box-sizing: border-box; }
  .db-view .onoffswitch-inner:before, .acms-modal .onoffswitch-inner:before, .user-modal .onoffswitch-inner:before, .wallet-wrapper .onoffswitch-inner:before {
    content: "";
    background-color: #e9e9e9;
    padding-left: 14px; }
  .db-view .onoffswitch-inner:after, .acms-modal .onoffswitch-inner:after, .user-modal .onoffswitch-inner:after, .wallet-wrapper .onoffswitch-inner:after {
    content: "";
    background-color: white;
    text-align: right; }
  .db-view .onoffswitch-switch, .acms-modal .onoffswitch-switch, .user-modal .onoffswitch-switch, .wallet-wrapper .onoffswitch-switch {
    display: block;
    width: 20px;
    background: white;
    border: 2px solid #ccc;
    border-radius: 50px;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
  .db-view .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .acms-modal .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .user-modal .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .wallet-wrapper .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0; }
  .db-view .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, .acms-modal .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, .user-modal .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, .wallet-wrapper .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; }
  .db-view .acc-ui-box, .db-view .settings-group, .acms-modal .acc-ui-box, .acms-modal .settings-group, .user-modal .acc-ui-box, .user-modal .settings-group, .wallet-wrapper .acc-ui-box, .wallet-wrapper .settings-group {
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    border: 1px solid #ececec;
    margin-bottom: 14px; }
    .db-view .acc-ui-box:hover, .db-view .settings-group:hover, .acms-modal .acc-ui-box:hover, .acms-modal .settings-group:hover, .user-modal .acc-ui-box:hover, .user-modal .settings-group:hover, .wallet-wrapper .acc-ui-box:hover, .wallet-wrapper .settings-group:hover {
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .db-view .acc-ui-box:focus, .db-view .settings-group:focus, .db-view .acc-ui-box.active, .db-view .active.settings-group, .acms-modal .acc-ui-box:focus, .acms-modal .settings-group:focus, .acms-modal .acc-ui-box.active, .acms-modal .active.settings-group, .user-modal .acc-ui-box:focus, .user-modal .settings-group:focus, .user-modal .acc-ui-box.active, .user-modal .active.settings-group, .wallet-wrapper .acc-ui-box:focus, .wallet-wrapper .settings-group:focus, .wallet-wrapper .acc-ui-box.active, .wallet-wrapper .active.settings-group {
      border-color: #37BDB1;
      box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); }
    .db-view .acc-ui-box .box-title, .db-view .settings-group .box-title, .acms-modal .acc-ui-box .box-title, .acms-modal .settings-group .box-title, .user-modal .acc-ui-box .box-title, .user-modal .settings-group .box-title, .wallet-wrapper .acc-ui-box .box-title, .wallet-wrapper .settings-group .box-title {
      -webkit-transition: color, 0.2s;
      transition: color, 0.2s;
      line-height: 1.7; }
    .db-view .acc-ui-box .box-content, .db-view .settings-group .box-content, .acms-modal .acc-ui-box .box-content, .acms-modal .settings-group .box-content, .user-modal .acc-ui-box .box-content, .user-modal .settings-group .box-content, .wallet-wrapper .acc-ui-box .box-content, .wallet-wrapper .settings-group .box-content {
      display: -webkit-box;
      display: flex;
      -webkit-box-align: stretch;
              align-items: stretch; }
    .db-view .acc-ui-box .column, .db-view .settings-group .column, .acms-modal .acc-ui-box .column, .acms-modal .settings-group .column, .user-modal .acc-ui-box .column, .user-modal .settings-group .column, .wallet-wrapper .acc-ui-box .column, .wallet-wrapper .settings-group .column {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
              flex-direction: column;
      -webkit-box-flex: 1;
              flex-grow: 1;
      -webkit-flex-grow: 1; }
    .db-view .acc-ui-box .button-row, .db-view .settings-group .button-row, .acms-modal .acc-ui-box .button-row, .acms-modal .settings-group .button-row, .user-modal .acc-ui-box .button-row, .user-modal .settings-group .button-row, .wallet-wrapper .acc-ui-box .button-row, .wallet-wrapper .settings-group .button-row {
      margin-top: auto;
      display: -webkit-box;
      display: flex;
      margin-bottom: -3px;
      margin-left: -4px;
      margin-right: -4px; }
      .db-view .acc-ui-box .button-row .btn, .db-view .settings-group .button-row .btn, .db-view .acc-ui-box .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .acc-ui-box .button-row a.button, .db-view .settings-group .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .settings-group .button-row a.button, .acms-modal .acc-ui-box .button-row .btn, .acms-modal .settings-group .button-row .btn, .acms-modal .acc-ui-box .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .acc-ui-box .button-row a.button, .acms-modal .settings-group .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .settings-group .button-row a.button, .user-modal .acc-ui-box .button-row .btn, .user-modal .settings-group .button-row .btn, .user-modal .acc-ui-box .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .acc-ui-box .button-row a.button, .user-modal .settings-group .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .settings-group .button-row a.button, .wallet-wrapper .acc-ui-box .button-row .btn, .wallet-wrapper .settings-group .button-row .btn, .wallet-wrapper .acc-ui-box .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .acc-ui-box .button-row a.button, .wallet-wrapper .settings-group .button-row div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .settings-group .button-row a.button {
        -webkit-box-flex: 1;
                flex-grow: 1;
        -webkit-flex-grow: 1;
        margin: 4px; }
  .db-view .acc-ui-box .box-title .clickable-icon, .db-view .settings-group .box-title .clickable-icon, .acms-modal .acc-ui-box .box-title .clickable-icon, .acms-modal .settings-group .box-title .clickable-icon, .user-modal .acc-ui-box .box-title .clickable-icon, .user-modal .settings-group .box-title .clickable-icon, .wallet-wrapper .acc-ui-box .box-title .clickable-icon, .wallet-wrapper .settings-group .box-title .clickable-icon {
    display: none; }
  .db-view .acc-ui-box .box-title.editable, .db-view .settings-group .box-title.editable, .acms-modal .acc-ui-box .box-title.editable, .acms-modal .settings-group .box-title.editable, .user-modal .acc-ui-box .box-title.editable, .user-modal .settings-group .box-title.editable, .wallet-wrapper .acc-ui-box .box-title.editable, .wallet-wrapper .settings-group .box-title.editable {
    display: -webkit-box;
    display: flex; }
    .db-view .acc-ui-box .box-title.editable .clickable-icon, .db-view .settings-group .box-title.editable .clickable-icon, .acms-modal .acc-ui-box .box-title.editable .clickable-icon, .acms-modal .settings-group .box-title.editable .clickable-icon, .user-modal .acc-ui-box .box-title.editable .clickable-icon, .user-modal .settings-group .box-title.editable .clickable-icon, .wallet-wrapper .acc-ui-box .box-title.editable .clickable-icon, .wallet-wrapper .settings-group .box-title.editable .clickable-icon {
      opacity: 0;
      display: inline-block;
      margin-left: 12px;
      padding-top: 6px;
      pointer-events: none; }
    .db-view .acc-ui-box .box-title.editable .buttons, .db-view .settings-group .box-title.editable .buttons, .acms-modal .acc-ui-box .box-title.editable .buttons, .acms-modal .settings-group .box-title.editable .buttons, .user-modal .acc-ui-box .box-title.editable .buttons, .user-modal .settings-group .box-title.editable .buttons, .wallet-wrapper .acc-ui-box .box-title.editable .buttons, .wallet-wrapper .settings-group .box-title.editable .buttons {
      padding-left: 12px;
      -webkit-box-flex: 0;
              flex-grow: 0;
      height: 30px;
      -webkit-flex-grow: 0; }
      .db-view .acc-ui-box .box-title.editable .buttons > *, .db-view .settings-group .box-title.editable .buttons > *, .acms-modal .acc-ui-box .box-title.editable .buttons > *, .acms-modal .settings-group .box-title.editable .buttons > *, .user-modal .acc-ui-box .box-title.editable .buttons > *, .user-modal .settings-group .box-title.editable .buttons > *, .wallet-wrapper .acc-ui-box .box-title.editable .buttons > *, .wallet-wrapper .settings-group .box-title.editable .buttons > * {
        height: 30px; }
        .db-view .acc-ui-box .box-title.editable .buttons > *:last-child, .db-view .settings-group .box-title.editable .buttons > *:last-child, .acms-modal .acc-ui-box .box-title.editable .buttons > *:last-child, .acms-modal .settings-group .box-title.editable .buttons > *:last-child, .user-modal .acc-ui-box .box-title.editable .buttons > *:last-child, .user-modal .settings-group .box-title.editable .buttons > *:last-child, .wallet-wrapper .acc-ui-box .box-title.editable .buttons > *:last-child, .wallet-wrapper .settings-group .box-title.editable .buttons > *:last-child {
          margin-left: 6px; }
      .db-view .acc-ui-box .box-title.editable .buttons .btn, .db-view .settings-group .box-title.editable .buttons .btn, .db-view .acc-ui-box .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .acc-ui-box .box-title.editable .buttons a.button, .db-view .settings-group .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .settings-group .box-title.editable .buttons a.button, .acms-modal .acc-ui-box .box-title.editable .buttons .btn, .acms-modal .settings-group .box-title.editable .buttons .btn, .acms-modal .acc-ui-box .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .acc-ui-box .box-title.editable .buttons a.button, .acms-modal .settings-group .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .settings-group .box-title.editable .buttons a.button, .user-modal .acc-ui-box .box-title.editable .buttons .btn, .user-modal .settings-group .box-title.editable .buttons .btn, .user-modal .acc-ui-box .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .acc-ui-box .box-title.editable .buttons a.button, .user-modal .settings-group .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .settings-group .box-title.editable .buttons a.button, .wallet-wrapper .acc-ui-box .box-title.editable .buttons .btn, .wallet-wrapper .settings-group .box-title.editable .buttons .btn, .wallet-wrapper .acc-ui-box .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .acc-ui-box .box-title.editable .buttons a.button, .wallet-wrapper .settings-group .box-title.editable .buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .settings-group .box-title.editable .buttons a.button {
        line-height: 28px;
        top: -2px;
        padding-bottom: 0;
        padding-top: 0;
        position: relative; }
    .db-view .acc-ui-box .box-title.editable input, .db-view .settings-group .box-title.editable input, .acms-modal .acc-ui-box .box-title.editable input, .acms-modal .settings-group .box-title.editable input, .user-modal .acc-ui-box .box-title.editable input, .user-modal .settings-group .box-title.editable input, .wallet-wrapper .acc-ui-box .box-title.editable input, .wallet-wrapper .settings-group .box-title.editable input {
      -webkit-box-flex: 1;
              flex-grow: 1;
      -webkit-flex-grow: 1; }
  .db-view .acc-ui-box:hover .box-title.editable .clickable-icon, .db-view .settings-group:hover .box-title.editable .clickable-icon, .acms-modal .acc-ui-box:hover .box-title.editable .clickable-icon, .acms-modal .settings-group:hover .box-title.editable .clickable-icon, .user-modal .acc-ui-box:hover .box-title.editable .clickable-icon, .user-modal .settings-group:hover .box-title.editable .clickable-icon, .wallet-wrapper .acc-ui-box:hover .box-title.editable .clickable-icon, .wallet-wrapper .settings-group:hover .box-title.editable .clickable-icon {
    opacity: 1;
    pointer-events: initial; }
  .db-view .subject-line, .acms-modal .subject-line, .user-modal .subject-line, .wallet-wrapper .subject-line {
    color: #737373;
    font-weight: 300;
    height: 64px;
    z-index: 10; }
    .db-view .subject-line .sender-name, .acms-modal .subject-line .sender-name, .user-modal .subject-line .sender-name, .wallet-wrapper .subject-line .sender-name {
      display: inline-block;
      font-size: 14px;
      overflow: hidden;
      padding: 4px 15px 0 0;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .db-view .subject-line td:first-child, .acms-modal .subject-line td:first-child, .user-modal .subject-line td:first-child, .wallet-wrapper .subject-line td:first-child {
      padding-left: 20px; }
    .db-view .subject-line td:last-child, .acms-modal .subject-line td:last-child, .user-modal .subject-line td:last-child, .wallet-wrapper .subject-line td:last-child {
      padding-right: 20px; }
  .db-view .email-options, .acms-modal .email-options, .user-modal .email-options, .wallet-wrapper .email-options {
    height: 80px; }
    .db-view .email-options p, .acms-modal .email-options p, .user-modal .email-options p, .wallet-wrapper .email-options p {
      margin-bottom: 6px; }
    .db-view .email-options .right-column, .db-view .email-options .left-column, .acms-modal .email-options .right-column, .acms-modal .email-options .left-column, .user-modal .email-options .right-column, .user-modal .email-options .left-column, .wallet-wrapper .email-options .right-column, .wallet-wrapper .email-options .left-column {
      display: inline-block;
      float: left;
      position: relative; }
    .db-view .email-options .left-column, .acms-modal .email-options .left-column, .user-modal .email-options .left-column, .wallet-wrapper .email-options .left-column {
      padding-right: 0;
      width: 110px; }
    .db-view .email-options .right-column, .acms-modal .email-options .right-column, .user-modal .email-options .right-column, .wallet-wrapper .email-options .right-column {
      padding-left: 0;
      width: 140px; }
  .db-view .color-selector, .acms-modal .color-selector, .user-modal .color-selector, .wallet-wrapper .color-selector {
    -webkit-transition: background-color, 0.2s;
    transition: background-color, 0.2s;
    border-radius: 4px;
    height: 38px;
    position: relative; }
    .db-view .color-selector:hover, .acms-modal .color-selector:hover, .user-modal .color-selector:hover, .wallet-wrapper .color-selector:hover {
      background-color: #f1f1f1; }
  .db-view .email-color-picker, .acms-modal .email-color-picker, .user-modal .email-color-picker, .wallet-wrapper .email-color-picker {
    background-color: transparent;
    height: 38px;
    opacity: 0;
    left: 0;
    top: 0;
    width: 110px; }
  .db-view .email-color, .acms-modal .email-color, .user-modal .email-color, .wallet-wrapper .email-color {
    border: 1px solid #e7e7e7;
    border-radius: 4px;
    height: 26px;
    left: 12px;
    top: 6px;
    width: 26px; }
  .db-view .email-text, .acms-modal .email-text, .user-modal .email-text, .wallet-wrapper .email-text {
    font-weight: 300;
    left: 48px;
    line-height: 24px;
    text-transform: uppercase;
    top: 7px; }
  .db-view .email-color-picker, .db-view .email-color, .db-view .email-text, .acms-modal .email-color-picker, .acms-modal .email-color, .acms-modal .email-text, .user-modal .email-color-picker, .user-modal .email-color, .user-modal .email-text, .wallet-wrapper .email-color-picker, .wallet-wrapper .email-color, .wallet-wrapper .email-text {
    position: absolute; }
  .db-view .email-color, .db-view .email-text, .acms-modal .email-color, .acms-modal .email-text, .user-modal .email-color, .user-modal .email-text, .wallet-wrapper .email-color, .wallet-wrapper .email-text {
    pointer-events: none; }
  .db-view .logo-preview, .acms-modal .logo-preview, .user-modal .logo-preview, .wallet-wrapper .logo-preview {
    margin-top: 12px;
    margin-bottom: 12px; }
    .db-view .logo-preview img, .acms-modal .logo-preview img, .user-modal .logo-preview img, .wallet-wrapper .logo-preview img {
      margin: 0 auto;
      max-height: 56px;
      max-width: 56px; }
  .db-view .email-section, .acms-modal .email-section, .user-modal .email-section, .wallet-wrapper .email-section {
    box-shadow: inset 0px 0px 12px -8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0px 0px 12px -8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0px 0px 12px -8px rgba(0, 0, 0, 0.15);
    padding-top: 20px;
    background-color: #f1f1f1;
    padding: 0 15px;
    position: relative;
    z-index: 1; }
    .db-view .email-section table, .acms-modal .email-section table, .user-modal .email-section table, .wallet-wrapper .email-section table {
      margin-left: auto;
      margin-right: auto; }
    .db-view .email-section.email-header, .acms-modal .email-section.email-header, .user-modal .email-section.email-header, .wallet-wrapper .email-section.email-header {
      box-shadow: inset 0px 5px 8px -4px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: inset 0px 5px 8px -4px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: inset 0px 5px 8px -4px rgba(0, 0, 0, 0.15);
      padding-top: 20px; }
    .db-view .email-section.email-footer, .acms-modal .email-section.email-footer, .user-modal .email-section.email-footer, .wallet-wrapper .email-section.email-footer {
      box-shadow: inset 0px -5px 8px -4px rgba(0, 0, 0, 0.15);
      -moz-box-shadow: inset 0px -5px 8px -4px rgba(0, 0, 0, 0.15);
      -webkit-box-shadow: inset 0px -5px 8px -4px rgba(0, 0, 0, 0.15);
      padding-bottom: 20px; }
    .db-view .email-section .email-inner, .acms-modal .email-section .email-inner, .user-modal .email-section .email-inner, .wallet-wrapper .email-section .email-inner {
      margin: 0 auto;
      max-width: 600px;
      position: relative; }
    .db-view .email-section .section-btn-group, .acms-modal .email-section .section-btn-group, .user-modal .email-section .section-btn-group, .wallet-wrapper .email-section .section-btn-group {
      position: absolute;
      top: 8px;
      right: 6px;
      width: 176px;
      z-index: 90; }
      .db-view .email-section .section-btn-group .btn, .db-view .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .email-section .section-btn-group a.button, .acms-modal .email-section .section-btn-group .btn, .acms-modal .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .email-section .section-btn-group a.button, .user-modal .email-section .section-btn-group .btn, .user-modal .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .email-section .section-btn-group a.button, .wallet-wrapper .email-section .section-btn-group .btn, .wallet-wrapper .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-section .section-btn-group a.button {
        color: #737373;
        background-color: rgba(255, 255, 255, 0.95);
        border-color: transparent;
        margin-left: 6px;
        padding: 4px 8px; }
        .db-view .email-section .section-btn-group .btn:hover, .db-view .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .db-view .email-section .section-btn-group a.button:hover, .acms-modal .email-section .section-btn-group .btn:hover, .acms-modal .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .acms-modal .email-section .section-btn-group a.button:hover, .user-modal .email-section .section-btn-group .btn:hover, .user-modal .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal .email-section .section-btn-group a.button:hover, .wallet-wrapper .email-section .section-btn-group .btn:hover, .wallet-wrapper .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-section .section-btn-group a.button:hover {
          color: #3d464d; }
      .db-view .email-section .section-btn-group .btn-danger, .acms-modal .email-section .section-btn-group .btn-danger, .user-modal .email-section .section-btn-group .btn-danger, .wallet-wrapper .email-section .section-btn-group .btn-danger {
        background-color: #ffc2c2;
        border-color: #ffc2c2;
        color: white;
        opacity: 0.7; }
      .db-view .email-section .section-btn-group .btn.btn-danger:hover, .db-view .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.btn-danger.button:hover, div.ribbon ~ div.ribbon-info > p .db-view .email-section .section-btn-group a.btn-danger.button:hover, .acms-modal .email-section .section-btn-group .btn.btn-danger:hover, .acms-modal .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.btn-danger.button:hover, div.ribbon ~ div.ribbon-info > p .acms-modal .email-section .section-btn-group a.btn-danger.button:hover, .user-modal .email-section .section-btn-group .btn.btn-danger:hover, .user-modal .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.btn-danger.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal .email-section .section-btn-group a.btn-danger.button:hover, .wallet-wrapper .email-section .section-btn-group .btn.btn-danger:hover, .wallet-wrapper .email-section .section-btn-group div.ribbon ~ div.ribbon-info > p a.btn-danger.button:hover, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-section .section-btn-group a.btn-danger.button:hover {
        background-color: #e87272;
        border-color: #e87272;
        color: white;
        opacity: 1; }
  .db-view .email-header + .section-form .text-editor, .acms-modal .email-header + .section-form .text-editor, .user-modal .email-header + .section-form .text-editor, .wallet-wrapper .email-header + .section-form .text-editor {
    top: 35px; }
  .db-view .custom-email-section, .acms-modal .custom-email-section, .user-modal .custom-email-section, .wallet-wrapper .custom-email-section {
    height: 100%; }
    .db-view .custom-email-section img, .acms-modal .custom-email-section img, .user-modal .custom-email-section img, .wallet-wrapper .custom-email-section img {
      margin: 0 auto !important;
      max-width: 80% !important; }
  .db-view .email-preview-container, .acms-modal .email-preview-container, .user-modal .email-preview-container, .wallet-wrapper .email-preview-container {
    padding-top: 8px !important; }
    .db-view .email-preview-container .custom-email-section, .acms-modal .email-preview-container .custom-email-section, .user-modal .email-preview-container .custom-email-section, .wallet-wrapper .email-preview-container .custom-email-section {
      background-color: white;
      max-width: 600px;
      margin: 0 auto;
      min-height: 270px; }
  .db-view .email-preview-container .add-custom-section, .acms-modal .email-preview-container .add-custom-section, .user-modal .email-preview-container .add-custom-section, .wallet-wrapper .email-preview-container .add-custom-section {
    padding-top: 2px; }
    .db-view .email-preview-container .add-custom-section .add-custom-btn, .acms-modal .email-preview-container .add-custom-section .add-custom-btn, .user-modal .email-preview-container .add-custom-section .add-custom-btn, .wallet-wrapper .email-preview-container .add-custom-section .add-custom-btn {
      margin: 0 auto;
      background-color: #a8d6ef;
      border: 0;
      border-radius: 0;
      max-width: 600px; }
      .db-view .email-preview-container .add-custom-section .add-custom-btn:hover, .acms-modal .email-preview-container .add-custom-section .add-custom-btn:hover, .user-modal .email-preview-container .add-custom-section .add-custom-btn:hover, .wallet-wrapper .email-preview-container .add-custom-section .add-custom-btn:hover {
        background-color: #67a5d6; }
  @media (max-width: 767px) {
    .db-view .email-preview-container, .acms-modal .email-preview-container, .user-modal .email-preview-container, .wallet-wrapper .email-preview-container {
      left: 0;
      padding-left: 195px !important;
      padding-right: 15px;
      position: absolute;
      top: 100px;
      width: 100vw !important; } }
  .db-view .email-preview-container .tooltip, .acms-modal .email-preview-container .tooltip, .user-modal .email-preview-container .tooltip, .wallet-wrapper .email-preview-container .tooltip {
    left: 69px !important;
    width: 100px !important; }
  .db-view .email-preview-container .section-form.collapsed, .acms-modal .email-preview-container .section-form.collapsed, .user-modal .email-preview-container .section-form.collapsed, .wallet-wrapper .email-preview-container .section-form.collapsed {
    height: 40px; }
  .db-view .email-preview-container .section-form .onoffswitch, .acms-modal .email-preview-container .section-form .onoffswitch, .user-modal .email-preview-container .section-form .onoffswitch, .wallet-wrapper .email-preview-container .section-form .onoffswitch {
    margin-top: 8px; }
  .db-view .email-preview-container .section-form label, .acms-modal .email-preview-container .section-form label, .user-modal .email-preview-container .section-form label, .wallet-wrapper .email-preview-container .section-form label {
    line-height: 40px;
    margin-bottom: 0; }
  .db-view .email-preview-container .email-section.collapsed, .acms-modal .email-preview-container .email-section.collapsed, .user-modal .email-preview-container .email-section.collapsed, .wallet-wrapper .email-preview-container .email-section.collapsed {
    height: 40px; }
  .db-view .email-preview-container .hidden-section, .acms-modal .email-preview-container .hidden-section, .user-modal .email-preview-container .hidden-section, .wallet-wrapper .email-preview-container .hidden-section {
    font-weight: 300;
    color: #737373;
    background-color: white;
    border-top: 2px solid #f1f1f1;
    line-height: 38px;
    margin: 0 auto;
    max-width: 600px;
    opacity: 0.6; }
  .db-view .email-preview-container .onoffswitch, .acms-modal .email-preview-container .onoffswitch, .user-modal .email-preview-container .onoffswitch, .wallet-wrapper .email-preview-container .onoffswitch {
    display: inline-block;
    margin-right: 6px;
    position: relative;
    width: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }
  .db-view .email-preview-container .onoffswitch-checkbox, .acms-modal .email-preview-container .onoffswitch-checkbox, .user-modal .email-preview-container .onoffswitch-checkbox, .wallet-wrapper .email-preview-container .onoffswitch-checkbox {
    display: none; }
  .db-view .email-preview-container .onoffswitch-label, .acms-modal .email-preview-container .onoffswitch-label, .user-modal .email-preview-container .onoffswitch-label, .wallet-wrapper .email-preview-container .onoffswitch-label {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 50px; }
  .db-view .email-preview-container .onoffswitch-inner, .acms-modal .email-preview-container .onoffswitch-inner, .user-modal .email-preview-container .onoffswitch-inner, .wallet-wrapper .email-preview-container .onoffswitch-inner {
    display: block;
    margin-left: -100%;
    -webkit-transition: margin 0.3s ease-in 0s;
    transition: margin 0.3s ease-in 0s;
    width: 200%; }
  .db-view .email-preview-container .onoffswitch-inner:before, .db-view .email-preview-container .onoffswitch-inner:after, .acms-modal .email-preview-container .onoffswitch-inner:before, .acms-modal .email-preview-container .onoffswitch-inner:after, .user-modal .email-preview-container .onoffswitch-inner:before, .user-modal .email-preview-container .onoffswitch-inner:after, .wallet-wrapper .email-preview-container .onoffswitch-inner:before, .wallet-wrapper .email-preview-container .onoffswitch-inner:after {
    color: #999;
    font-size: 12px;
    font-weight: 200;
    display: block;
    float: left;
    width: 50%;
    height: 18px;
    padding: 0;
    line-height: 18px;
    box-sizing: border-box;
    box-shadow: inset 0px 2px 1px -1px rgba(0, 0, 0, 0.2); }
  .db-view .email-preview-container .onoffswitch-inner:before, .acms-modal .email-preview-container .onoffswitch-inner:before, .user-modal .email-preview-container .onoffswitch-inner:before, .wallet-wrapper .email-preview-container .onoffswitch-inner:before {
    content: "OFF";
    background-color: #f1f1f1;
    padding-left: 8px; }
  .db-view .email-preview-container .onoffswitch-inner:after, .acms-modal .email-preview-container .onoffswitch-inner:after, .user-modal .email-preview-container .onoffswitch-inner:after, .wallet-wrapper .email-preview-container .onoffswitch-inner:after {
    content: "ON";
    background-color: #D3EEF7;
    padding-right: 8px;
    text-align: right; }
  .db-view .email-preview-container .onoffswitch-switch, .acms-modal .email-preview-container .onoffswitch-switch, .user-modal .email-preview-container .onoffswitch-switch, .wallet-wrapper .email-preview-container .onoffswitch-switch {
    display: block;
    width: 16px;
    background-color: white;
    border-color: #ccc;
    border-radius: 50px;
    height: 16px;
    position: absolute;
    top: 2px;
    bottom: 0;
    right: 38px;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s; }
  .db-view .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .acms-modal .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .user-modal .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner, .wallet-wrapper .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0; }
  .db-view .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, .acms-modal .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, .user-modal .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch, .wallet-wrapper .email-preview-container .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 2px; }
  .db-view .email-preview-container .ta-editor, .acms-modal .email-preview-container .ta-editor, .user-modal .email-preview-container .ta-editor, .wallet-wrapper .email-preview-container .ta-editor {
    margin-top: 6px; }
  .db-view .email-preview-container .text-editor .ta-editor > .ta-bind, .acms-modal .email-preview-container .text-editor .ta-editor > .ta-bind, .user-modal .email-preview-container .text-editor .ta-editor > .ta-bind, .wallet-wrapper .email-preview-container .text-editor .ta-editor > .ta-bind {
    background-color: transparent !important; }
  .db-view .email-preview-container .ta-editor, .acms-modal .email-preview-container .ta-editor, .user-modal .email-preview-container .ta-editor, .wallet-wrapper .email-preview-container .ta-editor {
    background-color: transparent !important; }
  .db-view .email-preview-container .ta-toolbar, .acms-modal .email-preview-container .ta-toolbar, .user-modal .email-preview-container .ta-toolbar, .wallet-wrapper .email-preview-container .ta-toolbar {
    background-color: #ffffff; }
  .db-view .email-preview-container .text-editor, .acms-modal .email-preview-container .text-editor, .user-modal .email-preview-container .text-editor, .wallet-wrapper .email-preview-container .text-editor {
    position: absolute;
    top: 15px; }
    .db-view .email-preview-container .text-editor .btn-toolbar, .acms-modal .email-preview-container .text-editor .btn-toolbar, .user-modal .email-preview-container .text-editor .btn-toolbar, .wallet-wrapper .email-preview-container .text-editor .btn-toolbar {
      margin: 0; }
    .db-view .email-preview-container .text-editor .btn-group, .acms-modal .email-preview-container .text-editor .btn-group, .user-modal .email-preview-container .text-editor .btn-group, .wallet-wrapper .email-preview-container .text-editor .btn-group {
      margin: 0 0 0 3px;
      width: 100%; }
      .db-view .email-preview-container .text-editor .btn-group:first-child .btn, .db-view .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor .btn-group:first-child a.button, .acms-modal .email-preview-container .text-editor .btn-group:first-child .btn, .acms-modal .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor .btn-group:first-child a.button, .user-modal .email-preview-container .text-editor .btn-group:first-child .btn, .user-modal .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor .btn-group:first-child a.button, .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child .btn, .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child a.button {
        margin-bottom: -1px;
        width: 12.5%; }
        .db-view .email-preview-container .text-editor .btn-group:first-child .btn:first-child, .db-view .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor .btn-group:first-child a.button:first-child, .acms-modal .email-preview-container .text-editor .btn-group:first-child .btn:first-child, .acms-modal .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor .btn-group:first-child a.button:first-child, .user-modal .email-preview-container .text-editor .btn-group:first-child .btn:first-child, .user-modal .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor .btn-group:first-child a.button:first-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child .btn:first-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child a.button:first-child {
          border-radius: 3px 0 0 0; }
        .db-view .email-preview-container .text-editor .btn-group:first-child .btn:last-child, .db-view .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor .btn-group:first-child a.button:last-child, .acms-modal .email-preview-container .text-editor .btn-group:first-child .btn:last-child, .acms-modal .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor .btn-group:first-child a.button:last-child, .user-modal .email-preview-container .text-editor .btn-group:first-child .btn:last-child, .user-modal .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor .btn-group:first-child a.button:last-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child .btn:last-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor .btn-group:first-child a.button:last-child {
          border-radius: 0 3px 0 0; }
      .db-view .email-preview-container .text-editor .btn-group:last-child .btn, .db-view .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor .btn-group:last-child a.button, .acms-modal .email-preview-container .text-editor .btn-group:last-child .btn, .acms-modal .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor .btn-group:last-child a.button, .user-modal .email-preview-container .text-editor .btn-group:last-child .btn, .user-modal .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor .btn-group:last-child a.button, .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child .btn, .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child a.button {
        width: 10%; }
        .db-view .email-preview-container .text-editor .btn-group:last-child .btn:first-child, .db-view .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor .btn-group:last-child a.button:first-child, .acms-modal .email-preview-container .text-editor .btn-group:last-child .btn:first-child, .acms-modal .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor .btn-group:last-child a.button:first-child, .user-modal .email-preview-container .text-editor .btn-group:last-child .btn:first-child, .user-modal .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor .btn-group:last-child a.button:first-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child .btn:first-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:first-child, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child a.button:first-child {
          border-radius: 0 0 0 3px; }
        .db-view .email-preview-container .text-editor .btn-group:last-child .btn:last-child, .db-view .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor .btn-group:last-child a.button:last-child, .acms-modal .email-preview-container .text-editor .btn-group:last-child .btn:last-child, .acms-modal .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor .btn-group:last-child a.button:last-child, .user-modal .email-preview-container .text-editor .btn-group:last-child .btn:last-child, .user-modal .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor .btn-group:last-child a.button:last-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child .btn:last-child, .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child div.ribbon ~ div.ribbon-info > p a.button:last-child, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor .btn-group:last-child a.button:last-child {
          border-radius: 0 0 3px 0;
          border-left-color: transparent;
          height: 34px;
          margin: 0;
          padding: 4px 0;
          width: 20%; }
    .db-view .email-preview-container .text-editor img, .acms-modal .email-preview-container .text-editor img, .user-modal .email-preview-container .text-editor img, .wallet-wrapper .email-preview-container .text-editor img {
      max-width: 50% !important; }
  .db-view .email-preview-container .ta-scroll-window, .acms-modal .email-preview-container .ta-scroll-window, .user-modal .email-preview-container .ta-scroll-window, .wallet-wrapper .email-preview-container .ta-scroll-window {
    border-color: #e7e7e7;
    height: 160px;
    min-height: inherit; }
    .db-view .email-preview-container .ta-scroll-window .ta-bind, .acms-modal .email-preview-container .ta-scroll-window .ta-bind, .user-modal .email-preview-container .ta-scroll-window .ta-bind, .wallet-wrapper .email-preview-container .ta-scroll-window .ta-bind {
      opacity: 0.3; }
      .db-view .email-preview-container .ta-scroll-window .ta-bind:focus, .acms-modal .email-preview-container .ta-scroll-window .ta-bind:focus, .user-modal .email-preview-container .ta-scroll-window .ta-bind:focus, .wallet-wrapper .email-preview-container .ta-scroll-window .ta-bind:focus {
        opacity: 1; }
  .db-view .email-preview-container .sp-dd, .acms-modal .email-preview-container .sp-dd, .user-modal .email-preview-container .sp-dd, .wallet-wrapper .email-preview-container .sp-dd {
    font-size: 6px;
    margin-right: 6px; }
  .db-view .email-preview-container .sp-replacer, .acms-modal .email-preview-container .sp-replacer, .user-modal .email-preview-container .sp-replacer, .wallet-wrapper .email-preview-container .sp-replacer {
    background-color: transparent;
    border: 0; }
  .db-view .email-preview-container .sp-preview-inner, .acms-modal .email-preview-container .sp-preview-inner, .user-modal .email-preview-container .sp-preview-inner, .wallet-wrapper .email-preview-container .sp-preview-inner {
    height: 14px;
    width: 14px; }
  .db-view .email-preview-container .sp-preview, .acms-modal .email-preview-container .sp-preview, .user-modal .email-preview-container .sp-preview, .wallet-wrapper .email-preview-container .sp-preview {
    border-color: #777;
    height: 16px;
    margin-right: 2px;
    width: 16px; }
  .db-view .email-preview-container .text-editor .btn.btn-default, .db-view .email-preview-container .text-editor div.ribbon ~ div.ribbon-info > p a.btn-default.button, div.ribbon ~ div.ribbon-info > p .db-view .email-preview-container .text-editor a.btn-default.button, .acms-modal .email-preview-container .text-editor .btn.btn-default, .acms-modal .email-preview-container .text-editor div.ribbon ~ div.ribbon-info > p a.btn-default.button, div.ribbon ~ div.ribbon-info > p .acms-modal .email-preview-container .text-editor a.btn-default.button, .user-modal .email-preview-container .text-editor .btn.btn-default, .user-modal .email-preview-container .text-editor div.ribbon ~ div.ribbon-info > p a.btn-default.button, div.ribbon ~ div.ribbon-info > p .user-modal .email-preview-container .text-editor a.btn-default.button, .wallet-wrapper .email-preview-container .text-editor .btn.btn-default, .wallet-wrapper .email-preview-container .text-editor div.ribbon ~ div.ribbon-info > p a.btn-default.button, div.ribbon ~ div.ribbon-info > p .wallet-wrapper .email-preview-container .text-editor a.btn-default.button {
    padding: 6px 8px; }
  .db-view .progress, .acms-modal .progress, .user-modal .progress, .wallet-wrapper .progress {
    background-color: #e8e8e8;
    border-radius: 8px;
    height: 18px;
    margin-bottom: 0; }
    .db-view .progress .progress-bar, .acms-modal .progress .progress-bar, .user-modal .progress .progress-bar, .wallet-wrapper .progress .progress-bar {
      background-color: #8ed186;
      max-width: 100% !important; }
  .db-view .nav-tabs, .acms-modal .nav-tabs, .user-modal .nav-tabs, .wallet-wrapper .nav-tabs {
    border-bottom-color: #eee; }
  .db-view .nav-tabs > li.tab > a, .acms-modal .nav-tabs > li.tab > a, .user-modal .nav-tabs > li.tab > a, .wallet-wrapper .nav-tabs > li.tab > a {
    border-bottom: 0;
    font-size: 16px;
    margin-right: 15px;
    padding: 12px 22px; }
    .db-view .nav-tabs > li.tab > a:hover, .acms-modal .nav-tabs > li.tab > a:hover, .user-modal .nav-tabs > li.tab > a:hover, .wallet-wrapper .nav-tabs > li.tab > a:hover {
      background-color: #f7f7f7;
      border: 1px solid #f7f7f7;
      border-bottom: 0;
      text-decoration: underline; }
  .db-view .nav-tabs > li.tab.active > a, .acms-modal .nav-tabs > li.tab.active > a, .user-modal .nav-tabs > li.tab.active > a, .wallet-wrapper .nav-tabs > li.tab.active > a {
    border: 1px solid #e8e8e8;
    border-bottom-color: #fff;
    text-decoration: none; }
    .db-view .nav-tabs > li.tab.active > a:hover, .acms-modal .nav-tabs > li.tab.active > a:hover, .user-modal .nav-tabs > li.tab.active > a:hover, .wallet-wrapper .nav-tabs > li.tab.active > a:hover {
      background-color: white; }

/*  4.0 Layout  */
/** NAVIGATION
 *
 *    Navigation is broken down into 3 Sections:
 *
 *      ---------------------
 *      MAIN SITE NAVIGATION          A Bootstrap navbar that we've styled - https://getbootstrap.com/getting-started/#examples-navbars
 *      ---------------------
 *      TITLE                         Title, with optional Iconography
 *      TABS                          An unordered-list of links relating to the current page
 *      ---------------------
 *      OPTIONAL PAGE ACTIONS         Action Buttons and Pagination
 *      ---------------------
 * 
 *    This stylesheet deals with all 3
 * 
 *    @author   David "oodavid" King
 *    @author   Jake Ford
 */
/** PUSH
 *
 *    The "push" classes are used to make up for the fact that
 *     the main nav elements use {position:fixed;} and are
 *     pulled out of the rendering flow.
 *
 *    This is a single class, "push" that uses sibling selectors
 *     to apply the correct height.
 *
 *    @author   David "oodavid" King
 */
div.acc-title + div.acc-push {
  height: 72px;
  margin-bottom: 24px; }

div.acc-actions + div.acc-push {
  height: 42px;
  margin-bottom: 12px; }

div.acc-actions + div.acc-push {
  margin-top: -24px; }

/** MAIN SITE NAVIGATION
 *
 *    This largely overrides the default bootstrap
 *     .nav styling for colors and to shrink the
 *     overall area taken up.
 *
 *    @author   Jake Ford
 */
.acc-navbar {
  background-color: #024149;
  border-bottom: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 36px;
  min-height: 0; }
  .acc-navbar > .container-fluid {
    max-width: 1400px;
    padding: 0 24px; }
    .acc-navbar > .container-fluid .navbar-brand {
      margin: 0; }
  .acc-navbar li {
    padding: 0; }
  .acc-navbar a,
  .acc-navbar li > a {
    -webkit-transition: all, 0.2s;
    transition: all, 0.2s;
    background-color: transparent;
    color: white;
    cursor: pointer;
    font-size: 13px;
    font-weight: 300;
    height: 36px !important;
    line-height: 11px !important;
    opacity: 0.7;
    padding-top: 11.5px; }
    .acc-navbar a:hover,
    .acc-navbar li > a:hover {
      background-color: #024149;
      opacity: 1; }
    .acc-navbar a.active, .acc-navbar a:focus,
    .acc-navbar li > a.active,
    .acc-navbar li > a:focus {
      background-color: #024149;
      opacity: 1;
      /* Optional caret to indicate active nav element*/ }
    .acc-navbar a.help-button,
    .acc-navbar li > a.help-button {
      padding-top: 8.9px; }
      @media (min-width: 768px) {
        .acc-navbar a.help-button,
        .acc-navbar li > a.help-button {
          font-size: 18.2px; } }
  .acc-navbar .inset-link {
    font-size: 11px;
    opacity: 0.9;
    padding-top: 5.75px;
    padding-left: 9px;
    padding-right: 9px;
    cursor: default; }
    .acc-navbar .inset-link .inset, .acc-navbar .inset-link .freebie {
      border-radius: 4px;
      padding: 5.75px 9px; }
    .acc-navbar .inset-link .inset {
      -webkit-transition: all, 0.2s;
      transition: all, 0.2s;
      cursor: pointer; }
    .acc-navbar .inset-link:hover {
      opacity: 1; }
    .acc-navbar .inset-link.credit-link .inset, .acc-navbar .inset-link.credit-link .freebie {
      background-color: #01262C;
      box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.4); }
    .acc-navbar .inset-link.credit-link:hover .inset {
      background-color: #002126; }
    .acc-navbar .inset-link.book-call-link .inset {
      background-color: #3482c4; }
    .acc-navbar .inset-link.book-call-link:hover .inset {
      background-color: #67a5d6; }
  .acc-navbar ul.dropdown-menu.closed {
    display: none; }
  .acc-navbar ul.dropdown-menu.open {
    display: block; }
  .acc-navbar ul.dropdown-menu {
    background-color: #024149;
    border-color: #024149;
    border-top: 0;
    box-shadow: inset 0 4px 7px rgba(50, 50, 50, 0.3);
    padding-top: 0; }
    .acc-navbar ul.dropdown-menu.account-dropdown {
      left: -6px;
      min-width: 120px; }
    .acc-navbar ul.dropdown-menu a, .acc-navbar ul.dropdown-menu li > a {
      background-color: #01262C;
      color: white;
      font-size: 13px;
      font-weight: 300;
      line-height: 13px;
      padding-top: 11.5px; }
      .acc-navbar ul.dropdown-menu a:hover, .acc-navbar ul.dropdown-menu li > a:hover {
        background-color: #002126;
        opacity: 1; }
    .acc-navbar ul.dropdown-menu .divider {
      background-color: #023a3f;
      margin: 0; }
  .acc-navbar .nav .open > a, .acc-navbar .nav .open > a:hover {
    background-color: #024149; }
  .acc-navbar .navbar-toggle {
    margin-bottom: 0 !important;
    margin-top: 1px !important; }
  .acc-navbar .navbar-toggle .icon-bar {
    background-color: white; }
  .acc-navbar .navbar-brand {
    padding-top: 10.35px;
    width: 122px; }
    .acc-navbar .navbar-brand:hover, .acc-navbar .navbar-brand:active, .acc-navbar .navbar-brand:focus {
      background-color: transparent; }
  @media (max-width: 767px) {
    .acc-navbar #accredible-nav-collapse.in {
      background-color: #01262C;
      border-top: 0; }
      .acc-navbar #accredible-nav-collapse.in ul li a {
        background-color: #01262C;
        text-align: center; }
    .acc-navbar .navbar-toggle {
      margin-bottom: 4px;
      margin-top: 4px; } }

/** TITLE AND TABS
 *
 *    The title simply says "You are Here" in the hierarchy:
 *        Group: My New Group
 *        Credential: 1000005, User: John Doe
 *        Analytics
 *
 *    The tabs allow the user to further explore the
 *     aspects of the page, as well as acting as breadcrumbs
 *     to further orient the user's location on the site.:
 *        Summary  Events Log
 *                 ----------
 *
 *      https://www.nngroup.com/articles/navigation-you-are-here/
 *
 *    @author   David "oodavid" King
 *    @author   Jake Ford
 */
div.acc-title {
  background-color: #f9f9f9;
  border-bottom: 1px solid #dedede;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  height: 72px;
  left: 0;
  position: fixed;
  right: 0;
  top: 36px;
  z-index: 1020; }
  @media (max-width: 1199px) {
    div.acc-title > div {
      padding: 0 24px;
      width: 100%; } }
  div.acc-title > div > h1 {
    margin: 0;
    height: 42px;
    line-height: 36px;
    padding-top: 6px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    div.acc-title > div > h1 > a {
      display: inline-block;
      height: 36px;
      line-height: 36px;
      vertical-align: top;
      max-width: 480px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    div.acc-title > div > h1 .dir {
      margin-right: 6px;
      margin-left: 6px;
      vertical-align: baseline; }
  div.acc-title > div > ul {
    height: 30px;
    margin-bottom: 0;
    margin-left: -12px; }
    div.acc-title > div > ul > li {
      display: inline-block;
      padding: 0;
      margin-right: 6px; }
      div.acc-title > div > ul > li > a {
        display: inline-block;
        line-height: 28px;
        padding: 0 12px;
        border: 1px solid transparent;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        vertical-align: bottom;
        color: #737373;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        text-transform: capitalize;
        outline: none;
        -webkit-transition: background-color ease-in-out 0.3s, border-color     ease-in-out 0.3s, color            ease-in-out 0.3s, box-shadow       ease-in-out 0.3s;
        transition: background-color ease-in-out 0.3s, border-color     ease-in-out 0.3s, color            ease-in-out 0.3s, box-shadow       ease-in-out 0.3s; }
        div.acc-title > div > ul > li > a:hover, div.acc-title > div > ul > li > a:focus {
          color: #37BDB1;
          background-color: #f4f4f4;
          border-color: #dedede;
          box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.05); }
        div.acc-title > div > ul > li > a.disabled, div.acc-title > div > ul > li > a:disabled {
          pointer-events: none;
          opacity: 0.3; }
        div.acc-title > div > ul > li > a.attention {
          color: #e87272; }
        div.acc-title > div > ul > li > a.active, div.acc-title > div > ul > li > a.active:hover, div.acc-title > div > ul > li > a.active:focus {
          pointer-events: none;
          color: #3d464d;
          background-color: white;
          border-color: #dedede;
          border-bottom-color: transparent;
          box-shadow: none; }
      div.acc-title > div > ul > li.link-btn a:hover {
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        box-shadow: none;
        text-decoration: underline; }
  div.acc-title::after {
    background-color: white;
    border-bottom: 1px solid #dedede;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2);
    content: " ";
    display: block;
    height: 8px; }
    @media (max-width: 1199px) {
      div.acc-title::after {
        width: calc(100% - 24px); } }

/** PAGE ACTIONS
 *
 *    The final nav component, this can contain a fairly flexible
 *     number of elements such as buttons and text. These are
 *     to "act" on the view below, for example:
 *
 *        Publish the selected Credentials
 *        Select a Different Certificate Design
 *        Send a Preview Email
 *
 *
 *    @author   Jake Ford
 *    @author   David "oodavid" King
 */
div.acc-actions {
  position: fixed;
  z-index: 1021;
  left: 0;
  right: 0;
  top: 108px;
  height: 42px;
  padding-top: 8px;
  background-color: white; }
  div.acc-actions > div {
    border-bottom: 1px solid #dedede;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2);
    padding-bottom: 8px;
    height: 34px;
    line-height: 26px; }
    @media (max-width: 1199px) {
      div.acc-actions > div {
        padding: 0 24px;
        width: 100%; } }
    div.acc-actions > div h6 {
      line-height: inherit;
      margin-bottom: 0; }
    div.acc-actions > div .btn, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button {
      background-color: #f6f6f6;
      border-color: #d9d9d9;
      border-radius: 2px;
      box-shadow: none;
      color: #737373;
      padding: 4px 10px;
      vertical-align: top;
      min-width: 34px; }
      div.acc-actions > div .btn:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button:hover {
        color: #3d464d; }
      div.acc-actions > div .btn.btn-default:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.btn-default.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-default.button:hover {
        background-color: #f9f9f9;
        border-color: #737373; }
      div.acc-actions > div .btn.btn-info:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button:hover, div.acc-actions > div .uib-datepicker .dropdown-menu .btn.btn-default.active:hover, .uib-datepicker .dropdown-menu div.acc-actions > div .btn.btn-default.active:hover, div.acc-actions > div .uib-datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.btn-default.active.button:hover, .uib-datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-default.active.button:hover, div.ribbon ~ div.ribbon-info > p .uib-datepicker .dropdown-menu div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div .db-view table.table .input-group.datepicker .dropdown-menu .btn.btn-default.active:hover, .db-view table.table .input-group.datepicker .dropdown-menu div.acc-actions > div .btn.btn-default.active:hover, div.acc-actions > div .db-view table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.btn-default.active.button:hover, .db-view table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .db-view table.table .input-group.datepicker .dropdown-menu a.btn-default.active.button:hover, div.ribbon ~ div.ribbon-info > p .db-view table.table .input-group.datepicker .dropdown-menu div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div .acms-modal table.table .input-group.datepicker .dropdown-menu .btn.btn-default.active:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu div.acc-actions > div .btn.btn-default.active:hover, div.acc-actions > div .acms-modal table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.btn-default.active.button:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .acms-modal table.table .input-group.datepicker .dropdown-menu a.btn-default.active.button:hover, div.ribbon ~ div.ribbon-info > p .acms-modal table.table .input-group.datepicker .dropdown-menu div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div .user-modal table.table .input-group.datepicker .dropdown-menu .btn.btn-default.active:hover, .user-modal table.table .input-group.datepicker .dropdown-menu div.acc-actions > div .btn.btn-default.active:hover, div.acc-actions > div .user-modal table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.btn-default.active.button:hover, .user-modal table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .user-modal table.table .input-group.datepicker .dropdown-menu a.btn-default.active.button:hover, div.ribbon ~ div.ribbon-info > p .user-modal table.table .input-group.datepicker .dropdown-menu div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn.btn-default.active:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu div.acc-actions > div .btn.btn-default.active:hover, div.acc-actions > div .wallet-wrapper table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p a.btn-default.active.button:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-default.active.button:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .wallet-wrapper table.table .input-group.datepicker .dropdown-menu a.btn-default.active.button:hover, div.ribbon ~ div.ribbon-info > p .wallet-wrapper table.table .input-group.datepicker .dropdown-menu div.acc-actions > div a.btn-default.active.button:hover {
        background-color: #a8d6ef;
        border-color: #67a5d6; }
      div.acc-actions > div .btn.btn-success:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.btn-success.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-success.button:hover {
        background-color: #c2edbc;
        border-color: #8ed186; }
      div.acc-actions > div .btn.btn-warning:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.btn-warning.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-warning.button:hover {
        background-color: #fff5a9;
        border-color: #eacd50; }
      div.acc-actions > div .btn.btn-danger:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.btn-danger.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-danger.button:hover {
        background-color: #ffc2c2;
        border-color: #e87272; }
      div.acc-actions > div .btn.btn-primary, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.btn-primary.button, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-primary.button, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .card.save-changes a.button.card-title, div.ribbon ~ div.ribbon-info > p .card.save-changes div.acc-actions > div a.button.card-title, div.acc-actions > div .card.save-changes div.ribbon ~ div.ribbon-info > p a.button.card-title, .card.save-changes div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button.card-title, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .acms-modal .save-changes.modal-content a.button.card-title, div.ribbon ~ div.ribbon-info > p .acms-modal .save-changes.modal-content div.acc-actions > div a.button.card-title, div.acc-actions > div .acms-modal .save-changes.modal-content div.ribbon ~ div.ribbon-info > p a.button.card-title, .acms-modal .save-changes.modal-content div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button.card-title, div.acc-actions > div .card.save-changes .btn.card-title, .card.save-changes div.acc-actions > div .btn.card-title, div.acc-actions > div .acms-modal .save-changes.modal-content .btn.card-title, .acms-modal .save-changes.modal-content div.acc-actions > div .btn.card-title {
        background-color: #41CCBB;
        border-color: #41CCBB;
        color: white; }
        div.acc-actions > div .btn.btn-primary:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.btn-primary.button:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.btn-primary.button:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .card.save-changes a.button.card-title:hover, div.ribbon ~ div.ribbon-info > p .card.save-changes div.acc-actions > div a.button.card-title:hover, div.acc-actions > div .card.save-changes div.ribbon ~ div.ribbon-info > p a.button.card-title:hover, .card.save-changes div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button.card-title:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .acms-modal .save-changes.modal-content a.button.card-title:hover, div.ribbon ~ div.ribbon-info > p .acms-modal .save-changes.modal-content div.acc-actions > div a.button.card-title:hover, div.acc-actions > div .acms-modal .save-changes.modal-content div.ribbon ~ div.ribbon-info > p a.button.card-title:hover, .acms-modal .save-changes.modal-content div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button.card-title:hover, div.acc-actions > div .card.save-changes .btn.card-title:hover, .card.save-changes div.acc-actions > div .btn.card-title:hover, div.acc-actions > div .acms-modal .save-changes.modal-content .btn.card-title:hover, .acms-modal .save-changes.modal-content div.acc-actions > div .btn.card-title:hover {
          background-color: #37BDB1;
          border-color: #37BDB1;
          color: white; }
      div.acc-actions > div .btn:disabled, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.button:disabled, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button:disabled {
        cursor: default !important; }
        div.acc-actions > div .btn:disabled:hover, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.button:disabled:hover, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button:disabled:hover {
          background-color: #f6f6f6;
          border-color: #d9d9d9; }
      div.acc-actions > div .btn.active, div.acc-actions > div div.ribbon ~ div.ribbon-info > p a.active.button, div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.active.button {
        background-color: #dedede;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
    div.acc-actions > div #color-selector {
      border-radius: 2px;
      border: 1px solid #d9d9d9;
      height: 26px;
      width: 26px;
      overflow: hidden; }
      div.acc-actions > div #color-selector input[type="color"] {
        -moz-appearance: none;
        -webkit-appearance: none;
        border-width: 0;
        padding-top: 40px; }
        div.acc-actions > div #color-selector input[type="color"]:focus {
          outline: none !important; }
      div.acc-actions > div #color-selector input[type="color"] {
        background-color: transparent;
        border-color: transparent; }
    div.acc-actions > div input {
      border-radius: 2px; }
    div.acc-actions > div .selector-dropdown {
      border: 1px solid #d9d9d9;
      border-radius: 2px;
      box-shadow: none;
      color: #555;
      display: inline-block;
      height: 26px;
      margin-bottom: 0;
      position: relative; }
      div.acc-actions > div .selector-dropdown select {
        border: 0;
        border-radius: 500px;
        display: inline-block;
        font-weight: 400;
        height: 24px;
        line-height: 24px;
        padding-left: 12px;
        position: relative;
        vertical-align: top;
        width: 100%;
        z-index: 1;
        -webkit-appearance: none;
        -webkit-border-radius: 0px; }
      div.acc-actions > div .selector-dropdown:hover {
        border-color: #737373; }
        div.acc-actions > div .selector-dropdown:hover select {
          background-color: white; }
    div.acc-actions > div .btn-group {
      vertical-align: top; }
      div.acc-actions > div .btn-group input[type="file"] + .btn, div.acc-actions > div .btn-group div.ribbon ~ div.ribbon-info > p input[type="file"] + a.button, div.ribbon ~ div.ribbon-info > p div.acc-actions > div .btn-group input[type="file"] + a.button {
        border-top-left-radius: 2px !important;
        border-bottom-left-radius: 2px !important; }
    div.acc-actions > div span.spacer {
      border-left: 1px solid #d9d9d9;
      margin: 2px 6px 0px 0;
      display: inline-block;
      height: 22px; }
    div.acc-actions > div > * {
      margin-right: 6px;
      vertical-align: top; }
    div.acc-actions > div .pull-right > *, div.acc-actions > div .block-buttons .btn > *, .block-buttons div.acc-actions > div .btn > *, div.acc-actions > div .block-buttons div.ribbon ~ div.ribbon-info > p a.button > *, .block-buttons div.ribbon ~ div.ribbon-info > p div.acc-actions > div a.button > *, div.acc-actions > div div.ribbon ~ div.ribbon-info > p .block-buttons a.button > *, div.ribbon ~ div.ribbon-info > p .block-buttons div.acc-actions > div a.button > *, div.acc-actions > div .lesson-toggle.right > * {
      margin-right: 0;
      margin-left: 6px; }
    div.acc-actions > div .db-toggle {
      top: 3px; }

/*  

 */
.db-view {
  left: 0;
  min-height: 100vh;
  min-width: 800px;
  padding-top: 36px;
  position: relative;
  width: 100%; }
  .db-view.static-page-wrapper {
    height: 100%;
    min-height: 100vh;
    padding-left: 0;
    padding-top: 12px;
    bottom: 0;
    left: 0;
    top: 0;
    width: 100%; }

.db-view-content {
  padding: 0 24px;
  padding-bottom: 65px !important; }
  @media (max-width: 1199px) {
    .db-view-content {
      padding: 0 36px;
      width: 100%; } }
  .db-view-content .cert-preview {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35);
    display: inline-block;
    height: 608px;
    position: relative;
    width: 788px; }
    .db-view-content .cert-preview .loading-gif {
      margin-top: 100px;
      width: 100%; }
      .db-view-content .cert-preview .loading-gif img {
        margin: 0 auto;
        max-width: 150px; }

/*  5.0 Page-Specific Styles  */
.credential-data-upload .upload-div {
  padding: 12px 0 24px 0; }

.credential-data-upload .dragover > .dragover-highlight {
  background-color: rgba(51, 111, 172, 0.08); }

.db-view table.table.add-certs-table thead tr th, .db-view table.table.add-certs-table tbody tr td {
  padding: 8px; }

.data-table-cell {
  max-width: 200px;
  min-width: 100px;
  width: 25%; }

/* Search Tags */
#payload .search-tag {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  display: inline-block;
  font-weight: 300;
  margin: 0 4px;
  padding: 0 8px; }
  #payload .search-tag > i.dismiss {
    color: #3d464d;
    margin-left: 6px;
    cursor: pointer;
    -webkit-transition: opacity ease-in-out 0.2s;
    transition: opacity ease-in-out 0.2s;
    opacity: 0.4; }
    #payload .search-tag > i.dismiss:hover {
      opacity: 1; }

table#all-credentials,
table#all-groups {
  width: 100%;
  table-layout: fixed; }
  table#all-credentials td, table#all-credentials th,
  table#all-groups td,
  table#all-groups th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  table#all-credentials.loading,
  table#all-groups.loading {
    opacity: 0.5; }
  table#all-credentials .all-certs-cell-icon,
  table#all-credentials .all-groups-cell-icon,
  table#all-groups .all-certs-cell-icon,
  table#all-groups .all-groups-cell-icon {
    max-width: 32px;
    width: 32px;
    padding-left: 0;
    padding-right: 0;
    text-align: center; }
  table#all-credentials .cell-icons,
  table#all-groups .cell-icons {
    color: #737373;
    max-width: 72px;
    width: 72px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    white-space: nowrap; }
    table#all-credentials .cell-icons a,
    table#all-groups .cell-icons a {
      text-decoration: none; }
    table#all-credentials .cell-icons i,
    table#all-groups .cell-icons i {
      margin: 0 1px; }
  table#all-credentials .all-certs-cell-nametar,
  table#all-groups .all-certs-cell-nametar {
    max-width: 45px;
    width: 45px; }
  table#all-credentials .all-certs-cell-date,
  table#all-credentials .all-groups-cell-date,
  table#all-groups .all-certs-cell-date,
  table#all-groups .all-groups-cell-date {
    max-width: 100px;
    width: 100px; }
  table#all-credentials .all-groups-cell-certificates,
  table#all-groups .all-groups-cell-certificates {
    max-width: 100px;
    width: 100px;
    text-align: right; }
  table#all-credentials .all-groups-cell-group-identifier,
  table#all-credentials .all-groups-cell-certificate-design,
  table#all-groups .all-groups-cell-group-identifier,
  table#all-groups .all-groups-cell-certificate-design {
    white-space: normal; }
  table#all-credentials .all-groups-cell-certificate-options,
  table#all-groups .all-groups-cell-certificate-options {
    overflow: visible;
    width: 52px;
    max-width: 52px; }

table#all-groups button {
  -webkit-transition: opacity ease-in-out 0.2s, background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s, background-color ease-in-out 0.2s, color ease-in-out 0.2s;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 50%;
  color: #999;
  opacity: 0;
  padding: 0 6px;
  font-size: 12px;
  line-height: 28px;
  width: 28px; }
  table#all-groups button:hover {
    background-color: #fbfbfb;
    color: #404040; }

table#all-groups tr:hover {
  background-color: #f9f9f9; }
  table#all-groups tr:hover button {
    opacity: 1; }

table#all-groups .btn-group.open .dropdown-toggle {
  background-color: #f9f9f9;
  box-shadow: none;
  color: #ccc;
  opacity: 1; }

table#all-groups td, table#all-groups th {
  padding-bottom: 8px;
  padding-top: 8px; }

/** DESIGN-SPECIFIC UI Boxes
 *
 *     This is the specific styling required for the design card UI element.
 *		
 *		 - Variables for padding are used here to ensure proper spacing between columns /
 *     and to easily control the width of the design preview image column
 *
 *     @author	Jake Ford
 *     @author	David "oodavid" King
 **/
/* Variables */
/** DESIGN
 *
 *		For the all-designs page
 *
 *     @author	David "oodavid" King
 */
.card.design .box-content, .acms-modal .design.modal-content .box-content {
  display: -webkit-box;
  display: -moz-flex;
  display: flex;
  margin-bottom: 12px; }
  .card.design .box-content > .design-column, .acms-modal .design.modal-content .box-content > .design-column {
    -webkit-box-flex: 0;
    -moz-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 320px;
    margin-right: 20px; }
    .card.design .box-content > .design-column > a, .acms-modal .design.modal-content .box-content > .design-column > a {
      display: inline-block;
      border: 1px solid #e8e8e8; }
  .card.design .box-content > .info-column, .acms-modal .design.modal-content .box-content > .info-column {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column; }
    .card.design .box-content > .info-column > .group-info, .acms-modal .design.modal-content .box-content > .info-column > .group-info {
      -webkit-box-flex: 1;
      -moz-flex: 1;
      flex: 1;
      margin-bottom: 10px; }
    .card.design .box-content > .info-column > .button-row, .acms-modal .design.modal-content .box-content > .info-column > .button-row {
      -webkit-box-flex: 0;
      -moz-flex: 0 0 34px;
      flex: 0 0 34px; }

.card.design .card-title input[type="text"], .acms-modal .design.modal-content .card-title input[type="text"] {
  border-radius: 2px;
  height: 28px;
  min-width: 60%; }

.card.design .card-title i.edit, .acms-modal .design.modal-content .card-title i.edit {
  -webkit-transition: color, 0.4s;
  transition: color, 0.4s;
  color: #e8e8e8;
  font-size: 14px;
  margin-left: 6px; }

.card.design .card-title:hover i.edit, .acms-modal .design.modal-content .card-title:hover i.edit {
  color: #737373; }

/** GROUP LIST (table)
 *
 *		These are to show the group title and number of
 *		 credentials wihtin them, like so:
 *
 *			2U Example Course          [11,023]
 *			Business English               [29]
 *			Alan's Example Course T...      [9]
 *
 *		We're considering making this into a generic
 *		 utility class, but have not settled on the right
 *		 name. Do this when the need arises!
 *
 *     @author	David "oodavid" King
 */
table.group-list {
  table-layout: fixed;
  width: 100%;
  margin: 4px 0; }
  table.group-list td {
    padding: 4px 0; }
  table.group-list td:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  table.group-list td:last-child {
    width: 3.3em;
    text-align: right; }
    table.group-list td:last-child span {
      background-color: #ececec;
      border-radius: 4px;
      font-size: 12px;
      padding: 2px 7px; }

/** DESIGN-LIST SPECIFIC STYLING
 *
 *     This is the wrapper for the design list.
 *		
 *		 Since the Design is a flexbox that fills the container, 
 *		 the .design-list container needs to control the max-width.
 *
 *		
 *     @author Jake Ford
 **/
.design-list {
  max-width: 720px;
  width: 100%; }

.acc-modal.certificate-preview .acc-content {
  padding: 0; }

/**	Design Editor Overrides
 *
 *
 *
 *	@author Jake Ford
 *
**/
.card.save-changes, .acms-modal .save-changes.modal-content {
  border: 0; }
  .card.save-changes .card-title h3, .acms-modal .save-changes.modal-content .card-title h3,
  .card.save-changes .card-title i, .acms-modal .save-changes.modal-content .card-title i {
    color: white; }
  .card.save-changes .card-title:focus, .acms-modal .save-changes.modal-content .card-title:focus {
    text-decoration: none; }

.block-buttons {
  font-size: 12px !important;
  line-height: 24px !important;
  position: absolute;
  top: -20px;
  right: -1px; }
  .block-buttons .btn, .block-buttons div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .block-buttons a.button {
    border-radius: 24px;
    margin: 0 0 0 4px;
    padding: 0;
    height: 24px;
    width: 24px; }

.block.selected textarea {
  -webkit-appearance: none;
  height: 100%;
  min-width: 100px;
  width: 100%;
  padding-top: 0; }

.add-attribute-button {
  -webkit-transition: all, 0.2s;
  transition: all, 0.2s;
  background-color: white;
  border: 1px solid #ececec;
  border-radius: 12px;
  color: #999;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 300;
  line-height: 19px;
  padding: 0 12px;
  text-transform: uppercase; }
  .add-attribute-button:hover {
    background-color: rgba(0, 0, 0, 0.04);
    border-color: #ccc;
    color: #37BDB1; }

.add-attribute-input {
  margin-bottom: 12px;
  width: 100%; }
  .add-attribute-input > * {
    -webkit-transition: border-color, 0.2s;
    transition: border-color, 0.2s;
    box-shadow: none;
    border: 1px solid #ececec !important;
    display: inline-block;
    height: 32px; }
    .add-attribute-input > *:first-child {
      width: 80%; }
    .add-attribute-input > *:last-child {
      border-left-width: 0;
      width: 20%; }
  .add-attribute-input > input:hover, .add-attribute-input > input:focus {
    border-color: #ccc !important; }
  .add-attribute-input > .input-group-btn {
    -webkit-transition: color, 0.2s;
    transition: color, 0.2s;
    background-color: rgba(0, 0, 0, 0.04);
    color: #999;
    font-size: 14px;
    line-height: 25px; }
    .add-attribute-input > .input-group-btn:hover {
      color: #37BDB1; }

.card #credential .section-wrapper, .acms-modal .modal-content #credential .section-wrapper {
  cursor: initial; }

.ui-resizable-se {
  display: none !important; }

.block.selected .ui-resizable-se {
  display: block !important;
  bottom: -3px;
  right: -3px; }

.block.selected textarea::-webkit-resizer {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none; }

.block.selected .inputs {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  outline: none;
  text-align: inherit;
  width: 100%; }

.card-preview {
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center;
  border: solid #ccc 1px;
  border-radius: 2px;
  display: inline-block;
  line-height: 40px;
  margin-left: 4px;
  height: 20px;
  width: 35px; }
  .card-preview.visa {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjU5LjA1NXB4IiBoZWlnaHQ9IjIwMi4wNjlweCIgdmlld0JveD0iMCAwIDY1OS4wNTUgMjAyLjA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjU5LjA1NSAyMDIuMDY5Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBmaWxsPSIjMDAyNDlGIiBwb2ludHM9IjIzMi4xNzgsMTk5LjE2NCAyNjUuNTM5LDMuNDAyIDMxOC44OTgsMy40MDIgMjg1LjUxNCwxOTkuMTY0IAkJIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik00NzkuMDQsOC4yMjJDNDY4LjQ2OCw0LjI1Niw0NTEuOTA0LDAsNDMxLjIxNywwYy01Mi43MjQsMC04OS44NjMsMjYuNTUyLTkwLjE4LDY0LjYwNA0KCQkJYy0wLjI5NywyOC4xMjksMjYuNTE0LDQzLjgyLDQ2Ljc1NCw1My4xODVjMjAuNzcsOS41OTUsMjcuNzUyLDE1LjcxNSwyNy42NTIsMjQuMjgzYy0wLjEzMSwxMy4xMjItMTYuNTg2LDE5LjExNy0zMS45MjIsMTkuMTE3DQoJCQljLTIxLjM1NywwLTMyLjcwMy0yLjk2Ny01MC4yMjctMTAuMjc2bC02Ljg3Ni0zLjExMWwtNy40ODksNDMuODIzYzEyLjQ2Miw1LjQ2NCwzNS41MDksMTAuMTk5LDU5LjQzOCwxMC40NDQNCgkJCWM1Ni4wODksMCw5Mi41MDEtMjYuMjQ3LDkyLjkxNS02Ni44ODJjMC4yMDEtMjIuMjctMTQuMDE2LTM5LjIxNy00NC43OTktNTMuMTg4Yy0xOC42NTEtOS4wNTYtMzAuMDczLTE1LjA5OS0yOS45NTItMjQuMjY5DQoJCQljMC04LjEzNyw5LjY2OC0xNi44MzgsMzAuNTU3LTE2LjgzOGMxNy40NDktMC4yNzEsMzAuMDg4LDMuNTM0LDM5LjkzNyw3LjVsNC43ODEsMi4yNTlMNDc5LjA0LDguMjIyIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik02MTUuODY3LDMuNTg5aC00MS4yMzFjLTEyLjc3MiwwLTIyLjMzMSwzLjQ4Ni0yNy45NCwxNi4yMzRMNDY3LjQ1LDE5OS4yMjZoNTYuMDMxDQoJCQljMCwwLDkuMTYxLTI0LjEyMiwxMS4yMzMtMjkuNDE4YzYuMTIzLDAsNjAuNTU1LDAuMDg0LDY4LjMzNiwwLjA4NGMxLjU5Nyw2Ljg1Myw2LjQ5MiwyOS4zMzQsNi40OTIsMjkuMzM0aDQ5LjUxMkw2MTUuODY3LDMuNTg5DQoJCQkgTTU1MC4wNywxMjkuNzY3YzQuNDEzLTExLjI3OSwyMS4yNTktNTQuNzI0LDIxLjI1OS01NC43MjRjLTAuMzE1LDAuNTIxLDQuMzgtMTEuMzM0LDcuMDc1LTE4LjY4NGwzLjYwNiwxNi44NzgNCgkJCWMwLDAsMTAuMjE3LDQ2LjcyOSwxMi4zNTMsNTYuNTI4TDU1MC4wNywxMjkuNzY3TDU1MC4wNywxMjkuNzY3eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDAyNDlGIiBkPSJNMTg3LjQyNSwzLjU0NWwtNTIuMjQsMTMzLjQ5NWwtNS41NjYtMjcuMTI5Yy05LjcyNS0zMS4yNzMtNDAuMDI1LTY1LjE1Ni03My44OTktODIuMTE5bDQ3Ljc2NywxNzEuMjAzDQoJCQlsNTYuNDU1LTAuMDY0TDI0My45NDYsMy41NDVIMTg3LjQyNSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNODYuNzIyLDMuNDI0SDAuNjgxTDAsNy40OTdDNjYuOTM5LDIzLjcwMSwxMTEuMjMyLDYyLjg2LDEyOS42MTgsMTA5LjkxMWwtMTguNzA5LTg5Ljk2DQoJCQlDMTA3LjY3OSw3LjU1NSw5OC4zMTEsMy44NTYsODYuNzIyLDMuNDI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }
  .card-preview.amex {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMjgxLjg5MDAxIgogICBoZWlnaHQ9IjEzMC40MjM2MyIKICAgdmlld0JveD0iMCAwIDI4MS44OTAwMSAxMzAuNDIzNjMiCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhMzgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMzNiIgLz4KPHJhZGlhbEdyYWRpZW50CiAgIGN4PSI1Ny4zODgxOTkiCiAgIGN5PSI1Ny4wMjEiCiAgIHI9IjI2NC41Nzk3MSIKICAgaWQ9IlNWR0lEXzFfIgogICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMTA3NTQsMCwwLDAuNDYwOTE2MjQsLTcuNjQ3MjE1MSwtMy41MDIwNDMpIj4KCTxzdG9wCiAgIGlkPSJzdG9wNCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzlkZDVmNjtzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwIiAvPgoJPHN0b3AKICAgaWQ9InN0b3A2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojOThkM2Y1O3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMDcxMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wOCIKICAgc3R5bGU9InN0b3AtY29sb3I6Izg5Y2VmMztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwLjE1NzUiIC8+Cgk8c3RvcAogICBpZD0ic3RvcDEwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojNzBjNmVmO3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMjUxNiIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTIiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZWJiZWE7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC4zNTEzOTk5OSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTQiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMyM2FkZTM7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC40NTQ2MDAwMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTYiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwZGE2ZTA7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC41IiAvPgoJPHN0b3AKICAgaWQ9InN0b3AxOCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzJlNzdiYztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIxIiAvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cGF0aAogICBkPSJNIDI4Mi4yNDgyMSwwIEggMCBWIDEzMC40MjM2MyBIIDI4Mi4yNDgyMSBWIDg3LjM4MDUwNyBjIDEuMTIxMiwtMC43NDYyMiAxLjY3NDgsLTEuNzAwNzggMS42NzQ4LC0yLjg2NzgyIDAsLTEuMzM1NzQgLTAuNTUzNiwtMi4xNjMwOSAtMS42NzQ4LC0yLjg2IgogICBpZD0icGF0aDIwIgogICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgLz4KPGcKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNjM5LC04OC45NTM5MzMpIgogICBpZD0iZzIyIj4KCTxkZWZzCiAgIGlkPSJkZWZzMjQiPgoJCTxwYXRoCiAgIGQ9Ik0gMjg5LjU4NCw3LjU5OCBIIDcuNjM5IHYgMjgyLjk2NiBoIDI4MS45NDUgdiAtOTMuMzg2IGMgMS4xMiwtMS42MTkgMS42NzMsLTMuNjkgMS42NzMsLTYuMjIyIDAsLTIuODk4IC0wLjU1MywtNC42OTMgLTEuNjczLC02LjIwNSIKICAgaWQ9IlNWR0lEXzJfIiAvPgoJPC9kZWZzPgoJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8zXyI+CgkJPHVzZQogICBpZD0idXNlMjgiCiAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICB4PSIwIgogICB5PSIwIgogICB3aWR0aD0iMzAwIgogICBoZWlnaHQ9IjMwMCIKICAgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAvPgoJPC9jbGlwUGF0aD4KPC9nPgo8cGF0aAogICBkPSJtIDI1LjQxNCw0MS4wODgwNjcgLTUuNDI0LC0xMy4yMTcgLTUuMzkzLDEzLjIxNyBtIDEzMC4zMDcsLTUuMjYzIGMgLTEuMDg5LDAuNjYxIC0yLjM3NywwLjY4MyAtMy45MiwwLjY4MyBoIC05LjYyNyB2IC03LjM2NCBoIDkuNzU4IGMgMS4zODEsMCAyLjgyMiwwLjA2MiAzLjc1OCwwLjU5OCAxLjAyOCwwLjQ4MyAxLjY2NCwxLjUxMSAxLjY2NCwyLjkzMSAwLDEuNDQ5IC0wLjYwNSwyLjYxNSAtMS42MzMsMy4xNTIgeiBtIDY4LjY3OCw1LjI2MyAtNS40ODQsLTEzLjIxNyAtNS40NTQsMTMuMjE3IGggMTAuOTM4IHogbSAtMTI4LjAyLDE0LjMwNiBoIC04LjEyNCBsIC0wLjAzLC0yNS45NjYgLTExLjQ5MSwyNS45NjYgaCAtNi45NTggbCAtMTEuNTIxLC0yNS45ODkgdiAyNS45ODkgSCAzMS4zMiBsIC0zLjA0NSwtNy4zOTUgaCAtMTYuNSBsIC0zLjA3Niw3LjM5NSBIIDAuMDkyIGwgMTQuMTkxLC0zMy4xNTQgaCAxMS43NzQgbCAxMy40NzgsMzEuMzkgdiAtMzEuMzkgaCAxMi45MzQgbCAxMC4zNzEsMjIuNDkxIDkuNTI3LC0yMi40OTEgaCAxMy4xOTQgdiAzMy4xNTQgeiBtIDMyLjM3OSwwIEggOTEuNDY4IHYgLTMzLjE1NCBoIDI2LjQ3MyB2IDYuOTA0IEggOTkuMzkzIHYgNS45NzYgaCAxOC4xMDMgdiA2Ljc5NiBIIDk5LjM5MyB2IDYuNjIxIGggMTguNTQ4IHYgNi44NTcgeiBtIDM3LjMyNiwtMjQuMjI1IGMgMCw1LjI4NiAtMy41MjgsOC4wMTcgLTUuNTg0LDguODM3IDEuNzM0LDAuNjYgMy4yMTUsMS44MjYgMy45MiwyLjc5MiAxLjExOSwxLjY0OSAxLjMxMiwzLjEyMiAxLjMxMiw2LjA4MyB2IDYuNTEzIGggLTcuOTkzIGwgLTAuMDMsLTQuMTgxIGMgMCwtMS45OTUgMC4xOTEsLTQuODY0IC0xLjI1MSwtNi40NTkgLTEuMTU4LC0xLjE2NiAtMi45MjMsLTEuNDE5IC01Ljc3NiwtMS40MTkgaCAtOC41MDcgdiAxMi4wNTkgaCAtNy45MjQgdiAtMzMuMTU0IGggMTguMjI3IGMgNC4wNSwwIDcuMDM0LDAuMTA3IDkuNTk2LDEuNTg4IDIuNTA3LDEuNDgxIDQuMDEsMy42NDMgNC4wMSw3LjM0MSB6IG0gMTIuNjgyLDI0LjIyNSBoIC04LjA4NiB2IC0zMy4xNTQgaCA4LjA4NiB2IDMzLjE1NCB6IG0gOTMuODA4LDAgaCAtMTEuMjMgbCAtMTUuMDIxLC0yNC44ODQgdiAyNC44ODQgaCAtMTYuMTM5IGwgLTMuMDg0LC03LjM5NSBoIC0xNi40NjIgbCAtMi45OTIsNy4zOTUgaCAtOS4yNzMgYyAtMy44NTIsMCAtOC43MjksLTAuODUyIC0xMS40OTEsLTMuNjY3IC0yLjc4NSwtMi44MTUgLTQuMjM0LC02LjYyOCAtNC4yMzQsLTEyLjY1NyAwLC00LjkxNyAwLjg2NiwtOS40MTIgNC4yNzIsLTEyLjk2NCAyLjU2MiwtMi42NDYgNi41NzQsLTMuODY2IDEyLjAzNSwtMy44NjYgaCA3LjY3MiB2IDcuMTA0IGggLTcuNTExIGMgLTIuODkyLDAgLTQuNTI1LDAuNDMgLTYuMDk4LDEuOTY0IC0xLjM1MSwxLjM5NiAtMi4yNzgsNC4wMzUgLTIuMjc4LDcuNTEgMCwzLjU1MiAwLjcwNiw2LjExMyAyLjE3OSw3Ljc4NiAxLjIyLDEuMzEyIDMuNDM3LDEuNzEgNS41MjMsMS43MSBoIDMuNTU5IGwgMTEuMTY5LC0yNi4wNzMgaCAxMS44NzQgbCAxMy40MTcsMzEuMzU5IHYgLTMxLjM1OSBoIDEyLjA2NiBsIDEzLjkzLDIzLjA5IHYgLTIzLjA5IGggOC4xMTcgdiAzMy4xNTMgeiBNIDAsNjEuOTA2MDY3IGggMTMuNTQgbCAzLjA1MywtNy4zNjQgaCA2LjgzNSBsIDMuMDQ1LDcuMzY0IGggMjYuNjQxIHYgLTUuNjMgbCAyLjM3OCw1LjY1NCBoIDEzLjgzIGwgMi4zNzgsLTUuNzM4IHYgNS43MTQgaCA2Ni4yMDggbCAtMC4wMzEsLTEyLjA4OCBoIDEuMjgxIGMgMC44OTcsMC4wMzEgMS4xNTksMC4xMTQgMS4xNTksMS41OTUgdiAxMC40OTMgaCAzNC4yNDMgdiAtMi44MTQgYyAyLjc2MiwxLjQ4IDcuMDU4LDIuODE0IDEyLjcxMSwyLjgxNCBoIDE0LjQwNiBsIDMuMDgzLC03LjM2NCBoIDYuODM1IGwgMy4wMTUsNy4zNjQgaCAyNy43NjEgdiAtNi45OTUgbCA0LjIwNCw2Ljk5NSBoIDIyLjI0NiB2IC00Ni4yNCBoIC0yMi4wMTYgdiA1LjQ2MSBsIC0zLjA4MywtNS40NjEgaCAtMjIuNTkxIHYgNS40NjEgbCAtMi44MzEsLTUuNDYxIGggLTMwLjUxNSBjIC01LjEwOCwwIC05LjU5OCwwLjcxMyAtMTMuMjI1LDIuNyB2IC0yLjcgaCAtMjEuMDU4IHYgMi43IGMgLTIuMzA4LC0yLjA0OCAtNS40NTMsLTIuNyAtOC45NSwtMi43IEggNjcuNjE5IGwgLTUuMTYyLDExLjk0MyAtNS4zMDEsLTExLjk0MyBIIDMyLjkyNCB2IDUuNDYxIGwgLTIuNjYyLC01LjQ2MSBIIDkuNTk2IGwgLTkuNTk3LDIxLjk4NSB2IDI0LjI1NSB6IgogICBpZD0icGF0aDMwIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8cGF0aAogICBkPSJtIDI4MS45NDUsODYuMzYxMDY3IGggLTE0LjQ0MyBjIC0xLjQ0MiwwIC0yLjQsMC4wNTQgLTMuMjA3LDAuNTk5IC0wLjgzNiwwLjUzNyAtMS4xNTgsMS4zMzQgLTEuMTU4LDIuMzg2IDAsMS4yNTEgMC43MDYsMi4xMDIgMS43MzMsMi40NyAwLjgzNiwwLjI5MSAxLjczNCwwLjM3NiAzLjA1NCwwLjM3NiBsIDQuMjk1LDAuMTE1IGMgNC4zMzQsMC4xMDcgNy4yMjcsMC44NTIgOC45OTEsMi42NjkgMC4zMjEsMC4yNTMgMC41MTQsMC41MzcgMC43MzUsMC44MjEgbSAwLDEyLjQyNzAwMyBjIC0xLjkyNSwyLjgxNSAtNS42NzYsNC4yNDIgLTEwLjc1NCw0LjI0MiBoIC0xNS4zMDQgdiAtNy4xMTEgaCAxNS4yNDIgYyAxLjUxMiwwIDIuNTcsLTAuMTk5IDMuMjA3LC0wLjgyMSAwLjU1MiwtMC41MTMgMC45MzcsLTEuMjU4IDAuOTM3LC0yLjE2MyAwLC0wLjk2NiAtMC4zODUsLTEuNzMzIC0wLjk2OCwtMi4xOTMgLTAuNTc1LC0wLjUwNjAwMyAtMS40MTIsLTAuNzM2MDAzIC0yLjc5MiwtMC43MzYwMDMgLTcuNDQxLC0wLjI1MyAtMTYuNzI0LDAuMjMgLTE2LjcyNCwtMTAuMjY0IDAsLTQuODEgMy4wNTQsLTkuODczIDExLjM3LC05Ljg3MyBoIDE1Ljc4NSB2IC02LjU5OCBoIC0xNC42NjYgYyAtNC40MjYsMCAtNy42NDEsMS4wNiAtOS45MTgsMi43MDggdiAtMi43MDggaCAtMjEuNjkzIGMgLTMuNDY5LDAgLTcuNTQxLDAuODYgLTkuNDY3LDIuNzA4IHYgLTIuNzA4IGggLTM4LjczOCB2IDIuNzA4IGMgLTMuMDgzLC0yLjIyNCAtOC4yODUsLTIuNzA4IC0xMC42ODYsLTIuNzA4IGggLTI1LjU1MiB2IDIuNzA4IGMgLTIuNDM5LC0yLjM2MiAtNy44NjMsLTIuNzA4IC0xMS4xNjksLTIuNzA4IGggLTI4LjU5NyBsIC02LjU0NCw3LjA4MiAtNi4xMjksLTcuMDgyIEggNTYuMDY3IHYgNDYuMjcyMDAzIGggNDEuOTE0IGwgNi43NDMsLTcuMTk0IDYuMzUyLDcuMTk0IDI1LjgzNiwwLjAyMyB2IC0xMC44ODUgaCAyLjU0IGMgMy40MjgsMC4wNTMgNy40NzEsLTAuMDg1IDExLjAzOCwtMS42MjcgdiAxMi40ODggaCAyMS4zMSB2IC0xMi4wNiBoIDEuMDI4IGMgMS4zMTIsMCAxLjQ0MSwwLjA1NCAxLjQ0MSwxLjM2NSB2IDEwLjY5NCBoIDY0LjczNiBjIDQuMTEsMCA4LjQwNiwtMS4wNTIgMTAuNzg1LC0yLjk2MSB2IDIuOTYxIGggMjAuNTM0IGMgNC4yNzMsMCA4LjQ0NiwtMC41OTkgMTEuNjIxLC0yLjEzMyB2IC04LjYyIHogTSAyNTAuMzM0LDk0Ljk3NjA2NyBjIDEuNTQzLDEuNTk3IDIuMzcsMy42MTMgMi4zNyw3LjAyNjAwMyAwLDcuMTM0IC00LjQ1NywxMC40NjQgLTEyLjQ0OSwxMC40NjQgSCAyMjQuODIgdiAtNy4xMTEgaCAxNS4zNzMgYyAxLjUwMywwIDIuNTY5LC0wLjE5OSAzLjIzNywtMC44MjEgMC41NDUsLTAuNTEzIDAuOTM2LC0xLjI1OCAwLjkzNiwtMi4xNjMgMCwtMC45NjYgLTAuNDIzLC0xLjczMyAtMC45NjcsLTIuMTkzIC0wLjYwNiwtMC41MDYwMDMgLTEuNDQyLC0wLjczNjAwMyAtMi44MjIsLTAuNzM2MDAzIC03LjQxMSwtMC4yNTMgLTE2LjY5MiwwLjIzIC0xNi42OTIsLTEwLjI2NCAwLC00LjgxIDMuMDIyLC05Ljg3MyAxMS4zMywtOS44NzMgaCAxNS44ODcgdiA3LjA1OCBoIC0xNC41MzcgYyAtMS40NDEsMCAtMi4zNzgsMC4wNTQgLTMuMTc1LDAuNTk5IC0wLjg2OCwwLjUzNyAtMS4xOSwxLjMzNCAtMS4xOSwyLjM4NiAwLDEuMjUxIDAuNzM3LDIuMTAyIDEuNzM0LDIuNDcgMC44MzYsMC4yOTEgMS43MzQsMC4zNzYgMy4wODQsMC4zNzYgbCA0LjI2NiwwLjExNSBjIDQuMzAyLDAuMTA1IDcuMjU1LDAuODQ5IDkuMDUsMi42NjcgeiBtIC03MS41MDgsLTIuMDQ4IGMgLTEuMDYsMC42MjkgLTIuMzcxLDAuNjgzIC0zLjkxMywwLjY4MyBoIC05LjYyNyB2IC03LjQ0OCBoIDkuNzU4IGMgMS40MTEsMCAyLjgyMywwLjAzIDMuNzgyLDAuNTk5IDEuMDI3LDAuNTM3IDEuNjQxLDEuNTY0IDEuNjQxLDIuOTgzIDAsMS40MTkgLTAuNjE0LDIuNTYyIC0xLjY0MSwzLjE4MyB6IG0gNC43ODYsNC4xMjcgYyAxLjc2NCwwLjY1MSAzLjIwNiwxLjgxOCAzLjg4MiwyLjc4NCAxLjExOSwxLjYxOTAwMyAxLjI4MSwzLjEzMDAwMyAxLjMxMyw2LjA1MzAwMyB2IDYuNTc0IGggLTcuOTU2IHYgLTQuMTQ5IGMgMCwtMS45OTUgMC4xOTIsLTQuOTQ5IC0xLjI4MSwtNi40OTEgLTEuMTU4LC0xLjE4OCAtMi45MjMsLTEuNDcyIC01LjgxNCwtMS40NzIgaCAtOC40NjkgdiAxMi4xMTIgaCAtNy45NjMgViA3OS4zMDQwNjcgaCAxOC4yOTYgYyA0LjAxMiwwIDYuOTM0LDAuMTc3IDkuNTM1LDEuNTY1IDIuNTAxLDEuNTExIDQuMDc0LDMuNTgxIDQuMDc0LDcuMzY0IC0wLjAwMSw1LjI5MyAtMy41MzEsNy45OTQgLTUuNjE3LDguODIyIHogbSAxMC4wMTEsLTE3Ljc1MSBoIDI2LjQ0OSB2IDYuODU4IGggLTE4LjU1NyB2IDYuMDI5IGggMTguMTA0IHYgNi43NjYgaCAtMTguMTA0IHYgNi41OTgwMDMgbCAxOC41NTcsMC4wMyB2IDYuODgxIEggMTkzLjYyMyBWIDc5LjMwNDA2NyB6IG0gLTUzLjQ2NywxNS4zMDQgaCAtMTAuMjQxIHYgLTguNDQ1IGggMTAuMzMzIGMgMi44NjEsMCA0Ljg0NywxLjE2NiA0Ljg0Nyw0LjA2NiAwLDIuODY4IC0xLjg5NCw0LjM3OSAtNC45MzksNC4zNzkgeiBtIC0xOC4xMzQsMTQuODQyMDAzIC0xMi4xNjcsLTEzLjUwODAwMyAxMi4xNjcsLTEzLjA3OSB2IDI2LjU4NzAwMyB6IG0gLTMxLjQyMSwtMy44OTUgSCA3MS4xMTcgdiAtNi41OTgwMDMgaCAxNy4zOTggdiAtNi43NjYgSCA3MS4xMTcgdiAtNi4wMjkgaCAxOS44NjggbCA4LjY2OCw5LjY2NCAtOS4wNTIsOS43MjkwMDMgeiBtIDYzLjAwMiwtMTUuMzI2MDAzIGMgMCw5LjIxMiAtNi44NzMsMTEuMTE0MDAzIC0xMy44LDExLjExNDAwMyBoIC05Ljg4OCB2IDExLjEyMyBoIC0xNS40MDMgbCAtOS43NTgsLTEwLjk3OCAtMTAuMTQxLDEwLjk3OCBIIDYzLjIyMyBWIDc5LjMwNDA2NyBoIDMxLjg3MyBsIDkuNzUsMTAuODcgMTAuMDgsLTEwLjg3IGggMjUuMzIyIGMgNi4yODksMCAxMy4zNTUsMS43NDEgMTMuMzU1LDEwLjkyNSB6IgogICBpZD0icGF0aDMyIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4="); }
  .card-preview.mastercard {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMTQ5NDgpICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ibGF5ZXIxIj4NCgk8ZyBpZD0iZzEwMzA1Ij4NCgkJPHBhdGggaWQ9InBhdGgyMjY4IiBzdHlsZT0iZmlsbDojRkY5OTAwOyIgZD0iTTI5OC4wMzIsOTAuNWMwLjAxNCw0OC45MzYtMzkuNjQ2LDg4LjYxNC04OC41ODIsODguNjI3DQoJCQljLTQ4LjkzNywwLjAxMi04OC42MTQtMzkuNjQ2LTg4LjYyNy04OC41ODJjMC0wLjAxNiwwLTAuMDI5LDAtMC4wNDVjLTAuMDEzLTQ4LjkzNSwzOS42NDctODguNjE1LDg4LjU4MS04OC42MjgNCgkJCWM0OC45MzctMC4wMTMsODguNjE1LDM5LjY0Nyw4OC42MjgsODguNTgzQzI5OC4wMzIsOTAuNDcsMjk4LjAzMiw5MC40ODQsMjk4LjAzMiw5MC41eiIvPg0KCQk8cGF0aCBpZD0icGF0aDEzNTAiIHN0eWxlPSJmaWxsOiNDQzAwMDA7IiBkPSJNOTAuMDAxLDEuODk1QzQxLjM1NSwyLjIwNCwxLjk2Nyw0MS43ODEsMS45NjcsOTAuNQ0KCQkJYzAsNDguOTA5LDM5LjY5NSw4OC42MDQsODguNjA1LDg4LjYwNGMyMi45NTUsMCw0My44NzktOC43NDgsNTkuNjI0LTIzLjA4NmMtMC4wMDEsMC0wLjAwMy0wLjAwMi0wLjAwNy0wLjAwNGgwLjAxOQ0KCQkJYzMuMjI0LTIuOTM4LDYuMjMxLTYuMTA4LDguOTk1LTkuNDg4SDE0MS4wNWMtMi40MjQtMi45MjgtNC42MjctNS45NzktNi42MDYtOS4xMjdoMzEuMzA4YzEuOTA0LTMuMDQ3LDMuNjI4LTYuMjExLDUuMTU4LTkuNDg4DQoJCQloLTQxLjYzNWMtMS40MTktMy4wNDItMi42NTEtNi4xNTMtMy43MDMtOS4zMDloNDkuMDQ1YzIuOTU2LTguODMyLDQuNTYtMTguMjgxLDQuNTYtMjguMTAzYzAtNi41MTItMC43MDYtMTIuODYxLTIuMDQyLTE4Ljk3NA0KCQkJaC01NC4xNjRjMC42NzEtMy4xNDYsMS41MTgtNi4yNTQsMi41MjgtOS4zMDhoNDkuMDYzYy0xLjA5Ny0zLjI1LTIuMzcxLTYuNDE3LTMuODItOS40ODdIMTI5LjI3DQoJCQljMS40OTYtMy4xOTYsMy4xOTEtNi4zMDUsNS4wODQtOS4zMDdoMzEuMjg1Yy0yLjA4Mi0zLjMxNy00LjM4Ni02LjQ4Ni02Ljg3Ny05LjQ4OGgtMTcuNDQzYzIuNjk3LTMuMTc0LDUuNjY2LTYuMTYzLDguODg5LTguOTUNCgkJCWMtMTUuNzQ2LTE0LjM0LTM2LjY3Ni0yMy4wOS01OS42MzYtMjMuMDlDOTAuMzgxLDEuODk1LDkwLjE5MiwxLjg5NCw5MC4wMDEsMS44OTV6Ii8+DQoJCTxwYXRoIGlkPSJ1c2U5NDEyIiBzdHlsZT0iZmlsbDojRkNCMzQwOyIgZD0iTTI4OS4xNDMsMTM2LjgyYzAuNDgyLDAsMC45NTEsMC4xMjUsMS40MDksMC4zNzFjMC40NiwwLjI0NiwwLjgxNCwwLjYwMSwxLjA3LDEuMDYyDQoJCQljMC4yNTYsMC40NTYsMC4zODQsMC45MzcsMC4zODQsMS40MzVjMCwwLjQ5Mi0wLjEyNywwLjk2OC0wLjM3OSwxLjQyNGMtMC4yNTEsMC40NTUtMC42MDUsMC44MS0xLjA2MSwxLjA2Mw0KCQkJYy0wLjQ1MSwwLjI0OS0wLjkyOCwwLjM3NS0xLjQyNCwwLjM3NXMtMC45NzItMC4xMjYtMS40MjYtMC4zNzVjLTAuNDU1LTAuMjU0LTAuODA3LTAuNjA3LTEuMDYzLTEuMDYzDQoJCQljLTAuMjUyLTAuNDU2LTAuMzc3LTAuOTMyLTAuMzc3LTEuNDI0YzAtMC40OTgsMC4xMjctMC45NzksMC4zODQtMS40MzVjMC4yNTgtMC40NjEsMC42MTQtMC44MTMsMS4wNzEtMS4wNjINCgkJCUMyODguMTkzLDEzNi45NDUsMjg4LjY2MiwxMzYuODIsMjg5LjE0MywxMzYuODIgTTI4OS4xNDMsMTM3LjI5NWMtMC40MDEsMC0wLjc5MywwLjEwNC0xLjE3NiwwLjMxMQ0KCQkJYy0wLjM4LDAuMjA3LTAuNjc3LDAuNS0wLjg5MSwwLjg4OGMtMC4yMTcsMC4zODItMC4zMjUsMC43NzgtMC4zMjUsMS4xOTRjMCwwLjQxMiwwLjEwNiwwLjgxLDAuMzE1LDEuMTg4DQoJCQljMC4yMTQsMC4zNzcsMC41MSwwLjY3MywwLjg4OCwwLjg4NWMwLjM4MSwwLjIxMSwwLjc3NiwwLjMxNSwxLjE4OCwwLjMxNWMwLjQxNCwwLDAuODEtMC4xMDQsMS4xODktMC4zMTUNCgkJCWMwLjM3OC0wLjIxMiwwLjY3My0wLjUwOCwwLjg4NC0wLjg4NWMwLjIwOS0wLjM3OCwwLjMxMy0wLjc3NSwwLjMxMy0xLjE4OGMwLTAuNDE2LTAuMTA2LTAuODEzLTAuMzIxLTEuMTk0DQoJCQljLTAuMjEzLTAuMzg4LTAuNTExLTAuNjgxLTAuODk0LTAuODg4QzI4OS45MzQsMTM3LjM5OCwyODkuNTQ0LDEzNy4yOTUsMjg5LjE0MywxMzcuMjk1IE0yODcuODg3LDE0MS4yN3YtMy4wODJoMS4wNjINCgkJCWMwLjM2LDAsMC42MjIsMC4wMjgsMC43ODQsMC4wODhjMC4xNjIsMC4wNTcsMC4yOTEsMC4xNTQsMC4zODgsMC4yOTdjMC4wOTUsMC4xNDEsMC4xNDQsMC4yOTEsMC4xNDQsMC40NTENCgkJCWMwLDAuMjI2LTAuMDgsMC40MjItMC4yNDIsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzczLDAuMjYxLTAuNjM5LDAuMjgxYzAuMTA5LDAuMDQ1LDAuMTk2LDAuMTAyLDAuMjY0LDAuMTY0DQoJCQljMC4xMjUsMC4xMiwwLjI3NSwwLjMyMywwLjQ1NSwwLjYxbDAuMzc1LDAuNjAzaC0wLjYwNmwtMC4yNzItMC40ODVjLTAuMjE1LTAuMzgyLTAuMzg4LTAuNjItMC41MjEtMC43MTgNCgkJCWMtMC4wOTEtMC4wNjktMC4yMjQtMC4xMDUtMC4zOTctMC4xMDVoLTAuMjkzdjEuMzExaC0wLjUgTTI4OC4zODUsMTM5LjUzNWgwLjYwNGMwLjI4OCwwLDAuNDgzLTAuMDQ0LDAuNTg4LTAuMTI5DQoJCQljMC4xMDYtMC4wODgsMC4xNTktMC4yLDAuMTU5LTAuMzQyYzAtMC4wOTItMC4wMjQtMC4xNzQtMC4wNzUtMC4yNDRjLTAuMDUyLTAuMDczLTAuMTIyLTAuMTI1LTAuMjEzLTAuMTYyDQoJCQljLTAuMDg5LTAuMDM1LTAuMjU1LTAuMDU1LTAuNDk3LTAuMDU1aC0wLjU2NHYwLjkzMiIvPg0KCTwvZz4NCgk8ZyBpZD0iZzE2NDgwIj4NCgkJPGcgaWQ9ImcxMzgwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjc0NDA1LDE1Ljk5MzkpIj4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDQiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTMzLjcxOSw5OS45MjZsMS4xOC04LjAyYy0wLjY0NSwwLTEuNTkzLDAuMjc5LTIuNDMxLDAuMjc5DQoJCQkJYy0zLjI4NCwwLTMuNjk0LTEuNzU1LTMuNDM2LTMuMDM3bDMuMjM2LTE2LjEzaDQuOTkybDEuMDI5LTkuMTAzaC00LjcwNWwwLjk1OC01LjUxNkgxMjQuNw0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjgsMzEuMDIyLTUuNTY4LDM0Ljc3NmMwLDUuNTU1LDMuMTE4LDguMDI3LDcuNTE2LDcuOTg4QzEzMC4wOSwxMDEuMTM0LDEzMi43NzMsMTAwLjE4MSwxMzMuNzE5LDk5LjkyNnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTM2LjcwNiw4NC42MzhjMCwxMy4zMzIsOC43OTksMTYuNDk5LDE2LjI5NywxNi40OTkNCgkJCQljNi45MjEsMCwxMC41NS0xLjYwNCwxMC41NS0xLjYwNGwxLjY2Mi05LjFjMCwwLTUuODQ4LDIuMzc4LTEwLjYwMSwyLjM3OGMtMTAuMTMxLDAtOC4zNTUtNy41NTQtOC4zNTUtNy41NTRsMTkuNDYzLDAuMDU5DQoJCQkJYzAsMCwxLjIzOS02LjExMSwxLjIzOS04LjYwMmMwLTYuMjE3LTMuMzg3LTEzLjg0OS0xMy43NDUtMTMuODQ5QzE0My43Myw2Mi44NjcsMTM2LjcwNiw3My4wODgsMTM2LjcwNiw4NC42Mzh6IE0xNTMuMjUyLDcxLjMxMw0KCQkJCWM1LjMyNCwwLDQuMzQyLDUuOTg0LDQuMzQyLDYuNDY5SDE0Ny4xMkMxNDcuMTIsNzcuMTYyLDE0OC4xMDksNzEuMzEzLDE1My4yNTIsNzEuMzEzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgwOCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0yMTIuOTksOTkuOTIzbDEuNjg5LTEwLjI4NGMwLDAtNC42MzIsMi4zMjEtNy44MDcsMi4zMjENCgkJCQljLTYuNjkzLDAtOS4zNzgtNS4xMS05LjM3OC0xMC42MDFjMC0xMS4xMzcsNS43NTgtMTcuMjY1LDEyLjE2OC0xNy4yNjVjNC44MDgsMCw4LjY2NSwyLjY5OSw4LjY2NSwyLjY5OWwxLjU0LTkuOTkzDQoJCQkJYzAsMC00LjU1NC0zLjI4OS05LjQ1Ni0zLjMwOGMtMTQuNzQ1LTAuMDU4LTIzLjE4MiwxMC4yMDgtMjMuMTgyLDI3Ljk1NWMwLDExLjc2Myw2LjI0OCwxOS43NjgsMTcuNTA2LDE5Ljc2OA0KCQkJCUMyMDcuOTE4LDEwMS4yMTUsMjEyLjk5LDk5LjkyMywyMTIuOTksOTkuOTIzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik04MS44Myw2My4wMTJjLTYuNDY5LDAtMTEuNDI3LDIuMDc5LTExLjQyNywyLjA3OWwtMS4zNyw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgxLTEuNjYzYzMuNTEzLDAsNi4wODMsMC4zOTUsNi4wODMsMy4yNWMwLDEuNzM0LTAuMzE0LDIuMzc0LTAuMzE0LDIuMzc0cy0yLjc3Mi0wLjIzMS00LjA1Ni0wLjIzMQ0KCQkJCWMtOS4yMSwwLTE2LjcyOSwzLjQ4Mi0xNi43MjksMTMuOThjMCw4LjI3Myw1LjYyMywxMC4xNyw5LjEwOCwxMC4xN2M2LjY1NywwLDkuMjkyLTQuMjAzLDkuNDQ0LTQuMjE1bC0wLjA3NywzLjQ4OA0KCQkJCWMwLDAsOC4zMDYsMCw4LjMwNywwbDMuNzA2LTI1Ljk4Qzk0Ljc4Niw2My4zNjYsODUuMTcsNjMuMDEyLDgxLjgzLDYzLjAxMnogTTgzLjI2OCw4NC4xMDhjMC4xODEsMS41ODYtMC40MSw5LjA4Ni02LjA5Miw5LjA4Ng0KCQkJCWMtMi45MywwLTMuNjkxLTIuMjQtMy42OTEtMy41NjJjMC0yLjU4NCwxLjQwMy01LjY4Myw4LjMxNS01LjY4M0M4My40MSw4My45NDksODIuOTk3LDg0LjA2NSw4My4yNjgsODQuMTA4eiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMiIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0xMDMuNjE1LDEwMC45MDZjMi4xMjUsMCwxNC4yNzIsMC41NDEsMTQuMjcyLTExLjk5NA0KCQkJCWMwLTExLjcyMS0xMS4yNDQtOS40MDQtMTEuMjQ0LTE0LjExNGMwLTIuMzQyLDEuODMzLTMuMDgsNS4xODQtMy4wOGMxLjMyOSwwLDYuNDQ3LDAuNDIzLDYuNDQ3LDAuNDIzbDEuMTg5LTguMzMNCgkJCQljMCwwLjAwMS0zLjMxMi0wLjc0MS04LjcwNC0wLjc0MWMtNi45NzksMC0xNC4wNjMsMi43ODYtMTQuMDYzLDEyLjMxOGMwLDEwLjgwMiwxMS44MTIsOS43MTcsMTEuODEyLDE0LjI2Nw0KCQkJCWMwLDMuMDM3LTMuMywzLjI4Ny01Ljg0NCwzLjI4N2MtNC40MDEsMC04LjM2My0xLjUxMS04LjM3Ny0xLjQzOGwtMS4yNTksOC4yNDVDOTMuMjU3LDk5LjgxOSw5NS43MDIsMTAwLjkwNiwxMDMuNjE1LDEwMC45MDZ6Ig0KCQkJCS8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE0IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTI5MC44MDcsNTUuNDU1bC0xLjcwNSwxMi43MDljMCwwLTMuNTUzLTQuOTA1LTkuMTEyLTQuOTA1DQoJCQkJYy0xMC40NTksMC0xNS44NDksMTAuNDIzLTE1Ljg0OSwyMi4zOTZjMCw3LjczLDMuODQ0LDE1LjMwNywxMS42OTksMTUuMzA3YzUuNjUxLDAsOC43ODQtMy45NDEsOC43ODQtMy45NDFsLTAuNDE1LDMuMzY1aDkuMTc4DQoJCQkJbDcuMjA3LTQ0Ljg2MkwyOTAuODA3LDU1LjQ1NXogTTI4Ni43NTUsODAuMTU2YzAsNC45ODMtMi40NjgsMTEuNjQtNy41ODEsMTEuNjRjLTMuMzk2LDAtNC45ODgtMi44NTEtNC45ODgtNy4zMjQNCgkJCQljMC03LjMxNSwzLjI4NS0xMi4xNCw3LjQzMi0xMi4xNEMyODUuMDEyLDcyLjMzMiwyODYuNzU1LDc0LjY2MiwyODYuNzU1LDgwLjE1NnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MTYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMzAuNzQ5LDEwMC40MjNsNS43NDMtMzMuODdsMC44NDQsMzMuODdoNi40OTlsMTIuMTI1LTMzLjg3bC01LjM3MSwzMy44N2g5LjY1OA0KCQkJCWw3LjQzNy00NC45MjJsLTE1LjM0Mi0wLjExN2wtOS4xMjYsMjcuNTA0bC0wLjI1LTI3LjM4N2gtMTQuMDZsLTcuNTQ0LDQ0LjkyMkgzMC43NDlMMzAuNzQ5LDEwMC40MjN6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE4IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTE3Ni4xMDEsMTAwLjQ4N2MyLjc0Ni0xNS42MTUsMy43MjQtMjcuOTQ3LDExLjczMi0yNS4zOTMNCgkJCQljMS4xNS02LjA0NCwzLjg5MS0xMS4zLDUuMTQzLTEzLjg1OGMwLDAtMC4zOTYtMC41ODktMi44NzEtMC41ODljLTQuMjI1LDAtOS44NjYsOC41NzQtOS44NjYsOC41NzRsMC44NDMtNS4zMDFoLTguNzg2DQoJCQkJbC01Ljg4NCwzNi41NjZIMTc2LjEwMXoiLz4NCgkJCTxnIGlkPSJ1c2UxNDY5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQ1LjMwMDEsMCkiPg0KCQkJCTxwYXRoIGlkPSJwYXRoMTM4MTBfMV8iIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNLTYxMi41NSw2My4wMTJjLTYuNDcyLDAtMTEuNDMsMi4wNzktMTEuNDMsMi4wNzlsLTEuMzY5LDguMTI3DQoJCQkJCWMwLDAsNC4wOTUtMS42NjMsMTAuMjgtMS42NjNjMy41MTQsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTMsMi4zNzQtMC4zMTMsMi4zNzRzLTIuNzcxLTAuMjMxLTQuMDU1LTAuMjMxDQoJCQkJCWMtOS4yMTEsMC0xNi43MjksMy40ODItMTYuNzI5LDEzLjk4YzAsOC4yNzMsNS42MjIsMTAuMTcsOS4xMDcsMTAuMTdjNi42NTUsMCw5LjI5Mi00LjIwMyw5LjQ0My00LjIxNWwtMC4wNzgsMy40ODhoOC4zMDkNCgkJCQkJbDMuNzA1LTI1Ljk4Qy01OTkuNTk2LDYzLjM2Ni02MDkuMjEyLDYzLjAxMi02MTIuNTUsNjMuMDEyeiBNLTYxMS4xMTQsODQuMTA4YzAuMTgsMS41ODYtMC40MTEsOS4wODYtNi4wOTIsOS4wODYNCgkJCQkJYy0yLjkzMiwwLTMuNjkyLTIuMjQtMy42OTItMy41NjJjMC0yLjU4NCwxLjQwMi01LjY4Myw4LjMxNS01LjY4M0MtNjEwLjk3Miw4My45NDktNjExLjM4NCw4NC4wNjUtNjExLjExNCw4NC4xMDh6Ii8+DQoJCQk8L2c+DQoJCQk8cGF0aCBpZD0idXNlMTQ3MDEiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMjU1LjI2NiwxMDAuNDg3YzEuNTA4LTExLjQ4OCw0LjI5OS0yNy42MTYsMTEuNzMxLTI1LjM5Mw0KCQkJCWMxLjE0OS02LjA0NCwwLjA0MS02LjAyOC0yLjQzMy02LjAyOGMtNC4yMjgsMC01LjE2NCwwLjE1NC01LjE2NCwwLjE1NGwwLjg0NC01LjMwMWgtOC43ODVsLTUuODg0LDM2LjU2N0gyNTUuMjY2DQoJCQkJTDI1NS4yNjYsMTAwLjQ4N3oiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iZzEwMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoNDE1NyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xMjIuNDM0LDExMy4wNTlsMS4xODEtOC4wMTljLTAuNjQ1LDAtMS41OTQsMC4yNzYtMi40MzEsMC4yNzYNCgkJCQljLTMuMjg0LDAtMy42NDYtMS43NDYtMy40MzctMy4wMzdsMi42NTMtMTYuMzYyaDQuOTkxbDEuMjA1LTguODdoLTQuNzA2bDAuOTU4LTUuNTE2aC05LjQzNA0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjksMzEuMDIzLTUuNTY5LDM0Ljc3NWMwLDUuNTU1LDMuMTE5LDguMDI5LDcuNTE3LDcuOTg5QzExOC44MDYsMTE0LjI2NiwxMjEuNDg4LDExMy4zMTMsMTIyLjQzNCwxMTMuMDU5eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTU1IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyNS40MjMsOTcuNzdjMCwxMy4zMzIsOC44LDE2LjUsMTYuMjk3LDE2LjVjNi45MiwwLDkuOTY1LTEuNTQ3LDkuOTY1LTEuNTQ3DQoJCQkJbDEuNjYyLTkuMDk5YzAsMC01LjI2NCwyLjMxOS0xMC4wMTgsMi4zMTljLTEwLjEzLDAtOC4zNTYtNy41NTMtOC4zNTYtNy41NTNoMTkuMTcyYzAsMCwxLjIzOC02LjExMywxLjIzOC04LjYwNA0KCQkJCWMwLTYuMjE2LTMuMDk0LTEzLjc5LTEzLjQ1Mi0xMy43OUMxMzIuNDQ1LDc1Ljk5OCwxMjUuNDIzLDg2LjIxOSwxMjUuNDIzLDk3Ljc3eiBNMTQxLjk2Nyw4NC40NDUNCgkJCQljNS4zMjQsMCw0LjM0Miw1Ljk4Myw0LjM0Miw2LjQ2N2gtMTAuNDc0QzEzNS44MzUsOTAuMjk0LDEzNi44MjUsODQuNDQ1LDE0MS45NjcsODQuNDQ1eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTUxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIwMS43MDcsMTEzLjA1NWwxLjY4OC0xMC4yODVjMCwwLTQuNjI5LDIuMzIxLTcuODA2LDIuMzIxDQoJCQkJYy02LjY5MiwwLTkuMzc2LTUuMTEtOS4zNzYtMTAuNmMwLTExLjEzNyw1Ljc1OC0xNy4yNjQsMTIuMTY4LTE3LjI2NGM0LjgwNywwLDguNjY1LDIuNjk5LDguNjY1LDIuNjk5bDEuNTQtOS45OTMNCgkJCQljMCwwLTUuNzIxLTIuMzE1LTEwLjYyNS0yLjMxNWMtMTAuODkxLDAtMjEuNDg2LDkuNDQ4LTIxLjQ4NiwyNy4xOTJjMCwxMS43NjYsNS43MjEsMTkuNTM3LDE2Ljk3OSwxOS41MzcNCgkJCQlDMTk2LjYzNywxMTQuMzQ4LDIwMS43MDcsMTEzLjA1NSwyMDEuNzA3LDExMy4wNTV6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxNDkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuNTQ3LDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OSw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgtMS42NjNjMy41MTMsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTUsMi4zNzQtMC4zMTUsMi4zNzRzLTIuNzcxLTAuMjMyLTQuMDU0LTAuMjMyDQoJCQkJYy04LjE1OSwwLTE2LjczLDMuNDgyLTE2LjczLDEzLjk4YzAsOC4yNzIsNS42MjMsMTAuMTcsOS4xMDgsMTAuMTdjNi42NTYsMCw5LjUyNS00LjMxOSw5LjY3OC00LjMzMmwtMC4zMTEsMy42MDVoOC4zMDcNCgkJCQlsMy43MDYtMjUuOTgxQzgzLjUwMiw3Ni40OTgsNzMuODg3LDc2LjE0Myw3MC41NDcsNzYuMTQzeiBNNzIuNTY4LDk3LjI5N2MwLjE4LDEuNTg3LTAuOTk1LDkuMDI2LTYuNjc1LDkuMDI2DQoJCQkJYy0yLjkzLDAtMy42OTItMi4yMzgtMy42OTItMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNi01LjY4MkM3Mi4xMjUsOTcuMDgxLDcyLjI5Nyw5Ny4yNTMsNzIuNTY4LDk3LjI5N3oiLz4NCgkJCTxwYXRoIGlkPSJwYXRoNDE0NSIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik05Mi4zMzEsMTE0LjAzOGMyLjEyNSwwLDE0LjI3MywwLjU0LDE0LjI3My0xMS45OTUNCgkJCQljMC0xMS43MTktMTEuMjQ1LTkuNDA0LTExLjI0NS0xNC4xMTJjMC0yLjM0NCwxLjgzMy0zLjA4Miw1LjE4My0zLjA4MmMxLjMzLDAsNi40NDcsMC40MjMsNi40NDcsMC40MjNsMS4xOS04LjMzDQoJCQkJYzAsMC4wMDEtMy4zMTItMC43NDEtOC43MDQtMC43NDFjLTYuOTc5LDAtMTQuMDYzLDIuNzg2LTE0LjA2MywxMi4zMThjMCwxMC44MDEsMTEuODEyLDkuNzE3LDExLjgxMiwxNC4yNjcNCgkJCQljMCwzLjAzNy0zLjMsMy4yODQtNS44NDMsMy4yODRjLTQuNDAxLDAtOC4zNjQtMS41MS04LjM3OC0xLjQzOGwtMS4yNTgsOC4yNDZDODEuOTczLDExMi45NDgsODQuNDE3LDExNC4wMzgsOTIuMzMxLDExNC4wMzh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjc5Ljg1Miw2OC42NjhsLTIuMDM1LDEyLjYyN2MwLDAtMy41NTEtNC45MDUtOS4xMS00LjkwNQ0KCQkJCWMtOC42NDQsMC0xNS44NDksMTAuNDIyLTE1Ljg0OSwyMi4zOTdjMCw3LjczLDMuODQzLDE1LjMwNCwxMS42OTksMTUuMzA0YzUuNjUxLDAsOC43ODQtMy45NCw4Ljc4NC0zLjk0bC0wLjQxNSwzLjM2NWg5LjE3Ng0KCQkJCWw3LjIwNy00NC44NjNMMjc5Ljg1Miw2OC42Njh6IE0yNzUuNDcxLDkzLjI4OGMwLDQuOTgzLTIuNDY3LDExLjYzOS03LjU4MiwxMS42MzljLTMuMzk1LDAtNC45ODYtMi44NS00Ljk4Ni03LjMyMw0KCQkJCWMwLTcuMzE0LDMuMjg1LTEyLjE0LDcuNDMtMTIuMTRDMjczLjcyOSw4NS40NjMsMjc1LjQ3MSw4Ny43OTYsMjc1LjQ3MSw5My4yODh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzMiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTkuNDY2LDExMy41NTVsNS43NDMtMzMuODdsMC44NDMsMzMuODdoNi41bDEyLjEyNS0zMy44N2wtNS4zNzEsMzMuODdoOS42NTgNCgkJCQlsNy40MzgtNDQuOTIzSDQxLjQ2N2wtOS4zMDEsMjcuNTYzbC0wLjQ4NC0yNy41NjNIMTcuOTE1bC03LjU0NSw0NC45MjNIMTkuNDY2eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTMxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE2NC44MTgsMTEzLjYxN2MyLjc0Ni0xNS42MTYsMy4yNTUtMjguMjk2LDkuODA4LTI1Ljk3NQ0KCQkJCWMxLjE0Ny02LjA0NCwyLjI1NC04LjM4MiwzLjUwNi0xMC45NGMwLDAtMC41ODctMC4xMjMtMS44MTktMC4xMjNjLTQuMjI1LDAtNy4zNTUsNS43NzItNy4zNTUsNS43NzJsMC44NDEtNS4zMDFoLTguNzg0DQoJCQkJbC01Ljg4NSwzNi41NjdIMTY0LjgxOHoiLz4NCgkJCTxnIGlkPSJ1c2U4NTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDcuMDA2MiwwKSI+DQoJCQkJPHBhdGggaWQ9InBhdGg0MTQ5XzFfIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTS02MjMuNTMxLDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OCw4LjEyNw0KCQkJCQljMCwwLDQuMDkzLTEuNjYzLDEwLjI4LTEuNjYzYzMuNTEzLDAsNi4wODEsMC4zOTUsNi4wODEsMy4yNWMwLDEuNzM0LTAuMzEzLDIuMzc0LTAuMzEzLDIuMzc0cy0yLjc3MS0wLjIzMi00LjA1NS0wLjIzMg0KCQkJCQljLTguMTU4LDAtMTYuNzI5LDMuNDgyLTE2LjcyOSwxMy45OGMwLDguMjcyLDUuNjIyLDEwLjE3LDkuMTA3LDEwLjE3YzYuNjU2LDAsOS41MjUtNC4zMTksOS42NzctNC4zMzJsLTAuMzA5LDMuNjA1DQoJCQkJCWMwLDAsOC4zMDQsMCw4LjMwNywwbDMuNzA1LTI1Ljk4MUMtNjEwLjU3NSw3Ni40OTgtNjIwLjE5MSw3Ni4xNDMtNjIzLjUzMSw3Ni4xNDN6IE0tNjIxLjUwNyw5Ny4yOTcNCgkJCQkJYzAuMTgsMS41ODctMC45OTYsOS4wMjYtNi42NzgsOS4wMjZjLTIuOTMsMC0zLjY5LTIuMjM4LTMuNjktMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNS01LjY4Mg0KCQkJCQlDLTYyMS45NTIsOTcuMDgxLTYyMS43ODEsOTcuMjUzLTYyMS41MDcsOTcuMjk3eiIvPg0KCQkJPC9nPg0KCQkJPGcgaWQ9InVzZTg1MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0Mi4yODU3LDApIj4NCgkJCQk8cGF0aCBpZD0icGF0aDQxMzFfMV8iIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNLTE5OC4yNjMsMTEzLjYxN2MyLjc0Ny0xNS42MTYsMy4yNTYtMjguMjk2LDkuODA3LTI1Ljk3NQ0KCQkJCQljMS4xNDktNi4wNDQsMi4yNTctOC4zODIsMy41MDgtMTAuOTRjMCwwLTAuNTg3LTAuMTIzLTEuODE5LTAuMTIzYy00LjIyNSwwLTcuMzU1LDUuNzcyLTcuMzU1LDUuNzcybDAuODQxLTUuMzAxaC04Ljc4NA0KCQkJCQlsLTUuODg1LDM2LjU2N0gtMTk4LjI2M3oiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGlkPSJ0ZXh0OTQwNyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODkuMTA1LDEwNy45NzVjMC40NzksMCwwLjk1MSwwLjEyMywxLjQwNiwwLjM3Mw0KCQkJCWMwLjQ1OSwwLjI0MiwwLjgxNiwwLjU5OCwxLjA3MiwxLjA1OWMwLjI1NywwLjQ1OCwwLjM4MywwLjkzNSwwLjM4MywxLjQzNGMwLDAuNDkzLTAuMTI2LDAuOTY5LTAuMzc5LDEuNDI0DQoJCQkJYy0wLjI1MSwwLjQ1NS0wLjYwNCwwLjgxMi0xLjA1OSwxLjA2M2MtMC40NTQsMC4yNS0wLjkzLDAuMzc2LTEuNDI0LDAuMzc2Yy0wLjQ5OCwwLTAuOTc0LTAuMTI2LTEuNDI5LTAuMzc2DQoJCQkJYy0wLjQ1NC0wLjI1My0wLjgwNi0wLjYwOC0xLjA1OC0xLjA2M2MtMC4yNTYtMC40NTUtMC4zODEtMC45MzEtMC4zODEtMS40MjRjMC0wLjQ5OSwwLjEyNy0wLjk3NiwwLjM4NC0xLjQzNA0KCQkJCWMwLjI1OC0wLjQ2MSwwLjYxNi0wLjgxNSwxLjA3My0xLjA1OUMyODguMTU0LDEwOC4wOTgsMjg4LjYyNiwxMDcuOTc1LDI4OS4xMDUsMTA3Ljk3NSBNMjg5LjEwNSwxMDguNDQ3DQoJCQkJYy0wLjQwMSwwLTAuNzkzLDAuMTA0LTEuMTc2LDAuMzEzYy0wLjM4MiwwLjIwNC0wLjY3OSwwLjQ5OS0wLjg5NCwwLjg4NWMtMC4yMTQsMC4zODEtMC4zMjIsMC43OC0wLjMyMiwxLjE5NA0KCQkJCXMwLjEwNCwwLjgxLDAuMzEzLDEuMTg4YzAuMjEzLDAuMzc3LDAuNTA5LDAuNjczLDAuODkxLDAuODg2YzAuMzc4LDAuMjA4LDAuNzczLDAuMzEzLDEuMTg4LDAuMzEzDQoJCQkJYzAuNDEyLDAsMC44MS0wLjEwNSwxLjE4OC0wLjMxM2MwLjM3OC0wLjIxMywwLjY3NC0wLjUwOSwwLjg4NC0wLjg4NmMwLjIxMS0wLjM4MSwwLjMxNC0wLjc3NCwwLjMxNC0xLjE4OA0KCQkJCXMtMC4xMDctMC44MTMtMC4zMjEtMS4xOTRjLTAuMjEzLTAuMzg2LTAuNTEtMC42ODEtMC44OTQtMC44ODVDMjg5Ljg5NiwxMDguNTUyLDI4OS41MDcsMTA4LjQ0NywyODkuMTA1LDEwOC40NDcNCgkJCQkgTTI4Ny44NSwxMTIuNDIzdi0zLjA4M2gxLjA2MWMwLjM2MSwwLDAuNjI1LDAuMDI5LDAuNzg1LDAuMDg4YzAuMTYyLDAuMDU1LDAuMjg5LDAuMTU0LDAuMzg4LDAuMjk3DQoJCQkJYzAuMDk3LDAuMTQyLDAuMTQ2LDAuMjkxLDAuMTQ2LDAuNDUxYzAsMC4yMjUtMC4wODIsMC40MjItMC4yNDQsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzcxLDAuMjYyLTAuNjM3LDAuMjgNCgkJCQljMC4xMDYsMC4wNDYsMC4xOTQsMC4xMDEsMC4yNjIsMC4xNjNjMC4xMjMsMC4xMjIsMC4yNzUsMC4zMjYsMC40NTUsMC42MTFsMC4zNzcsMC42MDRoLTAuNjA5bC0wLjI3MS0wLjQ4NQ0KCQkJCWMtMC4yMTYtMC4zODMtMC4zODktMC42MjEtMC41MjEtMC43MThjLTAuMDkxLTAuMDcxLTAuMjI0LTAuMTA2LTAuMzk5LTAuMTA2aC0wLjI5MXYxLjMxMUwyODcuODUsMTEyLjQyMyBNMjg4LjM0OCwxMTAuNjg4DQoJCQkJaDAuNjA0YzAuMjg5LDAsMC40ODQtMC4wNDMsMC41ODgtMC4xMjljMC4xMDUtMC4wODQsMC4xNi0wLjE5OSwwLjE2LTAuMzQyYzAtMC4wOTEtMC4wMjUtMC4xNzMtMC4wNzUtMC4yNDINCgkJCQljLTAuMDUxLTAuMDc0LTAuMTIyLTAuMTI3LTAuMjEzLTAuMTY0Yy0wLjA5MS0wLjAzNS0wLjI1NC0wLjA1My0wLjQ5OC0wLjA1M2gtMC41NjVWMTEwLjY4OCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }
  .card-preview.discover {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIG5vIGtpZGRpbmcgYXJvdW5kIG15IGZpbGVzLi4uIChodHRwOi8vd3d3LmRvZGVyby5ldSkgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQzMCA4ODAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQzMHB4IiBoZWlnaHQ9Ijg4MHB4Ij4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAuNjk3NyUiIGN5PSI1MCUiIHI9IjUwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmY4MDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQk8L2RlZnM+DQk8Zz4NCQk8cmVjdCB4PSIwIiB5PSItMSIgd2lkdGg9IjE0MzAiIGhlaWdodD0iODgwIiBmaWxsPSIjZmZmZmZmIi8+DQkJPHBhdGggZD0iTSAxNDI5Ljk4IDg3OS4wMDU4IEwgMzU3LjM4MzggODc4Ljk4MTggQyA1MDcuMzMzNSA4NTMuNjY2NyA3MzguNjY2NSA4MDQuMzMzNCAxMDE0LjY2NjUgNzExLjY2NjcgQyAxMjkwLjY2NjUgNjE5IDE0MTUuMzMzNSA1MjUuODMzMyAxNDI5Ljk4IDUxNy45MDg1IEwgMTQyOS45OCA4NzkuMDA1OCBaIiBmaWxsPSIjZmY4MDAwIi8+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gMTUwLjAyODggMzk5LjY5MzEgQyAxNzguMzMzIDM5OS42OTMxIDIwMC4zNDU3IDM5MC43Nzg3IDIxNi4wODI1IDM3Mi45MzQzIEMgMjMxLjgxOTMgMzU1LjEwNTYgMjM5LjY4NzUgMzMwLjA2MzUgMjM5LjY4NzUgMjk3LjgyMzggQyAyMzkuNjg3NSAyNjcuNTIxMyAyMzIuMjU2MyAyNDQuMzM3NiAyMTcuNDI1MyAyMjguMjU3MiBDIDIwMi41NzgxIDIxMi4xOTI0IDE4MS4yMDU2IDIwNC4xNDQzIDE1My4zMjMyIDIwNC4xNDQzIEwgNzUuODI2MiAyMDQuMTQ0MyBMIDc1LjgyNjIgMzk5LjY5MzEgTCAxNTAuMDI4OCAzOTkuNjkzMSBMIDE1MC4wMjg4IDM5OS42OTMxIFpNIDExMy43OTM5IDIzMS4zNTk4IEwgMTM2LjI0MzcgMjMxLjM1OTggQyAxNTAuNTYwMSAyMzEuMzU5OCAxNjEuNDU3IDIzMi45OTc4IDE2OC45NTA3IDIzNi4yNTggQyAxNzYuNDI4NyAyMzkuNTE4MiAxODIuODI5NiAyNDUuNDI0NCAxODguMTM3MiAyNTMuOTc2NSBDIDE5NS44NDk2IDI2Ni40MTg4IDE5OS43MjEyIDI4MS45Nzk1IDE5OS43MjEyIDMwMC42NTg3IEMgMTk5LjcyMTIgMzI0LjgxODggMTk0LjkxMzEgMzQyLjgzNjUgMTg1LjI5NTkgMzU0LjY5NjEgQyAxNzUuNjc5MiAzNjYuNTU1NiAxNjEuMDk3NyAzNzIuNDc3NSAxNDEuNTUxOCAzNzIuNDc3NSBMIDExMy43OTM5IDM3Mi40Nzc1IEwgMTEzLjc5MzkgMjMxLjM1OTggTCAxMTMuNzkzOSAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMjA0LjE0NDMgTCAyNzMuNjU4NyAyMDQuMTQ0MyBMIDI3My42NTg3IDM5OS42OTMxIEwgMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDM5MS4yMTE0IDQwNC43MzMgQyA0MTMuMTMwNCA0MDQuNzMzIDQzMC4zMTg4IDM5OS41ODI5IDQ0Mi43OTMgMzg5LjI1MSBDIDQ1NS4yNTEgMzc4LjkzNDkgNDYxLjQ5NTYgMzY0LjY4MTQgNDYxLjQ5NTYgMzQ2LjUwNjIgQyA0NjEuNDk1NiAzMzMuNzE3NCA0NTguMjAxNyAzMjIuODgxNiA0NTEuNjEzOCAzMTMuOTY3MyBDIDQ0NS4wMjU0IDMwNS4wNTI5IDQzMy4wNTEzIDI5NS4zMTk1IDQxNS42NTk3IDI4NC43NjcyIEwgNDAyLjc0ODUgMjc2Ljk4NjggQyAzOTMuMDY5MyAyNzEuMDk2NSAzODYuNjIxNiAyNjYuMTM1MyAzODMuNDA1OCAyNjIuMTAzNCBDIDM4MC4xNzM4IDI1OC4wNzE0IDM3OC41NjU5IDI1My4zNzggMzc4LjU2NTkgMjQ4LjAyMzEgQyAzNzguNTY1OSAyNDEuNTM0MiAzODEuMDE3MSAyMzYuMzA1MyAzODUuOTM0NiAyMzIuMzA0OCBDIDM5MC44MzY5IDIyOC4zMjAyIDM5Ny4zNjIzIDIyNi4zMTk5IDQwNS41MTE3IDIyNi4zMTk5IEMgNDE2LjA0OTggMjI2LjMxOTkgNDMwLjM4MTMgMjMwLjAyMTEgNDQ4LjUwNjggMjM3LjQwNzggTCA0NDguNTA2OCAyMDYuMTYwMyBDIDQzMC41Mzc2IDIwMS40NjY4IDQxNC4zOTUgMTk5LjEwNDQgNDAwLjA3OTEgMTk5LjEwNDQgQyAzODIuMTg4IDE5OS4xMDQ0IDM2Ny43OTM5IDIwNC4wMDI1IDM1Ni45MTI2IDIxMy43OTg5IEMgMzQ2LjAzMDggMjIzLjU5NTIgMzQwLjU5ODEgMjM2LjU1NzMgMzQwLjU5ODEgMjUyLjcwMDcgQyAzNDAuNTk4MSAyNjQuNzk2NiAzNDMuOTIzMyAyNzUuMzQ4OSAzNTAuNTg5NCAyODQuMzg5MyBDIDM1Ny4yNDAyIDI5My40Mjk2IDM2OC42NTIzIDMwMi44NjM3IDM4NC44MjYyIDMxMi42NzU4IEwgMzk2Ljg5NCAzMTkuOTA0OSBDIDQwNi42MzU3IDMyNS44NTgzIDQxMy4xNzcyIDMzMS4wMjQyIDQxNi41MTgxIDMzNS4zODY5IEMgNDE5Ljg1OTQgMzM5Ljc2NTMgNDIxLjUyOTggMzQ1LjEyMDIgNDIxLjUyOTggMzUxLjQ1MTYgQyA0MjEuNTI5OCAzNTkuNDg0IDQxOC43NTA1IDM2NS44NDY5IDQxMy4xOTI5IDM3MC41MDg4IEMgNDA3LjYzNTMgMzc1LjE4NjUgNDAwLjAxNjYgMzc3LjUxNzUgMzkwLjM2ODcgMzc3LjUxNzUgQyAzNzYuNTY3OSAzNzcuNTE3NSAzNTkuOTg3OCAzNzMuMTU0OCAzNDAuNTk4MSAzNjQuNDEzNyBMIDM0MC41OTgxIDM5Ny42NzcxIEMgMzU5LjgzMTUgNDAyLjM3MDYgMzc2LjY5MjQgNDA0LjczMyAzOTEuMjExNCA0MDQuNzMzIEwgMzkxLjIxMTQgNDA0LjczMyBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjI4LjUgMzYwLjU4MzggQyA2MDguMzE2NCAzNzAuMDE5MyA2MDYuMTc0MyAzNzYuNzI1IDU4Ni4zNzM1IDM3Ni43MjUgQyA1NjQuMjc1NCAzNzYuNzI1IDU0Ny4wMzIyIDM3MC4xMTM4IDUzNC42NDM2IDM1Ni44OTE0IEMgNTIyLjIzNzggMzQzLjY2OTEgNTE2LjA0MzUgMzI1LjI1NTYgNTE2LjA0MzUgMzAxLjYxOTUgQyA1MTYuMDQzNSAyNzcuNTczMSA1MjEuNzg1MiAyNTkuMDAxOCA1MzMuMzAzNyAyNDUuOTA1NyBDIDU0NC44MjIzIDIzMi44MDk2IDU2MS4xNzgyIDIzMS4yNzA2IDU4Mi4zODg3IDIzMS4yNzA2IEMgNTk4Ljk3MDcgMjMxLjI3MDYgNjAxLjcwNDYgMjM1LjMwOTkgNjI2LjI3MjkgMjQzLjM4ODUgTCA2MjYuMjcyOSAyMTEuMDc0MiBDIDYwNC4xODggMjA0LjU3OSA2MDAuNjIzIDIwMSA1NzguNjgyNiAyMDEgQyA1NDQuMzAwOCAyMDEgNTE3Ljg1MyAyMDcuOTExMiA0OTkuMzA0NyAyMjUuNzA5MyBDIDQ4MC43NTY4IDI0My41MjMyIDQ3MS41IDI2OC45NTgxIDQ3MS41IDMwMS45OTgyIEMgNDcxLjUgMzM0LjQzODcgNDgwLjcyMjIgMzU5LjcxNTggNDk5LjE2NTUgMzc3LjgyOTUgQyA1MTcuNjA4OSAzOTUuOTQzMSA1NDMuMzYwOCA0MDUgNTc2LjQyMDQgNDA1IEMgNjAzLjQ5NDYgNDA1IDYwOC45NjA0IDQwMC45NjA3IDYyOC41IDM5Mi44ODIxIEwgNjI4LjUgMzYwLjU4MzggWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDk3MS4xMDM1IDM5OS42OTMxIEwgMTAzNi4wMTc2IDIwNC4xNDQzIEwgMTAwNC44Mzc0IDIwNC4xNDQzIEwgOTU0LjU4MyAzNTUuNDk5MyBMIDkwMy4yNTE1IDIwNC4xNDQzIEwgODY1LjE2MDIgMjA0LjE0NDMgTCA5MzEuNDc5NSAzOTkuNjkzMSBMIDk3MS4xMDM1IDM5OS42OTMxIFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSAxMTc3Ljg5NiAzOTkuNjkzMSBMIDExNzcuODk2IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDMxMy4wMDY1IEwgMTE1Ny45MTMxIDMxMy4wMDY1IEwgMTE1Ny45MTMxIDI4NS43OTEgTCAxMDk3Ljk2MzQgMjg1Ljc5MSBMIDEwOTcuOTYzNCAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAzOTkuNjkzMSBMIDExNzcuODk2IDM5OS42OTMxIEwgMTE3Ny44OTYgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDEyNDIuODM5NCAzOTkuNjkzMSBMIDEyNDIuODM5NCAzMjAuMDYyNCBMIDEyNjMuMDA5OCAzMjAuMDYyNCBMIDEzMDcuOTA5MiAzOTkuNjkzMSBMIDEzNTMuNzQ1NiAzOTkuNjkzMSBMIDEyOTQuMzc0IDMwOC4yODE2IEMgMTMwNS4zODA0IDMwMy4wMDU0IDEzMTQuMDI5MyAyOTUuNDE0MSAxMzIwLjMyMDggMjg1LjUyMzIgQyAxMzI2LjYxMjMgMjc1LjYzMjQgMTMyOS43NjU2IDI2NC42NTQ4IDEzMjkuNzY1NiAyNTIuNTkwNSBDIDEzMjkuNzY1NiAyMjAuMzAzNSAxMzExLjUzMTMgMjA0LjE0NDMgMTI3NS4wNjIgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgWk0gMTI0Mi44Mzk0IDIzMS4zNTk4IEwgMTI1NS43MzQ5IDIzMS4zNTk4IEMgMTI3OS43NzY5IDIzMS4zNTk4IDEyOTEuNzk3OSAyNDAuMDIyMiAxMjkxLjc5NzkgMjU3LjMxNTQgQyAxMjkxLjc5NzkgMjgxLjAwMzEgMTI3OC4zMjUyIDI5Mi44NDY5IDEyNTEuMzk0NSAyOTIuODQ2OSBMIDEyNDIuODM5NCAyOTIuODQ2OSBMIDEyNDIuODM5NCAyMzEuMzU5OCBMIDEyNDIuODM5NCAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDY0NS41IDMwMi41IEMgNjQ1LjUgMjQzLjEyODYgNjkzLjYyODQgMTk1IDc1MyAxOTUgQyA4MTIuMzcxNiAxOTUgODYwLjUgMjQzLjEyODYgODYwLjUgMzAyLjUgQyA4NjAuNSAzNjEuODcxNCA4MTIuMzcxNiA0MTAgNzUzIDQxMCBDIDY5My42Mjg0IDQxMCA2NDUuNSAzNjEuODcxNCA2NDUuNSAzMDIuNSBaIiBmaWxsPSJ1cmwoI2dyYWRpZW50MSkiLz4NCQk8L2c+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gNDM3IDUyNCBMIDQzNyA0NzkuMDYyNSBMIDQ2OS4zNDM4IDUyNCBMIDQ4MSA1MjQgTCA0ODEgNDU4IEwgNDcwIDQ1OCBMIDQ3MCA1MDIuOTM3NSBMIDQzNy42NTYzIDQ1OCBMIDQyNiA0NTggTCA0MjYgNTI0IEwgNDM3IDUyNCBMIDQzNyA1MjQgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUxNSBMIDUyOS4zOTk5IDUxNSBMIDUyOS4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ1OCBMIDUxNS4zOTk5IDQ1OCBMIDUxNS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNDY3IEwgNjQzLjc5OTggNDY3IEwgNjQzLjc5OTggNDU4IEwgNTgxLjc5OTggNDU4IEwgNTgxLjc5OTggNDY3IEwgNjA1Ljc5OTggNDY3IEwgNjA1Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA2OTMuMzQwOCA1MjQgTCA3MDMuNzAwMiA0NzguNDA2MyBMIDcxMy4yMTU4IDUyNCBMIDcyNi40OTcxIDUyNCBMIDc0NC4yMDAyIDQ1OCBMIDczNC41NDM5IDQ1OCBMIDcyMS43MDAyIDUwNi4zNzUgTCA3MTEuNzE1OCA0NTggTCA2OTkuNjUzMyA0NTggTCA2ODguNzAwMiA1MDYuNjU2MyBMIDY3Ni4yNzgzIDQ1OCBMIDY2My4yMDAyIDQ1OCBMIDY4MC4yMTU4IDUyNCBMIDY5My4zNDA4IDUyNCBMIDY5My4zNDA4IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODI2LjM4MTMgNTE0Ljg1OTQgQyA4MzIuNTIyIDUwOC43NjU2IDgzNS42MDAxIDUwMC40Mzc1IDgzNS42MDAxIDQ4OS44NzUgQyA4MzUuNjAwMSA0NzkuNTQ2OSA4MzIuNTIyIDQ3MS4zMTI1IDgyNi4zODEzIDQ2NS4xODc1IEMgODIwLjIyNTEgNDU5LjA2MjUgODExLjk3NTEgNDU2IDgwMS42MTU3IDQ1NiBDIDc5MS4xOTM4IDQ1NiA3ODIuOTEyNiA0NTkuMDYyNSA3NzYuNzg3NiA0NjUuMTg3NSBDIDc3MC42NjI2IDQ3MS4zMTI1IDc2Ny42MDAxIDQ3OS41OTM4IDc2Ny42MDAxIDQ5MCBDIDc2Ny42MDAxIDUwMC4zMTI1IDc3MC42NDcgNTA4LjU0NjkgNzc2Ljc0MDcgNTE0LjczNDQgQyA3ODIuODM0NSA1MjAuOTIxOSA3OTAuOTc1MSA1MjQgODAxLjE2MjYgNTI0IEMgODExLjgxODggNTI0IDgyMC4yMjUxIDUyMC45NTMxIDgyNi4zODEzIDUxNC44NTk0IEwgODI2LjM4MTMgNTE0Ljg1OTQgWk0gNzg3LjAyMiA1MDguMTQwNiBDIDc4My4zOTcgNTAzLjU2MjUgNzgxLjYwMDEgNDk3LjUxNTYgNzgxLjYwMDEgNDg5Ljk4NDQgQyA3ODEuNjAwMSA0ODIuMzkwNiA3ODMuNDEyNiA0NzYuMzI4MSA3ODcuMDUzMiA0NzEuNzk2OSBDIDc5MC42NzgyIDQ2Ny4yNjU2IDc5NS41Mzc2IDQ2NSA4MDEuNjMxMyA0NjUgQyA4MDcuNjMxMyA0NjUgODEyLjQ1OTUgNDY3LjI2NTYgODE2LjExNTcgNDcxLjc5NjkgQyA4MTkuNzcyIDQ3Ni4zMjgxIDgyMS42MDAxIDQ4Mi4zNDM4IDgyMS42MDAxIDQ4OS44NDM4IEMgODIxLjYwMDEgNDk3LjU3ODEgODE5Ljc3MiA1MDMuNzAzMSA4MTYuMTQ3IDUwOC4yMTg4IEMgODEyLjUwNjMgNTEyLjc1IDgwNy41Njg4IDUxNSA4MDEuMzM0NSA1MTUgQyA3OTUuNDEyNiA1MTUgNzkwLjY0NyA1MTIuNzE4OCA3ODcuMDIyIDUwOC4xNDA2IEwgNzg3LjAyMiA1MDguMTQwNiBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODgwIDUyNCBMIDg4MCA0OTcgTCA4ODYuMzkwNiA0OTcgTCA5MDMuMDkzOCA1MjQgTCA5MjAgNTI0IEwgODk4LjIzNDQgNDkzLjI1IEMgOTAyLjIwMzEgNDkxLjQ2ODggOTA1LjMxMjUgNDg4Ljg5MDYgOTA3LjU5MzggNDg1LjU0NjkgQyA5MDkuODU5NCA0ODIuMjAzMSA5MTEgNDc4LjQ4NDQgOTExIDQ3NC4zOTA2IEMgOTExIDQ2My40Njg4IDkwNC4yNjU2IDQ1OCA4OTAuODEyNSA0NTggTCA4NjYgNDU4IEwgODY2IDUyNCBMIDg4MCA1MjQgTCA4ODAgNTI0IFpNIDg4MCA0NjcgTCA4ODQuNDg0NCA0NjcgQyA4OTIuODI4MSA0NjcgODk3IDQ2OS45NTMxIDg5NyA0NzUuODU5NCBDIDg5NyA0ODMuOTUzMSA4OTIuMzEyNSA0ODggODgyLjk2ODggNDg4IEwgODgwIDQ4OCBMIDg4MCA0NjcgTCA4ODAgNDY3IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA5NjEuMzk5OSA1MjQgTCA5NjEuMzk5OSA0OTEuNTMxMyBMIDk4Ni42NjU1IDUyNCBMIDEwMDMuNjQ5OSA1MjQgTCA5NzUuMjU5MyA0ODcuNTE1NiBMIDk5Ny42NDk5IDQ1OCBMIDk4NS42ODEyIDQ1OCBMIDk2MS4zOTk5IDQ5MCBMIDk2MS4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJPC9nPg0JPC9nPg08L3N2Zz4="); }

.plan-discount {
  color: #e87272;
  text-decoration: line-through !important; }

.card.payments .cc-logos, .acms-modal .payments.modal-content .cc-logos {
  padding-top: 12px; }
  .card.payments .cc-logos .card-preview, .acms-modal .payments.modal-content .cc-logos .card-preview {
    opacity: 0.2; }
  .card.payments .cc-logos .card-preview.active, .acms-modal .payments.modal-content .cc-logos .card-preview.active {
    opacity: 1; }

.card.payments span.card-number, .acms-modal .payments.modal-content span.card-number {
  font-size: 18px;
  margin-left: 12px; }
  .card.payments span.card-number span, .acms-modal .payments.modal-content span.card-number span {
    color: #999;
    position: relative;
    top: 4px; }
  .card.payments span.card-number .card-preview, .acms-modal .payments.modal-content span.card-number .card-preview {
    position: relative;
    top: 3px; }

.card.payments label .radio, .acms-modal .payments.modal-content label .radio {
  font-size: 18px;
  vertical-align: middle; }

.card.payments input[type="number"], .acms-modal .payments.modal-content input[type="number"] {
  font-size: 18px;
  height: 36px;
  margin: 0 12px;
  max-width: 80px; }
  .card.payments input[type="number"].selected, .acms-modal .payments.modal-content input[type="number"].selected {
    border-color: #3482c4; }

.card.payments table tr td, .acms-modal .payments.modal-content table tr td {
  padding: 8px 12px; }
  .card.payments table tr td h1, .acms-modal .payments.modal-content table tr td h1, .card.payments table tr td h2, .acms-modal .payments.modal-content table tr td h2, .card.payments table tr td h3, .acms-modal .payments.modal-content table tr td h3, .card.payments table tr td h4, .acms-modal .payments.modal-content table tr td h4, .card.payments table tr td h5, .acms-modal .payments.modal-content table tr td h5, .card.payments table tr td h6, .acms-modal .payments.modal-content table tr td h6 {
    margin-bottom: 0; }
  .card.payments table tr td h3, .acms-modal .payments.modal-content table tr td h3 {
    color: #ccc;
    font-size: 21px; }
    .card.payments table tr td h3 small, .acms-modal .payments.modal-content table tr td h3 small {
      color: #ccc; }
  .card.payments table tr td i.radio, .acms-modal .payments.modal-content table tr td i.radio {
    margin: 0;
    min-height: 0; }
  .card.payments table tr td:first-child, .acms-modal .payments.modal-content table tr td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-left: 24px; }
  .card.payments table tr td:nth-child(2) h3, .acms-modal .payments.modal-content table tr td:nth-child(2) h3 {
    font-weight: 600; }
  .card.payments table tr td:last-child, .acms-modal .payments.modal-content table tr td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
  .card.payments table tr td .status-img, .acms-modal .payments.modal-content table tr td .status-img {
    height: 40px;
    width: 40px; }
  .card.payments table tr td ul, .acms-modal .payments.modal-content table tr td ul {
    margin-bottom: 0; }

.card.payments table tr.clickable:hover td, .acms-modal .payments.modal-content table tr.clickable:hover td, .card.payments table tr.help-link:hover td, .acms-modal .payments.modal-content table tr.help-link:hover td, .card.payments table .upload-choice tr.img-container:hover td, .upload-choice .card.payments table tr.img-container:hover td, .acms-modal .payments.modal-content table .upload-choice tr.img-container:hover td, .upload-choice .acms-modal .payments.modal-content table tr.img-container:hover td, .card.payments table .upload-choice tr.img-container-thin:hover td, .upload-choice .card.payments table tr.img-container-thin:hover td, .acms-modal .payments.modal-content table .upload-choice tr.img-container-thin:hover td, .upload-choice .acms-modal .payments.modal-content table tr.img-container-thin:hover td, .card.payments table .db-view tr.clickable-icon:hover td, .db-view .card.payments table tr.clickable-icon:hover td, .card.payments table .acms-modal tr.clickable-icon:hover td, .acms-modal .card.payments table tr.clickable-icon:hover td, .acms-modal .payments.modal-content table tr.clickable-icon:hover td, .card.payments table .user-modal tr.clickable-icon:hover td, .user-modal .card.payments table tr.clickable-icon:hover td, .card.payments table .wallet-wrapper tr.clickable-icon:hover td, .wallet-wrapper .card.payments table tr.clickable-icon:hover td, .card.payments table .db-view tr.onoffswitch-label:hover td, .db-view .card.payments table tr.onoffswitch-label:hover td, .card.payments table .acms-modal tr.onoffswitch-label:hover td, .acms-modal .card.payments table tr.onoffswitch-label:hover td, .acms-modal .payments.modal-content table tr.onoffswitch-label:hover td, .card.payments table .user-modal tr.onoffswitch-label:hover td, .user-modal .card.payments table tr.onoffswitch-label:hover td, .card.payments table .wallet-wrapper tr.onoffswitch-label:hover td, .wallet-wrapper .card.payments table tr.onoffswitch-label:hover td, .card.payments table .db-view tr.email-color-picker:hover td, .db-view .card.payments table tr.email-color-picker:hover td, .card.payments table .acms-modal tr.email-color-picker:hover td, .acms-modal .card.payments table tr.email-color-picker:hover td, .acms-modal .payments.modal-content table tr.email-color-picker:hover td, .card.payments table .user-modal tr.email-color-picker:hover td, .user-modal .card.payments table tr.email-color-picker:hover td, .card.payments table .wallet-wrapper tr.email-color-picker:hover td, .wallet-wrapper .card.payments table tr.email-color-picker:hover td, .card.payments table tr.add-attribute-button:hover td, .acms-modal .payments.modal-content table tr.add-attribute-button:hover td, .card.payments table tr.video-link-container:hover td, .acms-modal .payments.modal-content table tr.video-link-container:hover td, .card.payments table tr.action-flair:hover td, .acms-modal .payments.modal-content table tr.action-flair:hover td {
  background-color: #f9f9f9; }

.card.payments table tr.clickable:hover td h3, .acms-modal .payments.modal-content table tr.clickable:hover td h3, .card.payments table tr.help-link:hover td h3, .acms-modal .payments.modal-content table tr.help-link:hover td h3, .card.payments table .upload-choice tr.img-container:hover td h3, .upload-choice .card.payments table tr.img-container:hover td h3, .acms-modal .payments.modal-content table .upload-choice tr.img-container:hover td h3, .upload-choice .acms-modal .payments.modal-content table tr.img-container:hover td h3, .card.payments table .upload-choice tr.img-container-thin:hover td h3, .upload-choice .card.payments table tr.img-container-thin:hover td h3, .acms-modal .payments.modal-content table .upload-choice tr.img-container-thin:hover td h3, .upload-choice .acms-modal .payments.modal-content table tr.img-container-thin:hover td h3, .card.payments table .db-view tr.clickable-icon:hover td h3, .db-view .card.payments table tr.clickable-icon:hover td h3, .card.payments table .acms-modal tr.clickable-icon:hover td h3, .acms-modal .card.payments table tr.clickable-icon:hover td h3, .acms-modal .payments.modal-content table tr.clickable-icon:hover td h3, .card.payments table .user-modal tr.clickable-icon:hover td h3, .user-modal .card.payments table tr.clickable-icon:hover td h3, .card.payments table .wallet-wrapper tr.clickable-icon:hover td h3, .wallet-wrapper .card.payments table tr.clickable-icon:hover td h3, .card.payments table .db-view tr.onoffswitch-label:hover td h3, .db-view .card.payments table tr.onoffswitch-label:hover td h3, .card.payments table .acms-modal tr.onoffswitch-label:hover td h3, .acms-modal .card.payments table tr.onoffswitch-label:hover td h3, .acms-modal .payments.modal-content table tr.onoffswitch-label:hover td h3, .card.payments table .user-modal tr.onoffswitch-label:hover td h3, .user-modal .card.payments table tr.onoffswitch-label:hover td h3, .card.payments table .wallet-wrapper tr.onoffswitch-label:hover td h3, .wallet-wrapper .card.payments table tr.onoffswitch-label:hover td h3, .card.payments table .db-view tr.email-color-picker:hover td h3, .db-view .card.payments table tr.email-color-picker:hover td h3, .card.payments table .acms-modal tr.email-color-picker:hover td h3, .acms-modal .card.payments table tr.email-color-picker:hover td h3, .acms-modal .payments.modal-content table tr.email-color-picker:hover td h3, .card.payments table .user-modal tr.email-color-picker:hover td h3, .user-modal .card.payments table tr.email-color-picker:hover td h3, .card.payments table .wallet-wrapper tr.email-color-picker:hover td h3, .wallet-wrapper .card.payments table tr.email-color-picker:hover td h3, .card.payments table tr.add-attribute-button:hover td h3, .acms-modal .payments.modal-content table tr.add-attribute-button:hover td h3, .card.payments table tr.video-link-container:hover td h3, .acms-modal .payments.modal-content table tr.video-link-container:hover td h3, .card.payments table tr.action-flair:hover td h3, .acms-modal .payments.modal-content table tr.action-flair:hover td h3 {
  color: #404040; }
  .card.payments table tr.clickable:hover td h3 small, .acms-modal .payments.modal-content table tr.clickable:hover td h3 small, .card.payments table tr.help-link:hover td h3 small, .acms-modal .payments.modal-content table tr.help-link:hover td h3 small, .card.payments table .upload-choice tr.img-container:hover td h3 small, .upload-choice .card.payments table tr.img-container:hover td h3 small, .acms-modal .payments.modal-content table .upload-choice tr.img-container:hover td h3 small, .upload-choice .acms-modal .payments.modal-content table tr.img-container:hover td h3 small, .card.payments table .upload-choice tr.img-container-thin:hover td h3 small, .upload-choice .card.payments table tr.img-container-thin:hover td h3 small, .acms-modal .payments.modal-content table .upload-choice tr.img-container-thin:hover td h3 small, .upload-choice .acms-modal .payments.modal-content table tr.img-container-thin:hover td h3 small, .card.payments table .db-view tr.clickable-icon:hover td h3 small, .db-view .card.payments table tr.clickable-icon:hover td h3 small, .card.payments table .acms-modal tr.clickable-icon:hover td h3 small, .acms-modal .card.payments table tr.clickable-icon:hover td h3 small, .acms-modal .payments.modal-content table tr.clickable-icon:hover td h3 small, .card.payments table .user-modal tr.clickable-icon:hover td h3 small, .user-modal .card.payments table tr.clickable-icon:hover td h3 small, .card.payments table .wallet-wrapper tr.clickable-icon:hover td h3 small, .wallet-wrapper .card.payments table tr.clickable-icon:hover td h3 small, .card.payments table .db-view tr.onoffswitch-label:hover td h3 small, .db-view .card.payments table tr.onoffswitch-label:hover td h3 small, .card.payments table .acms-modal tr.onoffswitch-label:hover td h3 small, .acms-modal .card.payments table tr.onoffswitch-label:hover td h3 small, .acms-modal .payments.modal-content table tr.onoffswitch-label:hover td h3 small, .card.payments table .user-modal tr.onoffswitch-label:hover td h3 small, .user-modal .card.payments table tr.onoffswitch-label:hover td h3 small, .card.payments table .wallet-wrapper tr.onoffswitch-label:hover td h3 small, .wallet-wrapper .card.payments table tr.onoffswitch-label:hover td h3 small, .card.payments table .db-view tr.email-color-picker:hover td h3 small, .db-view .card.payments table tr.email-color-picker:hover td h3 small, .card.payments table .acms-modal tr.email-color-picker:hover td h3 small, .acms-modal .card.payments table tr.email-color-picker:hover td h3 small, .acms-modal .payments.modal-content table tr.email-color-picker:hover td h3 small, .card.payments table .user-modal tr.email-color-picker:hover td h3 small, .user-modal .card.payments table tr.email-color-picker:hover td h3 small, .card.payments table .wallet-wrapper tr.email-color-picker:hover td h3 small, .wallet-wrapper .card.payments table tr.email-color-picker:hover td h3 small, .card.payments table tr.add-attribute-button:hover td h3 small, .acms-modal .payments.modal-content table tr.add-attribute-button:hover td h3 small, .card.payments table tr.video-link-container:hover td h3 small, .acms-modal .payments.modal-content table tr.video-link-container:hover td h3 small, .card.payments table tr.action-flair:hover td h3 small, .acms-modal .payments.modal-content table tr.action-flair:hover td h3 small {
    color: #404040; }

.card.payments table tr.selected td h3, .acms-modal .payments.modal-content table tr.selected td h3 {
  color: #404040; }
  .card.payments table tr.selected td h3 small, .acms-modal .payments.modal-content table tr.selected td h3 small {
    color: #404040; }

.card.payment-details h4, .acms-modal .payment-details.modal-content h4 {
  margin-bottom: 0; }

.card.payment-details ul li *, .acms-modal .payment-details.modal-content ul li * {
  margin-bottom: 0; }

.card.payment-details h2, .acms-modal .payment-details.modal-content h2 {
  font-size: 18px;
  font-weight: 600; }

.card.payment-details .btn, .acms-modal .payment-details.modal-content .btn, .card.payment-details div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .card.payment-details a.button, .acms-modal .payment-details.modal-content div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .acms-modal .payment-details.modal-content a.button {
  margin-top: 24px;
  padding: 12px 22px; }

/** BILLING
 *
 *    Mostyle just making tables feel nice, I hope
 *     most of this will get removed once we have
 *     a standard table styling system.
 *
 *  @author  David "oodavid" King
 */
.card.usingSavedCard, .acms-modal .usingSavedCard.modal-content {
  margin-bottom: 190px; }

.selectBillingMethod {
  color: #cccccc;
  outline: none;
  padding: 4px 12px; }
  .selectBillingMethod .credit-card {
    margin-top: 9px; }
  .selectBillingMethod i.radio {
    font-size: 18px;
    margin-right: 10px; }
  .selectBillingMethod.selected {
    background-color: #f9f9f9;
    color: #3d464d; }

table.plan-presets {
  /* Full width, fixed sizing (prevent dynamic content from jumping about) 
    table-layout: fixed;
    width: 100%;
  */ }
  table.plan-presets tr {
    color: #cccccc;
    outline: none; }
    table.plan-presets tr:hover, table.plan-presets tr.selected {
      background-color: #f9f9f9;
      color: #3d464d; }
    table.plan-presets tr td,
    table.plan-presets tr th {
      padding: 4px 12px; }
      table.plan-presets tr td i.radio,
      table.plan-presets tr th i.radio {
        font-size: 18px;
        margin-right: 10px; }
      table.plan-presets tr td:first-child,
      table.plan-presets tr th:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px; }
      table.plan-presets tr td:last-child,
      table.plan-presets tr th:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px; }
  table.plan-presets th:nth-child(2),
  table.plan-presets td:nth-child(2) {
    font-size: 21px;
    font-weight: 600;
    text-align: right;
    width: 5.5em; }
    table.plan-presets th:nth-child(2) > input,
    table.plan-presets td:nth-child(2) > input {
      width: 100%;
      display: block;
      text-align: right;
      font-size: inherit;
      font-weight: inherit;
      padding-left: 0;
      padding-right: 0; }
  table.plan-presets th:nth-child(3),
  table.plan-presets td:nth-child(3) {
    font-size: 21px;
    font-weight: 600;
    text-align: right;
    width: 6em; }
  table.plan-presets th:nth-child(4),
  table.plan-presets td:nth-child(4) {
    text-align: right;
    width: 11em; }

table.purchase-summary {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 12px; }
  table.purchase-summary th,
  table.purchase-summary td {
    height: 40px;
    line-height: 40px; }
    table.purchase-summary th:last-child,
    table.purchase-summary td:last-child {
      width: 7em;
      text-align: right;
      font-family: monospace; }
    table.purchase-summary th.coupon-input,
    table.purchase-summary td.coupon-input {
      padding: 0; }
      table.purchase-summary th.coupon-input input,
      table.purchase-summary td.coupon-input input {
        padding: 4px 12px; }
  table.purchase-summary tfoot > tr:first-child {
    border-top: 1px solid #ececec; }

.coupon-error {
  color: #dd4e4e; }

.discount {
  color: #58b758; }

.credit-card {
  display: inline-block;
  float: right;
  height: 20px;
  width: 35px;
  border: solid #ccc 1px;
  border-radius: 2px;
  line-height: 40px;
  background-size: 80% 80%;
  background-repeat: no-repeat;
  background-position: center center; }
  .credit-card.visa {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjU5LjA1NXB4IiBoZWlnaHQ9IjIwMi4wNjlweCIgdmlld0JveD0iMCAwIDY1OS4wNTUgMjAyLjA2OSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjU5LjA1NSAyMDIuMDY5Ig0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxnPg0KCQk8cG9seWdvbiBmaWxsPSIjMDAyNDlGIiBwb2ludHM9IjIzMi4xNzgsMTk5LjE2NCAyNjUuNTM5LDMuNDAyIDMxOC44OTgsMy40MDIgMjg1LjUxNCwxOTkuMTY0IAkJIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik00NzkuMDQsOC4yMjJDNDY4LjQ2OCw0LjI1Niw0NTEuOTA0LDAsNDMxLjIxNywwYy01Mi43MjQsMC04OS44NjMsMjYuNTUyLTkwLjE4LDY0LjYwNA0KCQkJYy0wLjI5NywyOC4xMjksMjYuNTE0LDQzLjgyLDQ2Ljc1NCw1My4xODVjMjAuNzcsOS41OTUsMjcuNzUyLDE1LjcxNSwyNy42NTIsMjQuMjgzYy0wLjEzMSwxMy4xMjItMTYuNTg2LDE5LjExNy0zMS45MjIsMTkuMTE3DQoJCQljLTIxLjM1NywwLTMyLjcwMy0yLjk2Ny01MC4yMjctMTAuMjc2bC02Ljg3Ni0zLjExMWwtNy40ODksNDMuODIzYzEyLjQ2Miw1LjQ2NCwzNS41MDksMTAuMTk5LDU5LjQzOCwxMC40NDQNCgkJCWM1Ni4wODksMCw5Mi41MDEtMjYuMjQ3LDkyLjkxNS02Ni44ODJjMC4yMDEtMjIuMjctMTQuMDE2LTM5LjIxNy00NC43OTktNTMuMTg4Yy0xOC42NTEtOS4wNTYtMzAuMDczLTE1LjA5OS0yOS45NTItMjQuMjY5DQoJCQljMC04LjEzNyw5LjY2OC0xNi44MzgsMzAuNTU3LTE2LjgzOGMxNy40NDktMC4yNzEsMzAuMDg4LDMuNTM0LDM5LjkzNyw3LjVsNC43ODEsMi4yNTlMNDc5LjA0LDguMjIyIi8+DQoJCTxwYXRoIGZpbGw9IiMwMDI0OUYiIGQ9Ik02MTUuODY3LDMuNTg5aC00MS4yMzFjLTEyLjc3MiwwLTIyLjMzMSwzLjQ4Ni0yNy45NCwxNi4yMzRMNDY3LjQ1LDE5OS4yMjZoNTYuMDMxDQoJCQljMCwwLDkuMTYxLTI0LjEyMiwxMS4yMzMtMjkuNDE4YzYuMTIzLDAsNjAuNTU1LDAuMDg0LDY4LjMzNiwwLjA4NGMxLjU5Nyw2Ljg1Myw2LjQ5MiwyOS4zMzQsNi40OTIsMjkuMzM0aDQ5LjUxMkw2MTUuODY3LDMuNTg5DQoJCQkgTTU1MC4wNywxMjkuNzY3YzQuNDEzLTExLjI3OSwyMS4yNTktNTQuNzI0LDIxLjI1OS01NC43MjRjLTAuMzE1LDAuNTIxLDQuMzgtMTEuMzM0LDcuMDc1LTE4LjY4NGwzLjYwNiwxNi44NzgNCgkJCWMwLDAsMTAuMjE3LDQ2LjcyOSwxMi4zNTMsNTYuNTI4TDU1MC4wNywxMjkuNzY3TDU1MC4wNywxMjkuNzY3eiIvPg0KCQk8cGF0aCBmaWxsPSIjMDAyNDlGIiBkPSJNMTg3LjQyNSwzLjU0NWwtNTIuMjQsMTMzLjQ5NWwtNS41NjYtMjcuMTI5Yy05LjcyNS0zMS4yNzMtNDAuMDI1LTY1LjE1Ni03My44OTktODIuMTE5bDQ3Ljc2NywxNzEuMjAzDQoJCQlsNTYuNDU1LTAuMDY0TDI0My45NDYsMy41NDVIMTg3LjQyNSIvPg0KCQk8cGF0aCBmaWxsPSIjRkZBMDAwIiBkPSJNODYuNzIyLDMuNDI0SDAuNjgxTDAsNy40OTdDNjYuOTM5LDIzLjcwMSwxMTEuMjMyLDYyLjg2LDEyOS42MTgsMTA5LjkxMWwtMTguNzA5LTg5Ljk2DQoJCQlDMTA3LjY3OSw3LjU1NSw5OC4zMTEsMy44NTYsODYuNzIyLDMuNDI0Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }
  .credit-card.amex {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iMjgxLjg5MDAxIgogICBoZWlnaHQ9IjEzMC40MjM2MyIKICAgdmlld0JveD0iMCAwIDI4MS44OTAwMSAxMzAuNDIzNjMiCiAgIGlkPSJMYXllcl8xIgogICB4bWw6c3BhY2U9InByZXNlcnZlIj48bWV0YWRhdGEKICAgaWQ9Im1ldGFkYXRhMzgiPjxyZGY6UkRGPjxjYzpXb3JrCiAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PGRlZnMKICAgaWQ9ImRlZnMzNiIgLz4KPHJhZGlhbEdyYWRpZW50CiAgIGN4PSI1Ny4zODgxOTkiCiAgIGN5PSI1Ny4wMjEiCiAgIHI9IjI2NC41Nzk3MSIKICAgaWQ9IlNWR0lEXzFfIgogICBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIKICAgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxLjAwMTA3NTQsMCwwLDAuNDYwOTE2MjQsLTcuNjQ3MjE1MSwtMy41MDIwNDMpIj4KCTxzdG9wCiAgIGlkPSJzdG9wNCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzlkZDVmNjtzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwIiAvPgoJPHN0b3AKICAgaWQ9InN0b3A2IgogICBzdHlsZT0ic3RvcC1jb2xvcjojOThkM2Y1O3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMDcxMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wOCIKICAgc3R5bGU9InN0b3AtY29sb3I6Izg5Y2VmMztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIwLjE1NzUiIC8+Cgk8c3RvcAogICBpZD0ic3RvcDEwIgogICBzdHlsZT0ic3RvcC1jb2xvcjojNzBjNmVmO3N0b3Atb3BhY2l0eToxIgogICBvZmZzZXQ9IjAuMjUxNiIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTIiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZWJiZWE7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC4zNTEzOTk5OSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTQiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMyM2FkZTM7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC40NTQ2MDAwMSIgLz4KCTxzdG9wCiAgIGlkPSJzdG9wMTYiCiAgIHN0eWxlPSJzdG9wLWNvbG9yOiMwZGE2ZTA7c3RvcC1vcGFjaXR5OjEiCiAgIG9mZnNldD0iMC41IiAvPgoJPHN0b3AKICAgaWQ9InN0b3AxOCIKICAgc3R5bGU9InN0b3AtY29sb3I6IzJlNzdiYztzdG9wLW9wYWNpdHk6MSIKICAgb2Zmc2V0PSIxIiAvPgo8L3JhZGlhbEdyYWRpZW50Pgo8cGF0aAogICBkPSJNIDI4Mi4yNDgyMSwwIEggMCBWIDEzMC40MjM2MyBIIDI4Mi4yNDgyMSBWIDg3LjM4MDUwNyBjIDEuMTIxMiwtMC43NDYyMiAxLjY3NDgsLTEuNzAwNzggMS42NzQ4LC0yLjg2NzgyIDAsLTEuMzM1NzQgLTAuNTUzNiwtMi4xNjMwOSAtMS42NzQ4LC0yLjg2IgogICBpZD0icGF0aDIwIgogICBzdHlsZT0iZmlsbDp1cmwoI1NWR0lEXzFfKSIgLz4KPGcKICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTcuNjM5LC04OC45NTM5MzMpIgogICBpZD0iZzIyIj4KCTxkZWZzCiAgIGlkPSJkZWZzMjQiPgoJCTxwYXRoCiAgIGQ9Ik0gMjg5LjU4NCw3LjU5OCBIIDcuNjM5IHYgMjgyLjk2NiBoIDI4MS45NDUgdiAtOTMuMzg2IGMgMS4xMiwtMS42MTkgMS42NzMsLTMuNjkgMS42NzMsLTYuMjIyIDAsLTIuODk4IC0wLjU1MywtNC42OTMgLTEuNjczLC02LjIwNSIKICAgaWQ9IlNWR0lEXzJfIiAvPgoJPC9kZWZzPgoJPGNsaXBQYXRoCiAgIGlkPSJTVkdJRF8zXyI+CgkJPHVzZQogICBpZD0idXNlMjgiCiAgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlIgogICB4PSIwIgogICB5PSIwIgogICB3aWR0aD0iMzAwIgogICBoZWlnaHQ9IjMwMCIKICAgeGxpbms6aHJlZj0iI1NWR0lEXzJfIiAvPgoJPC9jbGlwUGF0aD4KPC9nPgo8cGF0aAogICBkPSJtIDI1LjQxNCw0MS4wODgwNjcgLTUuNDI0LC0xMy4yMTcgLTUuMzkzLDEzLjIxNyBtIDEzMC4zMDcsLTUuMjYzIGMgLTEuMDg5LDAuNjYxIC0yLjM3NywwLjY4MyAtMy45MiwwLjY4MyBoIC05LjYyNyB2IC03LjM2NCBoIDkuNzU4IGMgMS4zODEsMCAyLjgyMiwwLjA2MiAzLjc1OCwwLjU5OCAxLjAyOCwwLjQ4MyAxLjY2NCwxLjUxMSAxLjY2NCwyLjkzMSAwLDEuNDQ5IC0wLjYwNSwyLjYxNSAtMS42MzMsMy4xNTIgeiBtIDY4LjY3OCw1LjI2MyAtNS40ODQsLTEzLjIxNyAtNS40NTQsMTMuMjE3IGggMTAuOTM4IHogbSAtMTI4LjAyLDE0LjMwNiBoIC04LjEyNCBsIC0wLjAzLC0yNS45NjYgLTExLjQ5MSwyNS45NjYgaCAtNi45NTggbCAtMTEuNTIxLC0yNS45ODkgdiAyNS45ODkgSCAzMS4zMiBsIC0zLjA0NSwtNy4zOTUgaCAtMTYuNSBsIC0zLjA3Niw3LjM5NSBIIDAuMDkyIGwgMTQuMTkxLC0zMy4xNTQgaCAxMS43NzQgbCAxMy40NzgsMzEuMzkgdiAtMzEuMzkgaCAxMi45MzQgbCAxMC4zNzEsMjIuNDkxIDkuNTI3LC0yMi40OTEgaCAxMy4xOTQgdiAzMy4xNTQgeiBtIDMyLjM3OSwwIEggOTEuNDY4IHYgLTMzLjE1NCBoIDI2LjQ3MyB2IDYuOTA0IEggOTkuMzkzIHYgNS45NzYgaCAxOC4xMDMgdiA2Ljc5NiBIIDk5LjM5MyB2IDYuNjIxIGggMTguNTQ4IHYgNi44NTcgeiBtIDM3LjMyNiwtMjQuMjI1IGMgMCw1LjI4NiAtMy41MjgsOC4wMTcgLTUuNTg0LDguODM3IDEuNzM0LDAuNjYgMy4yMTUsMS44MjYgMy45MiwyLjc5MiAxLjExOSwxLjY0OSAxLjMxMiwzLjEyMiAxLjMxMiw2LjA4MyB2IDYuNTEzIGggLTcuOTkzIGwgLTAuMDMsLTQuMTgxIGMgMCwtMS45OTUgMC4xOTEsLTQuODY0IC0xLjI1MSwtNi40NTkgLTEuMTU4LC0xLjE2NiAtMi45MjMsLTEuNDE5IC01Ljc3NiwtMS40MTkgaCAtOC41MDcgdiAxMi4wNTkgaCAtNy45MjQgdiAtMzMuMTU0IGggMTguMjI3IGMgNC4wNSwwIDcuMDM0LDAuMTA3IDkuNTk2LDEuNTg4IDIuNTA3LDEuNDgxIDQuMDEsMy42NDMgNC4wMSw3LjM0MSB6IG0gMTIuNjgyLDI0LjIyNSBoIC04LjA4NiB2IC0zMy4xNTQgaCA4LjA4NiB2IDMzLjE1NCB6IG0gOTMuODA4LDAgaCAtMTEuMjMgbCAtMTUuMDIxLC0yNC44ODQgdiAyNC44ODQgaCAtMTYuMTM5IGwgLTMuMDg0LC03LjM5NSBoIC0xNi40NjIgbCAtMi45OTIsNy4zOTUgaCAtOS4yNzMgYyAtMy44NTIsMCAtOC43MjksLTAuODUyIC0xMS40OTEsLTMuNjY3IC0yLjc4NSwtMi44MTUgLTQuMjM0LC02LjYyOCAtNC4yMzQsLTEyLjY1NyAwLC00LjkxNyAwLjg2NiwtOS40MTIgNC4yNzIsLTEyLjk2NCAyLjU2MiwtMi42NDYgNi41NzQsLTMuODY2IDEyLjAzNSwtMy44NjYgaCA3LjY3MiB2IDcuMTA0IGggLTcuNTExIGMgLTIuODkyLDAgLTQuNTI1LDAuNDMgLTYuMDk4LDEuOTY0IC0xLjM1MSwxLjM5NiAtMi4yNzgsNC4wMzUgLTIuMjc4LDcuNTEgMCwzLjU1MiAwLjcwNiw2LjExMyAyLjE3OSw3Ljc4NiAxLjIyLDEuMzEyIDMuNDM3LDEuNzEgNS41MjMsMS43MSBoIDMuNTU5IGwgMTEuMTY5LC0yNi4wNzMgaCAxMS44NzQgbCAxMy40MTcsMzEuMzU5IHYgLTMxLjM1OSBoIDEyLjA2NiBsIDEzLjkzLDIzLjA5IHYgLTIzLjA5IGggOC4xMTcgdiAzMy4xNTMgeiBNIDAsNjEuOTA2MDY3IGggMTMuNTQgbCAzLjA1MywtNy4zNjQgaCA2LjgzNSBsIDMuMDQ1LDcuMzY0IGggMjYuNjQxIHYgLTUuNjMgbCAyLjM3OCw1LjY1NCBoIDEzLjgzIGwgMi4zNzgsLTUuNzM4IHYgNS43MTQgaCA2Ni4yMDggbCAtMC4wMzEsLTEyLjA4OCBoIDEuMjgxIGMgMC44OTcsMC4wMzEgMS4xNTksMC4xMTQgMS4xNTksMS41OTUgdiAxMC40OTMgaCAzNC4yNDMgdiAtMi44MTQgYyAyLjc2MiwxLjQ4IDcuMDU4LDIuODE0IDEyLjcxMSwyLjgxNCBoIDE0LjQwNiBsIDMuMDgzLC03LjM2NCBoIDYuODM1IGwgMy4wMTUsNy4zNjQgaCAyNy43NjEgdiAtNi45OTUgbCA0LjIwNCw2Ljk5NSBoIDIyLjI0NiB2IC00Ni4yNCBoIC0yMi4wMTYgdiA1LjQ2MSBsIC0zLjA4MywtNS40NjEgaCAtMjIuNTkxIHYgNS40NjEgbCAtMi44MzEsLTUuNDYxIGggLTMwLjUxNSBjIC01LjEwOCwwIC05LjU5OCwwLjcxMyAtMTMuMjI1LDIuNyB2IC0yLjcgaCAtMjEuMDU4IHYgMi43IGMgLTIuMzA4LC0yLjA0OCAtNS40NTMsLTIuNyAtOC45NSwtMi43IEggNjcuNjE5IGwgLTUuMTYyLDExLjk0MyAtNS4zMDEsLTExLjk0MyBIIDMyLjkyNCB2IDUuNDYxIGwgLTIuNjYyLC01LjQ2MSBIIDkuNTk2IGwgLTkuNTk3LDIxLjk4NSB2IDI0LjI1NSB6IgogICBpZD0icGF0aDMwIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8cGF0aAogICBkPSJtIDI4MS45NDUsODYuMzYxMDY3IGggLTE0LjQ0MyBjIC0xLjQ0MiwwIC0yLjQsMC4wNTQgLTMuMjA3LDAuNTk5IC0wLjgzNiwwLjUzNyAtMS4xNTgsMS4zMzQgLTEuMTU4LDIuMzg2IDAsMS4yNTEgMC43MDYsMi4xMDIgMS43MzMsMi40NyAwLjgzNiwwLjI5MSAxLjczNCwwLjM3NiAzLjA1NCwwLjM3NiBsIDQuMjk1LDAuMTE1IGMgNC4zMzQsMC4xMDcgNy4yMjcsMC44NTIgOC45OTEsMi42NjkgMC4zMjEsMC4yNTMgMC41MTQsMC41MzcgMC43MzUsMC44MjEgbSAwLDEyLjQyNzAwMyBjIC0xLjkyNSwyLjgxNSAtNS42NzYsNC4yNDIgLTEwLjc1NCw0LjI0MiBoIC0xNS4zMDQgdiAtNy4xMTEgaCAxNS4yNDIgYyAxLjUxMiwwIDIuNTcsLTAuMTk5IDMuMjA3LC0wLjgyMSAwLjU1MiwtMC41MTMgMC45MzcsLTEuMjU4IDAuOTM3LC0yLjE2MyAwLC0wLjk2NiAtMC4zODUsLTEuNzMzIC0wLjk2OCwtMi4xOTMgLTAuNTc1LC0wLjUwNjAwMyAtMS40MTIsLTAuNzM2MDAzIC0yLjc5MiwtMC43MzYwMDMgLTcuNDQxLC0wLjI1MyAtMTYuNzI0LDAuMjMgLTE2LjcyNCwtMTAuMjY0IDAsLTQuODEgMy4wNTQsLTkuODczIDExLjM3LC05Ljg3MyBoIDE1Ljc4NSB2IC02LjU5OCBoIC0xNC42NjYgYyAtNC40MjYsMCAtNy42NDEsMS4wNiAtOS45MTgsMi43MDggdiAtMi43MDggaCAtMjEuNjkzIGMgLTMuNDY5LDAgLTcuNTQxLDAuODYgLTkuNDY3LDIuNzA4IHYgLTIuNzA4IGggLTM4LjczOCB2IDIuNzA4IGMgLTMuMDgzLC0yLjIyNCAtOC4yODUsLTIuNzA4IC0xMC42ODYsLTIuNzA4IGggLTI1LjU1MiB2IDIuNzA4IGMgLTIuNDM5LC0yLjM2MiAtNy44NjMsLTIuNzA4IC0xMS4xNjksLTIuNzA4IGggLTI4LjU5NyBsIC02LjU0NCw3LjA4MiAtNi4xMjksLTcuMDgyIEggNTYuMDY3IHYgNDYuMjcyMDAzIGggNDEuOTE0IGwgNi43NDMsLTcuMTk0IDYuMzUyLDcuMTk0IDI1LjgzNiwwLjAyMyB2IC0xMC44ODUgaCAyLjU0IGMgMy40MjgsMC4wNTMgNy40NzEsLTAuMDg1IDExLjAzOCwtMS42MjcgdiAxMi40ODggaCAyMS4zMSB2IC0xMi4wNiBoIDEuMDI4IGMgMS4zMTIsMCAxLjQ0MSwwLjA1NCAxLjQ0MSwxLjM2NSB2IDEwLjY5NCBoIDY0LjczNiBjIDQuMTEsMCA4LjQwNiwtMS4wNTIgMTAuNzg1LC0yLjk2MSB2IDIuOTYxIGggMjAuNTM0IGMgNC4yNzMsMCA4LjQ0NiwtMC41OTkgMTEuNjIxLC0yLjEzMyB2IC04LjYyIHogTSAyNTAuMzM0LDk0Ljk3NjA2NyBjIDEuNTQzLDEuNTk3IDIuMzcsMy42MTMgMi4zNyw3LjAyNjAwMyAwLDcuMTM0IC00LjQ1NywxMC40NjQgLTEyLjQ0OSwxMC40NjQgSCAyMjQuODIgdiAtNy4xMTEgaCAxNS4zNzMgYyAxLjUwMywwIDIuNTY5LC0wLjE5OSAzLjIzNywtMC44MjEgMC41NDUsLTAuNTEzIDAuOTM2LC0xLjI1OCAwLjkzNiwtMi4xNjMgMCwtMC45NjYgLTAuNDIzLC0xLjczMyAtMC45NjcsLTIuMTkzIC0wLjYwNiwtMC41MDYwMDMgLTEuNDQyLC0wLjczNjAwMyAtMi44MjIsLTAuNzM2MDAzIC03LjQxMSwtMC4yNTMgLTE2LjY5MiwwLjIzIC0xNi42OTIsLTEwLjI2NCAwLC00LjgxIDMuMDIyLC05Ljg3MyAxMS4zMywtOS44NzMgaCAxNS44ODcgdiA3LjA1OCBoIC0xNC41MzcgYyAtMS40NDEsMCAtMi4zNzgsMC4wNTQgLTMuMTc1LDAuNTk5IC0wLjg2OCwwLjUzNyAtMS4xOSwxLjMzNCAtMS4xOSwyLjM4NiAwLDEuMjUxIDAuNzM3LDIuMTAyIDEuNzM0LDIuNDcgMC44MzYsMC4yOTEgMS43MzQsMC4zNzYgMy4wODQsMC4zNzYgbCA0LjI2NiwwLjExNSBjIDQuMzAyLDAuMTA1IDcuMjU1LDAuODQ5IDkuMDUsMi42NjcgeiBtIC03MS41MDgsLTIuMDQ4IGMgLTEuMDYsMC42MjkgLTIuMzcxLDAuNjgzIC0zLjkxMywwLjY4MyBoIC05LjYyNyB2IC03LjQ0OCBoIDkuNzU4IGMgMS40MTEsMCAyLjgyMywwLjAzIDMuNzgyLDAuNTk5IDEuMDI3LDAuNTM3IDEuNjQxLDEuNTY0IDEuNjQxLDIuOTgzIDAsMS40MTkgLTAuNjE0LDIuNTYyIC0xLjY0MSwzLjE4MyB6IG0gNC43ODYsNC4xMjcgYyAxLjc2NCwwLjY1MSAzLjIwNiwxLjgxOCAzLjg4MiwyLjc4NCAxLjExOSwxLjYxOTAwMyAxLjI4MSwzLjEzMDAwMyAxLjMxMyw2LjA1MzAwMyB2IDYuNTc0IGggLTcuOTU2IHYgLTQuMTQ5IGMgMCwtMS45OTUgMC4xOTIsLTQuOTQ5IC0xLjI4MSwtNi40OTEgLTEuMTU4LC0xLjE4OCAtMi45MjMsLTEuNDcyIC01LjgxNCwtMS40NzIgaCAtOC40NjkgdiAxMi4xMTIgaCAtNy45NjMgViA3OS4zMDQwNjcgaCAxOC4yOTYgYyA0LjAxMiwwIDYuOTM0LDAuMTc3IDkuNTM1LDEuNTY1IDIuNTAxLDEuNTExIDQuMDc0LDMuNTgxIDQuMDc0LDcuMzY0IC0wLjAwMSw1LjI5MyAtMy41MzEsNy45OTQgLTUuNjE3LDguODIyIHogbSAxMC4wMTEsLTE3Ljc1MSBoIDI2LjQ0OSB2IDYuODU4IGggLTE4LjU1NyB2IDYuMDI5IGggMTguMTA0IHYgNi43NjYgaCAtMTguMTA0IHYgNi41OTgwMDMgbCAxOC41NTcsMC4wMyB2IDYuODgxIEggMTkzLjYyMyBWIDc5LjMwNDA2NyB6IG0gLTUzLjQ2NywxNS4zMDQgaCAtMTAuMjQxIHYgLTguNDQ1IGggMTAuMzMzIGMgMi44NjEsMCA0Ljg0NywxLjE2NiA0Ljg0Nyw0LjA2NiAwLDIuODY4IC0xLjg5NCw0LjM3OSAtNC45MzksNC4zNzkgeiBtIC0xOC4xMzQsMTQuODQyMDAzIC0xMi4xNjcsLTEzLjUwODAwMyAxMi4xNjcsLTEzLjA3OSB2IDI2LjU4NzAwMyB6IG0gLTMxLjQyMSwtMy44OTUgSCA3MS4xMTcgdiAtNi41OTgwMDMgaCAxNy4zOTggdiAtNi43NjYgSCA3MS4xMTcgdiAtNi4wMjkgaCAxOS44NjggbCA4LjY2OCw5LjY2NCAtOS4wNTIsOS43MjkwMDMgeiBtIDYzLjAwMiwtMTUuMzI2MDAzIGMgMCw5LjIxMiAtNi44NzMsMTEuMTE0MDAzIC0xMy44LDExLjExNDAwMyBoIC05Ljg4OCB2IDExLjEyMyBoIC0xNS40MDMgbCAtOS43NTgsLTEwLjk3OCAtMTAuMTQxLDEwLjk3OCBIIDYzLjIyMyBWIDc5LjMwNDA2NyBoIDMxLjg3MyBsIDkuNzUsMTAuODcgMTAuMDgsLTEwLjg3IGggMjUuMzIyIGMgNi4yODksMCAxMy4zNTUsMS43NDEgMTMuMzU1LDEwLjkyNSB6IgogICBpZD0icGF0aDMyIgogICBzdHlsZT0iZmlsbDojZmZmZmZmIiAvPgo8L3N2Zz4="); }
  .credit-card.mastercard {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDEzLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMTQ5NDgpICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzAwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAzMDAgMTgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDAgMTgwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZyBpZD0ibGF5ZXIxIj4NCgk8ZyBpZD0iZzEwMzA1Ij4NCgkJPHBhdGggaWQ9InBhdGgyMjY4IiBzdHlsZT0iZmlsbDojRkY5OTAwOyIgZD0iTTI5OC4wMzIsOTAuNWMwLjAxNCw0OC45MzYtMzkuNjQ2LDg4LjYxNC04OC41ODIsODguNjI3DQoJCQljLTQ4LjkzNywwLjAxMi04OC42MTQtMzkuNjQ2LTg4LjYyNy04OC41ODJjMC0wLjAxNiwwLTAuMDI5LDAtMC4wNDVjLTAuMDEzLTQ4LjkzNSwzOS42NDctODguNjE1LDg4LjU4MS04OC42MjgNCgkJCWM0OC45MzctMC4wMTMsODguNjE1LDM5LjY0Nyw4OC42MjgsODguNTgzQzI5OC4wMzIsOTAuNDcsMjk4LjAzMiw5MC40ODQsMjk4LjAzMiw5MC41eiIvPg0KCQk8cGF0aCBpZD0icGF0aDEzNTAiIHN0eWxlPSJmaWxsOiNDQzAwMDA7IiBkPSJNOTAuMDAxLDEuODk1QzQxLjM1NSwyLjIwNCwxLjk2Nyw0MS43ODEsMS45NjcsOTAuNQ0KCQkJYzAsNDguOTA5LDM5LjY5NSw4OC42MDQsODguNjA1LDg4LjYwNGMyMi45NTUsMCw0My44NzktOC43NDgsNTkuNjI0LTIzLjA4NmMtMC4wMDEsMC0wLjAwMy0wLjAwMi0wLjAwNy0wLjAwNGgwLjAxOQ0KCQkJYzMuMjI0LTIuOTM4LDYuMjMxLTYuMTA4LDguOTk1LTkuNDg4SDE0MS4wNWMtMi40MjQtMi45MjgtNC42MjctNS45NzktNi42MDYtOS4xMjdoMzEuMzA4YzEuOTA0LTMuMDQ3LDMuNjI4LTYuMjExLDUuMTU4LTkuNDg4DQoJCQloLTQxLjYzNWMtMS40MTktMy4wNDItMi42NTEtNi4xNTMtMy43MDMtOS4zMDloNDkuMDQ1YzIuOTU2LTguODMyLDQuNTYtMTguMjgxLDQuNTYtMjguMTAzYzAtNi41MTItMC43MDYtMTIuODYxLTIuMDQyLTE4Ljk3NA0KCQkJaC01NC4xNjRjMC42NzEtMy4xNDYsMS41MTgtNi4yNTQsMi41MjgtOS4zMDhoNDkuMDYzYy0xLjA5Ny0zLjI1LTIuMzcxLTYuNDE3LTMuODItOS40ODdIMTI5LjI3DQoJCQljMS40OTYtMy4xOTYsMy4xOTEtNi4zMDUsNS4wODQtOS4zMDdoMzEuMjg1Yy0yLjA4Mi0zLjMxNy00LjM4Ni02LjQ4Ni02Ljg3Ny05LjQ4OGgtMTcuNDQzYzIuNjk3LTMuMTc0LDUuNjY2LTYuMTYzLDguODg5LTguOTUNCgkJCWMtMTUuNzQ2LTE0LjM0LTM2LjY3Ni0yMy4wOS01OS42MzYtMjMuMDlDOTAuMzgxLDEuODk1LDkwLjE5MiwxLjg5NCw5MC4wMDEsMS44OTV6Ii8+DQoJCTxwYXRoIGlkPSJ1c2U5NDEyIiBzdHlsZT0iZmlsbDojRkNCMzQwOyIgZD0iTTI4OS4xNDMsMTM2LjgyYzAuNDgyLDAsMC45NTEsMC4xMjUsMS40MDksMC4zNzFjMC40NiwwLjI0NiwwLjgxNCwwLjYwMSwxLjA3LDEuMDYyDQoJCQljMC4yNTYsMC40NTYsMC4zODQsMC45MzcsMC4zODQsMS40MzVjMCwwLjQ5Mi0wLjEyNywwLjk2OC0wLjM3OSwxLjQyNGMtMC4yNTEsMC40NTUtMC42MDUsMC44MS0xLjA2MSwxLjA2Mw0KCQkJYy0wLjQ1MSwwLjI0OS0wLjkyOCwwLjM3NS0xLjQyNCwwLjM3NXMtMC45NzItMC4xMjYtMS40MjYtMC4zNzVjLTAuNDU1LTAuMjU0LTAuODA3LTAuNjA3LTEuMDYzLTEuMDYzDQoJCQljLTAuMjUyLTAuNDU2LTAuMzc3LTAuOTMyLTAuMzc3LTEuNDI0YzAtMC40OTgsMC4xMjctMC45NzksMC4zODQtMS40MzVjMC4yNTgtMC40NjEsMC42MTQtMC44MTMsMS4wNzEtMS4wNjINCgkJCUMyODguMTkzLDEzNi45NDUsMjg4LjY2MiwxMzYuODIsMjg5LjE0MywxMzYuODIgTTI4OS4xNDMsMTM3LjI5NWMtMC40MDEsMC0wLjc5MywwLjEwNC0xLjE3NiwwLjMxMQ0KCQkJYy0wLjM4LDAuMjA3LTAuNjc3LDAuNS0wLjg5MSwwLjg4OGMtMC4yMTcsMC4zODItMC4zMjUsMC43NzgtMC4zMjUsMS4xOTRjMCwwLjQxMiwwLjEwNiwwLjgxLDAuMzE1LDEuMTg4DQoJCQljMC4yMTQsMC4zNzcsMC41MSwwLjY3MywwLjg4OCwwLjg4NWMwLjM4MSwwLjIxMSwwLjc3NiwwLjMxNSwxLjE4OCwwLjMxNWMwLjQxNCwwLDAuODEtMC4xMDQsMS4xODktMC4zMTUNCgkJCWMwLjM3OC0wLjIxMiwwLjY3My0wLjUwOCwwLjg4NC0wLjg4NWMwLjIwOS0wLjM3OCwwLjMxMy0wLjc3NSwwLjMxMy0xLjE4OGMwLTAuNDE2LTAuMTA2LTAuODEzLTAuMzIxLTEuMTk0DQoJCQljLTAuMjEzLTAuMzg4LTAuNTExLTAuNjgxLTAuODk0LTAuODg4QzI4OS45MzQsMTM3LjM5OCwyODkuNTQ0LDEzNy4yOTUsMjg5LjE0MywxMzcuMjk1IE0yODcuODg3LDE0MS4yN3YtMy4wODJoMS4wNjINCgkJCWMwLjM2LDAsMC42MjIsMC4wMjgsMC43ODQsMC4wODhjMC4xNjIsMC4wNTcsMC4yOTEsMC4xNTQsMC4zODgsMC4yOTdjMC4wOTUsMC4xNDEsMC4xNDQsMC4yOTEsMC4xNDQsMC40NTENCgkJCWMwLDAuMjI2LTAuMDgsMC40MjItMC4yNDIsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzczLDAuMjYxLTAuNjM5LDAuMjgxYzAuMTA5LDAuMDQ1LDAuMTk2LDAuMTAyLDAuMjY0LDAuMTY0DQoJCQljMC4xMjUsMC4xMiwwLjI3NSwwLjMyMywwLjQ1NSwwLjYxbDAuMzc1LDAuNjAzaC0wLjYwNmwtMC4yNzItMC40ODVjLTAuMjE1LTAuMzgyLTAuMzg4LTAuNjItMC41MjEtMC43MTgNCgkJCWMtMC4wOTEtMC4wNjktMC4yMjQtMC4xMDUtMC4zOTctMC4xMDVoLTAuMjkzdjEuMzExaC0wLjUgTTI4OC4zODUsMTM5LjUzNWgwLjYwNGMwLjI4OCwwLDAuNDgzLTAuMDQ0LDAuNTg4LTAuMTI5DQoJCQljMC4xMDYtMC4wODgsMC4xNTktMC4yLDAuMTU5LTAuMzQyYzAtMC4wOTItMC4wMjQtMC4xNzQtMC4wNzUtMC4yNDRjLTAuMDUyLTAuMDczLTAuMTIyLTAuMTI1LTAuMjEzLTAuMTYyDQoJCQljLTAuMDg5LTAuMDM1LTAuMjU1LTAuMDU1LTAuNDk3LTAuMDU1aC0wLjU2NHYwLjkzMiIvPg0KCTwvZz4NCgk8ZyBpZD0iZzE2NDgwIj4NCgkJPGcgaWQ9ImcxMzgwMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzLjc0NDA1LDE1Ljk5MzkpIj4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDQiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTMzLjcxOSw5OS45MjZsMS4xOC04LjAyYy0wLjY0NSwwLTEuNTkzLDAuMjc5LTIuNDMxLDAuMjc5DQoJCQkJYy0zLjI4NCwwLTMuNjk0LTEuNzU1LTMuNDM2LTMuMDM3bDMuMjM2LTE2LjEzaDQuOTkybDEuMDI5LTkuMTAzaC00LjcwNWwwLjk1OC01LjUxNkgxMjQuNw0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjgsMzEuMDIyLTUuNTY4LDM0Ljc3NmMwLDUuNTU1LDMuMTE4LDguMDI3LDcuNTE2LDcuOTg4QzEzMC4wOSwxMDEuMTM0LDEzMi43NzMsMTAwLjE4MSwxMzMuNzE5LDk5LjkyNnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MDYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMTM2LjcwNiw4NC42MzhjMCwxMy4zMzIsOC43OTksMTYuNDk5LDE2LjI5NywxNi40OTkNCgkJCQljNi45MjEsMCwxMC41NS0xLjYwNCwxMC41NS0xLjYwNGwxLjY2Mi05LjFjMCwwLTUuODQ4LDIuMzc4LTEwLjYwMSwyLjM3OGMtMTAuMTMxLDAtOC4zNTUtNy41NTQtOC4zNTUtNy41NTRsMTkuNDYzLDAuMDU5DQoJCQkJYzAsMCwxLjIzOS02LjExMSwxLjIzOS04LjYwMmMwLTYuMjE3LTMuMzg3LTEzLjg0OS0xMy43NDUtMTMuODQ5QzE0My43Myw2Mi44NjcsMTM2LjcwNiw3My4wODgsMTM2LjcwNiw4NC42Mzh6IE0xNTMuMjUyLDcxLjMxMw0KCQkJCWM1LjMyNCwwLDQuMzQyLDUuOTg0LDQuMzQyLDYuNDY5SDE0Ny4xMkMxNDcuMTIsNzcuMTYyLDE0OC4xMDksNzEuMzEzLDE1My4yNTIsNzEuMzEzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgwOCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0yMTIuOTksOTkuOTIzbDEuNjg5LTEwLjI4NGMwLDAtNC42MzIsMi4zMjEtNy44MDcsMi4zMjENCgkJCQljLTYuNjkzLDAtOS4zNzgtNS4xMS05LjM3OC0xMC42MDFjMC0xMS4xMzcsNS43NTgtMTcuMjY1LDEyLjE2OC0xNy4yNjVjNC44MDgsMCw4LjY2NSwyLjY5OSw4LjY2NSwyLjY5OWwxLjU0LTkuOTkzDQoJCQkJYzAsMC00LjU1NC0zLjI4OS05LjQ1Ni0zLjMwOGMtMTQuNzQ1LTAuMDU4LTIzLjE4MiwxMC4yMDgtMjMuMTgyLDI3Ljk1NWMwLDExLjc2Myw2LjI0OCwxOS43NjgsMTcuNTA2LDE5Ljc2OA0KCQkJCUMyMDcuOTE4LDEwMS4yMTUsMjEyLjk5LDk5LjkyMywyMTIuOTksOTkuOTIzeiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMCIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik04MS44Myw2My4wMTJjLTYuNDY5LDAtMTEuNDI3LDIuMDc5LTExLjQyNywyLjA3OWwtMS4zNyw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgxLTEuNjYzYzMuNTEzLDAsNi4wODMsMC4zOTUsNi4wODMsMy4yNWMwLDEuNzM0LTAuMzE0LDIuMzc0LTAuMzE0LDIuMzc0cy0yLjc3Mi0wLjIzMS00LjA1Ni0wLjIzMQ0KCQkJCWMtOS4yMSwwLTE2LjcyOSwzLjQ4Mi0xNi43MjksMTMuOThjMCw4LjI3Myw1LjYyMywxMC4xNyw5LjEwOCwxMC4xN2M2LjY1NywwLDkuMjkyLTQuMjAzLDkuNDQ0LTQuMjE1bC0wLjA3NywzLjQ4OA0KCQkJCWMwLDAsOC4zMDYsMCw4LjMwNywwbDMuNzA2LTI1Ljk4Qzk0Ljc4Niw2My4zNjYsODUuMTcsNjMuMDEyLDgxLjgzLDYzLjAxMnogTTgzLjI2OCw4NC4xMDhjMC4xODEsMS41ODYtMC40MSw5LjA4Ni02LjA5Miw5LjA4Ng0KCQkJCWMtMi45MywwLTMuNjkxLTIuMjQtMy42OTEtMy41NjJjMC0yLjU4NCwxLjQwMy01LjY4Myw4LjMxNS01LjY4M0M4My40MSw4My45NDksODIuOTk3LDg0LjA2NSw4My4yNjgsODQuMTA4eiIvPg0KCQkJPHBhdGggaWQ9InBhdGgxMzgxMiIgc3R5bGU9ImZpbGw6IzAwMDA2NjsiIGQ9Ik0xMDMuNjE1LDEwMC45MDZjMi4xMjUsMCwxNC4yNzIsMC41NDEsMTQuMjcyLTExLjk5NA0KCQkJCWMwLTExLjcyMS0xMS4yNDQtOS40MDQtMTEuMjQ0LTE0LjExNGMwLTIuMzQyLDEuODMzLTMuMDgsNS4xODQtMy4wOGMxLjMyOSwwLDYuNDQ3LDAuNDIzLDYuNDQ3LDAuNDIzbDEuMTg5LTguMzMNCgkJCQljMCwwLjAwMS0zLjMxMi0wLjc0MS04LjcwNC0wLjc0MWMtNi45NzksMC0xNC4wNjMsMi43ODYtMTQuMDYzLDEyLjMxOGMwLDEwLjgwMiwxMS44MTIsOS43MTcsMTEuODEyLDE0LjI2Nw0KCQkJCWMwLDMuMDM3LTMuMywzLjI4Ny01Ljg0NCwzLjI4N2MtNC40MDEsMC04LjM2My0xLjUxMS04LjM3Ny0xLjQzOGwtMS4yNTksOC4yNDVDOTMuMjU3LDk5LjgxOSw5NS43MDIsMTAwLjkwNiwxMDMuNjE1LDEwMC45MDZ6Ig0KCQkJCS8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE0IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTI5MC44MDcsNTUuNDU1bC0xLjcwNSwxMi43MDljMCwwLTMuNTUzLTQuOTA1LTkuMTEyLTQuOTA1DQoJCQkJYy0xMC40NTksMC0xNS44NDksMTAuNDIzLTE1Ljg0OSwyMi4zOTZjMCw3LjczLDMuODQ0LDE1LjMwNywxMS42OTksMTUuMzA3YzUuNjUxLDAsOC43ODQtMy45NDEsOC43ODQtMy45NDFsLTAuNDE1LDMuMzY1aDkuMTc4DQoJCQkJbDcuMjA3LTQ0Ljg2MkwyOTAuODA3LDU1LjQ1NXogTTI4Ni43NTUsODAuMTU2YzAsNC45ODMtMi40NjgsMTEuNjQtNy41ODEsMTEuNjRjLTMuMzk2LDAtNC45ODgtMi44NTEtNC45ODgtNy4zMjQNCgkJCQljMC03LjMxNSwzLjI4NS0xMi4xNCw3LjQzMi0xMi4xNEMyODUuMDEyLDcyLjMzMiwyODYuNzU1LDc0LjY2MiwyODYuNzU1LDgwLjE1NnoiLz4NCgkJCTxwYXRoIGlkPSJwYXRoMTM4MTYiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMzAuNzQ5LDEwMC40MjNsNS43NDMtMzMuODdsMC44NDQsMzMuODdoNi40OTlsMTIuMTI1LTMzLjg3bC01LjM3MSwzMy44N2g5LjY1OA0KCQkJCWw3LjQzNy00NC45MjJsLTE1LjM0Mi0wLjExN2wtOS4xMjYsMjcuNTA0bC0wLjI1LTI3LjM4N2gtMTQuMDZsLTcuNTQ0LDQ0LjkyMkgzMC43NDlMMzAuNzQ5LDEwMC40MjN6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDEzODE4IiBzdHlsZT0iZmlsbDojMDAwMDY2OyIgZD0iTTE3Ni4xMDEsMTAwLjQ4N2MyLjc0Ni0xNS42MTUsMy43MjQtMjcuOTQ3LDExLjczMi0yNS4zOTMNCgkJCQljMS4xNS02LjA0NCwzLjg5MS0xMS4zLDUuMTQzLTEzLjg1OGMwLDAtMC4zOTYtMC41ODktMi44NzEtMC41ODljLTQuMjI1LDAtOS44NjYsOC41NzQtOS44NjYsOC41NzRsMC44NDMtNS4zMDFoLTguNzg2DQoJCQkJbC01Ljg4NCwzNi41NjZIMTc2LjEwMXoiLz4NCgkJCTxnIGlkPSJ1c2UxNDY5OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODQ1LjMwMDEsMCkiPg0KCQkJCTxwYXRoIGlkPSJwYXRoMTM4MTBfMV8iIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNLTYxMi41NSw2My4wMTJjLTYuNDcyLDAtMTEuNDMsMi4wNzktMTEuNDMsMi4wNzlsLTEuMzY5LDguMTI3DQoJCQkJCWMwLDAsNC4wOTUtMS42NjMsMTAuMjgtMS42NjNjMy41MTQsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTMsMi4zNzQtMC4zMTMsMi4zNzRzLTIuNzcxLTAuMjMxLTQuMDU1LTAuMjMxDQoJCQkJCWMtOS4yMTEsMC0xNi43MjksMy40ODItMTYuNzI5LDEzLjk4YzAsOC4yNzMsNS42MjIsMTAuMTcsOS4xMDcsMTAuMTdjNi42NTUsMCw5LjI5Mi00LjIwMyw5LjQ0My00LjIxNWwtMC4wNzgsMy40ODhoOC4zMDkNCgkJCQkJbDMuNzA1LTI1Ljk4Qy01OTkuNTk2LDYzLjM2Ni02MDkuMjEyLDYzLjAxMi02MTIuNTUsNjMuMDEyeiBNLTYxMS4xMTQsODQuMTA4YzAuMTgsMS41ODYtMC40MTEsOS4wODYtNi4wOTIsOS4wODYNCgkJCQkJYy0yLjkzMiwwLTMuNjkyLTIuMjQtMy42OTItMy41NjJjMC0yLjU4NCwxLjQwMi01LjY4Myw4LjMxNS01LjY4M0MtNjEwLjk3Miw4My45NDktNjExLjM4NCw4NC4wNjUtNjExLjExNCw4NC4xMDh6Ii8+DQoJCQk8L2c+DQoJCQk8cGF0aCBpZD0idXNlMTQ3MDEiIHN0eWxlPSJmaWxsOiMwMDAwNjY7IiBkPSJNMjU1LjI2NiwxMDAuNDg3YzEuNTA4LTExLjQ4OCw0LjI5OS0yNy42MTYsMTEuNzMxLTI1LjM5Mw0KCQkJCWMxLjE0OS02LjA0NCwwLjA0MS02LjAyOC0yLjQzMy02LjAyOGMtNC4yMjgsMC01LjE2NCwwLjE1NC01LjE2NCwwLjE1NGwwLjg0NC01LjMwMWgtOC43ODVsLTUuODg0LDM2LjU2N0gyNTUuMjY2DQoJCQkJTDI1NS4yNjYsMTAwLjQ4N3oiLz4NCgkJPC9nPg0KCQk8ZyBpZD0iZzEwMjg5Ij4NCgkJCTxwYXRoIGlkPSJwYXRoNDE1NyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0xMjIuNDM0LDExMy4wNTlsMS4xODEtOC4wMTljLTAuNjQ1LDAtMS41OTQsMC4yNzYtMi40MzEsMC4yNzYNCgkJCQljLTMuMjg0LDAtMy42NDYtMS43NDYtMy40MzctMy4wMzdsMi42NTMtMTYuMzYyaDQuOTkxbDEuMjA1LTguODdoLTQuNzA2bDAuOTU4LTUuNTE2aC05LjQzNA0KCQkJCWMtMC4yMDgsMC4yMDgtNS41NjksMzEuMDIzLTUuNTY5LDM0Ljc3NWMwLDUuNTU1LDMuMTE5LDguMDI5LDcuNTE3LDcuOTg5QzExOC44MDYsMTE0LjI2NiwxMjEuNDg4LDExMy4zMTMsMTIyLjQzNCwxMTMuMDU5eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTU1IiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTEyNS40MjMsOTcuNzdjMCwxMy4zMzIsOC44LDE2LjUsMTYuMjk3LDE2LjVjNi45MiwwLDkuOTY1LTEuNTQ3LDkuOTY1LTEuNTQ3DQoJCQkJbDEuNjYyLTkuMDk5YzAsMC01LjI2NCwyLjMxOS0xMC4wMTgsMi4zMTljLTEwLjEzLDAtOC4zNTYtNy41NTMtOC4zNTYtNy41NTNoMTkuMTcyYzAsMCwxLjIzOC02LjExMywxLjIzOC04LjYwNA0KCQkJCWMwLTYuMjE2LTMuMDk0LTEzLjc5LTEzLjQ1Mi0xMy43OUMxMzIuNDQ1LDc1Ljk5OCwxMjUuNDIzLDg2LjIxOSwxMjUuNDIzLDk3Ljc3eiBNMTQxLjk2Nyw4NC40NDUNCgkJCQljNS4zMjQsMCw0LjM0Miw1Ljk4Myw0LjM0Miw2LjQ2N2gtMTAuNDc0QzEzNS44MzUsOTAuMjk0LDEzNi44MjUsODQuNDQ1LDE0MS45NjcsODQuNDQ1eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTUxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTIwMS43MDcsMTEzLjA1NWwxLjY4OC0xMC4yODVjMCwwLTQuNjI5LDIuMzIxLTcuODA2LDIuMzIxDQoJCQkJYy02LjY5MiwwLTkuMzc2LTUuMTEtOS4zNzYtMTAuNmMwLTExLjEzNyw1Ljc1OC0xNy4yNjQsMTIuMTY4LTE3LjI2NGM0LjgwNywwLDguNjY1LDIuNjk5LDguNjY1LDIuNjk5bDEuNTQtOS45OTMNCgkJCQljMCwwLTUuNzIxLTIuMzE1LTEwLjYyNS0yLjMxNWMtMTAuODkxLDAtMjEuNDg2LDkuNDQ4LTIxLjQ4NiwyNy4xOTJjMCwxMS43NjYsNS43MjEsMTkuNTM3LDE2Ljk3OSwxOS41MzcNCgkJCQlDMTk2LjYzNywxMTQuMzQ4LDIwMS43MDcsMTEzLjA1NSwyMDEuNzA3LDExMy4wNTV6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxNDkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNNzAuNTQ3LDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OSw4LjEyNw0KCQkJCWMwLDAsNC4wOTMtMS42NjMsMTAuMjgtMS42NjNjMy41MTMsMCw2LjA4MywwLjM5NSw2LjA4MywzLjI1YzAsMS43MzQtMC4zMTUsMi4zNzQtMC4zMTUsMi4zNzRzLTIuNzcxLTAuMjMyLTQuMDU0LTAuMjMyDQoJCQkJYy04LjE1OSwwLTE2LjczLDMuNDgyLTE2LjczLDEzLjk4YzAsOC4yNzIsNS42MjMsMTAuMTcsOS4xMDgsMTAuMTdjNi42NTYsMCw5LjUyNS00LjMxOSw5LjY3OC00LjMzMmwtMC4zMTEsMy42MDVoOC4zMDcNCgkJCQlsMy43MDYtMjUuOTgxQzgzLjUwMiw3Ni40OTgsNzMuODg3LDc2LjE0Myw3MC41NDcsNzYuMTQzeiBNNzIuNTY4LDk3LjI5N2MwLjE4LDEuNTg3LTAuOTk1LDkuMDI2LTYuNjc1LDkuMDI2DQoJCQkJYy0yLjkzLDAtMy42OTItMi4yMzgtMy42OTItMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNi01LjY4MkM3Mi4xMjUsOTcuMDgxLDcyLjI5Nyw5Ny4yNTMsNzIuNTY4LDk3LjI5N3oiLz4NCgkJCTxwYXRoIGlkPSJwYXRoNDE0NSIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik05Mi4zMzEsMTE0LjAzOGMyLjEyNSwwLDE0LjI3MywwLjU0LDE0LjI3My0xMS45OTUNCgkJCQljMC0xMS43MTktMTEuMjQ1LTkuNDA0LTExLjI0NS0xNC4xMTJjMC0yLjM0NCwxLjgzMy0zLjA4Miw1LjE4My0zLjA4MmMxLjMzLDAsNi40NDcsMC40MjMsNi40NDcsMC40MjNsMS4xOS04LjMzDQoJCQkJYzAsMC4wMDEtMy4zMTItMC43NDEtOC43MDQtMC43NDFjLTYuOTc5LDAtMTQuMDYzLDIuNzg2LTE0LjA2MywxMi4zMThjMCwxMC44MDEsMTEuODEyLDkuNzE3LDExLjgxMiwxNC4yNjcNCgkJCQljMCwzLjAzNy0zLjMsMy4yODQtNS44NDMsMy4yODRjLTQuNDAxLDAtOC4zNjQtMS41MS04LjM3OC0xLjQzOGwtMS4yNTgsOC4yNDZDODEuOTczLDExMi45NDgsODQuNDE3LDExNC4wMzgsOTIuMzMxLDExNC4wMzh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzkiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMjc5Ljg1Miw2OC42NjhsLTIuMDM1LDEyLjYyN2MwLDAtMy41NTEtNC45MDUtOS4xMS00LjkwNQ0KCQkJCWMtOC42NDQsMC0xNS44NDksMTAuNDIyLTE1Ljg0OSwyMi4zOTdjMCw3LjczLDMuODQzLDE1LjMwNCwxMS42OTksMTUuMzA0YzUuNjUxLDAsOC43ODQtMy45NCw4Ljc4NC0zLjk0bC0wLjQxNSwzLjM2NWg5LjE3Ng0KCQkJCWw3LjIwNy00NC44NjNMMjc5Ljg1Miw2OC42Njh6IE0yNzUuNDcxLDkzLjI4OGMwLDQuOTgzLTIuNDY3LDExLjYzOS03LjU4MiwxMS42MzljLTMuMzk1LDAtNC45ODYtMi44NS00Ljk4Ni03LjMyMw0KCQkJCWMwLTcuMzE0LDMuMjg1LTEyLjE0LDcuNDMtMTIuMTRDMjczLjcyOSw4NS40NjMsMjc1LjQ3MSw4Ny43OTYsMjc1LjQ3MSw5My4yODh6Ii8+DQoJCQk8cGF0aCBpZD0icGF0aDQxMzMiIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNMTkuNDY2LDExMy41NTVsNS43NDMtMzMuODdsMC44NDMsMzMuODdoNi41bDEyLjEyNS0zMy44N2wtNS4zNzEsMzMuODdoOS42NTgNCgkJCQlsNy40MzgtNDQuOTIzSDQxLjQ2N2wtOS4zMDEsMjcuNTYzbC0wLjQ4NC0yNy41NjNIMTcuOTE1bC03LjU0NSw0NC45MjNIMTkuNDY2eiIvPg0KCQkJPHBhdGggaWQ9InBhdGg0MTMxIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTTE2NC44MTgsMTEzLjYxN2MyLjc0Ni0xNS42MTYsMy4yNTUtMjguMjk2LDkuODA4LTI1Ljk3NQ0KCQkJCWMxLjE0Ny02LjA0NCwyLjI1NC04LjM4MiwzLjUwNi0xMC45NGMwLDAtMC41ODctMC4xMjMtMS44MTktMC4xMjNjLTQuMjI1LDAtNy4zNTUsNS43NzItNy4zNTUsNS43NzJsMC44NDEtNS4zMDFoLTguNzg0DQoJCQkJbC01Ljg4NSwzNi41NjdIMTY0LjgxOHoiLz4NCgkJCTxnIGlkPSJ1c2U4NTIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4NDcuMDA2MiwwKSI+DQoJCQkJPHBhdGggaWQ9InBhdGg0MTQ5XzFfIiBzdHlsZT0iZmlsbDojRkZGRkZGOyIgZD0iTS02MjMuNTMxLDc2LjE0M2MtNi40NjksMC0xMS40MjgsMi4wNzktMTEuNDI4LDIuMDc5bC0xLjM2OCw4LjEyNw0KCQkJCQljMCwwLDQuMDkzLTEuNjYzLDEwLjI4LTEuNjYzYzMuNTEzLDAsNi4wODEsMC4zOTUsNi4wODEsMy4yNWMwLDEuNzM0LTAuMzEzLDIuMzc0LTAuMzEzLDIuMzc0cy0yLjc3MS0wLjIzMi00LjA1NS0wLjIzMg0KCQkJCQljLTguMTU4LDAtMTYuNzI5LDMuNDgyLTE2LjcyOSwxMy45OGMwLDguMjcyLDUuNjIyLDEwLjE3LDkuMTA3LDEwLjE3YzYuNjU2LDAsOS41MjUtNC4zMTksOS42NzctNC4zMzJsLTAuMzA5LDMuNjA1DQoJCQkJCWMwLDAsOC4zMDQsMCw4LjMwNywwbDMuNzA1LTI1Ljk4MUMtNjEwLjU3NSw3Ni40OTgtNjIwLjE5MSw3Ni4xNDMtNjIzLjUzMSw3Ni4xNDN6IE0tNjIxLjUwNyw5Ny4yOTcNCgkJCQkJYzAuMTgsMS41ODctMC45OTYsOS4wMjYtNi42NzgsOS4wMjZjLTIuOTMsMC0zLjY5LTIuMjM4LTMuNjktMy41NjJjMC0yLjU4MiwxLjQwMy01LjY4Miw4LjMxNS01LjY4Mg0KCQkJCQlDLTYyMS45NTIsOTcuMDgxLTYyMS43ODEsOTcuMjUzLTYyMS41MDcsOTcuMjk3eiIvPg0KCQkJPC9nPg0KCQkJPGcgaWQ9InVzZTg1MjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQ0Mi4yODU3LDApIj4NCgkJCQk8cGF0aCBpZD0icGF0aDQxMzFfMV8iIHN0eWxlPSJmaWxsOiNGRkZGRkY7IiBkPSJNLTE5OC4yNjMsMTEzLjYxN2MyLjc0Ny0xNS42MTYsMy4yNTYtMjguMjk2LDkuODA3LTI1Ljk3NQ0KCQkJCQljMS4xNDktNi4wNDQsMi4yNTctOC4zODIsMy41MDgtMTAuOTRjMCwwLTAuNTg3LTAuMTIzLTEuODE5LTAuMTIzYy00LjIyNSwwLTcuMzU1LDUuNzcyLTcuMzU1LDUuNzcybDAuODQxLTUuMzAxaC04Ljc4NA0KCQkJCQlsLTUuODg1LDM2LjU2N0gtMTk4LjI2M3oiLz4NCgkJCTwvZz4NCgkJCTxwYXRoIGlkPSJ0ZXh0OTQwNyIgc3R5bGU9ImZpbGw6I0ZGRkZGRjsiIGQ9Ik0yODkuMTA1LDEwNy45NzVjMC40NzksMCwwLjk1MSwwLjEyMywxLjQwNiwwLjM3Mw0KCQkJCWMwLjQ1OSwwLjI0MiwwLjgxNiwwLjU5OCwxLjA3MiwxLjA1OWMwLjI1NywwLjQ1OCwwLjM4MywwLjkzNSwwLjM4MywxLjQzNGMwLDAuNDkzLTAuMTI2LDAuOTY5LTAuMzc5LDEuNDI0DQoJCQkJYy0wLjI1MSwwLjQ1NS0wLjYwNCwwLjgxMi0xLjA1OSwxLjA2M2MtMC40NTQsMC4yNS0wLjkzLDAuMzc2LTEuNDI0LDAuMzc2Yy0wLjQ5OCwwLTAuOTc0LTAuMTI2LTEuNDI5LTAuMzc2DQoJCQkJYy0wLjQ1NC0wLjI1My0wLjgwNi0wLjYwOC0xLjA1OC0xLjA2M2MtMC4yNTYtMC40NTUtMC4zODEtMC45MzEtMC4zODEtMS40MjRjMC0wLjQ5OSwwLjEyNy0wLjk3NiwwLjM4NC0xLjQzNA0KCQkJCWMwLjI1OC0wLjQ2MSwwLjYxNi0wLjgxNSwxLjA3My0xLjA1OUMyODguMTU0LDEwOC4wOTgsMjg4LjYyNiwxMDcuOTc1LDI4OS4xMDUsMTA3Ljk3NSBNMjg5LjEwNSwxMDguNDQ3DQoJCQkJYy0wLjQwMSwwLTAuNzkzLDAuMTA0LTEuMTc2LDAuMzEzYy0wLjM4MiwwLjIwNC0wLjY3OSwwLjQ5OS0wLjg5NCwwLjg4NWMtMC4yMTQsMC4zODEtMC4zMjIsMC43OC0wLjMyMiwxLjE5NA0KCQkJCXMwLjEwNCwwLjgxLDAuMzEzLDEuMTg4YzAuMjEzLDAuMzc3LDAuNTA5LDAuNjczLDAuODkxLDAuODg2YzAuMzc4LDAuMjA4LDAuNzczLDAuMzEzLDEuMTg4LDAuMzEzDQoJCQkJYzAuNDEyLDAsMC44MS0wLjEwNSwxLjE4OC0wLjMxM2MwLjM3OC0wLjIxMywwLjY3NC0wLjUwOSwwLjg4NC0wLjg4NmMwLjIxMS0wLjM4MSwwLjMxNC0wLjc3NCwwLjMxNC0xLjE4OA0KCQkJCXMtMC4xMDctMC44MTMtMC4zMjEtMS4xOTRjLTAuMjEzLTAuMzg2LTAuNTEtMC42ODEtMC44OTQtMC44ODVDMjg5Ljg5NiwxMDguNTUyLDI4OS41MDcsMTA4LjQ0NywyODkuMTA1LDEwOC40NDcNCgkJCQkgTTI4Ny44NSwxMTIuNDIzdi0zLjA4M2gxLjA2MWMwLjM2MSwwLDAuNjI1LDAuMDI5LDAuNzg1LDAuMDg4YzAuMTYyLDAuMDU1LDAuMjg5LDAuMTU0LDAuMzg4LDAuMjk3DQoJCQkJYzAuMDk3LDAuMTQyLDAuMTQ2LDAuMjkxLDAuMTQ2LDAuNDUxYzAsMC4yMjUtMC4wODIsMC40MjItMC4yNDQsMC41ODhjLTAuMTU4LDAuMTY2LTAuMzcxLDAuMjYyLTAuNjM3LDAuMjgNCgkJCQljMC4xMDYsMC4wNDYsMC4xOTQsMC4xMDEsMC4yNjIsMC4xNjNjMC4xMjMsMC4xMjIsMC4yNzUsMC4zMjYsMC40NTUsMC42MTFsMC4zNzcsMC42MDRoLTAuNjA5bC0wLjI3MS0wLjQ4NQ0KCQkJCWMtMC4yMTYtMC4zODMtMC4zODktMC42MjEtMC41MjEtMC43MThjLTAuMDkxLTAuMDcxLTAuMjI0LTAuMTA2LTAuMzk5LTAuMTA2aC0wLjI5MXYxLjMxMUwyODcuODUsMTEyLjQyMyBNMjg4LjM0OCwxMTAuNjg4DQoJCQkJaDAuNjA0YzAuMjg5LDAsMC40ODQtMC4wNDMsMC41ODgtMC4xMjljMC4xMDUtMC4wODQsMC4xNi0wLjE5OSwwLjE2LTAuMzQyYzAtMC4wOTEtMC4wMjUtMC4xNzMtMC4wNzUtMC4yNDINCgkJCQljLTAuMDUxLTAuMDc0LTAuMTIyLTAuMTI3LTAuMjEzLTAuMTY0Yy0wLjA5MS0wLjAzNS0wLjI1NC0wLjA1My0wLjQ5OC0wLjA1M2gtMC41NjVWMTEwLjY4OCIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo="); }
  .credit-card.discover {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIG5vIGtpZGRpbmcgYXJvdW5kIG15IGZpbGVzLi4uIChodHRwOi8vd3d3LmRvZGVyby5ldSkgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgMTQzMCA4ODAiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgdmVyc2lvbj0iMS4xIg0JeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTQzMHB4IiBoZWlnaHQ9Ijg4MHB4Ij4NCTxkZWZzPg0JCTxyYWRpYWxHcmFkaWVudCBpZD0iZ3JhZGllbnQxIiBjeD0iNTAuNjk3NyUiIGN5PSI1MCUiIHI9IjUwJSI+DQkJCTxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwJSIvPg0JCQk8c3RvcCBzdG9wLWNvbG9yPSIjZmY4MDAwIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMTAwJSIvPg0JCTwvcmFkaWFsR3JhZGllbnQ+DQk8L2RlZnM+DQk8Zz4NCQk8cmVjdCB4PSIwIiB5PSItMSIgd2lkdGg9IjE0MzAiIGhlaWdodD0iODgwIiBmaWxsPSIjZmZmZmZmIi8+DQkJPHBhdGggZD0iTSAxNDI5Ljk4IDg3OS4wMDU4IEwgMzU3LjM4MzggODc4Ljk4MTggQyA1MDcuMzMzNSA4NTMuNjY2NyA3MzguNjY2NSA4MDQuMzMzNCAxMDE0LjY2NjUgNzExLjY2NjcgQyAxMjkwLjY2NjUgNjE5IDE0MTUuMzMzNSA1MjUuODMzMyAxNDI5Ljk4IDUxNy45MDg1IEwgMTQyOS45OCA4NzkuMDA1OCBaIiBmaWxsPSIjZmY4MDAwIi8+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gMTUwLjAyODggMzk5LjY5MzEgQyAxNzguMzMzIDM5OS42OTMxIDIwMC4zNDU3IDM5MC43Nzg3IDIxNi4wODI1IDM3Mi45MzQzIEMgMjMxLjgxOTMgMzU1LjEwNTYgMjM5LjY4NzUgMzMwLjA2MzUgMjM5LjY4NzUgMjk3LjgyMzggQyAyMzkuNjg3NSAyNjcuNTIxMyAyMzIuMjU2MyAyNDQuMzM3NiAyMTcuNDI1MyAyMjguMjU3MiBDIDIwMi41NzgxIDIxMi4xOTI0IDE4MS4yMDU2IDIwNC4xNDQzIDE1My4zMjMyIDIwNC4xNDQzIEwgNzUuODI2MiAyMDQuMTQ0MyBMIDc1LjgyNjIgMzk5LjY5MzEgTCAxNTAuMDI4OCAzOTkuNjkzMSBMIDE1MC4wMjg4IDM5OS42OTMxIFpNIDExMy43OTM5IDIzMS4zNTk4IEwgMTM2LjI0MzcgMjMxLjM1OTggQyAxNTAuNTYwMSAyMzEuMzU5OCAxNjEuNDU3IDIzMi45OTc4IDE2OC45NTA3IDIzNi4yNTggQyAxNzYuNDI4NyAyMzkuNTE4MiAxODIuODI5NiAyNDUuNDI0NCAxODguMTM3MiAyNTMuOTc2NSBDIDE5NS44NDk2IDI2Ni40MTg4IDE5OS43MjEyIDI4MS45Nzk1IDE5OS43MjEyIDMwMC42NTg3IEMgMTk5LjcyMTIgMzI0LjgxODggMTk0LjkxMzEgMzQyLjgzNjUgMTg1LjI5NTkgMzU0LjY5NjEgQyAxNzUuNjc5MiAzNjYuNTU1NiAxNjEuMDk3NyAzNzIuNDc3NSAxNDEuNTUxOCAzNzIuNDc3NSBMIDExMy43OTM5IDM3Mi40Nzc1IEwgMTEzLjc5MzkgMjMxLjM1OTggTCAxMTMuNzkzOSAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMjA0LjE0NDMgTCAyNzMuNjU4NyAyMDQuMTQ0MyBMIDI3My42NTg3IDM5OS42OTMxIEwgMzExLjYyNyAzOTkuNjkzMSBMIDMxMS42MjcgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDM5MS4yMTE0IDQwNC43MzMgQyA0MTMuMTMwNCA0MDQuNzMzIDQzMC4zMTg4IDM5OS41ODI5IDQ0Mi43OTMgMzg5LjI1MSBDIDQ1NS4yNTEgMzc4LjkzNDkgNDYxLjQ5NTYgMzY0LjY4MTQgNDYxLjQ5NTYgMzQ2LjUwNjIgQyA0NjEuNDk1NiAzMzMuNzE3NCA0NTguMjAxNyAzMjIuODgxNiA0NTEuNjEzOCAzMTMuOTY3MyBDIDQ0NS4wMjU0IDMwNS4wNTI5IDQzMy4wNTEzIDI5NS4zMTk1IDQxNS42NTk3IDI4NC43NjcyIEwgNDAyLjc0ODUgMjc2Ljk4NjggQyAzOTMuMDY5MyAyNzEuMDk2NSAzODYuNjIxNiAyNjYuMTM1MyAzODMuNDA1OCAyNjIuMTAzNCBDIDM4MC4xNzM4IDI1OC4wNzE0IDM3OC41NjU5IDI1My4zNzggMzc4LjU2NTkgMjQ4LjAyMzEgQyAzNzguNTY1OSAyNDEuNTM0MiAzODEuMDE3MSAyMzYuMzA1MyAzODUuOTM0NiAyMzIuMzA0OCBDIDM5MC44MzY5IDIyOC4zMjAyIDM5Ny4zNjIzIDIyNi4zMTk5IDQwNS41MTE3IDIyNi4zMTk5IEMgNDE2LjA0OTggMjI2LjMxOTkgNDMwLjM4MTMgMjMwLjAyMTEgNDQ4LjUwNjggMjM3LjQwNzggTCA0NDguNTA2OCAyMDYuMTYwMyBDIDQzMC41Mzc2IDIwMS40NjY4IDQxNC4zOTUgMTk5LjEwNDQgNDAwLjA3OTEgMTk5LjEwNDQgQyAzODIuMTg4IDE5OS4xMDQ0IDM2Ny43OTM5IDIwNC4wMDI1IDM1Ni45MTI2IDIxMy43OTg5IEMgMzQ2LjAzMDggMjIzLjU5NTIgMzQwLjU5ODEgMjM2LjU1NzMgMzQwLjU5ODEgMjUyLjcwMDcgQyAzNDAuNTk4MSAyNjQuNzk2NiAzNDMuOTIzMyAyNzUuMzQ4OSAzNTAuNTg5NCAyODQuMzg5MyBDIDM1Ny4yNDAyIDI5My40Mjk2IDM2OC42NTIzIDMwMi44NjM3IDM4NC44MjYyIDMxMi42NzU4IEwgMzk2Ljg5NCAzMTkuOTA0OSBDIDQwNi42MzU3IDMyNS44NTgzIDQxMy4xNzcyIDMzMS4wMjQyIDQxNi41MTgxIDMzNS4zODY5IEMgNDE5Ljg1OTQgMzM5Ljc2NTMgNDIxLjUyOTggMzQ1LjEyMDIgNDIxLjUyOTggMzUxLjQ1MTYgQyA0MjEuNTI5OCAzNTkuNDg0IDQxOC43NTA1IDM2NS44NDY5IDQxMy4xOTI5IDM3MC41MDg4IEMgNDA3LjYzNTMgMzc1LjE4NjUgNDAwLjAxNjYgMzc3LjUxNzUgMzkwLjM2ODcgMzc3LjUxNzUgQyAzNzYuNTY3OSAzNzcuNTE3NSAzNTkuOTg3OCAzNzMuMTU0OCAzNDAuNTk4MSAzNjQuNDEzNyBMIDM0MC41OTgxIDM5Ny42NzcxIEMgMzU5LjgzMTUgNDAyLjM3MDYgMzc2LjY5MjQgNDA0LjczMyAzOTEuMjExNCA0MDQuNzMzIEwgMzkxLjIxMTQgNDA0LjczMyBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjI4LjUgMzYwLjU4MzggQyA2MDguMzE2NCAzNzAuMDE5MyA2MDYuMTc0MyAzNzYuNzI1IDU4Ni4zNzM1IDM3Ni43MjUgQyA1NjQuMjc1NCAzNzYuNzI1IDU0Ny4wMzIyIDM3MC4xMTM4IDUzNC42NDM2IDM1Ni44OTE0IEMgNTIyLjIzNzggMzQzLjY2OTEgNTE2LjA0MzUgMzI1LjI1NTYgNTE2LjA0MzUgMzAxLjYxOTUgQyA1MTYuMDQzNSAyNzcuNTczMSA1MjEuNzg1MiAyNTkuMDAxOCA1MzMuMzAzNyAyNDUuOTA1NyBDIDU0NC44MjIzIDIzMi44MDk2IDU2MS4xNzgyIDIzMS4yNzA2IDU4Mi4zODg3IDIzMS4yNzA2IEMgNTk4Ljk3MDcgMjMxLjI3MDYgNjAxLjcwNDYgMjM1LjMwOTkgNjI2LjI3MjkgMjQzLjM4ODUgTCA2MjYuMjcyOSAyMTEuMDc0MiBDIDYwNC4xODggMjA0LjU3OSA2MDAuNjIzIDIwMSA1NzguNjgyNiAyMDEgQyA1NDQuMzAwOCAyMDEgNTE3Ljg1MyAyMDcuOTExMiA0OTkuMzA0NyAyMjUuNzA5MyBDIDQ4MC43NTY4IDI0My41MjMyIDQ3MS41IDI2OC45NTgxIDQ3MS41IDMwMS45OTgyIEMgNDcxLjUgMzM0LjQzODcgNDgwLjcyMjIgMzU5LjcxNTggNDk5LjE2NTUgMzc3LjgyOTUgQyA1MTcuNjA4OSAzOTUuOTQzMSA1NDMuMzYwOCA0MDUgNTc2LjQyMDQgNDA1IEMgNjAzLjQ5NDYgNDA1IDYwOC45NjA0IDQwMC45NjA3IDYyOC41IDM5Mi44ODIxIEwgNjI4LjUgMzYwLjU4MzggWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDk3MS4xMDM1IDM5OS42OTMxIEwgMTAzNi4wMTc2IDIwNC4xNDQzIEwgMTAwNC44Mzc0IDIwNC4xNDQzIEwgOTU0LjU4MyAzNTUuNDk5MyBMIDkwMy4yNTE1IDIwNC4xNDQzIEwgODY1LjE2MDIgMjA0LjE0NDMgTCA5MzEuNDc5NSAzOTkuNjkzMSBMIDk3MS4xMDM1IDM5OS42OTMxIFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSAxMTc3Ljg5NiAzOTkuNjkzMSBMIDExNzcuODk2IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDM3Mi40Nzc1IEwgMTA5Ny45NjM0IDMxMy4wMDY1IEwgMTE1Ny45MTMxIDMxMy4wMDY1IEwgMTE1Ny45MTMxIDI4NS43OTEgTCAxMDk3Ljk2MzQgMjg1Ljc5MSBMIDEwOTcuOTYzNCAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMzEuMzU5OCBMIDExNzEuOTAwOSAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAyMDQuMTQ0MyBMIDEwNTkuOTk1NiAzOTkuNjkzMSBMIDExNzcuODk2IDM5OS42OTMxIEwgMTE3Ny44OTYgMzk5LjY5MzEgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDEyNDIuODM5NCAzOTkuNjkzMSBMIDEyNDIuODM5NCAzMjAuMDYyNCBMIDEyNjMuMDA5OCAzMjAuMDYyNCBMIDEzMDcuOTA5MiAzOTkuNjkzMSBMIDEzNTMuNzQ1NiAzOTkuNjkzMSBMIDEyOTQuMzc0IDMwOC4yODE2IEMgMTMwNS4zODA0IDMwMy4wMDU0IDEzMTQuMDI5MyAyOTUuNDE0MSAxMzIwLjMyMDggMjg1LjUyMzIgQyAxMzI2LjYxMjMgMjc1LjYzMjQgMTMyOS43NjU2IDI2NC42NTQ4IDEzMjkuNzY1NiAyNTIuNTkwNSBDIDEzMjkuNzY1NiAyMjAuMzAzNSAxMzExLjUzMTMgMjA0LjE0NDMgMTI3NS4wNjIgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMjA0LjE0NDMgTCAxMjA3Ljg2OTEgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgTCAxMjQyLjgzOTQgMzk5LjY5MzEgWk0gMTI0Mi44Mzk0IDIzMS4zNTk4IEwgMTI1NS43MzQ5IDIzMS4zNTk4IEMgMTI3OS43NzY5IDIzMS4zNTk4IDEyOTEuNzk3OSAyNDAuMDIyMiAxMjkxLjc5NzkgMjU3LjMxNTQgQyAxMjkxLjc5NzkgMjgxLjAwMzEgMTI3OC4zMjUyIDI5Mi44NDY5IDEyNTEuMzk0NSAyOTIuODQ2OSBMIDEyNDIuODM5NCAyOTIuODQ2OSBMIDEyNDIuODM5NCAyMzEuMzU5OCBMIDEyNDIuODM5NCAyMzEuMzU5OCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGlkPSJFbGxpcHNlIiBkPSJNIDY0NS41IDMwMi41IEMgNjQ1LjUgMjQzLjEyODYgNjkzLjYyODQgMTk1IDc1MyAxOTUgQyA4MTIuMzcxNiAxOTUgODYwLjUgMjQzLjEyODYgODYwLjUgMzAyLjUgQyA4NjAuNSAzNjEuODcxNCA4MTIuMzcxNiA0MTAgNzUzIDQxMCBDIDY5My42Mjg0IDQxMCA2NDUuNSAzNjEuODcxNCA2NDUuNSAzMDIuNSBaIiBmaWxsPSJ1cmwoI2dyYWRpZW50MSkiLz4NCQk8L2c+DQkJPGc+DQkJCTxwYXRoIGQ9Ik0gNDM3IDUyNCBMIDQzNyA0NzkuMDYyNSBMIDQ2OS4zNDM4IDUyNCBMIDQ4MSA1MjQgTCA0ODEgNDU4IEwgNDcwIDQ1OCBMIDQ3MCA1MDIuOTM3NSBMIDQzNy42NTYzIDQ1OCBMIDQyNiA0NTggTCA0MjYgNTI0IEwgNDM3IDUyNCBMIDQzNyA1MjQgWiIgZmlsbD0iIzAwMDAwMCIvPg0JCQk8cGF0aCBkPSJNIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUxNSBMIDUyOS4zOTk5IDUxNSBMIDUyOS4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ5NCBMIDU1Mi4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ4NSBMIDUyOS4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ2NyBMIDU1Ny4zOTk5IDQ1OCBMIDUxNS4zOTk5IDQ1OCBMIDUxNS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBMIDU1OS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNDY3IEwgNjQzLjc5OTggNDY3IEwgNjQzLjc5OTggNDU4IEwgNTgxLjc5OTggNDU4IEwgNTgxLjc5OTggNDY3IEwgNjA1Ljc5OTggNDY3IEwgNjA1Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IEwgNjE5Ljc5OTggNTI0IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA2OTMuMzQwOCA1MjQgTCA3MDMuNzAwMiA0NzguNDA2MyBMIDcxMy4yMTU4IDUyNCBMIDcyNi40OTcxIDUyNCBMIDc0NC4yMDAyIDQ1OCBMIDczNC41NDM5IDQ1OCBMIDcyMS43MDAyIDUwNi4zNzUgTCA3MTEuNzE1OCA0NTggTCA2OTkuNjUzMyA0NTggTCA2ODguNzAwMiA1MDYuNjU2MyBMIDY3Ni4yNzgzIDQ1OCBMIDY2My4yMDAyIDQ1OCBMIDY4MC4yMTU4IDUyNCBMIDY5My4zNDA4IDUyNCBMIDY5My4zNDA4IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODI2LjM4MTMgNTE0Ljg1OTQgQyA4MzIuNTIyIDUwOC43NjU2IDgzNS42MDAxIDUwMC40Mzc1IDgzNS42MDAxIDQ4OS44NzUgQyA4MzUuNjAwMSA0NzkuNTQ2OSA4MzIuNTIyIDQ3MS4zMTI1IDgyNi4zODEzIDQ2NS4xODc1IEMgODIwLjIyNTEgNDU5LjA2MjUgODExLjk3NTEgNDU2IDgwMS42MTU3IDQ1NiBDIDc5MS4xOTM4IDQ1NiA3ODIuOTEyNiA0NTkuMDYyNSA3NzYuNzg3NiA0NjUuMTg3NSBDIDc3MC42NjI2IDQ3MS4zMTI1IDc2Ny42MDAxIDQ3OS41OTM4IDc2Ny42MDAxIDQ5MCBDIDc2Ny42MDAxIDUwMC4zMTI1IDc3MC42NDcgNTA4LjU0NjkgNzc2Ljc0MDcgNTE0LjczNDQgQyA3ODIuODM0NSA1MjAuOTIxOSA3OTAuOTc1MSA1MjQgODAxLjE2MjYgNTI0IEMgODExLjgxODggNTI0IDgyMC4yMjUxIDUyMC45NTMxIDgyNi4zODEzIDUxNC44NTk0IEwgODI2LjM4MTMgNTE0Ljg1OTQgWk0gNzg3LjAyMiA1MDguMTQwNiBDIDc4My4zOTcgNTAzLjU2MjUgNzgxLjYwMDEgNDk3LjUxNTYgNzgxLjYwMDEgNDg5Ljk4NDQgQyA3ODEuNjAwMSA0ODIuMzkwNiA3ODMuNDEyNiA0NzYuMzI4MSA3ODcuMDUzMiA0NzEuNzk2OSBDIDc5MC42NzgyIDQ2Ny4yNjU2IDc5NS41Mzc2IDQ2NSA4MDEuNjMxMyA0NjUgQyA4MDcuNjMxMyA0NjUgODEyLjQ1OTUgNDY3LjI2NTYgODE2LjExNTcgNDcxLjc5NjkgQyA4MTkuNzcyIDQ3Ni4zMjgxIDgyMS42MDAxIDQ4Mi4zNDM4IDgyMS42MDAxIDQ4OS44NDM4IEMgODIxLjYwMDEgNDk3LjU3ODEgODE5Ljc3MiA1MDMuNzAzMSA4MTYuMTQ3IDUwOC4yMTg4IEMgODEyLjUwNjMgNTEyLjc1IDgwNy41Njg4IDUxNSA4MDEuMzM0NSA1MTUgQyA3OTUuNDEyNiA1MTUgNzkwLjY0NyA1MTIuNzE4OCA3ODcuMDIyIDUwOC4xNDA2IEwgNzg3LjAyMiA1MDguMTQwNiBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJCTxwYXRoIGQ9Ik0gODgwIDUyNCBMIDg4MCA0OTcgTCA4ODYuMzkwNiA0OTcgTCA5MDMuMDkzOCA1MjQgTCA5MjAgNTI0IEwgODk4LjIzNDQgNDkzLjI1IEMgOTAyLjIwMzEgNDkxLjQ2ODggOTA1LjMxMjUgNDg4Ljg5MDYgOTA3LjU5MzggNDg1LjU0NjkgQyA5MDkuODU5NCA0ODIuMjAzMSA5MTEgNDc4LjQ4NDQgOTExIDQ3NC4zOTA2IEMgOTExIDQ2My40Njg4IDkwNC4yNjU2IDQ1OCA4OTAuODEyNSA0NTggTCA4NjYgNDU4IEwgODY2IDUyNCBMIDg4MCA1MjQgTCA4ODAgNTI0IFpNIDg4MCA0NjcgTCA4ODQuNDg0NCA0NjcgQyA4OTIuODI4MSA0NjcgODk3IDQ2OS45NTMxIDg5NyA0NzUuODU5NCBDIDg5NyA0ODMuOTUzMSA4OTIuMzEyNSA0ODggODgyLjk2ODggNDg4IEwgODgwIDQ4OCBMIDg4MCA0NjcgTCA4ODAgNDY3IFoiIGZpbGw9IiMwMDAwMDAiLz4NCQkJPHBhdGggZD0iTSA5NjEuMzk5OSA1MjQgTCA5NjEuMzk5OSA0OTEuNTMxMyBMIDk4Ni42NjU1IDUyNCBMIDEwMDMuNjQ5OSA1MjQgTCA5NzUuMjU5MyA0ODcuNTE1NiBMIDk5Ny42NDk5IDQ1OCBMIDk4NS42ODEyIDQ1OCBMIDk2MS4zOTk5IDQ5MCBMIDk2MS4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDQ1OCBMIDk0Ny4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBMIDk2MS4zOTk5IDUyNCBaIiBmaWxsPSIjMDAwMDAwIi8+DQkJPC9nPg0JPC9nPg08L3N2Zz4="); }

/** GROUP LIST
 *
 *      The Group List page inherits some ul li styles that we
 *       need to override (boo) for our options menu (yay!).
 *
 *      When disabled, the links must be muted and unclickable
 *
 *      @author David "oodavid" King
 *      @author Jake Ford
 */
/** GROUP SETTINGS
 *
 *      Various tidbits to make the group settings page
 *       prettier
 *
 *      @author David "oodavid" King
 */
.lozenge {
  padding: 3px 3px 3px 6px;
  background: #e8e8e8;
  border: 1px solid #cccccc;
  border-radius: 3px;
  cursor: default;
  margin: 0 6px 4px 0;
  display: inline-block; }

.lozenge i.remove {
  cursor: pointer;
  color: #E76464;
  /* acc-red */ }

.lozenge-add {
  line-height: inherit !important;
  padding: 3px 8px !important;
  margin: 0 6px 4px 0 !important; }

.lozenge-select {
  display: inline-block !important;
  width: 160px !important;
  height: 27px !important;
  margin: 0 6px 4px 0 !important; }

.divide-or {
  color: #BBBBBB;
  display: inline-block;
  margin: 0 6px 4px 0; }

.divide-and {
  color: #BBBBBB;
  display: block;
  margin: 4px 0 8px 0; }

.requirement-button {
  margin: 4px 0 8px 0; }

/*   TODO: description of this sheet.
 *
 *
 *
 *
 *		@author Jake Ford /  


/* Variables */
.settings-group {
  margin-bottom: 12px;
  max-width: 660px;
  padding: 10px 12px; }
  .settings-group .box-title, .settings-group .column {
    margin: 10px 12px; }

.db-view .settings-list {
  padding-left: 160px;
  padding-bottom: 0;
  position: relative;
  bottom: 0;
  right: 0;
  left: 0; }
  .db-view .settings-list span.anchor {
    position: relative;
    display: block;
    top: -140px; }
  @media (max-width: 991px) {
    .db-view .settings-list {
      padding-left: 0; } }

.settings-view {
  height: 100%;
  overflow: auto; }
  .settings-view.choose-group-type {
    -webkit-transform: translate(-142px);
            transform: translate(-142px); }
    @media (max-width: 991px) {
      .settings-view.choose-group-type {
        -webkit-transform: none;
                transform: none; } }

.settings-fixed-wrapper {
  width: 133px;
  left: 0;
  position: absolute;
  top: 15px; }

.settings-link-list {
  position: fixed;
  width: 145px; }
  @media (max-width: 991px) {
    .settings-link-list {
      display: none; } }
  .settings-link-list .link-group {
    margin-bottom: 20px; }
    .settings-link-list .link-group .title {
      -webkit-transition: color, 0.2s;
      transition: color, 0.2s;
      margin-bottom: 4px; }
    .settings-link-list .link-group a {
      -webkit-transition: all, 0.2s;
      transition: all, 0.2s;
      border-right: 3px solid transparent;
      display: block;
      padding: 2px 8px;
      width: 100%; }
      .settings-link-list .link-group a:hover, .settings-link-list .link-group a.active {
        background-color: #f9f9f9;
        border-right-color: #37BDB1; }
      .settings-link-list .link-group a:hover, .settings-link-list .link-group a.active, .settings-link-list .link-group a:focus {
        text-decoration: none; }

#settings-page #credential, #settings-page .credential-section, #settings-page .section-wrapper {
  width: 100%; }

#settings-page #credential-header {
  margin-left: 0; }

#settings-page .panel-primary {
  border-color: rgba(168, 214, 239, 0.5); }
  #settings-page .panel-primary .panel-heading {
    background-color: rgba(168, 214, 239, 0.7); }

.linkedin-steps td {
  padding-bottom: 21px;
  vertical-align: middle; }

.linkedin-steps td:first-child {
  min-width: 60px; }

.linkedin-steps .circle {
  border: 1px solid #ccc;
  border-radius: 50%;
  font-weight: 30;
  height: 30px;
  width: 30px;
  line-height: 26px; }

/* Override Default positioning for the credential
when it is included in a dashboard view */
.db-view #credential {
  margin-left: 0;
  padding-top: 0; }

.db-view #credential-wrapper {
  padding-left: 0; }
  .db-view #credential-wrapper .cert-preview {
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1); }

/*   MOBILE CERTIFICATE PREVIEW 
 *    This view is for previewing the appearance of the certificate
 *    on a mobile device. There is a graphic of a mobile device to
 *    give the user the obvious context of a mobile view, and the
 *    normal credential view must be scaled down to give the appearance
 *    of being rendered on a mobile screen.
 *
 *
 *    Mobile Preview Screen Layout 
 *      Position the graphic / create container for the cert to fill /
 *      scroll behaviour for credential on simulated screen
 *
 *    Credential Size
 *      Resizing of credential to fit the mobile view on screen
 *
 *
 *    @author Jake Ford 
*/
/* Mobile Preview Screen Layout */
.mobile-container {
  background-image: url("/images/mobile_preview_frame.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 794px;
  margin: 0 auto;
  width: 426px; }

.mobile-scroll {
  margin: 0 auto;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  left: 10px;
  top: 111px;
  height: 568px;
  width: 340px; }
  .mobile-scroll .scroll-contain {
    background-color: #eee;
    width: 320px; }

.mobile-container .section-wrapper {
  padding-left: 0;
  padding-right: 0;
  width: 320px; }

.mobile-container .credential-section {
  padding: 10px 12px !important;
  width: 320px; }

/*  6.0 SHAME  */
.cert-edit-toggle {
  font-size: 16px;
  margin-left: 10px;
  opacity: 0.5; }
  .cert-edit-toggle:hover {
    opacity: 1; }

.group-certificate-design-preview-backdrop {
  background-color: rgba(0, 0, 0, 0.1);
  bottom: 0;
  height: auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 12; }

.group-certificate-design-preview {
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  padding: 6px;
  position: absolute;
  right: 80px;
  top: 130px;
  width: 640px;
  z-index: 100; }
  .group-certificate-design-preview a {
    display: inline-block;
    font-size: 14px;
    height: 24px;
    padding-top: 4px;
    position: relative;
    z-index: 101; }
    .group-certificate-design-preview a:hover {
      text-decoration: none; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.acc-grid {
  display: -webkit-box;
  display: -moz-flex;
  display: flex;
  margin: 0 -10px 0 0; }
  .acc-grid > * {
    -webkit-box-flex: 1;
    -moz-flex: 1 0 0px;
    flex: 1 0 0px;
    margin: 0 10px 0 0; }

/* Nametars (DK) */
.nametar {
  display: inline-block;
  width: 29px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  vertical-align: baseline;
  border-radius: 50%;
  color: #FFFFFF;
  font-size: 12px;
  text-transform: uppercase; }

/* Highlighter */
span.highlighter {
  background-color: #fff6b2;
  border-bottom: 1px solid #d8c84e; }

/** CARD
 *
 *    LAYOUT
 *   ___________
 *    div.card-title
 *    div.card-body (.full-width - optional)
 *    div.card-footer (optional)
 *
 *    The card layout has 3 parts: the title, body and footer.
 *    Padding and margins ensure consistent spacing between the three
 *    elements
 *
 *    Title - Use a plain <h3> tag inside the cad-title
 *    Body - Put any content in here
 *    Footer - Only use if the user needs to CONFIRM an action with a button
 *        that floats right (.pull-right) and a plain <a> to cancel, back
 *        
 *
 *    Standard Card
 *      This is the standard card appearance for things like design cards,
 *      sections of settings, or actionables on the dashboard landing. 
 *
 *
 *    Card Actions
 *      Sometimes the issuer should be able to dismiss the presence of an entire
 *      card, toggle between views within the same card, or collapse the card.
 *      Behaviours that change the entire card are styled here.
 *
 *    @author   Jake Ford
 *    @author   David "oodavid" King
 */
.card-column, .card-standard-column {
  display: inline-block;
  float: left;
  position: relative;
  vertical-align: top; }

.card-standard-column {
  padding-right: 12px;
  width: 33.33333%;
  -webkit-box-flex: 0;
  -moz-flex: 0 0 auto;
  flex: 0 0 auto; }
  .card-standard-column:last-of-type {
    padding-right: 0; }

.card, .acms-modal .modal-content {
  position: relative;
  -webkit-transition: border-color ease-in-out 0.2s, color        ease-in-out 0.2s;
  transition: border-color ease-in-out 0.2s, color        ease-in-out 0.2s;
  color: #3d464d;
  border: 1px solid #ececec;
  border-radius: 3px;
  box-shadow: rgba(50, 50, 50, 0.12) 0px 0px 4px;
  margin-bottom: 12px;
  padding: 0 21px;
  width: 100%;
  max-width: 802px; }
  .card.inactive, .acms-modal .inactive.modal-content {
    opacity: 0.5;
    position: relative; }
    .card.inactive *, .acms-modal .inactive.modal-content * {
      position: relative;
      z-index: 1; }
    .card.inactive a.overlay, .acms-modal .inactive.modal-content a.overlay {
      background-color: rgba(30, 30, 30, 0.2);
      color: black;
      opacity: 0;
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 100; }
      .card.inactive a.overlay p, .acms-modal .inactive.modal-content a.overlay p {
        font-size: 32px;
        padding-top: 140px;
        text-align: center;
        width: 100%; }
        .card.inactive a.overlay p i, .acms-modal .inactive.modal-content a.overlay p i {
          font-size: 32px; }
    .card.inactive:hover *, .acms-modal .inactive.modal-content:hover * {
      text-decoration: none; }
    .card.inactive:hover .overlay, .acms-modal .inactive.modal-content:hover .overlay {
      opacity: 1; }
  .card hr, .acms-modal .modal-content hr {
    margin: 18px 0; }

.card-title,
.card-body,
.card-footer {
  margin-left: -21px;
  margin-right: -21px;
  padding-left: 21px;
  padding-right: 21px; }

.card-title,
.card-footer {
  padding-bottom: 12px;
  padding-top: 12px; }
  .card-title *,
  .card-footer * {
    margin-bottom: 0; }

.card-body {
  padding-top: 21px;
  padding-bottom: 11px; }

.card-body.full-width {
  padding: 0;
  width: auto; }

.card-body,
.card-footer {
  border-top: 1px solid #ececec; }

.card-footer::after {
  content: "";
  display: table;
  clear: both; }

.card-title {
  background-color: #f5f5f5; }

.card-body,
.card-footer {
  background-color: #fdfdfd; }

.card-title {
  position: relative; }

a.card-title {
  display: block; }
  a.card-title:focus {
    outline: 0; }

.card-title .btn-group {
  display: inline-block;
  position: absolute;
  top: 6px;
  right: 21px; }

.card-title .btn, .card-title div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .card-title a.button {
  border-radius: 2px;
  box-shadow: none;
  height: 28px;
  line-height: 28px !important;
  padding: 0 10px;
  vertical-align: top; }
  .card-title .btn.btn-default, .card-title div.ribbon ~ div.ribbon-info > p a.btn-default.button, div.ribbon ~ div.ribbon-info > p .card-title a.btn-default.button {
    background-color: #f6f6f6;
    border-color: #d9d9d9;
    color: #737373; }
    .card-title .btn.btn-default.active, .card-title div.ribbon ~ div.ribbon-info > p a.btn-default.active.button, div.ribbon ~ div.ribbon-info > p .card-title a.btn-default.active.button, .card-title .btn.btn-default:hover, .card-title div.ribbon ~ div.ribbon-info > p a.btn-default.button:hover, div.ribbon ~ div.ribbon-info > p .card-title a.btn-default.button:hover {
      border-color: #737373;
      color: #3d464d; }

.card-sidebar-column {
  display: inline-block;
  padding-right: 18px;
  width: 280px; }
  .card-sidebar-column:last-of-type {
    padding-right: 0; }

.card-collapse a.card-title {
  -webkit-transition: all, 0.2s;
  transition: all, 0.2s;
  text-decoration: none; }
  .card-collapse a.card-title i {
    color: #737373; }
  .card-collapse a.card-title:hover {
    background-color: white;
    text-decoration: none; }
    .card-collapse a.card-title:hover i {
      color: #67a5d6; }

.card-title > i {
  position: absolute;
  right: 19px;
  top: 11px; }

div.or-divider {
  border-bottom: 1px solid #ececec;
  display: block;
  margin: 18px 0;
  position: relative;
  width: 100%;
  z-index: 1; }
  div.or-divider::after {
    background-color: #fdfdfd;
    color: #999;
    content: "OR";
    display: block;
    padding: 0 12px;
    position: absolute;
    left: 50%;
    right: 50%;
    top: -10px;
    width: 42px;
    z-index: 2; }

/* Tab views inside of a card */
.card .nav.nav-tabs, .acms-modal .modal-content .nav.nav-tabs {
  padding: 6px 13px 0 13px; }
  .card .nav.nav-tabs > li, .acms-modal .modal-content .nav.nav-tabs > li {
    line-height: 1;
    margin-right: 4px;
    padding-top: 4px; }
  .card .nav.nav-tabs > li.active, .acms-modal .modal-content .nav.nav-tabs > li.active {
    border-bottom: 3px solid #37BDB1; }

.card .nav.nav-tabs + div, .acms-modal .modal-content .nav.nav-tabs + div {
  max-height: 320px;
  overflow: scroll;
  padding: 21px; }

.design-name {
  font-size: 12px;
  font-weight: 300;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* Credential Overrides */
.card #credential, .acms-modal .modal-content #credential {
  padding-bottom: 0; }

.card #credential-header, .acms-modal .modal-content #credential-header {
  margin: 0; }

/** CORNER RIBBON
 *
 *      These can be used to add a ribbon to the corner of
 *       any position:relative; element.
 *
 *      <div class="ribbon100"><span>message</span></div>
 *      <div class="ribbon100 success"><span>message</span></div>
 *      <div class="ribbon200 warning"><span>message</span></div>
 *      <div class="ribbon150 danger"><span>message</span></div>
 *      <div class="ribbon150 muted"><span>message</span></div>
 *
 *		We have to be prescriptive about the size of the ribbon as
 *		 the width directly affects the positoning of the element.
 *
 *    @author   David "oodavid" King
 */
.ribbon100,
.ribbon150,
.ribbon200 {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none; }
  .ribbon100 > span,
  .ribbon150 > span,
  .ribbon200 > span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    background-color: #3d464d;
    color: #FFFFFF;
    position: absolute;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .ribbon100.success > span,
  .ribbon150.success > span,
  .ribbon200.success > span {
    background-color: #8ed186; }
  .ribbon100.warning > span,
  .ribbon150.warning > span,
  .ribbon200.warning > span {
    background-color: #eacd50; }
  .ribbon100.danger > span,
  .ribbon150.danger > span,
  .ribbon200.danger > span {
    background-color: #e87272; }
  .ribbon100.muted > span,
  .ribbon150.muted > span,
  .ribbon200.muted > span {
    background-color: #cccccc; }

.ribbon100 > span {
  width: 100px;
  top: 18px;
  right: -23px; }

.ribbon150 > span {
  width: 150px;
  top: 35px;
  right: -30px; }

.ribbon200 > span {
  width: 200px;
  top: 53px;
  right: -37px; }

/** MESSAGES
 *
 *    Messages are block-level elements that can show contextual
 *     feedback messages for typical user actions.
 *
 *    These were very briefly named "alerts", but were renamed
 *     to avoid confusion with SweetAlerts.
 *
 *    @author   David "oodavid" King
 *    @author   Jake Ford
 */
/** MESSAGES :: LAYOUT
 *
 *    The messages are a simple flexbox
 *
 *      <div class="acc-message">
 *        <div class="acc-icon">
 *          <i class="user"></i>
 *        </div>
 *        <div class="acc-content">
 *          Any typical content here, h1, h2, h3, p, ul etc.
 *        </div>
 *      </div>
 *
 *    Both .acc-message and .acc-icon be a <div> or an <a>
 *
 *    @author   David "oodavid" King
 */
.acc-message {
  display: -webkit-box;
  display: -moz-flex;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  margin-bottom: 12px; }
  .acc-message > * {
    margin: 12px 10px; }
    .acc-message > *:first-child {
      margin-left: 20px; }
    .acc-message > *:last-child {
      margin-right: 20px; }
  .acc-message > .acc-icon {
    -webkit-box-align: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-self: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    font-size: 16px;
    width: 32px; }
    .acc-message > .acc-icon > i {
      text-align: center;
      width: 32px;
      height: 32px;
      line-height: 32px; }
  .acc-message > .acc-content {
    -webkit-box-flex: 1;
    -moz-flex: 1;
    flex: 1;
    -webkit-align-self: center;
    align-self: center; }
    .acc-message > .acc-content > p {
      font-weight: 300; }

/** MESSAGES :: (MOSTLY) COLORS
 *
 *    The minutiae of how the contents are presented beyond the
 *     flexbox basics above.
 *
 *    The .acc-message element can have the usual classes to
 *     dictate the meaning of the message, ie:
 *
 *        success
 *        info
 *        warning
 *        danger
 *
 *    @author   David "oodavid" King
 *    @author   Jake Ford
 */
.acc-message {
  border-style: solid;
  border-width: 1px;
  color: inherit; }
  .acc-message > .acc-icon > i {
    -webkit-transition: background-color ease-in-out 0.2s, color            ease-in-out 0.2s;
    transition: background-color ease-in-out 0.2s, color            ease-in-out 0.2s;
    border-radius: 50%;
    color: #737373; }
  .acc-message > .acc-icon:first-child > i {
    background-color: white; }
  .acc-message > .acc-icon:last-child > i {
    background-color: rgba(255, 255, 255, 0); }
    .acc-message > .acc-icon:last-child > i:hover {
      background-color: white;
      color: #3d464d; }
  .acc-message {
    background-color: #f9f9f9;
    border-color: #cccccc; }
  .acc-message.success {
    background-color: #e1f6de;
    border-color: #8ed186; }
    .acc-message.success > .acc-icon:first-child > i {
      background-color: #8ed186;
      color: white; }
  .acc-message.info {
    background-color: #dceff9;
    border-color: #67a5d6; }
    .acc-message.info > .acc-icon:first-child > i {
      background-color: #67a5d6;
      color: white; }
  .acc-message.warning {
    background-color: #fffad4;
    border-color: #eacd50; }
    .acc-message.warning > .acc-icon:first-child > i {
      background-color: #eacd50;
      color: white; }
  .acc-message.danger {
    background-color: #ffe1e1;
    border-color: #e87272; }
    .acc-message.danger > .acc-icon:first-child > i {
      background-color: #e87272;
      color: white; }
  .acc-message.settings-message {
    width: 660px; }
    @media (min-width: 1199px) {
      .acc-message.settings-message {
        width: 800px; } }

a.acc-message {
  -webkit-transition: background-color ease-in-out 0.2s;
  transition: background-color ease-in-out 0.2s;
  color: inherit; }
  a.acc-message:hover, a.acc-message:focus {
    text-decoration: none; }
  a.acc-message:hover {
    background-color: #f9f9f9; }
  a.acc-message:hover.success {
    background-color: #c2edbc; }
  a.acc-message:hover.info {
    background-color: #a8d6ef; }
  a.acc-message:hover.warning {
    background-color: #fff5a9; }
  a.acc-message:hover.danger {
    background-color: #ffc2c2; }

/** MESSAGES :: TEXT CONTENT
 *
 *    Styling the h1, h2, h3, p, ul type text content
 *
 *    Don't forget that vertical margins collapse!
 *
 *    @author   David "oodavid" King
 *    @author   Jake Ford
 */
.acc-content h1, .acc-content h2, .acc-content h3, .acc-content h4, .acc-content h5, .acc-content h6, .acc-content p, .acc-content ul, .acc-content ol {
  margin-bottom: 0;
  margin-top: 0; }

.acc-content h1, .acc-content h2, .acc-content h3, .acc-content h4, .acc-content h5, .acc-content h6 {
  color: #3d464d;
  line-height: 24px; }

.acc-content p, .acc-content ul, .acc-content ol {
  color: #737373;
  line-height: 21px; }

.acc-content ul {
  padding-left: 12px; }

/** MODAL
 *
 *	
 *
 *		@author   David "oodavid" King
 *		@author   Jake Ford
 */
/* Don't scroll the BG when active */
body.acc-modal-show {
  overflow: hidden; }

/* The container */
.acc-modal {
  position: fixed;
  z-index: 1100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  display: -webkit-box;
  display: -moz-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  align-content: center; }
  .acc-modal > div {
    display: -webkit-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-flex-direction: column;
    flex-direction: column;
    min-width: 200px;
    max-width: 700px;
    max-height: 85%;
    background: white;
    border: 1px solid #ececec;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.35); }
    .acc-modal > div > .acc-header {
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      padding: 12px 21px;
      background-color: #fbfbfb;
      border-bottom: 1px solid #ececec;
      position: relative; }
      .acc-modal > div > .acc-header > * {
        margin-bottom: 0; }
      .acc-modal > div > .acc-header .acc-icon {
        position: absolute;
        top: 12px;
        right: 21px; }
    .acc-modal > div > .acc-content {
      -webkit-box-flex: 0;
              flex: 0 1 auto;
      padding: 12px 21px;
      overflow: scroll; }
    .acc-modal > div > .acc-footer {
      border-top: 1px solid #ececec;
      -webkit-box-flex: 1;
              flex: 1 0 auto;
      padding: 12px 21px;
      text-align: center; }
      .acc-modal > div > .acc-footer .btn-default {
        float: left; }
        .acc-modal > div > .acc-footer .btn-default + .btn, .acc-modal > div > .acc-footer div.ribbon ~ div.ribbon-info > p .btn-default + a.button, div.ribbon ~ div.ribbon-info > p .acc-modal > div > .acc-footer .btn-default + a.button {
          float: right; }
      .acc-modal > div > .acc-footer:after {
        content: " ";
        display: block;
        clear: both; }

/*
	From Sweet Alerts
	 Animations that we could implement for show and hide

	@keyframes showSweetAlert {
		0%   { transform: scale(0.7); }
		45%  { transform: scale(1.05); }
		80%  { transform: scale(0.95); }
		100% { transform: scale(1); }
	};

	@keyframes hideSweetAlert {
		0%   { transform: scale(1); }
		100% { transform: scale(0.5); }
	};
	.showSweetAlert {
		animation: showSweetAlert 0.3s;
	}
	.hideSweetAlert {
		animation: hideSweetAlert 0.3s;
	}
*/
/** LOADING
 *
 *		Renders a loading icon, see custom directive
 *
 *          <loading></loading>
 *
 *		Starting with an open-source loading spinner, we
 *		 can easily swap this out with a spinner of our
 *		 own making by modifying the directive and this css
 *
 *		http://tobiasahlin.com/spinkit/
 *
 *		@author   David "oodavid" King
 */
.sk-folding-cube {
  display: inline-block;
  vertical-align: middle;
  margin: 11px;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg); }

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg); }

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg); }

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg); }

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s; }

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s; }

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s; }

@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0; }
  25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1; }
  90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0; } }

/** NOTIFIER
 *
 *    I failed to port over the "bounceInUp" animation
 *     from https://github.com/daneden/animate.css and
 *     instead have used bezier animations from:
 *
 *      http://easings.net/
 *
 *    @author   David "oodavid" King
 */
.acc-notifier {
  position: fixed;
  height: 80px;
  padding-bottom: 20px;
  line-height: 60px;
  bottom: -20px;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, 0.15);
  text-align: center;
  z-index: 102;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: transform 500ms cubic-bezier(0.2, 1.5, 0.3, 1.3), background-color ease-in-out 0.4s;
  -webkit-transition: background-color ease-in-out 0.4s, -webkit-transform 500ms cubic-bezier(0.2, 1.5, 0.3, 1.3);
  transition: background-color ease-in-out 0.4s, -webkit-transform 500ms cubic-bezier(0.2, 1.5, 0.3, 1.3);
  transition: transform 500ms cubic-bezier(0.2, 1.5, 0.3, 1.3), background-color ease-in-out 0.4s;
  transition: transform 500ms cubic-bezier(0.2, 1.5, 0.3, 1.3), background-color ease-in-out 0.4s, -webkit-transform 500ms cubic-bezier(0.2, 1.5, 0.3, 1.3); }
  .acc-notifier.ng-hide {
    display: block !important;
    z-index: 101;
    -webkit-transform: translate3d(0, 66px, 0);
            transform: translate3d(0, 66px, 0);
    -webkit-transition: transform 500ms cubic-bezier(0.7, -0.3, 0.8, 0.1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.7, -0.3, 0.8, 0.1);
    transition: -webkit-transform 500ms cubic-bezier(0.7, -0.3, 0.8, 0.1);
    transition: transform 500ms cubic-bezier(0.7, -0.3, 0.8, 0.1);
    transition: transform 500ms cubic-bezier(0.7, -0.3, 0.8, 0.1), -webkit-transform 500ms cubic-bezier(0.7, -0.3, 0.8, 0.1); }
  .acc-notifier > input,
  .acc-notifier > button {
    height: 34px !important;
    vertical-align: baseline;
    margin: 0 0 0 15px; }
  .acc-notifier > input {
    min-width: 200px;
    max-width: 300px; }
  .acc-notifier {
    background-color: #e0e4e6; }
  .acc-notifier.success {
    background-color: #ddf1db; }
  .acc-notifier.info {
    background-color: #d1e4f3; }
  .acc-notifier.warning {
    background-color: #f9f0cb; }
  .acc-notifier.danger {
    background-color: #f8d5d5; }

/** GROWL
 *
 *    Like this:
 *      http://janstevens.github.io/angular-growl-2/
 *
 *    But not shit
 *
 *    @author   David "oodavid" King
 */
/** CERTIFICATE
 *
 *	Some Notes about SIZING
 *
 *		The width and height is fixed
 *		The contents use absolute positioning with values like:
 *			top: 20%;
 *			left: 0%;
 *			right: 0%;
 *			width: 30%;
 *			height: 20%;
 *		...because of this, the certificate will scale nicely
 *
 *		Feel free to add new sizes, just make sure the proportion
 *		 and font-sizes are correct by using the main $variables.
 *
 *		@author   David "oodavid" King
 */
div.certificate {
  width: 800px;
  height: 618px;
  font-size: 1.01523px; }
  div.certificate .desktop {
    display: block; }
  div.certificate .mobile {
    display: none; }

div.certificate.thumb100 {
  width: 100px;
  height: 77px;
  font-size: 0.1269px; }
  div.certificate.thumb100 .desktop {
    display: block; }
  div.certificate.thumb100 .mobile {
    display: none; }

div.certificate.thumb200 {
  width: 200px;
  height: 155px;
  font-size: 0.25381px; }
  div.certificate.thumb200 .desktop {
    display: block; }
  div.certificate.thumb200 .mobile {
    display: none; }

div.certificate.thumb250 {
  width: 250px;
  height: 193px;
  font-size: 0.31726px; }
  div.certificate.thumb250 .desktop {
    display: block; }
  div.certificate.thumb250 .mobile {
    display: none; }

div.certificate.thumb318 {
  width: 318px;
  height: 246px;
  font-size: 0.40355px; }
  div.certificate.thumb318 .desktop {
    display: block; }
  div.certificate.thumb318 .mobile {
    display: none; }

div.certificate.thumb610 {
  width: 610px;
  height: 471px;
  font-size: 0.77411px; }
  div.certificate.thumb610 .desktop {
    display: block; }
  div.certificate.thumb610 .mobile {
    display: none; }

div.certificate.thumb628 {
  width: 628px;
  height: 485px;
  font-size: 0.79695px; }
  div.certificate.thumb628 .desktop {
    display: block; }
  div.certificate.thumb628 .mobile {
    display: none; }

div.certificate.thumb647 {
  width: 647px;
  height: 500px;
  font-size: 0.82107px; }
  div.certificate.thumb647 .desktop {
    display: block; }
  div.certificate.thumb647 .mobile {
    display: none; }

div.certificate.thumb670 {
  width: 670px;
  height: 518px;
  font-size: 0.85025px; }
  div.certificate.thumb670 .desktop {
    display: block; }
  div.certificate.thumb670 .mobile {
    display: none; }

div.certificate.mobile320 {
  width: 320px;
  height: 501px;
  font-size: 0.82474px; }
  div.certificate.mobile320 .desktop {
    display: none; }
  div.certificate.mobile320 .mobile {
    display: block; }

div.certificate.mobile400 {
  width: 400px;
  height: 627px;
  font-size: 1.03093px; }
  div.certificate.mobile400 .desktop {
    display: none; }
  div.certificate.mobile400 .mobile {
    display: block; }

div.certificate.thumbRecipient {
  width: 800px;
  height: 618px;
  font-size: 1.01523px; }
  div.certificate.thumbRecipient .desktop {
    display: block; }
  div.certificate.thumbRecipient .mobile {
    display: none; }
  @media (max-width: 824px) {
    div.certificate.thumbRecipient {
      width: 534px;
      height: 837px;
      font-size: 1.37629px; }
      div.certificate.thumbRecipient .desktop {
        display: none; }
      div.certificate.thumbRecipient .mobile {
        display: block; } }
  @media (max-width: 550px) {
    div.certificate.thumbRecipient {
      width: 400px;
      height: 627px;
      font-size: 1.03093px; }
      div.certificate.thumbRecipient .desktop {
        display: none; }
      div.certificate.thumbRecipient .mobile {
        display: block; } }
  @media (max-width: 400px) {
    div.certificate.thumbRecipient {
      width: 360px;
      height: 564px;
      font-size: 0.92784px; }
      div.certificate.thumbRecipient .desktop {
        display: none; }
      div.certificate.thumbRecipient .mobile {
        display: block; } }
  @media (max-width: 360px) {
    div.certificate.thumbRecipient {
      width: 320px;
      height: 501px;
      font-size: 0.82474px; }
      div.certificate.thumbRecipient .desktop {
        display: none; }
      div.certificate.thumbRecipient .mobile {
        display: block; } }

@page {
  size: 11in 8.5in;
  margin: 0;
  padding: 0; }

div#princeXML div.certificate {
  width: 11in;
  height: 8.5in;
  font-size: 0.01396in; }
  div#princeXML div.certificate .desktop {
    display: block; }
  div#princeXML div.certificate .mobile {
    display: none; }

div.certificate {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: #FFFFFF;
  overflow: hidden; }
  div.certificate > * {
    pointer-events: none; }
  div.certificate > .certificate-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    background-position: center bottom;
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  div.certificate > .certificate-block {
    position: absolute;
    min-width: 5%;
    min-height: 5%;
    text-align: center;
    font-size: 14em;
    line-height: 1.42;
    color: #333333; }
    div.certificate > .certificate-block.bold {
      font-weight: bold; }
    div.certificate > .certificate-block.underline {
      text-decoration: underline; }
    div.certificate > .certificate-block.italic {
      font-style: italic; }
    div.certificate > .certificate-block.selected {
      outline: 1px #116096 solid; }
      div.certificate > .certificate-block.selected.centered {
        outline: none;
        border-bottom: 1px #116096 dashed;
        border-top: 1px #116096 dashed; }
    div.certificate > .certificate-block > span.block-text {
      white-space: pre-line;
      word-wrap: break-word; }
    div.certificate > .certificate-block > img.block-image,
    div.certificate > .certificate-block > div.block-image {
      width: 100%;
      height: 100%; }
    div.certificate > .certificate-block > div.block-image {
      background-color: #DDD;
      display: table; }
      div.certificate > .certificate-block > div.block-image > div {
        display: table-cell;
        vertical-align: middle;
        color: white; }
  div.certificate img.watermark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

/** BADGE
 *
 *	    For badge images
 *
 *		@author   David "oodavid" King
 */
/** TOOLTIP
 *
 *    We have a single tooltip element that is recycled
 *     throughout the entire site. This is to style said
 *     element.
 *
 *    @author   David "oodavid" King
 */
#accTooltip {
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 2000;
  padding: 4px 10px;
  max-width: 240px;
  background-color: #3d464d;
  border-radius: 4px;
  color: #fff;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 300; }
  #accTooltip:before {
    content: "";
    position: absolute;
    z-index: 2001;
    border: solid; }
  #accTooltip.top {
    margin: -6px 0 6px 0; }
    #accTooltip.top:before {
      border-width: 6px 6px 0 6px;
      bottom: -6px; }
  #accTooltip.bottom {
    margin: 6px 0 -6px 0; }
    #accTooltip.bottom:before {
      border-width: 0 6px 6px 6px;
      top: -6px; }
  #accTooltip.left {
    margin: 0 6px 0 -6px; }
    #accTooltip.left:before {
      border-width: 6px 0 6px 6px;
      right: -6px; }
  #accTooltip.right {
    margin: 0 -6px 0 6px; }
    #accTooltip.right:before {
      border-width: 6px 6px 6px 0;
      left: -6px; }
  #accTooltip.top:before, #accTooltip.bottom:before {
    border-color: #3d464d transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  #accTooltip.left:before, #accTooltip.right:before {
    border-color: transparent #3d464d;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

/** MODAL > CERTIFICATE Design SELECTION
 *
 *    Contains a grid of certificate designs to preview
 *     and select, as well as pagination and loading screen.
 *
 *    "Default" designs are decorated with a corner-ribbon.
 *
 *    @author   David "oodavid" King
 */
.certificate-design-selection > div {
  min-width: 360px;
  max-width: 730px; }

.certificate-design-selection .design-list {
  padding: 5px !important; }
  .certificate-design-selection .design-list > div {
    text-align: center; }
    .certificate-design-selection .design-list > div > div {
      display: inline-block;
      padding: 10px;
      margin: 5px;
      width: 220px;
      border: 2px solid transparent;
      text-align: center;
      cursor: pointer;
      position: relative; }
      .certificate-design-selection .design-list > div > div:focus {
        outline: none !important; }
      .certificate-design-selection .design-list > div > div:hover {
        border-color: #cccccc;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); }
      .certificate-design-selection .design-list > div > div > div.design-name {
        height: 20px;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  .certificate-design-selection .design-list.loading {
    opacity: 0.5; }

#articles-page {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
  background-color: #eee;
  padding-bottom: 5%; }
  #articles-page .img-responsive {
    margin-right: auto;
    margin-left: auto; }
  #articles-page img {
    max-width: 100%;
    position: relative;
    left: 50%;
    margin-left: -250px; }
  #articles-page #uvp {
    font-size: 6.5em;
    margin-top: 60px;
    padding: 0 10%;
    font-weight: 300;
    text-transform: none; }
  #articles-page #header-section {
    background-image: url("/images/landing/hero_shot.jpg");
    background-position: center center;
    background-size: cover;
    color: white;
    min-height: 0;
    padding-bottom: 40px;
    padding-top: 40px;
    font-weight: 300;
    text-shadow: 0px 0px 7px rgba(25, 25, 25, 0.6);
    -webkit-text-shadow: 0px 0px 7px rgba(25, 25, 25, 0.6);
    -o-text-shadow: 0px 0px 7px rgba(25, 25, 25, 0.6);
    -moz-text-shadow: 0px 0px 7px rgba(25, 25, 25, 0.6); }
  #articles-page #articles-wrapper {
    position: relative;
    max-width: 1280px;
    margin: 0px auto; }
  #articles-page #articles-sidebar {
    float: left;
    background-color: #FFF;
    margin-left: 2%;
    width: 15%; }
    #articles-page #articles-sidebar ul {
      padding: 10px;
      list-style: none; }
      #articles-page #articles-sidebar ul li {
        padding: 5px; }
      #articles-page #articles-sidebar ul .active {
        background-color: #eee; }
    #articles-page #articles-sidebar h3 {
      margin: 10px 0 0 0; }
    @media (max-width: 767px) {
      #articles-page #articles-sidebar {
        margin: 40px 2.5% 0 2.5%;
        width: 95%;
        max-width: 95%;
        float: none; } }
  #articles-page .articles-sidebar-margin {
    margin-top: 108px; }
  #articles-page #articles-body {
    font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-bottom: 80px;
    margin-left: 17%;
    margin-right: 2%;
    width: 81%;
    max-width: 1040px; }
    @media (max-width: 767px) {
      #articles-page #articles-body {
        margin: 0 2.5%;
        width: 95%; } }
    #articles-page #articles-body h2 {
      font-sze: 4.0em; }
    #articles-page #articles-body p {
      line-height: 1.5em;
      font-size: 1.1em;
      margin-bottom: 1.5em; }
    #articles-page #articles-body img {
      text-align: center; }
    #articles-page #articles-body article {
      background-color: white;
      padding: 20px 40px;
      margin: 40px 20px 120px 20px; }
      @media (max-width: 767px) {
        #articles-page #articles-body article {
          margin: 40px 0 60px 0; } }
    #articles-page #articles-body .breadcrumb {
      background-color: #eee;
      font-size: 1.25em;
      margin-top: 20px;
      padding: 30px; }
    #articles-page #articles-body .single-post {
      margin-top: 0; }

#contact {
  background-color: #eee;
  position: fixed;
  overflow: scroll;
  width: 100%;
  height: 100%; }
  #contact #signedout-nav {
    background-color: #116096; }
  #contact #content {
    background-color: white;
    border-radius: 4px;
    padding: 32px;
    margin: 50px auto 75px auto;
    max-width: 600px; }
    #contact #content textarea {
      height: 160px; }

.static-page-wrapper {
  background-color: #eee;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  min-height: 100vh;
  min-width: 0 !important;
  padding: 0 0 60px 0;
  position: relative;
  width: 100%; }
  .static-page-wrapper .row {
    margin-left: 0;
    margin-right: 0; }
  @media (max-width: 767px) {
    .static-page-wrapper {
      padding-bottom: 200px; } }
  .static-page-wrapper p.help-block {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 0; }
  .static-page-wrapper .has-error .has-success .form-control {
    border-color: #3c763d; }
    .static-page-wrapper .has-error .has-success .form-control:focus {
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; }

.static-page-content {
  background-color: white;
  border-radius: 4px;
  max-width: 600px;
  margin: 40px auto;
  width: 100%; }

.static-content-header {
  font-weight: 300;
  color: #777;
  border-radius: 8px;
  padding-bottom: 30px;
  padding-top: 40px;
  text-align: center; }
  .static-content-header h1, .static-content-header h2, .static-content-header h3, .static-content-header h4, .static-content-header h5, .static-content-header h6 {
    font-weight: 300; }

.static-content-footer {
  color: #668bb8;
  font-size: 12px;
  padding-bottom: 40px;
  padding-top: 20px; }
  .static-content-footer p {
    font-size: 14px;
    margin-bottom: 0;
    padding: 15px 30px; }

.static-wide {
  width: 80%;
  max-width: none; }

.small-control-label {
  font-size: 11px; }

.lang-flag {
  opacity: 0.65;
  width: 32px; }
  .lang-flag:hover {
    opacity: 1; }

#page-unsub .static-content-body {
  background-color: #fafafa; }

#login-container .form-group:last-child {
  margin-top: 30px;
  margin-bottom: 0; }

#login-container label.control-label {
  padding-bottom: 0; }

#help-container #landing-nav {
  background-color: #116096;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

#help-container .static-page-content {
  margin-top: 84px; }

#help-container .static-content-body {
  padding: 30px; }

#help-container iframe {
  position: relative;
  left: 0; }

#reset-password-container .form-group:last-child {
  margin-top: 30px;
  margin-bottom: 0; }

#reset-password-container .control-label {
  color: #777;
  font-weight: 300;
  padding-top: 0; }

#learning-redirect {
  color: #777;
  font-size: 14px;
  font-weight: 300; }
  #learning-redirect h5 {
    font-size: 16px; }
  #learning-redirect #developers-nav {
    display: none; }
  #learning-redirect fieldset {
    min-height: 300px; }
  #learning-redirect .static-content-body {
    min-height: 580px; }
  #learning-redirect .static-page-wrapper {
    padding-bottom: none; }

#private-page {
  padding: 20px; }
  #private-page .key-example {
    margin: 5px 15px; }
  #private-page p {
    margin-top: 20px; }

.privacy-terms h1, .privacy-terms h2 {
  font-weight: bold; }

.privacy-terms p, .privacy-terms li {
  font-size: 18px;
  line-height: 28px; }

.marketing-page {
  color: #474747;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility !important;
  /* Pricing Page */ }
  .marketing-page .btn, .marketing-page div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .marketing-page a.button {
    border-color: transparent;
    border-radius: 50px;
    color: white;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 34px;
    padding: 0 40px;
    text-transform: uppercase; }
  .marketing-page .btn-info, .marketing-page div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .marketing-page a.button, .marketing-page .uib-datepicker .dropdown-menu .btn-default.active, .uib-datepicker .dropdown-menu .marketing-page .btn-default.active, .marketing-page .db-view table.table .input-group.datepicker .dropdown-menu .btn-default.active, .db-view table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active, .marketing-page .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active, .acms-modal table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active, .marketing-page .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active, .user-modal table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active, .marketing-page .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default.active, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active {
    background-color: #448ac9; }
    .marketing-page .btn-info:hover, .marketing-page div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .marketing-page a.button:hover, .marketing-page .uib-datepicker .dropdown-menu .btn-default.active:hover, .uib-datepicker .dropdown-menu .marketing-page .btn-default.active:hover, .marketing-page .db-view table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .db-view table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active:hover, .marketing-page .acms-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .acms-modal table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active:hover, .marketing-page .user-modal table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .user-modal table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active:hover, .marketing-page .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .btn-default.active:hover, .wallet-wrapper table.table .input-group.datepicker .dropdown-menu .marketing-page .btn-default.active:hover {
      background-color: #31b0d5; }
  .marketing-page .marketing-section .carousel .item img {
    max-width: 400px; }
  .marketing-page .marketing-section .carousel .carousel-caption {
    color: #728490;
    font-size: 30px;
    font-weight: 300;
    left: 0;
    line-height: 24px;
    right: auto;
    text-align: left;
    text-shadow: none;
    top: 0;
    width: 42%; }
  .marketing-page .marketing-section .carousel .carousel-control {
    background-image: url("../images/carousel_arrow.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    bottom: 0 !important;
    cursor: pointer;
    display: inline-block !important;
    opacity: 1;
    top: auto;
    height: 25px;
    width: 25px; }
    .marketing-page .marketing-section .carousel .carousel-control:hover {
      background-image: url("../images/carousel_arrow_blue.svg"); }
    .marketing-page .marketing-section .carousel .carousel-control.right {
      left: 31px; }
    .marketing-page .marketing-section .carousel .carousel-control.left {
      right: auto;
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
    .marketing-page .marketing-section .carousel .carousel-control .glyphicon {
      display: none; }
  .marketing-page .marketing-section .carousel .carousel-num {
    bottom: 3px;
    height: 20px;
    left: 72px;
    position: absolute;
    width: 40px; }
  .marketing-page .marketing-footer {
    background-color: white;
    color: #334f60;
    padding: 60px 0 120px 0; }
    @media (max-width: 767px) {
      .marketing-page .marketing-footer {
        padding-left: 15px;
        padding-right: 15px; } }
    .marketing-page .marketing-footer .container, .marketing-page .marketing-footer div.acc-title > div, .marketing-page .marketing-footer div.acc-title::after, .marketing-page .marketing-footer div.acc-actions > div, .marketing-page .marketing-footer .db-view-content {
      max-width: 1024px; }
    .marketing-page .marketing-footer .col-sm-3 {
      padding: 0 20px; }
    .marketing-page .marketing-footer h4 {
      color: #448ac9;
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 16px;
      margin-top: 0; }
    .marketing-page .marketing-footer ul {
      list-style-type: none;
      padding-bottom: 8px;
      padding-left: 0; }
      .marketing-page .marketing-footer ul li {
        height: 14px;
        line-height: 12px;
        margin-bottom: 12px; }
      .marketing-page .marketing-footer ul a {
        -webkit-transition: all, 0.2s;
        transition: all, 0.2s;
        color: #334f60;
        font-size: 14px;
        line-height: 14px; }
        .marketing-page .marketing-footer ul a:hover {
          color: black;
          -webkit-text-decoration-color: #334f60;
                  text-decoration-color: #334f60; }
    .marketing-page .marketing-footer p {
      margin-bottom: 18px; }
    .marketing-page .marketing-footer .small-p {
      color: black;
      font-size: 13px;
      line-height: 1.4; }
    .marketing-page .marketing-footer hr {
      border-color: #f2f2f2;
      border-top-width: 4px; }
    .marketing-page .marketing-footer .logo {
      margin-bottom: 20px;
      max-width: 160px; }
    .marketing-page .marketing-footer .green-icon {
      color: #82ccb3; }
    .marketing-page .marketing-footer .footer-social {
      margin-right: 6px;
      opacity: 0.8; }
      .marketing-page .marketing-footer .footer-social:hover {
        opacity: 1;
        text-decoration: none; }
      .marketing-page .marketing-footer .footer-social img {
        max-width: 24px; }
  .marketing-page .marketing-nav {
    height: 60px;
    margin-bottom: 0;
    padding-top: 25px;
    width: 100%;
    z-index: 10; }
    @media (max-width: 1023px) {
      .marketing-page .marketing-nav .container, .marketing-page .marketing-nav div.acc-title > div, .marketing-page .marketing-nav div.acc-title::after, .marketing-page .marketing-nav div.acc-actions > div, .marketing-page .marketing-nav .db-view-content {
        padding: 0 30px;
        width: 100%; }
        .marketing-page .marketing-nav .container .row, .marketing-page .marketing-nav div.acc-title > div .row, .marketing-page .marketing-nav div.acc-title::after .row, .marketing-page .marketing-nav div.acc-actions > div .row, .marketing-page .marketing-nav .db-view-content .row {
          padding: 0 15px 0 30px; } }
    @media (max-width: 900px) {
      .marketing-page .marketing-nav .container, .marketing-page .marketing-nav div.acc-title > div, .marketing-page .marketing-nav div.acc-title::after, .marketing-page .marketing-nav div.acc-actions > div, .marketing-page .marketing-nav .db-view-content {
        padding: 0 15px; } }
    @media (max-width: 800px) {
      .marketing-page .marketing-nav .container, .marketing-page .marketing-nav div.acc-title > div, .marketing-page .marketing-nav div.acc-title::after, .marketing-page .marketing-nav div.acc-actions > div, .marketing-page .marketing-nav .db-view-content {
        padding: 0; } }
    .marketing-page .marketing-nav .nav-link {
      margin: 0;
      padding: 0;
      display: inline-block; }
      .marketing-page .marketing-nav .nav-link:hover {
        border-bottom-color: transparent; }
      .marketing-page .marketing-nav .nav-link img {
        margin-top: 7px;
        max-width: 140px; }
        @media (max-width: 1023px) {
          .marketing-page .marketing-nav .nav-link img {
            max-width: 120px; } }
    .marketing-page .marketing-nav .icon-bar {
      background-color: white; }
    .marketing-page .marketing-nav .navbar-toggle {
      border-color: rgba(255, 255, 255, 0.25);
      margin-top: 0; }
    .marketing-page .marketing-nav .navbar-collapse.collapse {
      background-color: #003740; }
    .marketing-page .marketing-nav ul.nav.navbar-nav > li {
      padding-top: 6px; }
      .marketing-page .marketing-nav ul.nav.navbar-nav > li:last-child {
        padding-top: 0; }
      .marketing-page .marketing-nav ul.nav.navbar-nav > li > a {
        margin: 0; }
        @media (min-width: 768px) and (max-width: 991px) {
          .marketing-page .marketing-nav ul.nav.navbar-nav > li > a span.visible-sm {
            display: inline-block !important; } }
    @media (max-width: 767px) {
      .marketing-page .marketing-nav ul.nav.navbar-nav {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        margin-top: 0;
        padding-right: 24px;
        padding-top: 12px;
        z-index: 100; } }
    .marketing-page .marketing-nav a {
      -webkit-transition: all, 0.2s;
      transition: all, 0.2s;
      border-bottom: 2px solid transparent;
      color: white;
      display: inline-block;
      font-weight: 300;
      letter-spacing: 1px;
      margin: 0 12px;
      opacity: 0.88;
      padding: 0 5px;
      text-align: center; }
      .marketing-page .marketing-nav a:hover, .marketing-page .marketing-nav a:focus {
        background-color: transparent;
        border-bottom-color: #22afa2;
        color: #22afa2;
        opacity: 1;
        text-decoration: none; }
      .marketing-page .marketing-nav a div {
        display: inline-block; }
      @media (min-width: 768px) and (max-width: 948px) {
        .marketing-page .marketing-nav a {
          margin: 0 5px; } }
    .marketing-page .marketing-nav .btn, .marketing-page .marketing-nav div.ribbon ~ div.ribbon-info > p a.button, div.ribbon ~ div.ribbon-info > p .marketing-page .marketing-nav a.button {
      background-color: #334f60;
      border-bottom-width: 0;
      padding: 0 40px;
      position: relative;
      top: -1px; }
      .marketing-page .marketing-nav .btn:hover, .marketing-page .marketing-nav div.ribbon ~ div.ribbon-info > p a.button:hover, div.ribbon ~ div.ribbon-info > p .marketing-page .marketing-nav a.button:hover {
        background-color: #82ccb3;
        border-bottom-color: transparent;
        color: white;
        opacity: 1; }
    @media (max-width: 767px) {
      .marketing-page .marketing-nav {
        min-height: 116px; }
        .marketing-page .marketing-nav a {
          margin: 0 8px 12px 8px; } }
  .marketing-page .price-buttons button.btn-custom {
    background-color: #f8f8f8;
    border-color: #CACACA;
    border-radius: 0;
    border-right-width: 0;
    color: #334f60;
    font-size: 14px;
    font-weight: 300;
    height: 42px;
    letter-spacing: 0px;
    padding: 0px;
    text-align: center;
    width: 14.285%; }
    .marketing-page .price-buttons button.btn-custom:hover {
      background-color: white;
      color: #82ccb3; }
    .marketing-page .price-buttons button.btn-custom.selected {
      color: #82ccb3;
      background-color: #344F5F;
      border-color: #344F5F; }
    .marketing-page .price-buttons button.btn-custom:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .marketing-page .price-buttons button.btn-custom:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-right-width: 1px; }
  .marketing-page .price-plan {
    background-color: white;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    display: inline-block;
    height: 56px;
    margin: 0 0 -8px 0;
    overflow: hidden;
    padding: 2px 20px 4px 20px;
    position: relative;
    text-align: center;
    width: 100%; }
    .marketing-page .price-plan:nth-child(even) {
      background-color: #fafafa; }
    .marketing-page .price-plan:first-child {
      border-radius: 5px 5px 0 0; }
    .marketing-page .price-plan:last-child {
      border-bottom: 1px solid #eee;
      border-radius: 0 0 5px 5px; }
    @media (max-width: 767px) {
      .marketing-page .price-plan {
        height: auto;
        margin-left: 0;
        margin-right: 0;
        width: 100%; } }
  .marketing-page .price-plan__cost, .marketing-page .price-plan__unitcost, .marketing-page .price-plan__number {
    line-height: 44px; }
  .marketing-page .price-plan__cost, .marketing-page .price-plan__number {
    display: inline-block;
    width: 80px;
    text-align: right; }
    .marketing-page .price-plan__cost.visible-xs, .marketing-page .price-plan__number.visible-xs {
      display: none !important; }
      @media (max-width: 768px) {
        .marketing-page .price-plan__cost.visible-xs, .marketing-page .price-plan__number.visible-xs {
          display: inline-block !important; } }
  .marketing-page .price-plan__cost, .marketing-page .price-plan__number {
    font-size: 28px; }
  .marketing-page .faq-question .question {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important; }
  .marketing-page #whitelabelled-profiles a:hover {
    text-decoration: none; }
  .marketing-page #professional-profiles-page #header-section {
    background-image: url("/images/landing/hero_shot3.jpeg"); }
  .marketing-page #prof-testimonial1 {
    background-color: #a8d6ef;
    color: white; }
    .marketing-page #prof-testimonial1 a {
      color: white;
      opacity: 0.7; }
      .marketing-page #prof-testimonial1 a:hover {
        opacity: 0.5; }
  .marketing-page #find-candidates {
    border-bottom: 1px solid #dedede; }
  .marketing-page #write-custom-code {
    padding-bottom: 0; }
  .marketing-page h1 {
    color: white;
    font-size: 32px;
    font-weight: 200;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase; }
  .marketing-page h2 {
    color: #334f60;
    font-size: 32px;
    font-weight: 400;
    text-transform: uppercase; }
  .marketing-page h3 {
    color: #334f60;
    font-size: 22px;
    font-weight: 400; }
  .marketing-page h4 {
    color: #82ccb3;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6; }
  .marketing-page p {
    color: #728490;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px; }
  @media (max-width: 1023px) {
    .marketing-page .feature {
      padding-bottom: 30px;
      padding-top: 15px; }
      .marketing-page .feature h3 {
        margin-top: 0; }
      .marketing-page .feature .img-responsive.partial-width {
        margin: 0 0 0 30%; } }
  @media (max-width: 767px) {
    .marketing-page .feature .img-responsive.partial-width {
      margin: 0 15% 30px 15%; } }
  .marketing-page .feature-icon {
    margin: 0 auto;
    max-width: 64px; }
  .marketing-page .text-light, .marketing-page .help-text, .marketing-page .page-tip, .marketing-page #issuer-analytics .logs-table th, #issuer-analytics .logs-table .marketing-page th, .marketing-page .form .list-remove-button, .form .marketing-page .list-remove-button, .marketing-page .db-view .payment-plan, .db-view .marketing-page .payment-plan, .marketing-page #settings-page .form-btn .control-label, #settings-page .form-btn .marketing-page .control-label, .marketing-page .modal-form .form-btn .control-label, .modal-form .form-btn .marketing-page .control-label, .marketing-page .settings-link-list .link-group a, .settings-link-list .link-group .marketing-page a, .marketing-page .cert-edit-toggle, .marketing-page .marketing-section .carousel .carousel-num, .marketing-page .price-plan__unitcost {
    color: #a1a1a1; }
  .marketing-page .text-thin, .marketing-page .user-modal .modal-content .help-block, .user-modal .modal-content .marketing-page .help-block, .marketing-page .user-modal #copy-field input, .user-modal #copy-field .marketing-page input, .marketing-page .acms-modal small, .acms-modal .marketing-page small, .marketing-page .acms-modal.confirm-modal .modal-content label, .acms-modal.confirm-modal .modal-content .marketing-page label, .marketing-page .form .help-block, .form .marketing-page .help-block, .marketing-page .db-view #credential-footer, .db-view .marketing-page #credential-footer, .marketing-page .price-plan__unitcost, .marketing-page .action-flair {
    font-weight: 200; }
  .marketing-page .text-blue, .marketing-page .action-flair {
    color: #448ac9; }
  .marketing-page .text-green {
    color: #82ccb3; }
  .marketing-page .text-dark, .marketing-page .wallet-credential a, .wallet-credential .marketing-page a, .marketing-page #issuer-analytics .percentage .label, #issuer-analytics .percentage .marketing-page .label, .marketing-page .form .control-label, .form .marketing-page .control-label, .marketing-page .db-view .payment-plan:focus, .db-view .marketing-page .payment-plan:focus, .marketing-page .db-view .payment-plan.info, .db-view .marketing-page .payment-plan.info, .marketing-page #settings-page .form-btn:hover .control-label, #settings-page .form-btn:hover .marketing-page .control-label, .marketing-page #settings-page .form-btn:focus .control-label, #settings-page .form-btn:focus .marketing-page .control-label, .marketing-page .modal-form .form-btn:hover .control-label, .modal-form .form-btn:hover .marketing-page .control-label, .marketing-page .modal-form .form-btn:focus .control-label, .modal-form .form-btn:focus .marketing-page .control-label, .marketing-page #settings-page .edit-flair, #settings-page .marketing-page .edit-flair, .marketing-page .modal-form .edit-flair, .modal-form .marketing-page .edit-flair, .marketing-page .db-view .acc-ui-box, .db-view .marketing-page .acc-ui-box, .marketing-page .db-view .settings-group, .db-view .marketing-page .settings-group, .marketing-page .acms-modal .acc-ui-box, .acms-modal .marketing-page .acc-ui-box, .marketing-page .acms-modal .settings-group, .acms-modal .marketing-page .settings-group, .marketing-page .user-modal .acc-ui-box, .user-modal .marketing-page .acc-ui-box, .marketing-page .user-modal .settings-group, .user-modal .marketing-page .settings-group, .marketing-page .wallet-wrapper .acc-ui-box, .wallet-wrapper .marketing-page .acc-ui-box, .marketing-page .wallet-wrapper .settings-group, .wallet-wrapper .marketing-page .settings-group, .marketing-page .db-view .acc-ui-box .box-title, .db-view .acc-ui-box .marketing-page .box-title, .marketing-page .db-view .settings-group .box-title, .db-view .settings-group .marketing-page .box-title, .marketing-page .acms-modal .acc-ui-box .box-title, .acms-modal .acc-ui-box .marketing-page .box-title, .marketing-page .acms-modal .settings-group .box-title, .acms-modal .settings-group .marketing-page .box-title, .marketing-page .user-modal .acc-ui-box .box-title, .user-modal .acc-ui-box .marketing-page .box-title, .marketing-page .user-modal .settings-group .box-title, .user-modal .settings-group .marketing-page .box-title, .marketing-page .wallet-wrapper .acc-ui-box .box-title, .wallet-wrapper .acc-ui-box .marketing-page .box-title, .marketing-page .wallet-wrapper .settings-group .box-title, .wallet-wrapper .settings-group .marketing-page .box-title, .marketing-page .settings-link-list .link-group a:hover, .settings-link-list .link-group .marketing-page a:hover, .marketing-page .settings-link-list .link-group a.active, .settings-link-list .link-group .marketing-page a.active {
    color: #334f60; }
  .marketing-page .text-all-caps, .marketing-page .db-view .acc-ui-box .box-title, .db-view .acc-ui-box .marketing-page .box-title, .marketing-page .db-view .settings-group .box-title, .db-view .settings-group .marketing-page .box-title, .marketing-page .acms-modal .acc-ui-box .box-title, .acms-modal .acc-ui-box .marketing-page .box-title, .marketing-page .acms-modal .settings-group .box-title, .acms-modal .settings-group .marketing-page .box-title, .marketing-page .user-modal .acc-ui-box .box-title, .user-modal .acc-ui-box .marketing-page .box-title, .marketing-page .user-modal .settings-group .box-title, .user-modal .settings-group .marketing-page .box-title, .marketing-page .wallet-wrapper .acc-ui-box .box-title, .wallet-wrapper .acc-ui-box .marketing-page .box-title, .marketing-page .wallet-wrapper .settings-group .box-title, .wallet-wrapper .settings-group .marketing-page .box-title {
    text-transform: uppercase; }
  .marketing-page .img-responsive.partial-width {
    max-width: 70%;
    margin: 0 15%; }

.youtube-modal .modal-content {
  border-radius: 0;
  border: none; }
  @media (max-width: 767px) {
    .youtube-modal .modal-content {
      padding: 0; } }

.youtube-modal .modal-body {
  padding: 0; }

.youtube-modal .modal-dialog {
  margin-top: 80px; }

.marketing-section {
  padding: 100px 0;
  position: relative; }
  .marketing-section h2 {
    margin-top: 0; }
  .marketing-section ul {
    padding-left: 24px; }
    .marketing-section ul li {
      color: #728490;
      font-size: 15px;
      font-weight: 300;
      line-height: 24px;
      padding-bottom: 4px; }
  .marketing-section.section-divider {
    border-bottom: 1px solid #f2f2f2; }
  .marketing-section.green-section {
    background-color: #334f60; }
  .marketing-section.grey-section {
    background-color: #f2f2f2; }
  .marketing-section.watermark-section {
    background-image: url("../images/marketing_bkgd.png");
    background-position: right top;
    background-repeat: no-repeat; }
  .marketing-section.header-section {
    background-color: #003740;
    min-height: 84px;
    padding: 0;
    position: relative;
    z-index: 1; }
    @media (max-width: 1023px) {
      .marketing-section.header-section {
        padding-left: 30px;
        padding-right: 30px; } }
    @media (max-width: 767px) {
      .marketing-section.header-section {
        min-height: 116px;
        padding-left: 15px;
        padding-right: 15px; } }
  .marketing-section.get-started-section {
    background-image: url("../images/get_started_person.png");
    background-position: right center;
    background-size: auto 100%;
    background-repeat: no-repeat; }
    @media (max-width: 1023px) {
      .marketing-section.get-started-section {
        background-size: 100% auto; } }
    @media (max-width: 767px) {
      .marketing-section.get-started-section {
        background-image: none; } }
  .marketing-section.one-on-one-section {
    background-image: url("../images/get_started_oneonone.png"); }
    @media (max-width: 767px) {
      .marketing-section.one-on-one-section {
        background-image: none; } }
  @media (max-width: 767px) {
    .marketing-section {
      padding-left: 30px;
      padding-right: 30px;
      padding-top: 60px;
      padding-bottom: 60px; } }
  @media (max-width: 479px) {
    .marketing-section {
      padding-left: 15px;
      padding-right: 15px; } }

.cert-gif-container {
  height: 520px;
  position: absolute;
  top: 80px;
  right: 10%;
  width: 54%; }
  .cert-gif-container img.img {
    height: 100%;
    width: auto; }
  @media (max-width: 1199px) {
    .cert-gif-container {
      height: 400px; } }
  @media (max-width: 1023px) {
    .cert-gif-container {
      height: 440px; } }

.loved-by-img-container {
  height: 560px;
  padding: 54px 105px 86px 0;
  position: absolute;
  top: 200px;
  left: 0;
  width: 49%; }
  .loved-by-img-container img.img {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
    z-index: 1; }
  @media (max-width: 1199px) {
    .loved-by-img-container {
      height: 500px;
      padding: 48px 93px 76px 0;
      top: 290px; } }
  @media (max-width: 1023px) {
    .loved-by-img-container {
      padding: 48px 93px 76px 0; } }

.video-link-container {
  height: 100%;
  width: 100%;
  letter-spacing: 2px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  z-index: 11; }

.video-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  color: rgba(255, 255, 255, 0.8);
  float: right;
  height: 100%;
  max-width: 722px;
  padding-top: 190px;
  width: 100%; }
  .video-overlay:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    text-decoration: none; }
  @media (max-width: 1199px) {
    .video-overlay {
      padding-top: 160px; } }
  @media (max-width: 1023px) {
    .video-overlay {
      padding-top: 160px; } }
  @media (max-width: 767px) {
    .video-overlay {
      padding-top: 30%; } }

.hero-shot-container {
  height: 660px;
  overflow: hidden;
  position: absolute;
  top: 140px;
  right: 0;
  width: 62%; }
  .hero-shot-container img.img {
    height: 100%;
    width: auto; }
  @media (min-width: 992px) and (max-width: 1023px) {
    .hero-shot-container {
      width: 45%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .hero-shot-container {
      width: 55%; } }
  @media (max-width: 767px) {
    .hero-shot-container {
      display: none; } }

.evidence-item-container {
  height: 270px;
  min-width: 994px;
  position: absolute;
  top: 80px;
  left: 48%;
  width: 100%; }
  .evidence-item-container img {
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
    display: inline-block;
    margin-right: 15px;
    max-height: 270px; }
  @media (max-width: 767px) {
    .evidence-item-container {
      height: 180px;
      margin-top: 20px;
      position: relative;
      top: 0;
      left: 0; }
      .evidence-item-container img {
        max-height: 180px; } }

.lesson-toggle {
  color: #728490;
  cursor: pointer;
  display: inline-block;
  height: 24px; }
  .lesson-toggle:hover p {
    color: #448ac9; }
  .lesson-toggle:hover .toggle-direction-img {
    background-image: url("../images/carousel_arrow_blue.svg"); }
  .lesson-toggle.disabled {
    opacity: 0.5;
    pointer-events: none; }
  .lesson-toggle p {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    top: -3px;
    text-transform: uppercase;
    vertical-align: middle; }
  .lesson-toggle .toggle-direction-img {
    background-image: url("../images/carousel_arrow.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    width: 24px; }
  .lesson-toggle.left .toggle-direction-img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .lesson-toggle *:first-child {
    margin-right: 9px; }

.lesson-preview {
  cursor: pointer;
  margin-bottom: 15px;
  text-transform: uppercase; }
  .lesson-preview.active .thumbnail-image {
    border: 4px solid #448ac9;
    opacity: 0.9; }
  .lesson-preview:hover .thumbnail-image {
    border: 4px solid #448ac9;
    opacity: 1; }
  .lesson-preview p {
    font-size: 12px;
    line-height: 15px; }
  @media (max-width: 767px) {
    .lesson-preview .thumbnail-image {
      opacity: 1; }
    .lesson-preview p {
      height: 30px; }
    .lesson-preview.active .thumbnail-image {
      opacity: 1; } }

.thumbnail-image {
  -webkit-transition: all, 0.16s;
  transition: all, 0.16s;
  border-radius: 4px;
  margin-bottom: 8px;
  opacity: 0.6;
  overflow: hidden; }

#carousel-faq {
  min-height: 333px;
  padding-bottom: 30px; }
  #carousel-faq .item .item-inner {
    background-color: white !important;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    margin: 10px auto;
    min-height: 211px;
    padding: 30px 54px;
    position: relative;
    max-width: 76%;
    width: 100%; }
  #carousel-faq .left.carousel-control {
    left: 20%; }
  #carousel-faq .right.carousel-control {
    left: auto;
    right: 20%; }
  @media (max-width: 991px) {
    #carousel-faq {
      min-height: 381px; } }

.faq {
  background-color: white;
  border-radius: 10px;
  margin: 15px 0;
  padding: 30px 54px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }

.qa-letter {
  display: inline-block;
  margin: 0;
  min-width: 50px;
  vertical-align: top; }

.qa-text {
  display: inline-block;
  max-width: 84%; }
  .qa-text * {
    margin: 0; }
  .qa-text p {
    font-weight: 400; }

#carousel-testimonial .item, #carousel-testimonial .carousel-inner {
  min-height: 300px; }

#carousel-testimonial .carousel-caption {
  left: 20%;
  margin: 0 auto;
  text-align: center;
  width: 60%; }
  #carousel-testimonial .carousel-caption img {
    max-width: 160px; }

#carousel-testimonial .left.carousel-control {
  left: 20%; }

#carousel-testimonial .right.carousel-control {
  left: auto;
  right: 20%; }

/** ICONOGRAPHY
 *
 *    Reasons for abstracting these icons here:
 *      * It helps us to be visually consistent across the entire platform.
 *      * We can update our icons in a single file instead of crawling every angular view.
 *      * It forces us to think carefully about the language we use.
 *
 *    Font
 *      We've rolled our own icon font that we download and serve
 *       as part of the front end package. The mapping of glyphs to
 *       characters happens in the _acc-icon-font.scss file, and
 *       this file is for abstracting the glyph from the semantic icon name.
 *       So, to define an icon like i.credential-status, we @extend the 
 *       .acc-icon-credential class which ensures the desired glyph.
 *       <i class="credential-status"></i> gets employed on the front end
 *       and the glyph can be changed at will.
 *
 *       For information on maintenance, and updating our font file,
 *       check the wiki:
 *       https://sites.google.com/a/accredible.com/wiki/development/updating-iconography
 *
 *       PLEASE UPDATE THE css.html FILE on the kitchen sink when you add a new icon.
 *        This should be the living guide for icons we can use / reuse. If thery are not
 *        on the kitchen sink already, think long and hard before adding a new one!
 *
 *    Usage
 *      <i class-"email"></i>
 *      <i class="multiselect some"></i>
 *      <i class="credential-status published"></i>
 *
 *    Angular Filters
 *      Check out iconographyFilters.js for ways to use icons via angular
 *
 *    CSS Structure
 *      The reason we don't use a SINGLE class for our icons is to
 *       allow the icons to be updated with logic:
 *        .baseproperty.state
 *        .baseproperty.variation
 *        .baseproperty.action
 *      As you can see, the state, variation or action can be
 *       modified while keeping the baseproperty static.
 *
 *      Generic labels like 'date', 'time', 'phone', 'email' don't need
 *       a modifier class, but one could be used in the future. Same
 *       goes for social-networkName, etc, etc.
 *
 *
 *    @author  David "oodavid" King
 *    @author  Jake Ford
 */
/* Style the <i> tag and reserve that for icon usage
 *
 *  1) The font style file we download from fontastic maps all the
 *  glyphs correctly ie. 'A' should be used for ".acc-icon-user-group"
 *
 *
 *  2) It handles the font family and rendering of the icons with a
 *  selector that looks for the class prefix that fontastic adds to our
 *  font automatically (can't avoid it).
 *
 *  Unfortunately, since this selector uses this selector: [class^="acc-icon-"]
 *  we need to use the prefixes that fontastic gives us inline, or the font
 *  appearance won't make it to the glyphs.
 *
 *
 *  3) Since we want use minimal, and semantic class names inline, we'll
 *  use a basic scss class for each of these icons and extend them so we don't need
 *  an extra class name inline
 *
 *
 *  Maintainability:
 *  Only one place to change the appearance of the icon font, and no worrying about
 *  extra classes or markup.
 *
 *    @author  Jake Ford
 *    @author  David "oodavid" King
 */
i {
  display: inline-block;
  line-height: 1;
  vertical-align: baseline;
  font-family: "acc-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

i.credential-status.expired {
  color: #dd4e4e; }

i.credential-status.bounced {
  color: #e2bd1e; }

i.credential-status.published {
  color: #58b758; }

i.credential-status.unpublished {
  color: #cccccc; }

i.credential-engagement.false {
  color: #cccccc; }

i.credential-engagement.true {
  color: #58b758; }

i.credential-shared.false {
  color: #cccccc; }

i.credential-shared.true {
  color: #58b758; }

i.credential-linkedin.false {
  color: #cccccc; }

i.credential-linkedin.true {
  color: #3482c4; }

i.select,
i.select.false {
  color: #cccccc; }

i.select.true {
  color: #37BDB1; }

i.multiselect,
i.multiselect.none {
  color: #cccccc; }

i.multiselect.one {
  color: #3482c4; }

i.multiselect.some {
  color: #3482c4; }

i.multiselect.visible {
  color: #3482c4; }

i.multiselect.everything {
  color: #3482c4; }

i.next {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

i.prev {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

i.sort.desc {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

i.move-backward {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

i.info {
  color: #dd4e4e; }

i.dir.down {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

i.dir.left {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

i.dir.up {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

/** TEXTANGULAR
 *
 *   Because we use textAngular.umd.js, it expects certain icon
 *    classes to be available, expose them here.
 *
 *   If we remove textangular, we can rethink these icons.
 */
i.muted {
  color: #cccccc; }

i.attention {
  -webkit-animation: attention 1.5s ease-in-out infinite;
  animation: attention 1.5s ease-in-out infinite; }

i.spin {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite; }

@-webkit-keyframes attention {
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); } }

@keyframes attention {
  50% {
    -webkit-transform: scale(1.4);
            transform: scale(1.4); } }

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@font-face {
  font-family: "acc-icon-font";
  src: url("../fonts/acc-icon-font/acc-icon-font.eot");
  src: url("../fonts/acc-icon-font/acc-icon-font.eot?#iefix") format("embedded-opentype"), url("../fonts/acc-icon-font/acc-icon-font.woff") format("woff"), url("../fonts/acc-icon-font/acc-icon-font.ttf") format("truetype"), url("../fonts/acc-icon-font/acc-icon-font.svg#acc-icon-font") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "acc-icon-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="acc-icon-"]:before,
[class*=" acc-icon-"]:before {
  font-family: "acc-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.acc-icon-arrow-up:before, i.move-backward:before, i.move-forward:before {
  content: "\61"; }

.acc-icon-desktop:before, i.media-desktop:before {
  content: "\66"; }

.acc-icon-mobile:before, i.media-mobile:before {
  content: "\67"; }

.acc-icon-undo:before, i.undo:before, i.editor-undo:before {
  content: "\68"; }

.acc-icon-repeat:before, i.redo:before, i.editor-redo:before {
  content: "\69"; }

.acc-icon-upload:before, i.upload:before {
  content: "\6c"; }

.acc-icon-floppy-o:before, i.save:before {
  content: "\6d"; }

.acc-icon-account:before, i.account:before {
  content: "\6e"; }

.acc-icon-action-add:before, i.add:before {
  content: "\6f"; }

.acc-icon-action-copy:before, i.copy:before {
  content: "\70"; }

.acc-icon-badge-design:before {
  content: "\71"; }

.acc-icon-branding:before, i.branding:before {
  content: "\72"; }

.acc-icon-file-image:before, i.image:before, i.editor-image:before {
  content: "\73"; }

.acc-icon-file-pdf:before, i.pdf:before {
  content: "\74"; }

.acc-icon-file-spreadsheet:before, i.spreadsheet:before {
  content: "\75"; }

.acc-icon-settings:before, i.settings:before {
  content: "\78"; }

.acc-icon-time:before, i.credential-status.expired:before, i.time:before {
  content: "\79"; }

.acc-icon-user:before, i.user:before {
  content: "\7a"; }

.acc-icon-user-admin:before, i.admin-user:before {
  content: "\41"; }

.acc-icon-user-group:before, i.permission-group:before, i.permissions:before {
  content: "\42"; }

.acc-icon-action-delete:before, i.delete:before, i.editor-clear:before {
  content: "\43"; }

.acc-icon-action-delete-hard:before, i.hard-delete:before {
  content: "\44"; }

.acc-icon-action-edit:before, i.edit:before {
  content: "\45"; }

.acc-icon-cert-group:before, i.group:before {
  content: "\48"; }

.acc-icon-action-publish:before, i.publish:before {
  content: "\4a"; }

.acc-icon-certificate:before, i.certificate:before {
  content: "\4b"; }

.acc-icon-certificate-design:before {
  content: "\4c"; }

.acc-icon-action-remove:before, i.remove:before {
  content: "\4d"; }

.acc-icon-action-search:before, i.search:before {
  content: "\4e"; }

.acc-icon-action-select:before, i.choose:before {
  content: "\4f"; }

.acc-icon-all-groups:before, i.groups:before {
  content: "\50"; }

.acc-icon-badge:before, i.badge-icon:before {
  content: "\51"; }

.acc-icon-email-template:before {
  content: "\52"; }

.acc-icon-email:before, i.credential-status.bounced:before, i.email:before {
  content: "\53"; }

.acc-icon-credential-list:before, i.credentials:before {
  content: "\54"; }

.acc-icon-credential:before, i.credential:before, i.credential-status:before {
  content: "\55"; }

.acc-icon-dismiss:before, i.dismiss:before {
  content: "\62"; }

.acc-icon-facebook:before, i.facebook:before {
  content: "\6a"; }

.acc-icon-linkedin:before {
  content: "\76"; }

.acc-icon-twitter-alt:before, i.twitter:before {
  content: "\47"; }

.acc-icon-google-plus:before, i.google-plus:before {
  content: "\46"; }

.acc-icon-expire:before, i.expire:before {
  content: "\56"; }

.acc-icon-linkedin-alt:before, i.credential-linkedin:before, i.linkedin:before {
  content: "\57"; }

.acc-icon-lock:before, i.lock:before {
  content: "\58"; }

.acc-icon-unlock:before, i.unlock:before {
  content: "\59"; }

.acc-icon-share-square-o:before {
  content: "\5a"; }

.acc-icon-caret-right:before, i.dir.right:before, i.dir.down:before, i.dir.left:before, i.dir.up:before {
  content: "\77"; }

.acc-icon-sort-1:before, i.sort:before {
  content: "\6b"; }

.acc-icon-sort-indicator:before, i.sort.asc:before, i.sort.desc:before {
  content: "\49"; }

.acc-icon-caret-centered:before, i.next:before, i.prev:before {
  content: "\30"; }

.acc-icon-signal:before, i.credential-engagement:before {
  content: "\63"; }

.acc-icon-share-alt:before, i.credential-shared:before, i.share:before {
  content: "\64"; }

.acc-icon-code:before, i.api:before, i.code:before, i.editor-code:before {
  content: "\65"; }

.acc-icon-tasks:before, i.meta-group:before {
  content: "\31"; }

.acc-icon-university:before, i.issuer:before {
  content: "\32"; }

.acc-icon-graduation-cap:before, i.course-link:before {
  content: "\33"; }

.acc-icon-commenting:before, i.reference:before {
  content: "\34"; }

.acc-icon-note:before, i.evidence:before {
  content: "\35"; }

.acc-icon-wrench:before, i.options:before {
  content: "\36"; }

.acc-icon-bars:before, i.menu-toggle:before {
  content: "\37"; }

.acc-icon-question-circle:before, i.help:before {
  content: "\38"; }

.acc-icon-exclamation-triangle:before, i.status.warning:before, i.status.danger:before {
  content: "\39"; }

.acc-icon-eye:before, i.public:before {
  content: "\21"; }

.acc-icon-eye-slash:before, i.private:before {
  content: "\22"; }

.acc-icon-phone:before, i.phone:before {
  content: "\23"; }

.acc-icon-list:before, i.analytics-log:before, i.list:before {
  content: "\24"; }

.acc-icon-refresh:before, i.refresh:before {
  content: "\25"; }

.acc-icon-italic:before, i.editor-italic:before {
  content: "\26"; }

.acc-icon-underline:before, i.editor-underline:before {
  content: "\27"; }

.acc-icon-print:before, i.media-print:before {
  content: "\28"; }

.acc-icon-money:before {
  content: "\29"; }

.acc-icon-file-blank:before, i.file:before {
  content: "\2a"; }

.acc-icon-area-chart:before, i.analytics-summary:before {
  content: "\2b"; }

.acc-icon-calendar:before, i.date:before {
  content: "\2c"; }

.acc-icon-user-1:before, i.recipient:before {
  content: "\2d"; }

.acc-icon-key:before, i.key:before {
  content: "\2e"; }

.acc-icon-check-circle:before, i.status.success:before, i.tick:before {
  content: "\2f"; }

.acc-icon-play-circle:before, i.play:before, i.editor-video:before {
  content: "\3a"; }

.acc-icon-multiselect-1:before, i.select:before,
i.select.false:before, i.multiselect:before,
i.multiselect.none:before {
  content: "\3b"; }

.acc-icon-multiselect-2:before, i.multiselect.one:before {
  content: "\3c"; }

.acc-icon-multiselect-3:before, i.multiselect.some:before {
  content: "\3d"; }

.acc-icon-multiselect-4:before, i.multiselect.visible:before {
  content: "\3e"; }

.acc-icon-multiselect-5:before, i.select.true:before, i.multiselect.everything:before {
  content: "\3f"; }

.acc-icon-anchor:before, i.kitchen-sink:before {
  content: "\40"; }

.acc-icon-flask:before, i.wip:before, i.info:before {
  content: "\5b"; }

.acc-icon-list-ol:before, i.editor-list-ol:before {
  content: "\5d"; }

.acc-icon-list-ul:before, i.editor-list-ul:before {
  content: "\5e"; }

.acc-icon-angle-double-right:before, i.editor-quote-right:before {
  content: "\5f"; }

.acc-icon-bold:before, i.editor-bold:before {
  content: "\60"; }

.acc-icon-align-center:before, i.editor-align-center:before {
  content: "\7b"; }

.acc-icon-align-justify:before, i.editor-align-justify:before {
  content: "\7c"; }

.acc-icon-align-left:before, i.editor-align-left:before {
  content: "\7d"; }

.acc-icon-align-right:before, i.editor-align-right:before {
  content: "\7e"; }

.acc-icon-indent:before, i.editor-indent:before {
  content: "\5c"; }

.acc-icon-outdent:before, i.editor-outdent:before {
  content: "\e000"; }

.acc-icon-strikethrough:before, i.editor-strikethrough:before {
  content: "\e001"; }

.acc-icon-link:before, i.link:before, i.editor-link:before {
  content: "\e002"; }

.acc-icon-object-ungroup:before, i.editor:before {
  content: "\e003"; }

.acc-icon-spinner:before, i.spinner:before {
  content: "\e004"; }

.acc-icon-arrows-h:before, i.editor-h-center:before {
  content: "\e005"; }

.acc-icon-ellipsis-h:before, i.ellipsis:before {
  content: "\e006"; }

.acc-icon-filter:before {
  content: "\e007"; }

.acc-icon-table:before, i.table-icon:before {
  content: "\e008"; }

.acc-icon-credit-card:before, i.billing:before {
  content: "\e009"; }

.acc-icon-moodle:before, i.moodle:before {
  content: "\e00a"; }

.acc-icon-mozilla-backpack:before, i.mozilla-backpack:before {
  content: "\e00b"; }

.acc-icon-zapier:before, i.zapier:before {
  content: "\e00c"; }

.acc-icon-info-circle:before {
  content: "\e00d"; }

#edit-navbar {
  background-color: #116096;
  box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.2);
  -webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.2);
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 44px;
  min-height: 44px;
  padding: 0 24px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100; }
  #edit-navbar li {
    padding: 0 !important; }
  #edit-navbar li:hover {
    cursor: pointer; }
  #edit-navbar a {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    height: 44px;
    line-height: 22px;
    padding: 10px 15px; }
    #edit-navbar a i {
      font-size: 12px; }
  #edit-navbar a:hover {
    background-color: #0c4c7f;
    color: #79b8d1;
    text-shadow: rgba(50, 50, 50, 0.2); }
  #edit-navbar a.active {
    background-color: #1a3a68;
    color: #79b8d1; }
  #edit-navbar .navbar-brand {
    padding: 10px 15px 7px 15px; }
  #edit-navbar .label {
    background-color: white;
    border-radius: 12px;
    color: #116096;
    padding: 2px 6px; }
  #edit-navbar .dropdown-text {
    color: #88aed7;
    font-size: 14px;
    font-weight: 300;
    height: 44px;
    line-height: 22px;
    padding: 10px 15px 0 15px;
    margin: 0; }
  #edit-navbar .dropdown-toggle {
    background-color: #116096; }
  #edit-navbar .dropdown-toggle:hover, #edit-navbar .dropdown-toggle:active {
    background-color: #0c4c7f;
    color: #79b8d1; }
  #edit-navbar .dropdown-menu {
    background-color: #0c4c7f;
    border-top: 0;
    box-shadow: inset 0px 4px 7px rgba(50, 50, 50, 0.3);
    -moz-box-shadow: inset 0px 4px 7px rgba(50, 50, 50, 0.3);
    -webkit-box-shadow: inset 0px 4px 7px rgba(50, 50, 50, 0.3);
    padding: 0; }
    #edit-navbar .dropdown-menu .divider {
      background-color: #e5e5e5;
      margin: 0; }
  #edit-navbar .dropdown-menu > .active > a {
    background-color: #1a3a68;
    color: #fff; }
  #edit-navbar .dropdown-menu > .active > a:hover {
    background-color: #1a3a68;
    color: #79b8d1; }
    #edit-navbar .dropdown-menu > .active > a:hover .label {
      background-color: #1a3a68; }
  #edit-navbar .dropdown-menu > li, #edit-navbar .dropdown-menu > a {
    background-color: transparent; }
  #edit-navbar .dropdown-menu > li > a {
    border-top: 1px solid #0c4c7f; }
  #edit-navbar .dropdown-menu > li > a:hover {
    background-color: #1a3a68;
    color: #79b8d1; }
  #edit-navbar i.help {
    font-size: 20px;
    opacity: 0.8;
    position: relative;
    top: 2px; }

#profile-directory-container .profile-summary {
  margin-bottom: 15px; }
  #profile-directory-container .profile-summary .profile-directory-linked-accounts {
    margin-top: 10px; }
  #profile-directory-container .profile-summary ul {
    padding-left: 0; }
  #profile-directory-container .profile-summary ul li {
    list-style-type: none; }

.directory-sidebar ul {
  padding-left: 0; }

.directory-sidebar ul li {
  list-style-type: none; }

.info-text {
  padding: 10px;
  width: 440px;
  margin: 10px auto; }

.info-pic {
  width: 440px;
  text-align: center;
  margin: 80px auto 10px auto;
  height: 172px; }

.hs-sidebar, .hs-layout, .hs-navbar, .hs-footer, .hs-modal {
  font-family: "Open Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.text-thin, .user-modal .modal-content .help-block, .user-modal #copy-field input, .acms-modal small, .acms-modal.confirm-modal .modal-content label, .form .help-block, .db-view #credential-footer, .marketing-page .price-plan__unitcost, .action-flair {
  font-weight: 300; }

.hs-black-button {
  background-color: #343433;
  border: 0 !important;
  color: white;
  padding: 10px; }
  .hs-black-button:hover {
    background-color: #646362;
    border: 0 !important;
    color: white; }

.btn-success.hs-button {
  background-color: #8dc63f;
  border: 1px solid #8dc63f;
  border-radius: 4px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3) inset;
  color: white;
  font-size: 1.0em;
  height: 32px;
  line-height: 14px;
  padding: 7px 17px;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out; }
  .btn-success.hs-button:hover {
    background-color: #77aa32;
    border-color: #6c9a2e;
    color: white; }

.hs-link {
  color: #00aeef;
  padding: 6px 0; }
  .hs-link:hover {
    color: #33c1f5;
    text-decoration: underline; }

.hs-btn {
  border: 1px solid #00aeef;
  background-color: #00aeef;
  color: white; }
  .hs-btn:focus {
    color: white;
    background-color: #33c1f5; }
  .hs-btn:hover {
    color: white;
    background-color: #33c1f5; }

.pager li > a.hs-button, li > span.hs-button {
  -webkit-transition: all, 0.4s;
  transition: all, 0.4s;
  background-color: #00aeef;
  border: 0;
  border-radius: 4px;
  color: white;
  line-height: 14px;
  padding: 10px; }
  .pager li > a.hs-button:hover, li > span.hs-button:hover {
    background-color: #33c1f5;
    color: white; }
  .pager li > a.hs-button.hs-disabled, li > span.hs-button.hs-disabled {
    opacity: 0.5;
    cursor: not-allowed; }

#hs-top-next-button {
  -webkit-transition: all, 0.4s;
  transition: all, 0.4s;
  background-color: #00aeef;
  border: 0;
  border-radius: 4px;
  color: white;
  height: 28px;
  margin-left: 10px;
  float: left;
  padding: 5px 10px; }
  #hs-top-next-button:hover {
    background-color: #33c1f5;
    color: white;
    text-decoration: none;
    cursor: pointer; }
  #hs-top-next-button.hs-disabled {
    opacity: 0.5;
    cursor: not-allowed; }

#hs-top-previous-button {
  -webkit-transition: all, 0.4s;
  transition: all, 0.4s;
  background-color: #00aeef;
  border: 0;
  border-radius: 4px;
  color: white;
  height: 28px;
  margin-right: 10px;
  float: right;
  padding: 5px 10px; }
  #hs-top-previous-button:hover {
    background-color: #33c1f5;
    color: white;
    text-decoration: none;
    cursor: pointer; }
  #hs-top-previous-button.hs-disabled {
    opacity: 0.5;
    cursor: not-allowed; }

#hs-employer-settings {
  font-family: 'Open Sans'; }
  #hs-employer-settings input {
    margin-bottom: 10px; }
  #hs-employer-settings label {
    line-height: 32px; }
  #hs-employer-settings .hs-button {
    height: 50px;
    line-height: 32px; }

.nav-height {
  height: 60px;
  line-height: 60px !important; }

.generic-navbar {
  color: #404040;
  margin-bottom: 0;
  position: relative; }
  .generic-navbar .navbar-nav a {
    color: #404040;
    padding-top: 0;
    padding-bottom: 0; }
    .generic-navbar .navbar-nav a:hover {
      text-decoration: none;
      background-color: rgba(66, 139, 202, 0.8);
      color: white; }
  @media (max-width: 768px) {
    .generic-navbar {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%; }
      .generic-navbar .navbar-collapse {
        background-color: white;
        border-bottom-left-radius: 4px;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        position: absolute;
        top: 69px;
        right: 0; }
        .generic-navbar .navbar-collapse li {
          padding: 0; }
        .generic-navbar .navbar-collapse a {
          padding-bottom: 20px;
          padding-top: 20px; } }

.hs-navbar {
  background-color: white;
  border-bottom: 1px solid #ccc;
  height: 69px;
  margin-bottom: 0; }
  .hs-navbar .navbar-nav a {
    background-color: white !important; }
  .hs-navbar .navbar-nav li {
    height: 69px;
    padding: 25.2px 0;
    position: relative; }
    .hs-navbar .navbar-nav li a {
      -webkit-transition: color, 0.15s;
      transition: color, 0.15s;
      color: #333333;
      font-weight: 700;
      padding: 0 12px; }
      .hs-navbar .navbar-nav li a:hover {
        color: #00aeef;
        cursor: pointer; }
      .hs-navbar .navbar-nav li a:hover, .hs-navbar .navbar-nav li a:active, .hs-navbar .navbar-nav li a:focus {
        background-color: transparent; }
      @media (max-width: 768px) {
        .hs-navbar .navbar-nav li a:hover {
          background-color: white !important;
          color: #00aeef !important; } }
  .hs-navbar .btn-success.hs-button {
    margin: -8px 0 -8px 10px;
    position: relative;
    top: 28px; }
  .hs-navbar .navbar-brand img {
    height: 34px;
    width: 152px;
    position: absolute;
    top: 18px;
    margin-left: 0px; }
  .hs-navbar .icon-bar {
    background-color: black; }
  .hs-navbar .container, .hs-navbar div.acc-title > div, .hs-navbar div.acc-title::after, .hs-navbar div.acc-actions > div, .hs-navbar .db-view-content {
    position: relative; }
    @media (min-width: 768px) {
      .hs-navbar .container, .hs-navbar div.acc-title > div, .hs-navbar div.acc-title::after, .hs-navbar div.acc-actions > div, .hs-navbar .db-view-content {
        margin: 0 auto;
        width: 700px; } }
    @media (min-width: 992px) {
      .hs-navbar .container, .hs-navbar div.acc-title > div, .hs-navbar div.acc-title::after, .hs-navbar div.acc-actions > div, .hs-navbar .db-view-content {
        width: 940px; } }
  .hs-navbar .nav .open > a, .hs-navbar .nav .open > a:hover, .hs-navbar .nav .open > a:focus {
    background-color: transparent; }
  .hs-navbar ul.dropdown-menu {
    border-top: none; }
    .hs-navbar ul.dropdown-menu li {
      height: 36px;
      padding: 0; }
    .hs-navbar ul.dropdown-menu a {
      font-weight: 400;
      padding: 12px; }

.clickable, .acc-form > label label, .help-link, .upload-choice .img-container, .upload-choice .img-container-thin, .db-view .clickable-icon, .acms-modal .clickable-icon, .user-modal .clickable-icon, .wallet-wrapper .clickable-icon, .db-view .onoffswitch-label, .acms-modal .onoffswitch-label, .user-modal .onoffswitch-label, .wallet-wrapper .onoffswitch-label, .db-view .email-color-picker, .acms-modal .email-color-picker, .user-modal .email-color-picker, .wallet-wrapper .email-color-picker, div.acc-actions > div .selector-dropdown select, .add-attribute-button, .settings-link-list .link-group a, .group-certificate-design-preview a, .card.inactive a.overlay, .acms-modal .inactive.modal-content a.overlay, .card .nav.nav-tabs > li, .acms-modal .modal-content .nav.nav-tabs > li, .video-link-container, .action-flair {
  cursor: pointer; }

.generic-sidebar {
  margin: 0 -12px;
  padding: 24px 12px 0 12px; }
  .generic-sidebar .section-header {
    -webkit-transition: all, 0.4s;
    transition: all, 0.4s;
    background-color: white;
    border: 1px solid #428bca;
    border-radius: 0;
    color: #428bca;
    font-weight: 600;
    padding: 10px 12px;
    text-align: left;
    width: 100%; }
  .generic-sidebar .sidebar-section, .generic-sidebar .message-module {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0; }
    .generic-sidebar .sidebar-section:last-child, .generic-sidebar .message-module:last-child {
      border-bottom: 0; }
    .generic-sidebar .sidebar-section ul, .generic-sidebar .message-module ul {
      list-style-type: none;
      padding-left: 0; }
    .generic-sidebar .sidebar-section label, .generic-sidebar .message-module label, .generic-sidebar .sidebar-section ul, .generic-sidebar .message-module ul {
      margin-bottom: 0; }
  .generic-sidebar .section-title {
    margin-top: 0; }

.big-label, .small-label {
  font-weight: 300;
  margin-top: 0; }

.big-label {
  font-size: 24px; }

.small-label {
  font-size: 14px;
  text-transform: capitalize; }

.text-search {
  border-radius: 40px;
  display: inline-block;
  font-weight: 300;
  line-height: 30px;
  padding-left: 12px; }
  .text-search:focus {
    font-weight: 400; }

.text-search ~ .search-icon {
  color: #bbb;
  line-height: 30px;
  position: absolute;
  right: 10px;
  top: 0; }

.text-search:focus ~ .search-icon {
  color: #404040; }

.generic-footer {
  float: bottom;
  width: 100%; }

.hs-footer {
  font-size: 14px;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: normal;
  background-color: #333333;
  color: #d6d6d6;
  border-top: 3px solid #00aeef;
  padding: 1.714em 1em 1.714em 1em;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.01em; }
  @media (min-width: 768px) {
    .hs-footer .container, .hs-footer div.acc-title > div, .hs-footer div.acc-title::after, .hs-footer div.acc-actions > div, .hs-footer .db-view-content {
      max-width: 940px; } }
  .hs-footer .copyright {
    padding: 0;
    text-align: right;
    height: 33px;
    font-size: 0.857em; }
  .hs-footer .util {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -5px;
    font-size: 0.857em; }
    .hs-footer .util li {
      display: inline-block;
      padding-left: 5px;
      padding-right: 5px; }
      .hs-footer .util li a {
        color: #cccccc;
        text-decoration: underline;
        -webkit-transition: color 0.15s linear, background-color 0.15s linear;
        -webkit-transition-property: color, background-color;
        -webkit-transition-duration: 0.15s, 0.15s;
        -webkit-transition-timing-function: linear, linear;
        -webkit-transition-delay: initial, initial;
        transition: color 0.15s linear, background-color 0.15s linear;
        transition-property: color, background-color;
        transition-duration: 0.15s, 0.15s;
        transition-timing-function: linear, linear;
        transition-delay: initial, initial; }
        .hs-footer .util li a:hover {
          color: #00aeef;
          text-decoration: none; }

.generic-layout {
  padding-top: 30px;
  padding-left: 45px; }
  .generic-layout .row {
    margin-left: 0;
    margin-right: 0; }
  @media (max-width: 768px) {
    .generic-layout {
      padding-top: 89px; } }

.dir-layout {
  padding-left: 12px; }

.dir-sidebar {
  border-bottom: 0;
  padding-bottom: 100px; }
  .dir-sidebar li:last-child {
    margin-bottom: 7px; }
  .dir-sidebar .section-header {
    font-weight: 300; }
  .dir-sidebar label, .dir-sidebar .label {
    border-radius: .25em;
    color: #404040;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: .2em .6em .3em;
    text-align: left;
    width: 100% !important; }
    .dir-sidebar label:hover, .dir-sidebar label:focus, .dir-sidebar .label:hover, .dir-sidebar .label:focus {
      background-color: #f6f6f6;
      color: #404040; }
    .dir-sidebar label.checked, .dir-sidebar .label.checked {
      font-weight: 400; }
  .dir-sidebar input[type=text] {
    font-weight: 300; }
  .dir-sidebar #responsiblity-search .collapse-inner, .dir-sidebar #work-type-search .collapse-inner {
    margin-top: 8px; }
  .dir-sidebar #responsiblity-search label, .dir-sidebar #responsiblity-search .label, .dir-sidebar #work-type-search label, .dir-sidebar #work-type-search .label, .dir-sidebar #location-search label, .dir-sidebar #location-search .label {
    padding-left: 0; }
  .dir-sidebar #location-search .form-control {
    margin-left: -3%;
    width: 106%; }
  .dir-sidebar #location-search label.city-label {
    padding-left: 0;
    padding-right: 0; }
    .dir-sidebar #location-search label.city-label:first-child {
      margin-top: 10px; }
    .dir-sidebar #location-search label.city-label .progress-icon {
      margin-right: 0; }
  .dir-sidebar #location-search label:hover {
    background-color: transparent;
    font-weight: 400; }
  .dir-sidebar #location-search input[type=checkbox] {
    margin-right: 5px; }
  .dir-sidebar .sidebar-section, .dir-sidebar .message-module {
    border: 0;
    padding: 0; }
    .dir-sidebar .sidebar-section.opened .section-header, .dir-sidebar .opened.message-module .section-header {
      background-color: #428bca;
      border: 1px solid white;
      color: white; }
  .dir-sidebar .collapse-inner {
    margin: 15px 15px 0 15px; }
  .dir-sidebar .description, .dir-sidebar .text-description {
    font-size: 11px; }
  .dir-sidebar .progress-icon {
    font-size: 24px; }

.hs-sidebar .sidebar-section.opened .section-header, .hs-sidebar .opened.message-module .section-header {
  background-color: #00aeef; }
  .hs-sidebar .sidebar-section.opened .section-header:hover, .hs-sidebar .opened.message-module .section-header:hover {
    background-color: #33c1f5; }

.hs-sidebar .section-header {
  border: 1px solid #00aeef;
  border-radius: 0;
  color: #428bca; }

.edit-sidebar {
  background-color: white;
  padding-bottom: 60px; }
  .edit-sidebar .nav {
    margin-bottom: 20px; }
  .edit-sidebar li {
    border-radius: 4px;
    font-weight: 300; }
    .edit-sidebar li a {
      color: #707070; }
    .edit-sidebar li.active {
      background-color: #f4f4f4;
      color: #404040;
      font-weight: 400; }
    .edit-sidebar li:hover {
      background-color: #eaeaea; }
  .edit-sidebar .preview-button {
    width: 100%;
    margin-bottom: 10px; }
  .edit-sidebar .nav-pills > li.active > a, .edit-sidebar .nav-pills > li.active > a:hover, .edit-sidebar .nav-pills > li.active > a:focus .nav-pills > li > a, .edit-sidebar .nav-pills > li > a:hover, .edit-sidebar .nav-pills > li > a:focus {
    background-color: transparent;
    color: inherit; }
  .edit-sidebar .hs-incomplete-text {
    color: #33c1f5 !important; }

.edit-layout hr {
  margin-bottom: 30px;
  margin-top: 0; }

.edit-layout form {
  margin-bottom: 30px; }

.edit-layout .form-group-title {
  color: #707070;
  margin-bottom: 2px; }

.edit-layout input[type=text] {
  border: 1px solid #cccccc;
  font-weight: 300; }

.edit-layout .multi-fields {
  padding-left: 10px;
  padding-right: 0; }
  .edit-layout .multi-fields:first-child {
    padding-left: 0; }

.edit-layout .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0; }

.edit-layout .input-list label {
  display: block;
  padding-top: 8px;
  margin-bottom: 20px;
  font-size: 14px; }

.edit-layout #avatar-upload .profile-photo {
  height: auto;
  width: 100%; }

.edit-layout .form-container {
  margin: 30px 0; }

.edit-layout .hs-incomplete-border {
  border-color: #33c1f5 !important; }

.edit-layout .hs-incomplete-text {
  color: #33c1f5 !important; }

.view-sidebar .shortlist {
  border: 1px solid #bbb; }

.job-search-form label {
  font-size: 18px;
  font-weight: 300; }
  .job-search-form label input {
    margin-right: 10px; }

.job-search-form .skill-label {
  padding: 5px 8px;
  font-weight: 300;
  height: 36px;
  line-height: 24px; }

.job-search-form .potential-skills .skill-label {
  background-color: #646362; }

.job-search-form .profile-skills .skill-label {
  background-color: #00aeef; }

.job-search-form .input-list {
  height: 340px;
  background: #fdfdfd; }

.job-search-form .hs-state-highlight {
  height: 36px;
  padding: 5px 8px;
  background: #646362;
  opacity: 0.6;
  border: 2px solid #646362; }

.view-layout {
  min-height: 82vh;
  padding-left: 0; }
  .view-layout .shortlist-icon, .view-layout .mail-icon {
    display: inline-block !important;
    opacity: 1; }
  .view-layout .profile-section {
    max-width: 800px; }
  .view-layout .profile-summary {
    -webkit-transition: background-color, 0.4s;
    transition: background-color, 0.4s;
    background-color: #f6f6f6; }
    .view-layout .profile-summary .profile-photo {
      top: 6px; }
    .view-layout .profile-summary .username {
      margin-top: 24px; }
    .view-layout .profile-summary .contact-flair {
      -webkit-transition: opacity, 0.4s;
      transition: opacity, 0.4s;
      background-color: white;
      border-bottom-left-radius: 4px;
      box-shadow: -2px 2px 5px 0px rgba(85, 85, 85, 0.16);
      color: #8dc63f;
      font-size: 24px;
      line-height: 1.1;
      opacity: 0;
      padding: 10px;
      position: absolute;
      top: 0;
      right: 0;
      -webkit-transition-delay: 1s;
              transition-delay: 1s; }
      .view-layout .profile-summary .contact-flair .description, .view-layout .profile-summary .contact-flair .text-description {
        font-size: 16px; }
      .view-layout .profile-summary .contact-flair.unsubscribed {
        color: #EF3057; }
    .view-layout .profile-summary:hover {
      background-color: white; }
      .view-layout .profile-summary:hover .contact-flair {
        opacity: 1; }
    .view-layout .profile-summary .summ-right {
      background-color: transparent; }

.profile-section.profile-info .username {
  color: #404040;
  font-size: 36px;
  font-weight: 600;
  text-transform: uppercase; }

.profile-section.profile-info .shortlist-icon {
  display: inline-block !important;
  opacity: 1; }

.profile-section.profile-blurb {
  color: #333;
  font-weight: 300;
  font-size: 24px; }
  .profile-section.profile-blurb .small-label {
    color: #707070;
    padding-top: 6px; }

.profile-section.profile-skills .small-label {
  color: #707070;
  padding-top: 4px; }

.profile-section.profile-skills .skill-badge {
  padding: 0 12px;
  text-transform: uppercase; }

.profile-section.profile-experiences {
  margin-bottom: 100px; }
  .profile-section.profile-experiences .small-label {
    color: #707070; }
  .profile-section.profile-experiences .experience-item {
    display: table;
    height: 44px;
    margin-bottom: 8px;
    width: 100% !important; }
    .profile-section.profile-experiences .experience-item .icon, .profile-section.profile-experiences .experience-item .experience-description {
      display: table-cell;
      height: 44px;
      vertical-align: middle; }
    .profile-section.profile-experiences .experience-item .icon {
      color: #404040;
      font-size: 24px;
      text-align: center; }
      .profile-section.profile-experiences .experience-item .icon i {
        font-size: 24px;
        margin-top: 4px; }
    .profile-section.profile-experiences .experience-item .title {
      font-weight: 400; }
    .profile-section.profile-experiences .experience-item .org {
      font-style: italic; }
  .profile-section.profile-experiences .experience-description {
    font-size: 16px;
    font-weight: 300; }

.profile-section {
  background-color: transparent;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  padding: 12px 0; }

.messages-sidebar {
  padding-right: 0; }
  .messages-sidebar .sidebar-section:last-child .message-conversation, .messages-sidebar .message-module:last-child .message-conversation {
    border-bottom: 0; }
  .messages-sidebar .sidebar-section.active > .message-conversation, .messages-sidebar .active.message-module > .message-conversation {
    background-color: #D7EDFF; }

.message-conversation {
  border-bottom: 1px solid #cccccc;
  color: #404040;
  padding: 12px 12px;
  text-decoration: none; }
  .message-conversation:hover {
    background-color: #eaeaea; }
  .message-conversation .profile-photo {
    border-radius: 14px;
    height: 28px;
    width: 28px;
    display: inline-block;
    overflow: hidden; }
  .message-conversation .username {
    font-weight: 400;
    margin-bottom: 8px; }
  .message-conversation .description, .message-conversation .text-description {
    font-size: 12px; }

.message-layout {
  min-height: 600px; }
  .message-layout .message-history-container {
    min-height: 250px;
    height: 50vh;
    width: 100%;
    position: relative; }
  .message-layout .message-history {
    border: 0;
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    overflow-y: auto;
    /* this is the key */
    max-height: 100%; }
  .message-layout .message-input {
    margin-top: 30px; }

.message {
  border-radius: 6px;
  float: bottom;
  padding: 12px; }
  .message .date {
    margin-top: 12px;
    margin-bottom: 0; }

.message-body {
  white-space: pre-line; }

.message-received {
  border: 1px solid #cccccc;
  float: left; }

.message-sent {
  background-color: #D7EDFF;
  border: 1px solid #3399ee;
  float: right; }

.progress-icon {
  color: #bbb;
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 2px; }
  .progress-icon.complete {
    color: #54b674; }

.skill-badge {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  color: white;
  display: inline-block;
  margin: 0 5px 4px 0;
  padding: 0 6px;
  vertical-align: middle; }

.skill-badge {
  background-color: rgba(100, 99, 98, 0.6); }

.top-skill-badge:first-child {
  background-color: #646362;
  padding: 0 12px; }

.top-skill-badge:nth-child(2) {
  background-color: rgba(100, 99, 98, 0.9);
  padding: 0 10px; }

.top-skill-badge:nth-child(3) {
  background-color: rgba(100, 99, 98, 0.8);
  padding: 0 8px; }

.skill-badge.work-type-badge {
  background-color: #00aeef; }

#view-profile-sidebar {
  padding: 0px 30px;
  border-right: 2px solid #CCC; }

#employer-shortlist li {
  padding-top: 4px;
  padding-bottom: 4px; }

#employer-shortlist .progress-icon {
  display: inline-block !important; }

#employer-shortlist label:hover {
  background-color: transparent;
  font-weight: 400; }

.profile-summary {
  -webkit-transition: all, 0.6s;
  transition: all, 0.6s;
  max-width: 800px; }
  .profile-summary hr {
    border-top: 1px solid #eee;
    margin: 15px 0 15px 0; }
  .profile-summary .profile-photo {
    display: inline-block;
    height: 100%;
    line-height: 1;
    overflow: hidden;
    position: relative;
    width: 100%; }
  .profile-summary .dummy-photo {
    margin-top: 100%; }
  .profile-summary .profile-photo-container {
    background-size: cover;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    top: 15px;
    right: 0;
    left: 15px; }
  .profile-summary .linked-accounts a {
    z-index: 1; }
  .profile-summary .bio {
    color: #404040;
    line-height: 1.7;
    margin-bottom: 15px;
    padding-right: 15px; }
    .profile-summary .bio small {
      color: #babbc0;
      font-weight: 300; }
  .profile-summary .linked-accounts a {
    color: #00aeef !important;
    margin-right: 12px; }
    .profile-summary .linked-accounts a:hover {
      color: #33c1f5 !important; }

.profile-name {
  -webkit-transition: all, 0.4s;
  transition: all, 0.4s;
  color: #404040;
  text-decoration: none; }
  .profile-name .username {
    -webkit-transition: color, 0.4s;
    transition: color, 0.4s;
    font-size: 26px;
    font-weight: 600;
    margin-top: 26px; }
  .profile-name .location {
    color: #babbc0;
    font-weight: 300; }

.summ-right {
  -webkit-transition: all, 0.4s;
  transition: all, 0.4s;
  background-color: #f6f6f6;
  border: 1px solid #eee;
  position: relative; }
  .summ-right:hover {
    background-color: white;
    box-shadow: 1px 1px 5px #eee; }

.not-looking-flair {
  top: 6px;
  right: 15px;
  color: #babbc0;
  position: absolute; }

.icon {
  color: #babbc0; }

.shortlist-icon, .mail-icon {
  cursor: pointer;
  display: inline-block !important; }
  .shortlist-icon:hover, .mail-icon:hover {
    text-decoration: none; }

.shortlist-icon:hover {
  color: #ffcc01; }

.shortlist-icon.shortlisted {
  display: inline-block !important;
  color: #ffcc01;
  opacity: 0.6 !important; }
  .shortlist-icon.shortlisted:hover {
    opacity: 1 !important; }

.mail-icon:hover {
  color: #ed433a; }

.message-history {
  border: 1px solid #cccccc;
  width: 100%; }

.message-input {
  width: 100%; }
  .message-input input, .message-input button {
    padding-bottom: 12px;
    padding-top: 12px;
    width: 100% !important; }
  .message-input button {
    background-color: #8dc63f;
    color: white; }

.message-conversation .username {
  font-weight: 700; }

.hs-modal .modal-title {
  color: #333;
  font-size: 24px;
  font-weight: 600;
  line-height: 27px;
  padding-bottom: 25px; }

.hs-modal .form-group.row {
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0; }

.hs-modal hr {
  border-top-color: #ccc;
  margin-top: 15px;
  margin-bottom: 15px; }

.hs-modal .btn-submit {
  background-color: #00aeef;
  border: 0;
  border-radius: 4px;
  height: auto;
  padding: 15px; }
  .hs-modal .btn-submit:hover {
    background-color: #33c1f5; }

.hs-modal label.control-label {
  padding-top: 6px; }

.hs-modal a {
  color: #00aeef;
  font-weight: 300; }
  .hs-modal a:hover {
    color: #33c1f5; }

.hs-modal .black-button {
  background-color: black;
  padding-top: 8.5px;
  padding-bottom: 8.5px;
  color: white; }
  .hs-modal .black-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: white; }

.hs-modal .row {
  padding: 0; }

.hs-modal .capitalize {
  text-transform: capitalize; }

.hs-modal .small-label, .hs-modal .big-label {
  margin-bottom: 30px;
  text-transform: none; }

#employer-sign-in-modal .modal-dialog {
  width: 650px; }

#employer-sign-in-modal #reset-link {
  margin-top: 10px; }

.message-history {
  border: 1px solid #cccccc;
  width: 100%; }

.message-input {
  width: 100%; }
  .message-input input, .message-input button {
    padding-bottom: 12px;
    padding-top: 12px;
    width: 100% !important; }
  .message-input button {
    background-color: #8dc63f;
    color: white; }

.message-conversation .username {
  font-weight: 700; }

/* 
  Allow angular.js to hide cloaked elements until 
  templates compile. The !important is important given that there may be 
  other selectors that are more specific or come later and might alter display.  
 */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important; }

#main-alert {
  font-size: 1em;
  left: 25%;
  position: fixed;
  top: 20px;
  width: 50%;
  z-index: 1100; }
  #main-alert.alert {
    box-shadow: 0px 3px 8px 0px rgba(50, 50, 50, 0.3); }
  #main-alert.slow-fade {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear; }

.container-fluid {
  padding-left: 0;
  padding-right: 0; }

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

#credential-generator {
  background-color: #FFF;
  max-width: 1024px;
  padding-bottom: 30px;
  padding-top: 24px;
  position: relative;
  top: 0px; }
  #credential-generator.row {
    margin: 30px auto; }
  #credential-generator #reset-link {
    margin-top: 20px; }

@media print {
  .no-screen, .no-screen * {
    display: block !important; } }

@media print {
  .no-print, .no-print * {
    display: none; } }

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

.no-padding {
  padding: 0;
  margin: 0; }

.slim-padding {
  padding: 0 5px; }

.mobile-only-padding {
  padding: 0; }

@media (max-width: 991px) {
  .mobile-only-padding {
    padding: 8px 16px; } }

.row-gap-sm, .dir-sidebar .sidebar-section, .dir-sidebar .message-module {
  margin-bottom: 12px; }

.row-gap-md {
  margin-bottom: 24px; }

.row-gap-lg, .marketing-page .faq-question {
  margin-bottom: 36px; }

.row-gap-xl {
  margin-bottom: 48px; }

.right-gap-sm, .marketing-page .price-plan__cost, .marketing-page .price-plan__number {
  margin-right: 12px; }

.right-gap-md {
  margin-right: 24px; }

.left-gap-sm, .db-view .email-options .right-column, .acms-modal .email-options .right-column, .user-modal .email-options .right-column, .wallet-wrapper .email-options .right-column {
  margin-left: 12px; }

.left-gap-md {
  margin-left: 24px; }

.padding-right {
  padding: 0 12px 0 0; }

.padding-left {
  padding: 0 0 0 12px; }

.full-width {
  width: 100%; }

.ltr {
  text-align: left; }

.ltr.text-center, .acc-sidebar .ltr.sidebar-toggle, #issuer-analytics .ltr.demo-image, .db-view .email-options .ltr.right-column, .acms-modal .email-options .ltr.right-column, .user-modal .email-options .ltr.right-column, .wallet-wrapper .email-options .ltr.right-column, .db-view .email-preview-container .ltr.hidden-section, .acms-modal .email-preview-container .ltr.hidden-section, .user-modal .email-preview-container .ltr.hidden-section, .wallet-wrapper .email-preview-container .ltr.hidden-section, .db-view-content .cert-preview .ltr.loading-gif, .linkedin-steps td.ltr:first-child, .linkedin-steps .ltr.circle, .card.inactive a.ltr.overlay, .acms-modal .inactive.modal-content a.ltr.overlay {
  text-align: center; }

.rtl {
  text-align: right; }

.angular-with-newlines {
  white-space: pre-line; }

.box-shadow, #credential-header, .miriada-header .miriada-header-overlay, .credential-information, .evidence-item, .static-page-content, .marketing-page .price-buttons button.btn-custom:hover {
  box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.1); }

.no-break {
  display: inline-block; }

html {
  font-size: 16px; }

/* Site Wide Mixins */
#newsletter_signup_small .uvp-cta {
  word-break: break-all;
  word-wrap: break-word;
  margin-top: 10px;
  padding: 10px;
  white-space: normal; }

.action-flair {
  background-color: white;
  color: #a8d6ef;
  padding: 2px 10px;
  position: absolute;
  right: 0;
  z-index: 15; }
  .action-flair b {
    font-weight: 400; }
  .action-flair.bottom {
    border-top-left-radius: 4px;
    bottom: 0;
    box-shadow: -1px -1px 4px 0 rgba(0, 0, 0, 0.1); }
  .action-flair.top {
    border-bottom-left-radius: 4px;
    box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.1);
    top: 0; }
  .action-flair.rollover {
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
    height: 24px;
    overflow: hidden;
    width: 32px; }
    .action-flair.rollover:hover {
      color: #67a5d6;
      text-decoration: none;
      width: 128px; }
    .action-flair.rollover.short-rollover:hover {
      width: 82px; }

#intercom-container {
  display: none !important; }

#loading-bar .bar {
  height: 3px; }

#loading-bar-spinner .spinner-icon {
  border-width: 3px;
  width: 22px;
  height: 22px; }
/*# sourceMappingURL=main.css.map */