/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Site Styling panel from Power Apps Portals.
 */
:root {
  --portalThemeColor1: #0073b1;
  --portalThemeColor2: #717073;
  --portalThemeColor3: #d9d9d9;
  --portalThemeColor4: #f47b20;
  --portalThemeColor5: #f3f3f3;
  --portalThemeColor6: #ffffff;
  --portalThemeColor7: #218518;
  --portalThemeColor8: #212121;
  --portalThemeColor9: #212121;
  --portalThemeColor10: ;
  --portalThemeColor11: ;
  --portalThemeColor12: ;
  --portalThemeOnColor1: #212121;
  --portalThemeOnColor2: #212121;
  --portalThemeOnColor3: #212121;
  --portalThemeOnColor4: #212121;
  --portalThemeOnColor5: #212121;
  --portalThemeOnColor6: #212121;
  --portalThemeOnColor7: #212121;
  --portalThemeOnColor8: #218518;
  --portalThemeOnColor9: #218518;
  --portalThemeOnColor10: ;
  --portalThemeOnColor11: ;
  --portalThemeOnColor12: ; }

[data-component-theme="portalThemeColor1"] {
  background-color: var(--portalThemeColor1);
  color: var(--portalThemeOnColor1); }
  [data-component-theme="portalThemeColor1"] h1, [data-component-theme="portalThemeColor1"] h2, [data-component-theme="portalThemeColor1"] h3, [data-component-theme="portalThemeColor1"] h4, [data-component-theme="portalThemeColor1"] h5, [data-component-theme="portalThemeColor1"] h6, [data-component-theme="portalThemeColor1"] p {
    color: var(--portalThemeOnColor1); }

[data-component-theme="portalThemeColor2"] {
  background-color: var(--portalThemeColor2);
  color: var(--portalThemeOnColor2); }
  [data-component-theme="portalThemeColor2"] h1, [data-component-theme="portalThemeColor2"] h2, [data-component-theme="portalThemeColor2"] h3, [data-component-theme="portalThemeColor2"] h4, [data-component-theme="portalThemeColor2"] h5, [data-component-theme="portalThemeColor2"] h6, [data-component-theme="portalThemeColor2"] p {
    color: var(--portalThemeOnColor2); }

[data-component-theme="portalThemeColor3"] {
  background-color: var(--portalThemeColor3);
  color: var(--portalThemeOnColor3); }
  [data-component-theme="portalThemeColor3"] h1, [data-component-theme="portalThemeColor3"] h2, [data-component-theme="portalThemeColor3"] h3, [data-component-theme="portalThemeColor3"] h4, [data-component-theme="portalThemeColor3"] h5, [data-component-theme="portalThemeColor3"] h6, [data-component-theme="portalThemeColor3"] p {
    color: var(--portalThemeOnColor3); }

[data-component-theme="portalThemeColor4"] {
  background-color: var(--portalThemeColor4);
  color: var(--portalThemeOnColor4); }
  [data-component-theme="portalThemeColor4"] h1, [data-component-theme="portalThemeColor4"] h2, [data-component-theme="portalThemeColor4"] h3, [data-component-theme="portalThemeColor4"] h4, [data-component-theme="portalThemeColor4"] h5, [data-component-theme="portalThemeColor4"] h6, [data-component-theme="portalThemeColor4"] p {
    color: var(--portalThemeOnColor4); }

[data-component-theme="portalThemeColor5"] {
  background-color: var(--portalThemeColor5);
  color: var(--portalThemeOnColor5); }
  [data-component-theme="portalThemeColor5"] h1, [data-component-theme="portalThemeColor5"] h2, [data-component-theme="portalThemeColor5"] h3, [data-component-theme="portalThemeColor5"] h4, [data-component-theme="portalThemeColor5"] h5, [data-component-theme="portalThemeColor5"] h6, [data-component-theme="portalThemeColor5"] p {
    color: var(--portalThemeOnColor5); }

[data-component-theme="portalThemeColor6"] {
  background-color: var(--portalThemeColor6);
  color: var(--portalThemeOnColor6); }
  [data-component-theme="portalThemeColor6"] h1, [data-component-theme="portalThemeColor6"] h2, [data-component-theme="portalThemeColor6"] h3, [data-component-theme="portalThemeColor6"] h4, [data-component-theme="portalThemeColor6"] h5, [data-component-theme="portalThemeColor6"] h6, [data-component-theme="portalThemeColor6"] p {
    color: var(--portalThemeOnColor6); }

