body {
    padding-top: 62px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.input-group,
input,
select,
textarea {
    max-width: 280px;
    width: 100%;
}

input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"] {
    width: auto;
}

.input-group-wide,
input,
select,
textarea {
    max-width: 440px;
    width: 100%;
}

input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"] {
    width: auto;
}

.input-group-wider,
input,
select,
textarea {
    max-width: 565px;
    width: 100%;
}

input[type="checkbox"],
input[type="radio"],
input[type="button"],
input[type="submit"] {
    width: auto;
}

.input-group .form-control:last-child:first-child {
    border-radius: 4px;
}


.footer-nav ul
{
    margin: 0;
    padding: 0;
}

.footer-nav ul li
{
    list-style-type: none;
    display: inline;
}

.footer-nav li:before {
content: " | " !important;
}

.footer-nav li:first-child:before {
content: none !important;
}


.form-inline .form-group{
    margin-left: 0;
    margin-right: 0;
}


.field-validation-error > span{
    margin-left: 5px;
}


.popover{
    max-width: 280px; /* Max Width of the popover (depending on the container!) */
}


/* To meet WCAG2AAA standards need a darker selected colour in drop downs */
option:checked,
option:active {
    background-color: #005e8b;
}


.archivedCommunication {
    font-style: italic;
    color:grey

}

.unreadCommunication {
     font-weight: bold;
}

.flag {
     color: #bbb;
}

.flagged {
     color: red;
}

.replied {
     color: #bbb;
}

a {
    text-decoration: underline;
}
.navbar-inverse a, a.btn, .nav-pills a, .panel-title a, .list-group-item a, .dropdown-menu a {
    text-decoration: none;
}

.navbar-brand-mobile {
    font-size: 16px;
      padding: 15px 5px;
}

    .ui-datepicker-month, .ui-datepicker-year
    { color:#555555}

@page {
  min-width: 768px;
}
@media print {
  body {
    margin: 0;
    padding: 0 !important;
    min-width: 768px;
  }
  .container {
    width: auto;
    min-width: 750px;
  }
  .col-sm-3 {
      text-align: left !important;
  }
}

@keyframes loadingStart {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.loading {
  position: relative;
  pointer-events: none;
    z-index: 999;
}

.loading .loading-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-animation: loadingStart 3s 300ms linear 1 both;
  -moz-animation: loadingStart 3s 300ms linear 1 both;
  -o-animation: loadingStart 3s 300ms linear 1 both;
  animation: loadingStart 3s 300ms linear 1 both;
  background: rgba(255, 255, 255, 0.5);
  text-align: center;
    z-index: 999;
}
.loading .loading-text {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  text-shadow: white 0 0 1em, white 0 0 0.5em, white 0 0 0.25em;
  position: relative;
  display: block;
  text-transform: uppercase;
  font-weight: bold;
    z-index: 999;
}
.loading .loading-text:after {
  content: "...";
}
.loading .loading-spinner {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: -3.9375rem auto 0;
  color: #1a1d1d;
  text-align: center;
    z-index: 999;
}
.loading .loading-icon {
  font-size: 4.8125rem;
  line-height: 5.25rem;
  text-shadow: rgba(255, 255, 255, 0.75) 0 0 0.5em;
  -webkit-animation: loading 1s steps(4) infinite;
  -moz-animation: loading 1s steps(4) infinite;
  -o-animation: loading 1s steps(4) infinite;
  animation: loading 1s steps(4) infinite;
  display: block;
  vertical-align: middle;
    z-index: 999;
}
.loading .loading-icon:before {
  vertical-align: middle;
  content: "\e000";
  font-family: "demo" !important;
}
@font-face {
    font-family: "demo";
    src: url('/Content/fonts/icons.woff') format("woff"), url('/Content/fonts/icons.ttf') format("truetype");
}
.badge:hover {
  color:aquamarine !important
}
.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

.glyphicon.normal-right-spinner {
    -webkit-animation: glyphicon-spin-r 2s infinite linear;
    animation: glyphicon-spin-r 2s infinite linear;
}

.glyphicon.slow-right-spinner {
    -webkit-animation: glyphicon-spin-r 3s infinite linear;
    animation: glyphicon-spin-r 3s infinite linear;
}

.glyphicon.fast-left-spinner {
    -webkit-animation: glyphicon-spin-l 1s infinite linear;
    animation: glyphicon-spin-l 1s infinite linear;
}

.glyphicon.normal-left-spinner {
    -webkit-animation: glyphicon-spin-l 2s infinite linear;
    animation: glyphicon-spin-l 2s infinite linear;
}

.glyphicon.slow-left-spinner {
    -webkit-animation: glyphicon-spin-l 3s infinite linear;
    animation: glyphicon-spin-l 3s infinite linear;
}

@-webkit-keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes glyphicon-spin-r {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@-webkit-keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes glyphicon-spin-l {
    0% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}