﻿#EntryForm .data-entry-group .form-group .group-heading, .table tr th {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/pnova_bold-webfont.woff2") format("woff2"), url("../fonts/pnova_bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/pnova_semibold-webfont.woff2") format("woff2"), url("../fonts/pnova_semibold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/pnova_regular-webfont.woff2") format("woff2"), url("../fonts/pnova_regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Proxima Nova";
  src: url("../fonts/pnova_light-webfont.woff2") format("woff2"), url("../fonts/pnova_light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
html {
  font-size: 15px;
  /*
  	@media (min-width: 768px) {
  		font-size: 16px;
  	}
  */
}

.h1, .h2, .table tr th[colspan="3"], .table tr th[colspan="4"], .table tr th[colspan="5"], .table tr th[colspan="6"], .h3, details summary, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h1, .h1 {
  font-size: 40px;
}

h2, .h2, .table tr th[colspan="3"], .table tr th[colspan="4"], .table tr th[colspan="5"], .table tr th[colspan="6"] {
  font-size: 26px;
  font-size: 34px;
  font-weight: 300;
  font-weight: 700;
}

h3, .h3, details summary {
  font-size: 21px;
}

h4, .h4 {
  font-size: 18px;
}

h5, .h5 {
  font-size: 16px;
}

/* Provide sufficient contrast against white background */
.btn {
  border-radius: 0;
  border: none;
  background: #218f8b;
  color: #fff;
}
.btn:hover {
  background: #13514f;
  color: #fff;
}

.btn-primary {
  color: #fff;
  background: #ed1a3b;
  padding: 8px 25px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 20px;
  transition: background 0.2s;
}
.btn-primary:hover {
  background: #ad0e27;
}

.btn.add-new {
  background: #218f8b;
  color: #fff;
}
.btn.add-new::before {
  content: "+";
  float: left;
  margin-right: 5px;
}
.btn.add-new:hover {
  background: #176663;
}

.btn-success {
  background: #218f8b;
  border: none;
}
.btn-success:hover {
  background: #176663;
}

.btn-outline-primary {
  color: #007bff;
  background-color: white;
  border-color: #007bff;
  border-style: solid;
  border-width: thin;
  border-radius: 3px;
}

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.5);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

nav.main-header ul.navbar-nav li {
  padding: 0 1rem;
}
nav.main-header ul.navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0;
}

.breadcrumb {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #869099;
}
.breadcrumb a {
  color: inherit;
}

@media (min-width: 768px) {
  body:not(.sidebar-mini-md) .breadcrumb {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 250px;
  }
}
.intro-text {
  max-width: 1000px;
  margin-bottom: 40px;
}
.intro-text p {
  font-size: 19px;
}

.small-title {
  color: #7F7F7F;
  font-weight: 700;
  font-size: 20px;
}

.context-header {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.context-switcher {
  margin-left: 20px;
}
.context-switcher select {
  height: 100%;
  background: #f2f2f2;
  font-weight: 700;
  border-radius: 5px;
  border: none;
  padding: 0.5em;
  font-size: 24px;
}

.period-wrapper {
  display: flex;
  flex-flow: row wrap;
  margin-left: -20px;
  width: 100%;
}
.period-wrapper .data-wrapper {
  flex: 1;
  background: #f2f2f2;
  margin-left: 20px;
  margin-bottom: 20px;
  text-align: center;
  padding: 30px 20px;
}
.period-wrapper .data-wrapper .h2, .period-wrapper .data-wrapper .table tr th[colspan="3"], .table tr .period-wrapper .data-wrapper th[colspan="3"], .period-wrapper .data-wrapper .table tr th[colspan="4"], .table tr .period-wrapper .data-wrapper th[colspan="4"], .period-wrapper .data-wrapper .table tr th[colspan="5"], .table tr .period-wrapper .data-wrapper th[colspan="5"], .period-wrapper .data-wrapper .table tr th[colspan="6"], .table tr .period-wrapper .data-wrapper th[colspan="6"] {
  margin: 20px 0;
}
.period-wrapper .data-wrapper .btn-primary {
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}
.period-wrapper .data-wrapper .btn-primary.disabled {
  background: #999;
}
.period-wrapper .data-wrapper.disabled * {
  opacity: 0.5;
}

.btn {
  padding: 0.66rem 1.2rem;
  display: flex;
  align-items: center;
  width: max-content;
}
.btn.alert {
  color: #DF8639;
  background: #fbf1e9;
  display: flex;
  align-items: center;
}
.btn.alert .count {
  background: rgba(223, 134, 57, 0.2);
  color: #DF8639;
}
.btn.alert::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='orange' d='M12 1l-12 22h24l-12-22zm-1 8h2v7h-2v-7zm1 11.25c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z'/></svg>");
  width: 25px;
  height: 25px;
  margin-right: 10px;
  background-size: contain;
  float: left;
}
.btn.alert:hover {
  background: #f8e4d3;
}
.btn.edit-button::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='white' d='M19.769 9.923l-12.642 12.639-7.127 1.438 1.438-7.128 12.641-12.64 5.69 5.691zm1.414-1.414l2.817-2.82-5.691-5.689-2.816 2.817 5.69 5.692z'/></svg>");
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-size: contain;
  float: left;
}
.btn.view-reports {
  color: #333333;
  background: #f2f2f2;
}
.btn.view-reports::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='black' d='M6 22v-16h16v7.543c0 4.107-6 2.457-6 2.457s1.518 6-2.638 6h-7.362zm18-7.614v-10.386h-20v20h10.189c3.163 0 9.811-7.223 9.811-9.614zm-10 1.614h-5v-1h5v1zm5-4h-10v1h10v-1zm0-3h-10v1h10v-1zm3-6h-19v19h-1v-20h20v1zm-2-2h-19v19h-1v-20h20v1z'/></svg>");
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-size: contain;
  float: left;
}
.btn.view-reports:hover {
  background: #ccc;
}
.btn.upload::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'><path fill='white' d='M7 2c1.695 1.942 2.371 3 4 3h13v17h-24v-20h7zm6 11v-3h-2v3h-3v2h3v3h2v-3h3v-2h-3z'/></svg>");
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-size: contain;
  float: left;
}

