.navbar-fixed-right,
.navbar-fixed-left {
  background: #313131 !important;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1030;
  padding: 15px; }
/*loading*/
#loading-spinner {
    text-align: center;
    margin-top: 20px;
}
.btn-group .btn.active {
    background-color: #007bff; /* Add your desired color */
    color: white;
}

    #loading-spinner i {
        color: #007bff;
    }

#loadingSpinner {
    display: none;
    /* other spinner styles */
}
  .navbar-fixed-right .main-action-box,
  .navbar-fixed-left .main-action-box {
    width: 75%; }
  .navbar-fixed-right .navbar-brand,
  .navbar-fixed-left .navbar-brand {
    margin: 0 0 0 0; }
    .navbar-fixed-right .navbar-brand img,
    .navbar-fixed-left .navbar-brand img {
      width: 75%;
      display: inline-block;
      height: auto;
      align-self: auto;
      text-align: left; }
  .navbar-fixed-right .navbar-collapse,
  .navbar-fixed-left .navbar-collapse {
    width: 100%; }
    .navbar-fixed-right .navbar-collapse .navbar-nav,
    .navbar-fixed-left .navbar-collapse .navbar-nav {
      width: 100%;
      margin-bottom: 24px; }
      .navbar-fixed-right .navbar-collapse .navbar-nav .active,
      .navbar-fixed-left .navbar-collapse .navbar-nav .active {
        background: #555555;
        border-radius: 32px; }
      .navbar-fixed-right .navbar-collapse .navbar-nav .nav-item .nav-link,
      .navbar-fixed-left .navbar-collapse .navbar-nav .nav-item .nav-link {
        margin-left: 8px;
        padding: 12px;
        font-weight: 400; }
      .navbar-fixed-right .navbar-collapse .navbar-nav hr,
      .navbar-fixed-left .navbar-collapse .navbar-nav hr {
        border-color: #727272;
        margin: 16px 0; }

@media (min-width: 480px) {
  .navbar .main-action-box {
    width: auto; } }

@media (min-width: 768px) {
  .container {
    width: 503px; }
  .navbar {
    align-items:center;
    justify-content: initial;
    flex-direction: column;
    font-size: 15px; }
    .navbar .main-action-box {
      background: #242422;
      width: 100%;
      padding: 24px; }
    .navbar .navbar-collapse {
      padding: 24px !important;
      align-items: flex-start; }
      .navbar .navbar-collapse .navbar-nav {
        flex-direction: column; }
    .navbar .navbar-brand {
      margin: 0 0 32px 0; }
      .navbar .navbar-brand img {
        width: 75%;
        display: block;
        height: auto;
        align-self: center;
        text-align: center;
        margin: 0 auto; }
    .navbar .main-action-box .btn-primary {
        margin-bottom: 0;
        height: 46px;
        align-items: center;
        align-content: center;
    } }

@media (min-width: 992px) {
  .container {
    width: 655px; } }

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

@media (min-width: 1432px) {
  .container {
    width: 1102px; } }

@media (min-width: 768px) {
  body {
    padding-top: 0; }
  .navbar-fixed-right,
  .navbar-fixed-left {
    padding: 0; } }

@media (min-width: 768px) and (min-width: 768px) {
  .navbar-fixed-right,
  .navbar-fixed-left {
    width: 300px;
    height: 100vh;
    border-radius: 0; }
  .navbar-fixed-right .container,
  .navbar-fixed-left .container {
    padding-right: 0;
    padding-left: 0;
    width: auto; }
  .navbar-fixed-right .navbar-header,
  .navbar-fixed-left .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
  .navbar-fixed-right .navbar-collapse,
  .navbar-fixed-left .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
    max-height: none; }
  .navbar-fixed-right .navbar-collapse .navbar-nav,
  .navbar-fixed-left .navbar-collapse .navbar-nav {
    float: none !important; }
  .navbar-fixed-right .navbar-collapse .navbar-nav > li,
  .navbar-fixed-left .navbar-collapse .navbar-nav > li {
    width: 100%; }
  .navbar-fixed-right .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu,
  .navbar-fixed-left .navbar-collapse .navbar-nav > li.dropdown .dropdown-menu {
    top: 0; }
  .navbar-fixed-right .navbar-collapse .navbar-nav.navbar-right,
  .navbar-fixed-left .navbar-collapse .navbar-nav.navbar-right {
    margin-right: 0; } }

