@media screen {
a {
    text-decoration:underline;
}
.btn.focus, .btn:focus, .btn:hover {
    background-color: #286090;
    color: #FFF;
    text-decoration: none;
}
.title-tooltip:focus, .title-tooltip:hover {
    background-color: #FFF;
    color: #286090;
}
.intro-para{
    padding-bottom: 1em;
    border-bottom: 1px solid #0071BC;
}
.card{
    background-image: linear-gradient(180deg, rgba(249,249,249,0.50) 0%, rgba(241,241,241,0.50) 100%);
    border: 1px solid #C8CCD4;
    margin-bottom: 1em;
    margin-top: 1em;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}
.card-title{
    padding: 1.5em;
    border-bottom: 1px solid #C8CCD4;
    min-height: 10em;
}
.card-action{
    padding: 1em 1.5em;
    align-items: center;
}
.card-subtitle{
    padding-bottom: 0;
}
.card-list{
    flex-wrap: wrap;
    flex-flow: row wrap;
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
  }
.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }

form{
    padding-top: 1em;
}

.selectedCard{
    background: #ffffff !important;
    border-top: 2px solid #2e8540;
    transition: all 0.2s ease-in;
}

/*change default checkbox style*/
input[type="radio"],
input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }
  label {
    cursor: pointer;
  }
  input[type="radio"] + label:before,
  input[type="checkbox"] + label:before {
    border: 1px solid #2e8540;
    border-radius: 3px;
    content: "\00a0";
    display: inline-block;
    font: 20px/1em sans-serif;
    height: 20px;
    margin: .15em .5em 0 0;
    padding: 0;
    vertical-align: top;
    width: 20px;
    background: #ffffff
  }
  
  input[type="checkbox"]:checked + label:before {
    background: #2e8540;
    color: #fff;
    content: "\2713";
    text-align: center;
  }

  input[type="radio"]:checked + label:before {
    background: #2e8540;
    color: #fff;
    text-align: center;
  }

  input[type=radio]:checked + label:after,
  input[type="checkbox"]:checked + label:after {
    font-weight: bold;
  }
  
  input[type=radio] + label:before{
    border-radius:50%;
  }

  input[type="checkbox"]:focus + label::before, 
  input[type="radio"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
  }	
	
  .submit-button{
    min-width: 180px;
    margin-right: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.6em;
    background-color: #2e8540;
    border:0;
    font-weight: bold;
  }

  .clear-button{
    min-width: 180px;
    margin-right: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 0.6em;
    background-color: #ffffff;
    border:1px solid #2e8540;
    color: #2e8540;
    font-weight: bold;
  }

  .microsite-name{
    max-width: 1100px;
  }
  .back-link{
    display: inline-block;
    float: left;
    padding-top: 0.66em !important;
  }

  .panel-default>.panel-heading {
    padding: 0;
    border:0;
    position: relative;
    background: none !important;
  }
  .panel-title>a, .panel-title>a:active {
    display:block;
    padding:20px;
    padding-bottom: 0;
    text-decoration: none;

  }
  .panel-link {
    display:block;
    padding:0 20px 10px 20px;
    text-decoration: none;
  }
  .panel-heading p{
    padding-bottom: 15px;
  }
  .panel-heading  a[aria-expanded="true"]:before {
     font-family: FontAwesome;
     content: "\f107";
     float: right;
     font-size: 1.5em;
     transition: all 0.5s;
     -webkit-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     transform: rotate(0deg);
     position: absolute;
     bottom: 10px;
     right: 20px;
  }
  .panel-heading  a[aria-expanded="true"]:after {
    font-family: 'Source Sans Pro', sans-serif;
    content: "Show Less";
    float: right;
    font-size: 1em;
    transition: all 0.5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    bottom: 15px;
    right: 50px;
 }
  .panel-heading a[aria-expanded="false"]:before {
    font-family: FontAwesome;
    content: "\f107";
    float: right;
    font-size: 1.5em;
    transition: all 0.5s;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    bottom: 10px;
    right: 20px;
  } 
  .panel-heading  a[aria-expanded="false"]:after {
    font-family: 'Source Sans Pro', sans-serif;
    content: "Show More";
    float: right;
    font-size: 1em;
    transition: all 0.5s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    bottom: 15px;
    right: 50px;
 }
  .resultTitle{
    font-size: 21px;

  }
  .resultMetaData{
    margin-right: 1em;
    font-family: "Source Sans Pro";
    font-weight: normal;
  }
  .result-action{
    padding-bottom: 1em;
  }
  button.result-action {
	background:none;
  }
  .panel-body{
    background-color: #ffffff !important;
    padding: 1em;
  }
  .panel-body h4{
    font-size: 16px;
    font-family: "Source Sans Pro";
    display: inline-block;
  }
  .panel-body p{
    padding-bottom: 0.5em;
    padding-top: 0.5em;
  }
  .panel-body ol{
    padding-bottom: 0em;
  }
  .panel-body div{
    padding-bottom: 1em;
  }
  .panel-body section{
    border-bottom: 1px solid #C8CCD4;
  }
  .panel-body h3{
    padding-top: 1em;
    font-weight: bold;
  }
  .panel-body .positive{
    color: #2e8540 !important;
    font-style: italic;
    padding-left: 0.5em;
  }
  .panel-body .negative{
    color: #E31C3D !important;
    font-style: italic;
    padding-left: 0.5em;
  }
  .panel-body section:last-child{
    border-bottom: 0;
  }
.form-check{
	padding-left:0;
	padding-right:0;
}
.form-check-label{
	font-size: 0.9em !important;
}
}
@media screen and (max-width:7680px){
  .form-check-label{
    font-size: 0.85em !important;
    padding-left: 25px;
  }
}