summary .count,
.btn .count {
  background: #333;
  border-radius: 50px;
  color: #fff;
  min-width: 25px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}

.period-actions {
  flex: 0 0 100%;
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.period-actions .btn-primary {
  margin-top: 0;
}
.period-actions summary {
  font-size: inherit;
}
.period-actions summary .count {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}
.period-actions .details-wrapper ul {
  margin: 20px 0 0 0;
  padding: 0;
  display: flex;
  flex-flow: row wrap;
}
.period-actions .details-wrapper ul li {
  margin: 0;
  list-style: none;
  margin: 0 10px 10px 0;
}
.period-actions .details-wrapper a.document {
  padding: 5px 10px;
  border: 2px solid #333333;
  color: #333333;
  display: flex;
  align-items: center;
  transition: all 0.2s;
}
.period-actions .details-wrapper a.document::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path fill='grey' d='M21.586 10.461l-10.05 10.075c-1.95 1.949-5.122 1.949-7.071 0s-1.95-5.122 0-7.072l10.628-10.585c1.17-1.17 3.073-1.17 4.243 0 1.169 1.17 1.17 3.072 0 4.242l-8.507 8.464c-.39.39-1.024.39-1.414 0s-.39-1.024 0-1.414l7.093-7.05-1.415-1.414-7.093 7.049c-1.172 1.172-1.171 3.073 0 4.244s3.071 1.171 4.242 0l8.507-8.464c.977-.977 1.464-2.256 1.464-3.536 0-2.769-2.246-4.999-5-4.999-1.28 0-2.559.488-3.536 1.465l-10.627 10.583c-1.366 1.368-2.05 3.159-2.05 4.951 0 3.863 3.13 7 7 7 1.792 0 3.583-.684 4.95-2.05l10.05-10.075-1.414-1.414z'/></svg>");
  width: 19px;
  height: 19px;
  margin-right: 10px;
  background-size: contain;
  float: left;
}
.period-actions .details-wrapper a.document:hover {
  background: #333333;
  color: #fff;
}
.period-actions > * {
  margin-left: 20px;
  margin-bottom: 20px;
}

/* Sticky footer styles
-------------------------------------------------- */
.border-top {
  border-top: 1px solid #e5e5e5;
}

.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

.main-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f2f2f2;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  /* margin-bottom: 60px;*/
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
  /* Vertically center the text there */
}

[class*=sidebar-dark-] {
  background: #625e5e;
}

.navbar-danger {
  background: #8d191c;
}

body {
  font-family: "Proxima Nova", "Bliss Pro", "Trebuchet MS", helvetica, arial, sans-serif;
  color: #333333;
}

a {
  color: #428BCA;
  transition: color 0.2s;
}
a:hover {
  color: #1f496e;
}

.content-header h1 {
  font-size: 36px;
  font-weight: 700;
}
.content-header h1.text-dark {
  color: inherit !important;
}

.content-wrapper {
  background: #fff;
}

:not(.layout-fixed) .main-sidebar {
  position: fixed;
}

canvas {
  margin-bottom: 40px;
}

a.brand-link {
  padding: 0.5rem 1rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 57px;
  overflow: hidden;
  background-color: white;
}
a.brand-link svg {
  width: 100%;
  max-width: 74px;
}
a.brand-link span {
  margin-left: 10px;
  display: inline-block;
  font-weight: 600;
}

.sidebar-mini.sidebar-collapse .brand-text {
  margin-left: 0;
}

.sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .brand-text,
.sidebar-mini.sidebar-collapse .main-sidebar:hover .brand-text {
  margin-left: 10px;
}