@media (min-width: 768px) {
  body {
    padding-left: 300px; } }

@media (min-width: 768px) {
  .navbar-fixed-left {
    right: auto !important;
    left: 0 !important;
    border-width: 0 1px 0 0 !important; }
  .navbar-fixed-left .dropdown .dropdown-menu {
    left: 100%;
    right: auto;
    border-radius: 0 3px 3px 0; }
  .navbar-fixed-left .dropdown .dropdown-toggle .caret {
    border-top: 4px solid transparent;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-right: none; } }

.footer {
  position: absolute;
  bottom: 0;
  /* Set the fixed height of the footer here */
  height: 60px;
  line-height: 60px;
  /* Vertically center the text there */
  text-align: center; }

.shadow {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
  .shadow:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.19), 0 3px 6px rgba(0, 0, 0, 0.2); }

.shadow-no-hover {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.1); }



.is-flex {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.is-flex > [class*='col-'] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.is-flex:before,
.is-flex:after {
  content: normal; }

.mt-48 {
  margin-top: 48px; }

.mt-24 {
  margin-top: 24px; }

.mt-16 {
  margin-top: 16px; }

.text-left {
  text-align: left; }
  .text-left h1,
  .text-left h2,
  .text-left h3,
  .text-left h4,
  .text-left h5,
  .text-left h6,
  .text-left p {
    text-align: left; }

button.back-to-top,
a.help {
  background: #fff;
  height: auto;
  width: auto;
  overflow: hidden;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  color: transparent;
  clear: both;
  visibility: hidden;
  position: fixed;
  cursor: pointer;
  display: block;
  border: none;
  right: 25px;
  bottom: 25px;
  font-size: 6px;
  outline: 0 !important;
  z-index: 99;
  transition: all .3s ease-in-out; }

button.back-to-top:hover,
button.back-to-top:active,
button.back-to-top:focus,
a.help:hover,
a.help:active,
a.help:focus {
  outline: 0 !important; }

button.back-to-top::before,
a.help::before {
  display: block;
  vertical-align: middle;
  margin: -5px 0 auto; }

button.back-to-top.show,
a.help.show {
  display: block;
  background: #5D9731;
  color: #FFFFFF;
  font-size: 1.1rem;
  right: 25px;
  bottom: 25px;
  height: auto;
  width: auto;
  padding: 16px;
  visibility: visible;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25); }

button.back-to-top.show:active,
a.help.show:active {
  box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25); }

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

body {
    padding-bottom: 60px;
    background: #fafafa;
    font-family: sans-serif;
    overflow-x: hidden;
    margin-top: 70px;
    margin-bottom: 32px;
    color: #313131;
}