[data-component-theme="portalThemeColor7"] {
  background-color: var(--portalThemeColor7);
  color: var(--portalThemeOnColor7); }
  [data-component-theme="portalThemeColor7"] h1, [data-component-theme="portalThemeColor7"] h2, [data-component-theme="portalThemeColor7"] h3, [data-component-theme="portalThemeColor7"] h4, [data-component-theme="portalThemeColor7"] h5, [data-component-theme="portalThemeColor7"] h6, [data-component-theme="portalThemeColor7"] p {
    color: var(--portalThemeOnColor7); }

[data-component-theme="portalThemeColor8"] {
  background-color: var(--portalThemeColor8);
  color: var(--portalThemeOnColor8); }
  [data-component-theme="portalThemeColor8"] h1, [data-component-theme="portalThemeColor8"] h2, [data-component-theme="portalThemeColor8"] h3, [data-component-theme="portalThemeColor8"] h4, [data-component-theme="portalThemeColor8"] h5, [data-component-theme="portalThemeColor8"] h6, [data-component-theme="portalThemeColor8"] p {
    color: var(--portalThemeOnColor8); }

[data-component-theme="portalThemeColor9"] {
  background-color: var(--portalThemeColor9);
  color: var(--portalThemeOnColor9); }
  [data-component-theme="portalThemeColor9"] h1, [data-component-theme="portalThemeColor9"] h2, [data-component-theme="portalThemeColor9"] h3, [data-component-theme="portalThemeColor9"] h4, [data-component-theme="portalThemeColor9"] h5, [data-component-theme="portalThemeColor9"] h6, [data-component-theme="portalThemeColor9"] p {
    color: var(--portalThemeOnColor9); }

[data-component-theme="portalThemeColor10"] {
  background-color: var(--portalThemeColor10);
  color: var(--portalThemeOnColor10); }
  [data-component-theme="portalThemeColor10"] h1, [data-component-theme="portalThemeColor10"] h2, [data-component-theme="portalThemeColor10"] h3, [data-component-theme="portalThemeColor10"] h4, [data-component-theme="portalThemeColor10"] h5, [data-component-theme="portalThemeColor10"] h6, [data-component-theme="portalThemeColor10"] p {
    color: var(--portalThemeOnColor10); }

[data-component-theme="portalThemeColor11"] {
  background-color: var(--portalThemeColor11);
  color: var(--portalThemeOnColor11); }
  [data-component-theme="portalThemeColor11"] h1, [data-component-theme="portalThemeColor11"] h2, [data-component-theme="portalThemeColor11"] h3, [data-component-theme="portalThemeColor11"] h4, [data-component-theme="portalThemeColor11"] h5, [data-component-theme="portalThemeColor11"] h6, [data-component-theme="portalThemeColor11"] p {
    color: var(--portalThemeOnColor11); }

[data-component-theme="portalThemeColor12"] {
  background-color: var(--portalThemeColor12);
  color: var(--portalThemeOnColor12); }
  [data-component-theme="portalThemeColor12"] h1, [data-component-theme="portalThemeColor12"] h2, [data-component-theme="portalThemeColor12"] h3, [data-component-theme="portalThemeColor12"] h4, [data-component-theme="portalThemeColor12"] h5, [data-component-theme="portalThemeColor12"] h6, [data-component-theme="portalThemeColor12"] p {
    color: var(--portalThemeOnColor12); }