.table {
  border-bottom: 2px solid #e0e5e9;
}
.table tr {
  border: none;
  border-bottom: 1px solid #fff;
}
.table tr th {
  background: #657c91;
  color: #fff;
  border: none;
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid #fff;
  padding: 0.5em;
  font-weight: 700;
}
.table tr th:last-child {
  border-right: none;
}
.table tr th[colspan="3"], .table tr th[colspan="4"], .table tr th[colspan="5"], .table tr th[colspan="6"] {
  background: #333333;
  background: #fff;
  border-top: 2px solid #e0e5e9;
  padding-left: 0;
  color: #000;
}
.table tr:last-child {
  border-bottom: none;
}
.table tr td {
  background: #f2f2f2;
  color: #333333;
  border: none;
  border-right: 1px solid #fff;
  padding: 0.5em;
  transition: background 0.2s;
}
.table tr td:last-child {
  border-right: none;
}
.table tr:nth-child(odd) td {
  background: #f7f7f7;
}
.table tr:hover td {
  background: #fff;
  background: #e8ebef;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.nav-tabs {
  margin-bottom: 15px;
}

.form-control {
  border-radius: 0;
}
.form-control:focus {
  border-color: #657c91;
}

details {
  background: #f2f2f2;
  margin-bottom: 10px;
}
details .details-wrapper {
  padding: 20px;
}
details summary {
  background: #657c91;
  color: #fff;
  padding: 10px 20px;
  transition: background 0.2s;
}
details summary:hover {
  background: #506273;
}
details[open=""] {
  margin-bottom: 40px;
}
details[open=""] summary {
  background: #505050;
  background: #657c91;
  color: #fff;
}
details.supporting-documents {
  flex: 1;
}
details.supporting-documents summary {
  background: inherit;
  color: #333333;
  text-transform: uppercase;
}
details.supporting-documents:hover summary {
  background: #ccc;
}

#EntryForm .data-entry-group .card-body {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-left: -40px;
  padding: 20px 40px;
}
#EntryForm .data-entry-group .card-body::after {
  content: "";
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 350px;
  max-width: 450px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0 20px 40px;
}
#EntryForm .data-entry-group .full-width-card {
  -webkit-flex-flow: column wrap;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
#EntryForm .data-entry-group .form-group {
  min-width: 350px;
  max-width: 450px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 0 20px 40px;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#EntryForm .data-entry-group .form-group .group-heading {
  min-height: 64px;
  min-height: 42px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: last baseline;
  -ms-flex-align: last baseline;
  align-items: last baseline;
}
#EntryForm .data-entry-group .full-width {
  max-width: none;
}

.imported-value {
  background-color: Highlight;
}

.input-group {
  margin-bottom: 5px;
}
.input-group .input-group-prepend button,
.input-group .input-group-append button {
  background: #ed1a3b;
  color: #fff;
  border: none;
  transition: background 0.2s;
}
.input-group .input-group-prepend button:hover,
.input-group .input-group-append button:hover {
  background: #c50f2c;
}
@media (min-width: 1200px) {
  .chart-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -40px;
  }
  .chart-wrapper .chart {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 40px;
    max-width: 50%;
    min-width: 40%;
  }
  .chart-wrapper::after {
    content: "";
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 40%;
    max-width: 50%;
    margin-left: 40px;
  }
}
@media (min-width: 2200px) {
  .chart-wrapper .chart {
    min-width: 30%;
  }
}

.tree-report h3 {
  margin: 0px 0 0 0px;
  padding: 10px 20px;
  background: #333333;
  color: #fff;
}
.tree-report svg {
  font-size: 9px;
}
.tree-report .tree-report-section {
  border-bottom: 40px solid #fff;
}

g.tree-report-node {
  fill: #e7e7e7;
  fill: #fff;
}
g.tree-report-node text {
  fill: #fff;
  fill: #333;
}
g.tree-report-node text.title-box {
  fill: #333333;
}
g.tree-report-node line {
  stroke: #333333;
  stroke: #218f8b;
}
g.tree-report-node .data-change-group .background {
  fill: #e7e7e7;
  fill: #e0e5e9;
}
g.tree-report-node .data-change-group path.change-indicator {
  fill: #657c91;
}
g.tree-report-node .data-change-group text.change-value {
  fill: #657c91;
  font-size: 10px;
  font-weight: 400;
}
g.tree-report-node g.data-value .background {
  fill: #fff;
  fill: #c1cbd3;
}
g.tree-report-node g.data-value text.value {
  fill: #333333;
  font-size: 11px;
  font-weight: 600;
}
g.tree-report-node:last-child {
  stroke: none;
}
g.tree-report-node:last-child text {
  font-weight: 600;
}

g.change-arrow {
  fill: #333333;
}

@media print {
  g.tree-report-node {
    stroke: #e7e7e7;
  }

  details summary {
    font-size: 34px;
  }

  .tree-report h3 {
    color: #333333;
    border-top: 2px solid #ed1a3b;
  }
}
ul.no-bullets {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
