/** MIXINS **/
/** Resets **/
a,
a:hover,
a:visited,
a:active {
  text-decoration: none; }

/** PADDING FOR BODY **/
body {
  margin-bottom: 1.5em; }

.hcu-form-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 1em 0; }

/** NAVIGATION TABS **/
.hcu-form-tabs {
  display: flex;
  flex-direction: row; }
  .hcu-form-tabs .hcu-tab {
    flex: 1 0 auto;
    text-align: center;
    padding: 0.5em 0;
    color: #F9F9F9;
    background: #1a1a1a;
    border-right: 1px solid #333333; }
    .hcu-form-tabs .hcu-tab:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .hcu-form-tabs .hcu-tab:last-child {
      border-right: none;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .hcu-form-tabs .hcu-tab:hover {
      color: #fafafa;
      background: #333333; }
    .hcu-form-tabs .hcu-tab:active {
      color: #e0e0e0;
      background: black; }
    .hcu-form-tabs .hcu-tab.active {
      color: #F9F9F9;
      background: #000;
      border-right: 1px solid #1a1a1a; }
    .hcu-form-tabs .hcu-tab.active:hover {
      color: #fafafa;
      background: #1a1a1a; }
    .hcu-form-tabs .hcu-tab.active:active {
      color: #e0e0e0;
      background: black; }
    .hcu-form-tabs .hcu-tab.disabled {
      cursor: not-allowed;
      color: #363636;
      background: #e0e0e0;
      border-right: 1px solid #c7c7c7; }

/** TAB CONTENT **/
.hcu-form-content .hcu-content {
  display: none; }
  .hcu-form-content .hcu-content .section {
    padding: 1.5em;
    margin: 1.5em 0;
    border-radius: 5px;
    background: #F9F9F9;
    border-top: 5px solid #0f6b58;
    box-shadow: 0 1px 2px 0 #898989; }
.hcu-form-content .hcu-content.active {
  display: block; }

/** nAVIGATION BUTTONS **/
.hcu-form-navigation {
  display: flex;
  flex-direction: row; }
  .hcu-form-navigation .hcu-btn {
    flex: 1 0 auto; }
    .hcu-form-navigation .hcu-btn:first-child {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .hcu-form-navigation .hcu-btn:last-child {
      border-right: none;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

/** MODAL **/
#hcu-modal .modal-dialog {
  width: 95%;
  min-width: 300px;
  max-width: 750px; }
  #hcu-modal .modal-dialog .modal-content .modal-body {
    max-height: 75vh;
    overflow-y: scroll; }
  #hcu-modal .modal-dialog .modal-content .modal-header {
    color: #F9F9F9;
    background: #000;
    /** close button **/ }
    #hcu-modal .modal-dialog .modal-content .modal-header button {
      color: #F9F9F9; }
  #hcu-modal .modal-dialog .modal-content .modal-footer {
    border-top: 0.25em solid #000;
    background: #ededed; }

.hcu-btn {
  text-align: center;
  padding: 0.5em;
  border-radius: 5px;
  border-right: 1px solid #e0e0e0; }
  .hcu-btn.hcu-primary {
    color: #F9F9F9;
    background: #0f6b58; }
  .hcu-btn.hcu-primary:hover {
    color: #fafafa;
    background: #0f6b58; }
  .hcu-btn.hcu-primary:active {
    color: #e0e0e0;
    background: black; }
  .hcu-btn.hcu-default {
    color: #131313;
    background: #F9F9F9; }
  .hcu-btn.hcu-default:hover {
    color: #2b2b2b;
    background: #ededed; }
  .hcu-btn.hcu-default:active {
    color: #111111;
    background: #e0e0e0; }

.hcu-invalid {
  border-color: #dc3545 !important;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(.375em + .75rem);
  background-size: calc(.75em + .375rem) calc(.75em + .375rem); }

.hcu-valid {
  border-color: #28a745 !important;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(.375em + .75rem);
  background-size: calc(.75em + .375rem) calc(.75em + .375rem); }

.hcu-required {
  color: #DC3545 !important; }

.hcu-error {
  color: #DC3545;
  font-style: italic; }

h2.info {
  font-weight: bold;
  font-size: 1.25em;
  margin-top: 20px; }

.info {
  font-size: .8em; }
  .info.box {
    border: 1px solid #000;
    padding: 10px;
    font-weight: bold; }

hr, p {
  width: 100%; }

/*# sourceMappingURL=form.css.map */