html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;  /* required for Helsinki sticky footer */
  flex-direction: column;  /* required for helsinki sticky footer */
}
body > section.page {
  flex-grow: 1 !important;
}
div.page > section.page,
body > section.page {
  display: flex !important;
  flex-direction: column !important;
}

.page > section.page > main.body,
body > section.page > section.body {
  flex-grow: 1 !important;
}

body .padding-top {
  padding-top: 0px;
}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover .banner-image-text{
  text-decoration: none !important;
}

/* Hide login form */
#xb8866544cb11120000f8d856634c9c5d {
  display: none;
}

.list-group-item a:hover div div div, .list-group-item a:focus div div div  {
  background-color: #f5f5f5;
  /*text-decoration: underline;*/
  /*font-weight: 600;*/
  /*border-bottom: 2px inset #8C1515;*/
}

a.shade-hover.focus, a.shade-hover:hover {
  background-color: #f5f5f5;
}


/* Removes ability to get details of record selected in reference field */
/*.ref-picker-container.field-has-reference div.add-on button {
  display: none;
}
.field-has-reference {
  padding-right: 0px;
}
.field-has-reference .reference {
  display: inline;
}*/


.navbar-default .navbar-nav  > li > a:hover, .navbar-default .navbar-nav  > li > a:focus {
  background-color: white;
}

.white-opacity .navbar-nav li a:hover, .white-opacity .navbar-nav li a:focus {
  background-color: transparent;
}

.btn-default:hover, .btn-default:focus {
  color: white !important;
  background-color: #8C1515;
}

a.list-group-item, button.list-group-item {
  color: #8C1515 !important;
}

textarea.form-control {
  min-height: 65px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  /*box-shadow: inset 0 -4px 0 0 #8C1515;*/
  text-decoration: underline !important;
}

.bg-white {
  background-color: #fff;
}

/* Fixes the select2 columns */
.select2-result-cell {
  display: inline-block;
}

.nested-row-n .sp-row-content {
  margin: 0px !important;
}

.pad-xxl {
  padding: 100px 80px 80px 80px;
}

.m-t-n-xl {
  margin-top: -80px;
}

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.breadcrumbs-container {
  margin-top: -30px;
  margin-bottom: 0px;
  border: 0px solid transparent;
  background-color: transparent;
}

.panel-default > .panel-heading {
  border-color: transparent;
  background-color: #eee;
}

header {
  background-color: #b9b9b9;
}

.white-opacity {
  background-color: rgba(255,255,255,0.8) !important;
}

.p-20-30 {
  padding: 20px 30px;
}

.panel-primary {
  background-color: transparent;
  box-shadow:none;
}

.panel-primary .list-group-item {
  background-color: transparent;
}

.panel-primary > .panel-heading {
  color: #333;
  background-color: transparent;
  text-transform: uppercase;
  /*border-bottom: 4px solid $brand-primary; moved to css variables */
}

.panel-primary h4.panel-title {
  font-weight: 700 !important;
}

.navbar-default {
  background-color: transparent;
  border-bottom: 1px solid #ddd; 
}

.btn-dark {
  background-color: #333;
  color: white;
}

.card {
  background: #fff;
  border-radius: 2px;
}

.card:hover, .card a:focus, .card:focus {
  background-color: white;
}

.card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover, .card-1 a:focus, .card-1:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-2 {
  box-shadow: 0 -3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.card-2:hover, .card-2 a:focus, .card-2:focus {
  box-shadow: 0 3px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.card-3:hover, .card-3 a:focus, .card-3:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-4:hover, .card-4 a:focus, .card-4:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.card-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.card-5:hover, .card-5 a:focus, .card-5:focus {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.banner-image-text {
  color: black;
  font-weight: 200;
  font-size: 5.5rem;
  padding-top: 6rem;
  margin-bottom: 4rem;
}

main.body {
  padding-bottom: 50px;
}

footer{
	margin-top: 100px;
}

.page .padding-top {
  padding-top: 30px !important;
}

@media (max-width: 767px) {

  .m-t-n-xl {
    margin-top: -30px !important;
  }

  .pad-xxl {
    padding: 20px 15px !important;
  }

  header {
    background-color: #fff;
  }

  .white-opacity .navbar-nav li a:hover, .white-opacity .navbar-nav li a:focus {
    background-color: white;
    box-shadow: none !important;
  }

}

@media print {
  .modal-content {
    background-color: white !important;
  }
  .panel {
    background-color: white !important;
  }
}


/* Services Portal homepage styles */
body[page-id="services_portal_home"]{    
  background-color: rgb(0, 0, 0);
  background-size: cover;    
  background-position: center center;
  background-image: url(041255b2db4f57008e96f77c2996195d.iix);
}

body[page-id="services_portal_home"] .banner-image-text{
  color: #F4F4F4;
  text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}

body[page-id="services_portal_home"] footer .note{
  background:transparent;
}

body[page-id="services_portal_home"] footer .note a, 
body[page-id="services_portal_home"] footer .note a:hover, 
body[page-id="services_portal_home"] footer .note a:visited, 
body[page-id="services_portal_home"] footer .note a:active{
  color: #F4F4F4;
}

body[page-id="services_portal_home"].isLoggedIn{  
  background-image: url(28ac854cdb5b9b008e96f77c29961914.iix);    
}