html, body, .container-fluid {
  height: 100%;
  width: 100%;
  font-family: 'Open Sans', sans-serif; }

body {
  padding-bottom: 0px; }

.nav-tabs {
    border-bottom: none;
}

.delayed-visible {
    visibility: hidden;
    animation: showElement .25s forwards; /* 2-second delay */
}

@keyframes showElement {
    0% {
        visibility: hidden;
    }

    99% {
        visibility: hidden;
    }

    100% {
        visibility: visible;
    }
}



.container-fluid {
  margin: 0 auto;
  height: 100%;
  padding: 20px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.admin-layout-base {
  width: 100%;
  height: 100%;
  vertical-align: top; }

.layout-fixed-left {
  width: 290px;
  background-color: #292929;
  display: inline-block;
  height: 100%;
  vertical-align: top;
  padding-top: 50px; }
  .layout-fixed-left:after {
    content: "";
    width: 290px;
    height: 100%;
    background-color: #292929;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10; }
  .layout-fixed-left .admin-menu {
    position: fixed;
    z-index: 20;
    border-top: solid 1px #000; 
      width:290px
  }

.layout-right {
  width: calc(100% - 300px);
  display: inline-block;
  vertical-align: top; }

.fill-height-or-more {
  display: flex;
  flex-direction: column; }

.fill-height-or-more > div {
  /* these are the flex items */
  flex: 1; }

.navbar-inverse {
  background-color: #000;
  border-color: #000; }
  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #2a3641; }

.flagstar-logo {
  width: 290px;
  height: 120px;
  position: absolute;
  background-color: #000;
  background-image: url(/content/images/logo_2024.png);
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: center; }

.audit-summary {
  width: 100%; }
  .audit-summary .time-frame {
    width: 100%;
    background-color: #000;
    color: #FFF;
    padding: 10px 20px;
    font-size: 16px; }
  .audit-summary .audit-stats-collection {
    display: flex; }
    .audit-summary .audit-stats-collection .audit-stat-item {
      flex-grow: 1; }
      .audit-summary .audit-stats-collection .audit-stat-item .audit-stat-icon {
        width: 40%;
        text-align: center;
        font-size: 50px;
        display: inline-block; }
      .audit-summary .audit-stats-collection .audit-stat-item .audit-stat-number {
        width: 35%;
        display: inline-block;
        vertical-align: top;
        font-size: 30px;
        padding: 15px 0px 15px 0px;
        text-align: center; }
      .audit-summary .audit-stats-collection .audit-stat-item .audit-stat-label {
        text-align: center;
        padding: 10px;
        font-weight: 800; }
      .audit-summary .audit-stats-collection .audit-stat-item.blue {
        background-color: #8fd2ff; }
      .audit-summary .audit-stats-collection .audit-stat-item.yellow {
        background-color: #f3f37a; }
      .audit-summary .audit-stats-collection .audit-stat-item.green {
        background-color: #89d289; }
      .audit-summary .audit-stats-collection .audit-stat-item.red {
        background-color: #ffb4b4; }

.admin-menu .admin-menu-section .section-title {
  color: #FFF;
  padding: 12px 18px 10px;
  border-bottom: solid 1px #000;
  font-size: 14px;
  position: relative;
  min-height: 44px;
  background-color: #1c1c1c;
    cursor: pointer;

}
  .admin-menu .admin-menu-section .section-title i {
    min-width: 18px; }
  .admin-menu .admin-menu-section .section-title .title {
    position: absolute;
    top: 13px;
    left: 28px; }
  .admin-menu .admin-menu-section .section-title span.menu-copy {
    padding-left: 14px; }

.admin-menu .admin-menu-section .subsection {
  cursor: pointer;
    display: none;
}

.admin-menu .admin-menu-section.active .subsection {
    cursor: pointer;
    display: block;
}

.nav-link i {
    width: 20px;
    position: absolute;
    left: 8px;
    top: 13px;
}



.admin-menu .admin-menu-section .subsection .section-title {
    background-color: #292929;
}
    .admin-menu .admin-menu-section .subsection .section-title span.menu-copy {
      padding-left: 34px; }
    .admin-menu .admin-menu-section .subsection .section-title:hover {
      background-color: #000; }

.navbar-inverse .navbar-nav > li > a {
  color: #FFF; }

.form-page #audit-status-comment_new, .form-page #audit-status-flagstar_comment_new {
  height: 130px; }

.form-page .listContainer {
  position: relative; }
  .form-page .listContainer .activeUsers {
    position: absolute;
    right: 0px;
    top: 17px;
    font-weight: 600;
    font-size: 16px;
    color: #e32540; }

.form-page input.auditCheckbox {
  position: relative;
  top: 2px;
  left: -6px; }

.form-page div.commentBttn {
  display: inline-block;
  font-size: 20px;
  padding: 0px 2px; }
  .form-page div.commentBttn#bttn_editComment:hover {
    color: #09df72; }
  .form-page div.commentBttn#bttn_editFlagstarComment:hover {
    color: #09df72; }
  .form-page div.commentBttn#bttn_deleteComment:hover {
    color: #ff0000; }
  .form-page div.commentBttn#bttn_deleteFlagstarComment:hover {
    color: #ff0000; }

.form-page div.deleteBttn, .form-page div.flagstarDeleteBttn {
  display: inline-block;
  font-size: 20px;
  padding: 0px 2px; }
  .form-page div.deleteBttn#bttn_deleteAudit:hover, .form-page div.flagstarDeleteBttn#bttn_deleteAudit:hover {
    color: #ff0000; }
  .form-page div.deleteBttn#bttn_deleteFlagstarComment:hover, .form-page div.flagstarDeleteBttn#bttn_deleteFlagstarComment:hover {
    color: #ff0000; }
  .form-page div.deleteBttn#bttn_deleteComment:hover, .form-page div.flagstarDeleteBttn#bttn_deleteComment:hover {
    color: #ff0000; }

.form-page .row.audit-question.notPreferred {
  background-color: #ffc4c4;
  padding: 7px 0px 7px 0px; }

.form-page label.rd_yes.selected {
  background-color: #09df72;
  padding: 4px 4px; }

.form-page label.rd_no.selected {
  background-color: #ff0000;
  padding: 4px 4px; }

.form-page label.rd_preferred.selected {
    background-color: #09df72;
    padding: 4px 4px;
}

.form-page label.rd_notpreferred.selected {
    background-color: #ff0000;
    padding: 4px 4px;
}

.form-page label.rd_childPreferred.selected {
    background-color:#ffff00;
    padding: 4px 4px;
}


.form-page label.successMessage {
    padding-left: 20px;
    color: #FF0000;
}

.form-page .deleteModal {
  position: absolute;
  display: none;
  width: 300px;
  padding: 10px;
  background-color: #FFF;
  top: -3px;
  z-index: 100; }

.form-page .activeTasksModal {
  position: absolute;
  display: none;
  width: 300px;
  padding: 3px;
  background-color: #FFF;
  top: -3px;
  z-index: 100; }

.form-page button#bttn_edit_audit_answers {
  margin: -7px -29px -7px; }

.form-page .comments {
  margin-bottom: 10px;
  border-bottom: dashed 1px #CCC;
  padding-bottom: 10px; }

.form-page .new-comments {
  margin-top: 20px;
  margin-bottom: 20px; }

.form-page #audit-pass:after, .form-page #audit-fail:after, .form-page #audit-review:after, .form-page #audit-incomplete:after {
  border-bottom: none; }

.form-page .new-audit-button {
  text-align: right;
  position: relative; }
  .form-page .new-audit-button button#bttn_new {
    position: absolute;
    right: 0px;
    background-color: #292929;
    z-index: 200; }

.form-page .checkbox-column {
  text-align: right; }
  .form-page .checkbox-column input {
    position: relative;
    right: 40px; }

.form-page a {
  display: inline-block;
  text-decoration: none;
  color: #505050; }
  .form-page a:after {
    content: "";
    border-bottom: solid 1px #505050;
    display: block; }
  .form-page a.delete-button {
    color: #FF0000;
    text-decoration: none !important;
    border: none; }
    .form-page a.delete-button:after {
      border-bottom: none; }
    .form-page a.nav-link {
        border-radius: 0px;
        position: relative;
        padding-left: 30px;
        background-color: #e1e0e0;
    }
    .form-page a.nav-link.nopadding {
        padding-left: 15px;
    }
    .form-page a.nav-link.ui.active, .form-page a.nav-link.ui:hover {
      background-color: #000;
      color: #FFF;
      border: 1px solid transparent; }
    .form-page a.nav-link.fb.active, .form-page a.nav-link.fb:hover {
      background-color: #000;
      color: #FFF;
      border: 1px solid transparent; }
    .form-page a.nav-link.linkedIn.active, .form-page a.nav-link.linkedIn:hover {
      background-color: #000;
      color: #FFF;
      border: 1px solid transparent; }
    .form-page a.nav-link.activeTasks.active, .form-page a.nav-link.activeTasks:hover {
      background-color: #000;
      color: #FFF;
      border: 1px solid transparent; }
    .form-page a.nav-link.sendAuditEmails.active, .form-page a.nav-link.sendAuditEmails:hover {
      background-color: #000;
      color: #FFF;
      border: 1px solid transparent; }
    .form-page a.nav-link:after {
      border-bottom: none; }

.form-page nav {
  text-align: center; }

.form-page ul.sync-pagination a:after {
  border: none; }

.form-page .pagination > .active > a, .form-page .pagination > .active > span, .form-page .pagination > .active > a:hover, .form-page .pagination > .active > span:hover, .form-page .pagination > .active > a:focus, .form-page .pagination > .active > span:focus {
  background-color: #000; }

.form-page .breadcrumb {
  font-weight: normal;
  margin: 20px 0px;
  font-size: 16px;
  background-color: #292929;
  color: #FFF;
  border-radius: 0px; }
  .form-page .breadcrumb.small-gap {
    margin-bottom: 0px; }
  .form-page .breadcrumb .delete-button a {
    color: #186798; }
    .form-page .breadcrumb .delete-button a:after {
      border-color: #186798; }
  .form-page .breadcrumb .delete-button.active a {
    color: #FFF; }
    .form-page .breadcrumb .delete-button.active a:after {
      border-color: #FFF; }
  .form-page .breadcrumb.red {
    background-color: #000; }
  .form-page .breadcrumb.blue {
    background-color: #000; }
  .form-page .breadcrumb a {
    color: #FFF;
    display: inline-block;
    text-decoration: none; }
    .form-page .breadcrumb a:after {
      content: "";
      border-bottom: solid 1px #FFF;
      display: block; }
  .form-page .breadcrumb.audit-page {
    margin: 20px 0px 2px; }

.form-page .form-elements .col-md-3 {
  max-width: 200px; }

.form-page .form-row {
  margin-top: 10px;
  min-height: 40px; }

.form-page .row.audit-comment {
  padding: 10px 0px; }
  .form-page .row.audit-comment .col-md-5, .form-page .row.audit-comment .padding-top {
    padding-top: 10px; }
  .form-page .row.audit-comment .pass-fail {
    font-size: 30px;
    text-align: center;
    color: #AAA; }
    .form-page .row.audit-comment .pass-fail a * {
      cursor: pointer; }
    .form-page .row.audit-comment .pass-fail .fa-check-circle {
      cursor: pointer; }
      .form-page .row.audit-comment .pass-fail .fa-check-circle:hover, .form-page .row.audit-comment .pass-fail .fa-check-circle.active {
        color: #82c91e; }
      .form-page .row.audit-comment .pass-fail .fa-check-circle.inactive {
        color: #ccc !important;
        cursor: default; }
    .form-page .row.audit-comment .pass-fail .fa-times-circle {
      cursor: pointer; }
      .form-page .row.audit-comment .pass-fail .fa-times-circle:hover, .form-page .row.audit-comment .pass-fail .fa-times-circle.active {
        color: #FF0000; }
      .form-page .row.audit-comment .pass-fail .fa-times-circle.inactive {
        color: #ccc !important;
        cursor: default; }
    .form-page .row.audit-comment .pass-fail .fa-exclamation-circle {
      cursor: pointer; }
      .form-page .row.audit-comment .pass-fail .fa-exclamation-circle:hover, .form-page .row.audit-comment .pass-fail .fa-exclamation-circle.active {
        color: #f0e700; }
      .form-page .row.audit-comment .pass-fail .fa-exclamation-circle.inactive {
        color: #ccc !important;
        cursor: default; }
    .form-page .row.audit-comment .pass-fail .fa-hourglass-half {
      cursor: pointer; }
      .form-page .row.audit-comment .pass-fail .fa-hourglass-half:hover, .form-page .row.audit-comment .pass-fail .fa-hourglass-half.active {
        color: #2e1bfc; }
      .form-page .row.audit-comment .pass-fail .fa-hourglass-half.inactive {
        color: #ccc !important;
        cursor: default; }

.form-page textarea.input-comment {
  display: block;
  width: 100%;
  max-width: 98%;
  background-color: #f2f2f2; }

.form-page input.input-text, .form-page select.input-select, .form-page textarea.input-text {
  max-width: 500px;
  min-width: 250px;
  font-size: 16px;
  padding: 4px;
  background-color: #f2f2f2; }
  .form-page input.input-text.long, .form-page select.input-select.long, .form-page textarea.input-text.long {
    min-width: 450px; }
  .form-page input.input-text.short, .form-page select.input-select.short, .form-page textarea.input-text.short {
    min-width: 180px !important; }
    .form-page input.input-text.short.date-time, .form-page select.input-select.short.date-time, .form-page textarea.input-text.short.date-time {
      border: solid 1px darkgray;
      margin-right: 4px; }
  .form-page input.input-text.full-width, .form-page select.input-select.full-width, .form-page textarea.input-text.full-width {
    width: 100%; }
  .form-page input.input-text.header-control, .form-page select.input-select.header-control, .form-page textarea.input-text.header-control {
    max-width: 500px;
    min-width: 250px;
    font-size: 12px;
    padding: 0px 4px;
    background-color: #f2f2f2;
    min-height: 0px !important;
    position: relative;
    left: 8px; }

.form-page span.success {
  color: #FF0000;
  margin-left: 20px; }

.form-page textarea.input-text {
  height: 400px;
  margin-bottom: 20px; }

.form-page select.input-select {
  min-height: 34px; }

.form-page .form-label {
  font-size: 16px;
  position: relative;
  top: 4px; }

.form-page .pure-button {
  font-family: inherit;
  font-size: 100%;
  padding: .5em 1em;
  color: #444;
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid #999;
  border: transparent;
  background-color: #E6E6E6;
  text-decoration: none;
  border-radius: 2px; }
  .form-page .pure-button.pure-button-primary {
    background-color: #292929;
    color: #fff; }
    .form-page .pure-button.pure-button-primary.permanant-delete {
      background-color: #ac1a30; }
  .form-page .pure-button.pure-button:focus, .form-page .pure-button.pure-button:hover {
    filter: alpha(opacity=90);
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0, 0, 0.1)); }

.form-page button#deleteChecked {
  margin: 0px -14px 10px 0px; }

.form-page .list-header {
    background-color: #292929;
    height: 40px;
    color: #FFF;
    font-weight: 200;
    padding-top: 6px;
}
  .form-page .list-header.audit-details {
    margin-top: 20px; }
  .form-page .list-header.red {
    background-color: #000; }
  .form-page .list-header.blue {
    background-color: #000; }
  .form-page .list-header.lightblue {
    background-color: #000; }
  .form-page .list-header.gray {
    background-color: #727a7f; }
  .form-page .list-header .list-label {
    position: relative;
    top: 5px; }
    .form-page .list-header .list-label a {
      color: #FFF; }
      .form-page .list-header .list-label a svg {
        font-size: 22px;
        position: relative;
        margin-bottom: -6px;
        position: relative;
        top: -3px; }
      .form-page .list-header .list-label a.sort.no-sort svg {
        color: #ffffff !important; }
      .form-page .list-header .list-label a:after {
        border-bottom: none; }
      .form-page .list-header .list-label a.sort svg {
        margin-left: 4px; }

.form-page .list-items {
  padding: 7px 16px 5px; }
  .form-page .list-items a.audit-date, .form-page .list-items span.audit-date {
    position: relative;
    top: -4px; }
  .form-page .list-items a.fb-link, .form-page .list-items span.fb-link {
    color: #3b5998;
    font-size: 22px;
    margin: 0px !important;
    padding: 0px;
    line-height: 26px;
    position: relative;
    top: -2px; }
    .form-page .list-items a.fb-link.disabled, .form-page .list-items span.fb-link.disabled {
      color: #dddddd; }
  .form-page .list-items a.li-link, .form-page .list-items span.li-link {
    font-size: 22px;
    color: #0077B5;
    margin: 0px !important;
    padding: 0px;
    line-height: 26px;
    position: relative;
    top: -2px; }
    .form-page .list-items a.li-link.disabled, .form-page .list-items span.li-link.disabled {
      color: #dddddd; }
  .form-page .list-items a.pdf-link {
    color: #007cc3;
    font-size: 18px; }
  .form-page .list-items span.no-li-link {
    color: #dddddd;
    font-size: 22px;
    margin: 0px !important;
    padding: 0px;
    line-height: 26px;
    position: relative;
    top: -2px; }
    .form-page .list-items span.no-li-link.over90 {
      color: #FF0000; }
  .form-page .list-items:nth-child(even) {
    background: #f2f3f3; }
    .form-page .list-items:nth-child(even) textarea.input-comment {
      background-color: #FFF; }
  .form-page .list-items:nth-child(odd) {
    background: #FFF; }
  .form-page .list-items.even {
    background: #f2f3f3; }
    .form-page .list-items.even textarea.input-comment {
      background-color: #FFF; }
  .form-page .list-items.odd {
    background: #FFF; }
    .form-page .list-items.odd textarea.input-comment {
      background-color: #f2f2f2; }
  .form-page .list-items.deleted {
    background: rgba(255, 0, 0, 0.28); }
    .form-page .list-items.deleted:nth-child(even) {
      background: rgba(255, 0, 0, 0.15); }
  .form-page .list-items div.status {
    position: relative; }
    .form-page .list-items div.status.good {
      color: #08cc08; }
    .form-page .list-items div.status.bad {
      color: #FF0000; }
    .form-page .list-items div.status.review {
      color: #f0e700; }
    .form-page .list-items div.status.incomplete {
      color: #2e1bfc; }
    .form-page .list-items div.status.na {
      color: #666; }

span.fade-text {
  color: #ff3434; }

.unpublished {
  color: #666; }

.deleted {
  color: #ff0000; }

.not-active {
  opacity: .15; }

.ds-icon {
  position: relative;
  display: inline-block;
  padding: 0px 10px; }

.ds-details {
  position: relative;
  display: inline-block; }

#followUpForm {
  padding-bottom: 80px; }

.inline-div {
  position: relative;
  display: inline-block; }

.view-filters-button {
  background-color: #CCC;
  padding: 7px;
  width: 150px;
  text-align: center;
  cursor: pointer; }

#filter-div {
  background-color: #CCC;
  position: relative;
  top: -9px;
  height: 190px; }
  #filter-div .options-header {
    font-size: 16px;
    padding: 10px 0px 5px;
    font-weight: 900; }
  #filter-div .options-checkbox-list div label {
    padding: 0px !important;
    margin: 0px !important;
    font-weight: 100; }

.report {
  max-width: 800px;
  margin: auto; }
  .report .col-sm-6 {
    width: 48%;
    display: inline-block; }
  .report .page {
    page-break-after: always; }
  .report .title {
    font-size: 42px;
    margin-top: 200px;
    text-align: center;
    color: #007cc3;
    border-bottom: solid 2px #007cc3;
    width: 80%;
    margin: 200px auto 10px; }
  .report .title-information {
    background-color: #f5f5f5;
    width: 80%;
    margin: auto;
    padding: 10px; }
    .report .title-information .row {
      margin: 4px 0px; }
    .report .title-information .report-label {
      font-weight: 800;
      color: #666; }
    .report .title-information .report-value {
      color: #666; }
  .report .logo {
    margin: 200px 0px 100px; }
    .report .logo img {
      width: 200px; }
  .report .sub-page-header {
    background-color: #e4ebf7;
    width: 100%;
    margin: auto;
    padding: 10px; }
    .report .sub-page-header .row {
      margin: 4px 0px; }
    .report .sub-page-header .report-label {
      font-weight: 800;
      color: #666; }
    .report .sub-page-header .report-value {
      color: #666; }
  .report .subpage-title h2 {
    color: #007ecf; }
  .report .breadcrumb {
    border-radius: 0px;
    font-size: 18px; }
  .report .section {
    margin-bottom: 40px; }
  .report .comments > .comments {
    margin-bottom: 10px;
    border-bottom: dashed 1px;
    padding: 0px 0px 10px; }
  .report .section.images .row.audit-question {
    margin-bottom: 10px;
    border-bottom: dashed 1px;
    padding: 0px 0px 30px; }
  .report .section.images .img-question {
    margin-bottom: 10px; }

.slideup, .slidedown {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out; }

.slidedown {
  max-height:315px; }


.submenu {
    display: none;
    padding-left: 20px;
    background-color: #555;
}