body {
  color: #000000;
  background-color: #f3f3f3; }

legend {
  color: #000000; }

footer {
  color: #212121;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px; }
  footer .footer-bottom {
    background-color: #ffffff; }

.columnBlockLayout {
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 40px; }

.breadcrumb {
  background-color: transparent; }
  .breadcrumb > li a {
    color: #0073b1; }
    .breadcrumb > li a:hover {
      color: #0073b1; }
  .breadcrumb > .active {
    color: #000000; }

.nav-tabs > li > a:hover {
  background-color: #e6e6e6;
  color: #0073b1; }

.nav-tabs > li > a:focus {
  background-color: #e6e6e6;
  color: #0073b1; }

.btn-primary {
  color: #ffffff;
  background-color: #0073b1;
  border-color: #0073b1;
  border-radius: 100px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #0073b1;
  color: #ffffff; }
  .btn-primary:hover {
    color: #0073b1;
    background-color: #ffffff;
    border-color: #ffffff; }
  .btn-primary:active, .btn-primary.active {
    color: #ffffff;
    background-color: #0081C6;
    border-color: #0081C6; }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
      color: #0073b1;
      background-color: #ffffff;
      border-color: #ffffff; }
  .btn-primary:focus, .btn-primary.focus {
    color: #ffffff;
    background-color: #0073b1;
    border-color: #0073b1; }

.static-top.navbar-dark {
  background-color: #ffffff; }

.navbar-toggler {
  background-color: #0073b1; }

.static-top.navbar .menu-bar > .navbar-nav > li > a {
  font-family: Arial;
  font-weight: 400;
  font-size: 16px; }
  .static-top.navbar .menu-bar > .navbar-nav > li > a:hover {
    text-decoration: Plain text; }

.navbar-dark .navbar-toggler {
  border: 1px solid #0073b1; }
  .navbar-dark .navbar-toggler:hover {
    background-color: #ffffff;
    border-color: #ffffff; }
  .navbar-dark .navbar-toggler:focus {
    border: 1px solid #000000;
    background-color: #ffffff; }
  .navbar-dark .navbar-toggler .navbar-toggler-icon {
    /* background-color: #ffffff; */
    border-color: #ffffff; }

.navbar-dark .navbar-nav > li > a {
  color: #212121;
  font-family: Arial;
  font-weight: 400;
  font-size: 12px; }
  .navbar-dark .navbar-nav > li > a:hover {
    background-color: #0073b1;
    color: #ffffff;
    text-decoration: Plain text; }
  .navbar-dark .navbar-nav > li > a:focus {
    background-color: #0073b1;
    color: #ffffff;
    text-decoration: Plain text; }

.navbar-dark .navbar-nav > .open > a {
  color: #ffffff;
  background-color: #0073b1;
  text-decoration: Plain text; }
  .navbar-dark .navbar-nav > .open > a:hover {
    color: #ffffff;
    background-color: #0073b1;
    text-decoration: Plain text; }
  .navbar-dark .navbar-nav > .open > a:focus {
    color: #ffffff;
    background-color: #0073b1;
    text-decoration: Plain text; }

.navbar-dark .navbar-nav .open .dropdown-menu {
  background-color: #0073b1;
  text-decoration: none; }
  .navbar-dark .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
    text-decoration: none; }
    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:hover {
      background-color: #ffffff;
      color: #0073b1;
      text-decoration: Plain text; }
    .navbar-dark .navbar-nav .open .dropdown-menu > li > a:focus {
      background-color: #ffffff;
      color: #0073b1;
      text-decoration: Plain text; }
  .navbar-dark .navbar-nav .open .dropdown-menu > .active > a {
    background-color: #ffffff;
    color: #0073b1;
    text-decoration: Plain text; }
    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:hover {
      background-color: #ffffff;
      color: #0073b1;
      text-decoration: Plain text; }
    .navbar-dark .navbar-nav .open .dropdown-menu > .active > a:focus {
      background-color: #ffffff;
      color: #0073b1;
      text-decoration: Plain text; }

.nav > li > a {
  text-decoration: none; }
  .nav > li > a:hover {
    background-color: #e6e6e6; }
  .nav > li > a:focus {
    background-color: #e6e6e6; }

.nav .open .dropdown-menu {
  background-color: #f3f3f3; }
  .nav .open .dropdown-menu > li > a {
    text-decoration: none;
    color: #000000; }
    .nav .open .dropdown-menu > li > a:hover {
      background-color: #e6e6e6;
      color: #000000; }
    .nav .open .dropdown-menu > li > a:focus {
      background-color: #e6e6e6;
      color: #000000; }
  .nav .open .dropdown-menu > .active > a {
    background-color: #e6e6e6;
    color: #000000; }
    .nav .open .dropdown-menu > .active > a:hover {
      background-color: #e6e6e6;
      color: #000000; }
    .nav .open .dropdown-menu > .active > a:focus {
      background-color: #e6e6e6;
      color: #000000; }

.nav > .open > a {
  text-decoration: none;
  background-color: #e6e6e6; }
  .nav > .open > a:hover {
    background-color: #e6e6e6; }
  .nav > .open > a:focus {
    background-color: #e6e6e6; }

.sectionPrimaryColor {
  background-color: #717073;
  color: #ffffff; }
  .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6, .sectionPrimaryColor p, .sectionPrimaryColor a {
    color: #ffffff; }
  .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6, .sectionPrimaryColor .crmEntityFormView p, .sectionPrimaryColor .crmEntityFormView a {
    color: #000000; }
  .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6, .sectionPrimaryColor .entitylist p, .sectionPrimaryColor .entitylist a {
    color: #000000; }

a:not(.btn) {
  text-decoration: underline; }
  a:not(.btn):hover {
    text-decoration: none; }

a,
.a {
  color: #0073b1;
  font-family: Arial;
  font-weight: 400;
  font-size: 14px; }
  a:hover, a:focus,
.a:hover,
.a:focus {
    color: #0073b1; }

a[disabled] {
  color: #A19F9D;
  pointer-events: none; }

button[disabled] {
  background-color: #F3F2F1;
  color: #A19F9D;
  pointer-events: none;
  border: 2px; }

.open > .btn-default.dropdown-toggle {
  color: #ffffff;
  background-color: #e6e6e6;
  border-color: #0073b1; }

.open > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #0073b1;
  border-color: #0073b1; }
  .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
    color: #0073b1;
    background-color: #ffffff;
    border-color: #e6e6e6; }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
  background-color: #f3f3f3;
  color: #000000;
  border: 1px solid #f2f2f2; }

.    > .card-body, .list-group-item {
  background-color: #f3f3f3;
  color: #000000; }

.    > .card-header {
  background-color: #e6e6e6;
  color: #000000; }

.facet-list-group-item-title {
  color: #000000; }

.form-control {
  background-color: #f3f3f3 ;
  color: #000000; }

input {
  background-color: #f3f3f3; }
input[type="email"] {
  background-color: #ffffff ; }
.bootstrap-datetimepicker-widget {
  background-color: #f3f3f3; }
  .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
    color: black; }
  .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
    color: white; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: unset; }

.login-heading-section {
  color: unset; }

.static-top.navbar-dark .navbar-brand a {
  color: #000000; }

.search-results .highlight {
  color: #000000; }

.table > thead > tr.info > td {
  background-color: #e6e6e6; }

.table > thead > tr.info > th {
  background-color: #e6e6e6; }

.table > thead > tr > td.info {
  background-color: #e6e6e6; }

.table > thead > tr > th.info {
  background-color: #e6e6e6; }

.table > tbody > tr.info > td {
  background-color: #e6e6e6; }

.table > tbody > tr.info > th {
  background-color: #e6e6e6; }

.table > tbody > tr > td.info {
  background-color: #e6e6e6; }

.table > tbody > tr > th.info {
  background-color: #e6e6e6; }

.table > tfoot > tr.info > td {
  background-color: #e6e6e6; }

.table > tfoot > tr.info > th {
  background-color: #e6e6e6; }

.table > tfoot > tr > td.info {
  background-color: #e6e6e6; }

.table > tfoot > tr > th.info {
  background-color: #e6e6e6; }

.table-hover > tbody > tr:hover {
  background-color: #e6e6e6; }

.table-hover > tbody > tr > td.info:hover {
  background-color: #e6e6e6; }

.table-hover > tbody > tr > th.info:hover {
  background-color: #e6e6e6; }

.table-hover > tbody > tr.info:hover > td {
  background-color: #e6e6e6; }

.table-hover > tbody > tr.info:hover > th {
  background-color: #e6e6e6; }

.table-hover > tbody > tr:hover > .info {
  background-color: #e6e6e6; }

.form-close {
  color: #000000; }
  .form-close:hover {
    color: #000000 !important; }
  .form-close:focus {
    color: #000000 !important; }

::placeholder {
  color: #000000 !important; }

.help-block {
  color: #000000; }

.msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
  color: #000000 !important;
  background: #f3f3f3 !important; }

.msos-option-selected, .msos-selected-display-item, .msos-quick-delete, .msos-quick-delete:hover {
  background: #e6e6e6 !important; }

.msos-label, .msos-quick-delete, .msos-quick-delete:hover {
  color: #000000 !important; }

.msos-option-focused:after, .msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after, .msos-selecteditems-toggle:focus {
  border-color: #000000 !important; }

.msos-option:hover, .msos-option-selected:hover {
  background: #ededed !important; }

.msos-selecteditems-toggle {
  color: #717073 !important; }

h1,
.h1,
.section-landing-heading,
.section-landing .row > div .section-landing-heading,
.section-inline-search .row > div h1,
.section-landing h1,
.section-search .header-search h1,
.page_section h1,
.color-inverse h1,
h1 p {
  font-family: Arial;
  font-weight: 400;
  font-size: 32px;
  color: #212121;
  margin-left: 0px;
  margin-right: 0px; }

h2,
.h2,
.section-landing .row > div .section-landing-sub-heading,
.page_section h2,
.color-inverse h2,
h2 p {
  font-family: Arial;
  font-weight: 400;
  font-size: 24px;
  color: #212121; }

h3,
.h3,
.page_section h3,
.color-inverse h3,
.sidebar-home h3 {
  font-family: Arial;
  font-weight: 400;
  font-size: 24px;
  color: #212121; }

h4,
.h4,
.poll .poll-header h4,
.poll .poll-tags h4 {
  font-family: Arial;
  font-weight: 700;
  font-size: 20px;
  color: #212121; }

h5,
.h5 {
  font-family: Arial;
  font-weight: 700;
  font-size: 14px;
  color: #212121; }

p,
.p,
.page_section p,
.section-diagonal-left p,
.section-diagonal-right p {
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #212121;
  line-height: 21px;
 }

.p2 {
  font-family: Arial;
  font-weight: 400;
  font-size: 16px;
  color: #212121; }

.button1 {
  color: #ffffff;
  border-radius: 100px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: #0073b1;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: #0073b1; }
  .button1:not(.gjs-selected):hover {
    color: #0073b1;
    background-color: #ffffff;
    border-color: #ffffff; }
  .button1:not(.gjs-selected):active, .button1.active:not(.gjs-selected) {
    color: #0073b1;
    background-color: #ffffff; }
  .button1:focus, .button1.focus {
    color: #0073b1;
    background-color: #ffffff; }

.button2, .btn-default {
  color: #0073b1;
  border-radius: 100px;
  font-family: Arial;
  font-weight: 600;
  font-size: 14px;
  border-color: #0073b1;
  padding: 6px 20px;
  width: fit-content;
  border-style: solid;
  background-color: transparent; }
  .button2:not(.gjs-selected):hover, .btn-default:not(.gjs-selected):hover {
    color: #0073b1;
    background-color: #ffffff;
    border-color: #ffffff; }
  .button2:not(.gjs-selected):active, .button2.active:not(.gjs-selected), .btn-default:not(.gjs-selected):active, .btn-default.active:not(.gjs-selected) {
    color: #0073b1;
    background-color: #ffffff; }
  .button2:focus, .button2.focus, .btn-default:focus, .btn-default.focus {
    color: #0073b1;
    background-color: #ffffff; }

.static-top.navbar-dark .navbar-brand a p,
.static-top.navbar-dark .navbar-brand a h1,
.static-top.navbar-dark .navbar-brand a h2,
.static-top.navbar-dark .navbar-brand a h3,
.static-top.navbar-dark .navbar-brand a h4,
.static-top.navbar-dark .navbar-brand a h5,
.static-top.navbar-dark .navbar-brand a span {
  display: inline;
  vertical-align: middle;
  color: #212121; }

h1.siteTitle,
.static-top.navbar-dark .navbar-brand a h1.siteTitle {
  display: inline;
  vertical-align: middle;
  color: #212121;
  font-family: Arial;
  font-weight: 400;
  font-size: 18px; }

p.smallText {
  display: inline;
  vertical-align: middle;
  color: #212121;
  font-family: Arial;
  font-weight: 400;
  font-size: 16px; }

/*New code for responsivenesss and WCGA compliance for mobile
*/
label{
    font-size:14px;
}
@media only screen and (max-width:489px){
fieldset[aria-label="PROJECT LOCATION"] table[data-name="Review_section_3"] tbody{
margin: 0 2.5%;
}

fieldset[aria-label="PROJECT DETAIL"] table[data-name="Review_section_4"] tbody{
margin: 0 2.5%;
}

fieldset[aria-label="PROJECT LOCATION"] table[data-name="tab_13_section_4"] tbody{
margin: 0 2.5%;
}

fieldset[aria-label="PROJECT DETAIL"] table[data-name="tab_13_section_5"] tbody{
margin: 0 2.5%;
}

fieldset[aria-label="PROJECT LOCATION"] table[data-name="tab_11_section_3"] tbody{
margin: 0 2.5%;
}

fieldset[aria-label="PROJECT DETAIL"] table[data-name="tab_11_section_4"] tbody{
margin: 0 2.5%;
}

}
@media only screen and (max-width:767px){
    .static-top.navbar-dark {
/*        margin-left:2.5%;
        margin-right:2.5%;
*/
    }

.columnBlockLayout{
    padding:0px !important;
    margin-top:0px !important;
}
}