﻿body {
  font-family: 'Roboto', sans-serif;
  background-color: #F7F7F7; }
  body .contentContainer {
    min-height: 800px; }

.navbar {
  background-image: url(../../../img/colorBar.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-color: white;
  height: 75px; }

@media (min-width: 1200px) {
  .container {
    max-width: 1024px; } }

@media (min-width: 576px) {
  .container.mainContainer {
    padding: 0; } }

.applicationList .applicationListItem a {
  display: block;
  background: #ffffff;
  border: 1px solid #ddd;
  min-height: 120px;
  padding: 15px;
  border-top: 3px solid #500C73;
  margin-bottom: 30px;
  color: black; }
  .applicationList .applicationListItem a .itemTitle {
    font-weight: 700;
    display: block; }
  .applicationList .applicationListItem a .itemDescription {
    font-size: 14px; }
  .applicationList .applicationListItem a:hover {
    text-decoration: none;
    background-color: #eeeeee; }

.btn {
  border-radius: 3px;
  padding: 0.475rem 3rem; }
  .btn.btn-primary {
    background-color: #500C73;
    border-color: #500C73; }
    .btn.btn-primary:focus, .btn.btn-primary.focus {
      box-shadow: 0 0 0 0.2rem rgba(184, 151, 201, 0.5); }
    .btn.btn-primary:not(:disabled):not(.disabled):active {
      background-color: #160146;
      border-color: #500C73;
      box-shadow: 0 0 0 0.2rem rgba(184, 151, 201, 0.5); }
    .btn.btn-primary:hover {
      background-color: #2A0E68; }
  .btn.btn-secondary {
    background-color: white;
    border-color: #500C73;
    color: #500C73; }
    .btn.btn-secondary:focus, .btn.btn-secondary.focus {
      box-shadow: 0 0 0 0.2rem rgba(184, 151, 201, 0.5); }
    .btn.btn-secondary:not(:disabled):not(.disabled):active {
      background-color: #ddd;
      border-color: #500C73;
      color: #500C73;
      box-shadow: 0 0 0 0.2rem rgba(184, 151, 201, 0.5); }
    .btn.btn-secondary:hover {
      background-color: #eee; }
  .btn.add-btn {
    background-color: #F1E6F6;
    color: #500C73;
    padding: 0.275rem 1rem;
    font-size: 12px; }

.applicationForm {
  background-color: white;
  min-height: 500px; }
  .applicationForm .formHeader {
    padding: 20px 30px 0 30px; }
    .applicationForm .formHeader .type {
      color: #500C73;
      font-size: 0.9rem; }
    .applicationForm .formHeader .pagerSection .pagerText {
      font-size: 0.8rem; }
  .applicationForm .formContainer .formSection {
    display: none; }
    .applicationForm .formContainer .formSection.hidden {
      display: none; }
    .applicationForm .formContainer .formSection.current {
      display: block; }
    .applicationForm .formContainer .formSection .sectionBody .sectionTitle {
      margin-top: 5px;
      border-bottom: 1px solid #ddd;
      padding: 0 30px 10px 30px;
      margin-bottom: 20px; }
      .applicationForm .formContainer .formSection .sectionBody .sectionTitle h2 {
        font-size: 1.5rem; }
    .applicationForm .formContainer .formSection .sectionBody .sectionContent {
      padding: 0 30px 10px 30px;
      max-width: 500px;
      font-size: 0.8rem; }
      .applicationForm .formContainer .formSection .sectionBody .sectionContent.wide {
        max-width: 100%; }
      .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group {
        line-height: 24px;
        margin-bottom: 20px; }
        .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group .form-control {
          font-size: 0.9rem; }
          .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group .form-control.autoWidth {
            width: auto; }
        .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group input[type="checkbox"] {
          width: auto; }
        .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group.navigationButtons {
          margin-top: 40px; }
        .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group label {
          font-weight: 600;
          margin-bottom: .2rem; }
          .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group label .secondaryLabelText {
            font-weight: 400; }
        .applicationForm .formContainer .formSection .sectionBody .sectionContent .form-group.form-check .form-check-label {
          font-weight: 400; }
  .applicationForm .formFooter {
    padding: 0 30px 10px 30px; }
    .applicationForm .formFooter #formSubmitButton {
      display: none; }

.table-group {
  min-height: 180px;
  margin-bottom: 30px; }
  .table-group .tableHeading {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 15px; }
  .table-group .table thead tr th {
    background-color: #eee;
    border-bottom: 2px solid #ddd;
    border-top: 0;
    font-size: 10px;
    text-transform: uppercase;
    padding: 3px 8px;
    color: #666; }
  .table-group .table tbody tr td {
    font-size: 14px; }
    .table-group .table tbody tr td .deleteTableRow:hover {
      cursor: pointer;
      text-decoration: underline; }

.summaryTable tr .data-heading {
  text-transform: uppercase;
  font-weight: 400;
  color: #aaaaaa;
  padding-top: 30px;
  padding-bottom: 5px; }
  .summaryTable tr .data-heading.first {
    padding-top: 0; }

.summaryTable tr .data-label {
  font-weight: 600;
  padding-right: 20px;
  vertical-align: top; }

.summaryTable .summaryDataTable td {
  padding-right: 10px; }
  .summaryTable .summaryDataTable td .deleteTableRow {
    display: none; }
