/* _content/Web/Views/Cities/Dashboard.cshtml.rz.scp.css */
.dashboard-section-container[b-78com6er0b] {
    background-color: fuchsia; /*Background color for SPGE - #b4c7d6 */
    border-radius: .375rem;
    padding: 1.5rem;
}

.section-marker[b-78com6er0b] {
    /*
        This class is simply meant to be used as a marker for selecting the "body"
        elements of a city dashboard section. It is mainly intended to be used for
        the "collapisbility" feature. I needed some way to select all body elements
        so that I could see if they were initially collapsed or not so that I could
        render the correct arrow direction (down or right). I was going to just use
        the bootstrap collapse class, but there were other elements in the page that
        also used the collapse class (the real tricky one was that the navbar in the
        layout was also using the collapse class). Therefore, I just decided to create
        a marker class to solve this problem.
    */
}
/* _content/Web/Views/Couf/CoufSummary.cshtml.rz.scp.css */
.section-header[b-cp4xq3f811] {
    display: flex;
    justify-content: space-between;
}

.edit-button[b-cp4xq3f811] {
    display: flex;
    align-items: center;
}
/* _content/Web/Views/Shared/_CityDashboardHeader.cshtml.rz.scp.css */
#city-dashboard-header.k-card[b-u7q5phxilj] {
    background-color: white;
    /* This is necessary for the header to stick to the top. By default,
            the "k-card" class has position set to relative, which interferes
            with the bootstrap "sticky-top" class.
        */
    position: sticky;
}

#city-card-header.k-card-header[b-u7q5phxilj] {
    background-color: #5eb2e3;
}

.header-container[b-u7q5phxilj] {
    display: flex;
    justify-content: space-between;
}

.header-column[b-u7q5phxilj] {
    display: flex;
    flex-direction: column;
}

label[b-u7q5phxilj] {
    color: #0c3b5c;
}
/* _content/Web/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-lzldzk1rll] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-lzldzk1rll] {
  color: #0077cc;
}

.btn-primary[b-lzldzk1rll] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

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

.border-top[b-lzldzk1rll] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-lzldzk1rll] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-lzldzk1rll] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

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

.footer[b-lzldzk1rll] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}