h1, h2, h3, h4, h5, h6 {
  color: #313131; }


h1,
h2,
h3 {
    font-family: "Noto Serif", serif;
    text-align: center;
    color: #5D9731;
    font-weight: bold;
    margin-top: 33px;
   margin-bottom: 22px;
}
col-lg-11  {
  margin-bottom:20px;
}

mb-4 label {
    margin-bottom:20px;

}

h5, .h5 {
    margin: 48px 0 8px 0;
    font-weight: bold;
}

h6, .h6 {
  font-size: 14px;
  margin-bottom: 24px; }

.margin-auto {
  margin: auto !important; }

a {
  color: #5D9731; }
  a.margin-right-auto {
    margin-right: auto !important; }
  a:active {
    color: #5D9731; }
  a:visited {
    }
  a:focus {
    color: #5D9731; }
  a:hover {
    color: #75be3d; }

form.form-center {
  text-align: center; }
#spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

select,
select option {
  color: #0b0b0b;
  text-indent: 5px; }

select:invalid,
select option[value=""] {
  color: #bbbbbb; }

.select-style {
  border: 1px solid #ccc;
  width: 50%;
  border-radius: 3px;
  overflow: hidden;
  background: #fafafa no-repeat 90% 50%; }

.select-style select {
  padding: 5px 8px;
  width: 100%;
  border: none;
  box-shadow: none;
  background: transparent;
  background-image: none; }

.select-style-single select {
  -webkit-appearance: none; }

.select-style select:focus {
  outline: none; }

svg {
  margin-left: 8px;
  color: inherit;
  margin-right: 0 !important; }

.input-group-addon svg {
  margin: 0; }

.btn-primary {
    width: 100%;
    background-color: #5D9731;
    border-color: #528d26;
    color: #fff;
    background: #56a31c;
    border: 0;
    margin: 24px 0;
    color: #FFFFFF !important;
    cursor: pointer;
}

.district-search {
    border-collapse: collapse;
    border: 1px solid #ddd;
}

    .district-search th, .district-search td {
        border: 1px solid #ddd;
    }


  .btn-primary:active {
    background: #457025;
    color: #FFFFFF; }
  .btn-primary:visited {
    background: #5D9731;
    color: #FFFFFF; }
  .btn-primary:active:focus {
    color: #FFFFFF; }
  .btn-primary:focus {
    color: #FFFFFF; }
  .btn-primary:hover {
    background: #75be3d;
    color: #FFFFFF; }
  .btn-primary:disabled {
    background: #5D9731 !important;
    border-color: #5D9731 !important; }
   .table a {
        text-decoration: none;
    }
#btn {
    border-color: white;
    color: #fff;
    background: #5D9731;
    margin-top: 16px;
    height: 49px;
    width: 139px;
    border-style: solid;
    border-radius: 6px;
}

.btn.btn-primary:hover {
    background-color: #528d26; /* light primary shade */
    border-color: #43791b;
    color: #fff;
}
.custom-primary {
    background-color: #cfe2ff;
    color: #43791b;
    border-color: #43791b;
}

    .custom-primary:hover {
        background-color: #e3efff;
        color: #528d26;
        border-color: #43791b;
    }
.btn-primary.btn-logout:hover {
    background-color: #528d26; 
    border-color: #43791b;
    color: #fff;
}


    /* Hover */
    .btn-primary:hover {
        background-color: #528d26;
        border-color: #43791b;
        color: #fff;
    }

    /* Focus (prevents blue outline) */
    .btn-primary:focus,
    .btn-primary.focus {
        background-color: #528d26;
        border-color: #43791b;
        color: #fff;
        box-shadow: 0 0 0 0.25rem rgba(82, 141, 38, 0.5); /* green glow */
        outline: none;
    }

    /* Active (clicked) */
    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #528d26;
        border-color: #43791b;
        color: #fff;
        box-shadow: none;
    }

#search-type-radio {
    margin-top: 10px;
}


.coverage-search-results {
    max-height: 400px; /* Adjust as needed */
    overflow-y: auto;
    border: 1px solid #ddd;
}

.sticky-header thead th {
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
}


.radio-btn {
    width: 100%;
    text-align: center;
}
#coverage-search-results {
    max-height: 500px; /* Adjust the height as per your requirement */
    overflow-y: auto; /* This will enable scrolling */
}
.btn-ghost {
  background: transparent;
  border: 1px solid #5D9731;
  color: #5D9731; }
  .btn-ghost:active {
    background: #457025;
    color: #FFFFFF; }
  .btn-ghost:visited {
    background: transparent;
    color: #5D9731; }
  .btn-ghost:active:focus {
    color: #FFFFFF; }
  .btn-ghost:focus {
    color: #FFFFFF; }
  .btn-ghost:hover {
    background: #75be3d;
    color: #FFFFFF; }

.btn-light {
  cursor: pointer;
  width: 100%;
  padding: 12px 32px;
  border: 0;
  margin: 24px 0; }

.jumbotron {
  border-radius: 0;
  text-align: center;
  background: url("../img/hero-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
 /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
  background-size: cover; }
    .jumbotron h1 {
        color: #FFFFFF;
        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        font-style: italic;
        margin: 0;
        padding: 0;
        font-family: "Merriweather", serif;
        font-weight: bold; /* This makes the text bold */
        font-size: 44px;
    }




.jumbotron-subpage {
    background: url("../img/subpage.jpg");
    background-repeat: no-repeat;
    /* -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;*/
    background-size: cover;
    background-position: center center;
}

.card {
  border: none;
  background: none; }
  .card .card-box {
    display: flex;
    flex: 1;
    -ms-flex: 1 auto;
    flex-direction: column;
    margin-bottom: 32px;
    margin-top: 0;
    padding: 24px;
    border-top: 4px solid #5D9731;
    text-align: center; }
  .card .card-icon {
    width: 48px;
    height: auto;
    margin: 8px auto;
    flex: 1;
    -ms-flex: 1 auto; }
  .card p {
    font-size: 19px;
    margin-top: 8px; }
  .card .card-link {
    margin-bottom: 0; }
  .card ul {
    margin: 0;
    list-style: none;
    float: left;
    text-align: left; }

.card.contact-us {
  margin-top: 8px;
  border-top: 1px solid #fafafa; }
  .card.contact-us h5 {
    color: #5D9731;
    margin-top: 8px; }
  .card.contact-us p {
    font-size: 17px;
    text-align: left;
    margin: 16px 0 0 0; }
    .card.contact-us p span {
      font-size: 17px;
      color: #727272;
      display: inline; }

.bold {
  font-weight: bold; }

.label-req::after {
  content: ' *';
  margin-right: 20px;
  color: red; }

.large-form-group {
  border: 1px solid #fafafa;
  border-left: 4px solid #5D9731;
  font-size: 17px;
  border-radius: 4px;
  line-height: 1.1em;
  background: #FFFFFF; }
  .large-form-group h5 {
    margin-left: 8px;
    margin-top: 16px; }
  .large-form-group h6 {
    margin-left: 8px;
    margin-bottom: 32px; }
  .large-form-group .form-group {
    margin: 24px 8px; }
    .large-form-group .form-group label span, .large-form-group .form-group label p {
      font-size: 14px;
      margin: 0;
      padding: 0; }
    .large-form-group .form-group label a svg {
      margin-left: 0;
      margin-right: 8px; }
    .large-form-group .form-group .select {
      width: 100%;
      height: 38px;
      background: #FFFFFF;
      border: 1px solid #bbbbbb;
      border-radius: 4px; }
    .large-form-group .form-group .btn-group {
      width: 100%; }
      .large-form-group .form-group .btn-group .radio-btn {
        cursor: pointer;
        width: 100%;
        border: 1px solid #bbbbbb; }
      .large-form-group .form-group .btn-group .active {
        background: #428bca;
        color: #FFFFFF; }
      .large-form-group .form-group .btn-group .active.text-muted {
        color: #FFFFFF !important;
        background: #bbbbbb !important; }
    .large-form-group .form-group .btn-group-vertical .radio-btn {
      text-align: left; }
  .large-form-group .input-group {
    max-height: 38px; }
    .large-form-group .input-group .input-group-addon {
      background: #FFFFFF;
      color: rgba(0, 0, 0, 0.4); }
      .large-form-group .input-group .input-group-addon svg {
        margin: 0;
        color: rgba(0, 0, 0, 0.4); }
  .large-form-group .input-group.text-area-group {
    min-height: 128px; }
  .large-form-group .input-group-sm {
    height: 30px;
    margin-left: 8px; }
  .large-form-group .active-muted {
    color: #FFFFFF;
    background: #727272; }
  .large-form-group .text-muted {
    color: #bbbbbb; }
  .large-form-group .highlighter {
    color: #0b0b0b;
    font-weight: bold; }
  .large-form-group input {
    border-color: #bbbbbb; }
  .large-form-group input:focus, .large-form-group textarea:focus {
    border: 1px solid #5D9731; }

.validation-msg {
  color: #ff0000;
  font-size: .8em; }

.med-form-group {
  border: 1px solid #fafafa;
  border-left: 4px solid #5D9731;
  font-size: 17px;
  border-radius: 4px;
  line-height: 1.1em;
  background: #FFFFFF; }
  .med-form-group h5 {
    margin-left: 8px;
    margin-top: 16px; }
  .med-form-group h6 {
    margin-left: 8px;
    margin-bottom: 32px; }
  .med-form-group .form-group {
    margin: 12px 8px; }
    .med-form-group .form-group label span, .med-form-group .form-group label p {
      font-size: 14px;
      margin: 0;
      padding: 0; }
    .med-form-group .form-group label a svg {
      margin-left: 0;
      margin-right: 8px; }
    .med-form-group .form-group .select {
      width: 100%;
      height: 38px;
      background: #FFFFFF;
      border: 1px solid #bbbbbb;
      border-radius: 4px; }
    .med-form-group .form-group .btn-group {
      width: 100%; }
      .med-form-group .form-group .btn-group .radio-btn {
        cursor: pointer;
        width: 100%;
        border: 1px solid #bbbbbb;
        margin: 1px;
        border-radius: 4px !important; }
      .med-form-group .form-group .btn-group .active {
        background: #428bca;
        color: #FFFFFF; }
      .med-form-group .form-group .btn-group .active.text-muted {
        color: #FFFFFF !important;
        background: #bbbbbb !important; }
    .med-form-group .form-group .btn-group-vertical .radio-btn {
      text-align: left; }
  .med-form-group .input-group {
    max-height: 38px; }
    .med-form-group .input-group .input-group-addon {
      background: #FFFFFF;
      color: rgba(0, 0, 0, 0.4); }
      .med-form-group .input-group .input-group-addon svg {
        margin: 0;
        color: rgba(0, 0, 0, 0.4); }
  .med-form-group .input-group.text-area-group {
    min-height: 128px; }
  .med-form-group .input-group-sm {
    height: 30px;
    margin-left: 8px; }
  .med-form-group .active-muted {
    color: #FFFFFF;
    background: #727272; }
  .med-form-group .text-muted {
    color: #bbbbbb; }
  .med-form-group .highlighter {
    color: #0b0b0b;
    font-weight: bold; }
  .med-form-group input {
    border-color: #bbbbbb; }
  .med-form-group input:focus, .med-form-group textarea:focus {
    border: 1px solid #5D9731; }
  .med-form-group .radio-btn-cov {
    font-size: 14px;
    width: inherit; }
  .med-form-group .form-check-label {
    font-size: 14px; }

.hidden {
  display: none; }

.calculator-result {
  padding-bottom: 20px !important;
  margin-top: 40px !important; }

.quick-quote h4 {
  margin-top: 40px; }

.modal .modal-dialog {
  max-width: 700px; }
  .modal .modal-dialog .modal-header h4 {
    margin-bottom: 0; }
  .modal .modal-dialog .modal-body {
    padding: 24px; }
    .modal .modal-dialog .modal-body ul {
      padding: 0 0 0 48px; }
      .modal .modal-dialog .modal-body ul li {
        padding-bottom: 8px; }
  .modal .modal-dialog .modal-body.modal-sign-in {
    padding: 32px; }
    .modal .modal-dialog .modal-body.modal-sign-in .vert-center {
      align-self: center;
     /* text-align: center; */}
    .modal .modal-dialog .modal-body.modal-sign-in p {
      font-size: 14px;
      margin: 32px 0 0 0; }
  .modal .modal-dialog .modal-footer .btn-primary, .modal .modal-dialog .modal-footer .btn-light {
    margin-top: 0;
    margin-bottom: 0; }

.questions-header {
  text-align: left;
  color: #313131; }

.questions {
  font-size: 1.1rem;
  margin-bottom: 48px; }
  .questions a {
    width: auto;
    font-weight: 400; }
  .questions .li-indent {
    margin-left: 48px; }

.answers .answer-highlighter {
  color: #5D9731; }
  .answers .answer-highlighter:before {
    content: '';
    position: absolute;
    left: -15px;
    display: block;
    margin-top: 3px;
    width: 15px;
    height: 15px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #5D9731; }

.answers h5 {
  margin: 48px 0 8px 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  .answers h5:first-child {
    margin-top: 0; }

.answers hr {
  margin: 48px 0; }

.answers p {
  margin-bottom: 8px; }

table thead tr th {
  font-weight: 400; }

.coverage-search {
  font-size: 10px; }

.coverage-search-intro {
  font-size: .9rem; }

.coverage-search-results {
  overflow-x: scroll;
  width: 100%; }

.district-search {
    font-size: 10px;
}

.district-search-results {
    overflow-x: scroll;
    width: 100%;
}
.btn-custom-size {
    padding: 12px 36px;
     /* Adjust padding */
    font-size: 14px; /* Adjust font size */
}
.district-search-intro {
    font-size: .9rem;
}
.btn-nvbar {
    height: 46px;
    text-align: center;
    padding: 11px;
}
.district-results {
    overflow-x: scroll;
    width: 100%;
}
.bottom-margin {
  margin-bottom: 30px; }

.top-margin {
  margin-top: 30px; }

.small-table {
  font-size: 13px; }
  .small-table tbody tr th:first-child {
    width: 70%; }
  .small-table tbody tr td:first-child {
    width: 70%; }

.small-multi-table {
  font-size: 13px;
  margin-bottom: 40px;
  width: 100%; }
  .small-multi-table th {
    padding: .4rem .4rem .4rem .4rem;
    width: 30%; }
  .small-multi-table td {
    padding: .4rem .4rem .4rem .4rem;
    width: 30%; }

.small-nested-table {
  font-size: 11px; }

.center {
  text-align: center; }

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #FFFFFF; }

.table-filter-striped {
  background-color: #FFFFFF; }

.policy-maintenance-submit-buttons {
  margin-bottom: 32px; }
  .policy-maintenance-submit-buttons .btn {
    margin: 24px 8px; }
  .policy-maintenance-submit-buttons .cancel-link {
    display: block;
    font-size: 1.1rem;
    margin-top: 0;
    margin-bottom: 96px; }

.error {
  color: red; }

.customer-field {
  display: none; }

.loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #555555;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite; }

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7); }

.overlay-content {
  left: 50%;
  position: relative;
  top: 25%;
  text-align: center;
  margin-top: 30px; }

.is-flex.user-management-flex {
  width: 100%;
  padding-left: 10%; }

.terms-button {
  width: 100% !important; }

.user-management {
  overflow-y: scroll;
  max-height: 200px;
  margin-right: 10%;
  font-size: 10px; }
  .user-management .form-group {
    margin-left: -40px; }
  .user-management .user-management-header {
    font-size: 16px; }

.user-management-select {
  height: 40px; }

.user-management-card {
  margin-top: 20px !important; }

.user-management-select-container {
  width: 60%; }

.district-filter-header {
  width: 100%;
  text-align: center; }

.wide {
  width: 100% !important; }

.float-right {
  float: right; }

.login-modal-link-container {
  margin-top: 25px; }

.contact-us-card-header {
  height: 30%; }

.calculate-premium-form-container {
  width: 85%; }

.calculate-premium-table {
  width: 25%;
  text-align: left; }

.calculate-premium-back-column {
  width: 100%;
  padding-left: 0px; }

.footer {
  width: 60%; }

.footer-container {
  width: 100%;
  text-align: left;
  font-size: 10px;
  line-height: 15px; }
  .footer-container .footer-header {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline; }
  .footer-container table {
    width: 100%; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Extra Small Devices, Phones */
/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  body {
    margin-top: 0; }
  .btn-primary, .btn-light {
    width: auto; }
  .btn-primary.btn-logout {
    width: 100%; }
  .card-box {
    margin-top: 96px;
    margin-bottom: 0; }
  .jumbotron {
    padding: 15em 0em 0em 0em; }
    .jumbotron h1 {
      padding-bottom: 40px; }
  .jumbotron-subpage {
    padding: 6em 0; }
  .jumbotron-cspage {
    padding: 3em 0; } }

/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */