﻿
body {
    font-family: Arial, sans-serif;
    color: #385b88;
    /*color: #156CAB;*/
    padding-top: 0px;
    margin-top: 0px;
}

.card {
  display: block !important;
  word-wrap: normal;
}

/* Created by an online generator  http://bootstrap3-menu.codedorigin.com/#sthash.JktftZns.dpbs */
.navbar-inverse { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #FFFFFF}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #FFFFFF}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #FFFFFF}
.navbar-inverse .navbar-brand { color: #156CAB}
.navbar-inverse .navbar-brand:hover { color: #208CDA}
.navbar-inverse .navbar-nav>li>a { color: #156CAB}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #208CDA}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #CCCCCC}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #208CDA}
.dropdown-menu>li>a { color: #156CAB}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #208CDA}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #156CAB}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #156CAB}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

/* Adjustments made for the mobile menu hamburger and text */
.navbar-inverse .navbar-toggle {
  border-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle i {
  background-color: #FFFFFF;
}
.custom-menu {
    color: #156CAB;
}
.custom-menu:hover {
    color: #208CDA;
}

/* Move branding over some */
.navbar-header {
    padding-left: 10%;
}

/* Centers menu items left/right in their location - not the entire menu*/
.navbar-inner {
text-align:center;
}

/* Vertical bars in full size menu above smaller screens */
@media (min-width:768px){
  /*.navbar-default .navbar-nav > li:not(:last-child) {
      margin-top: 5px;
margin-bottom: 5px;
    border-right:2px solid #ddd;
   }
  .navbar-default .navbar-nav > li:not(:first-child) {
      margin-top: 5px;
margin-bottom: 5px;
    border-left:2px solid #fff;
   }*/
  .navbar-inverse .navbar-nav > li:not(:last-child) {
      margin-top: 5px;
margin-bottom: 5px;
    border-right:1px solid #156CAB;
   }
  .navbar-inverse .navbar-nav > li:not(:first-child) {
      margin-top: 5px;
margin-bottom: 5px;
    border-left:1px solid #156CAB;
   }  
}

/* Control height of the menu bar */
.navbar-inverse .navbar-nav > li > a { padding-top: 0px !important; padding-bottom: 0px !important; }
.navbar-inverse { min-height: 20px !important; }
.navbar-inverse .navbar-brand { padding-top: 0px; padding-bottom: 0px; padding-left: 0px; }

/* Toggle button size */
.navbar-toggle {
    /*margin: 0px;
    padding: 0px;*/
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 5px;
    margin-left: 0px;
}

/* Bootstrap 3 menu align center instead of left */
.navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
}
.navbar-collapse.collapse {
        text-align: center; /* Set this */
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
}

/* Footer */
/*.footer {
    font-weight: bold;
}*/

.footer {
    background-color: #385b88;
    clear: both;
    float: left;
    width: 100%;
    color: #fff;
    font-weight: bold;
    padding: 15px;
}

.footer a {
    margin: 1% 1% 2% 2%;
}
.footer a {
    /*color: #156CAB;*/
    color: #fff;
}
.footer a:hover {
    /*color: #208CDA;*/
    color: #b4b2b0;
   /*text-decoration: none;*/
}

/* Button */
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin: 4px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-primary {
  color: #fff;
  background-color: #385b88;
  border-color: #385b88;
  /*background-color: #156CAB;
  border-color: #156CAB;*/
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #748693;
  border-color: #748693;
  /*background-color: #208CDA;
  border-color: #208CDA;*/
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-link {
  color: #385b88;
  border-radius: 0;
}

/* Validation error styling */
.field-validation-error
{
  color:  #d9534f;
  text-align: center;
  vertical-align: baseline;
}

/* Required Field Asterisk */
.form-group.required .control-label:after { 
    /*color: #d00;
    content: "*";
    position: absolute;
    margin-left: 8px;
    top:7px;*/
    color: #d9534f;
    /*font-family: 'FontAwesome';*/
    font-weight: bold;
    font-size: 14px;
    /*content: "\f069";*/
    content: "*";
    position: absolute;
}

.label {
    color: #156CAB;
    font-weight: normal;
    font-size: inherit;
    position: relative;
}

.labelcontent {
    width: 75%;
    float: left;
    line-height: 1.3em;
    font-size: 1.1em;
    top: 0px;
    left: -1px;
}

.labelcontent h1 {
	background-color: #d75c37;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font-size: 2em;
	line-height: 1em;
	margin-bottom: 6px;
	width: 100%;
	display: block;
	float: left;
	padding: 6px 6px;
}

.labelcontent h2 {
	background-color: #748693;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom: 6px;
	width: 100%;
	display: block;
	float: left;
	padding: 6px 6px;
}

.label-info-custom {
    color: #d75c37;
    font-weight: bold;
    font-size: medium;
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}

/*.well {
  background-color: #e0dfde;
  border: 1px solid #b4b2b0;
}*/

form-group.required .control-label:before {
   color: #d9534f;
   content: "*";
   position: absolute;
   margin-left: -15px;
}

.containercustom {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

.rowcustom {
  display: block !important;
  margin-right: -15px;
  margin-left: -15px;
}

.cardcustom {
  /*position: relative;
  display: -ms-flexbox;
  display: flex;*/
  -ms-flex-direction: row;
  flex-direction: row;
  /*min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;*/
}

/* Row Buffer */
.top-buffer { margin-top:20px; }

/* Accordian Print Expand */
@media print {
    .panel-collapse,
    .panel-collapse .collapse {
        height: auto !important;
        display: block;
    }
}

/* last straw touch on radio boxes */
/*span.radio {
    padding: 0px;
}

span.radio > input[type="radio"] {
    margin: 8px -5px 7px 0px;
}

span.radio > label {
    float: left;
    margin-right: 5px;
    padding: 0px 5px 0px 10px;
}*/

/* Simple Touch Radio Boxes*/
/** { box-sizing: border-box; }

.wrapper {
  width: 30%;
  overflow: hidden;
  margin: 30px auto 0;
}

section {
  width: 46%;
  float: left;
  margin: 0 2%;
}

label {
  display: block;
  padding: 5px 10px;
  margin: 5px 0;
  font: 14px/20px Arial, sans-serif;
  background-color: #ccc;
  border-radius: 7px;
  
  &:hover {
    background-color: gold;
    cursor: pointer;
  }
}

input[type="checkbox"] {
  position: relative;
  top: 1px;
}

.isSelected {
  background-color: lightgreen;
}*/

/* Simple Touch*/
/*label {
    background:#aaa;
    color:#fff;
    border-radius:8px;   
    padding:1em;
    margin:1em;
    cursor:pointer;
}

label:hover {
    background:#ccc;   
}

input {
    margin-right:1em;   
}*/

/* Touch Friendly Bootstrap Radio/Check Boxes */
/*label.btn span {
  font-size: 1.5em ;
}

label input[type="radio"] ~ i.fa.fa-circle-o{
    color: #c8c8c8;    display: inline;
}
label input[type="radio"] ~ i.fa.fa-check-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o{
    display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-check-circle-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="radio"] ~ i.fa {
color: #7AA3CC;
}

label input[type="checkbox"] ~ i.fa.fa-square-o{
    color: #c8c8c8;    display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
    display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
    color: #7AA3CC;    display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
color: #7AA3CC;
}

div[data-toggle="buttons"] label.active{
    color: #7AA3CC;
}

div[data-toggle="buttons"] label {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 2em;
text-align: left;
white-space: nowrap;
vertical-align: top;
cursor: pointer;
background-color: none;
border: 0px solid 
#c8c8c8;
border-radius: 3px;
color: #c8c8c8;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

div[data-toggle="buttons"] label:hover {
color: #7AA3CC;
}

div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
-webkit-box-shadow: none;
box-shadow: none;
}*/

/* FAR OUT Touch for radiobuttonlist */
/*.fieldlist{
    background-color: black;
    padding: 1px 1px 1px 1px;
    color: white;
    border: 10px solid red; 
    display: normal;
}*/
/*input[type="radio"]{ display:none; }*/
input[type="radio"] + label
{
    border-radius: 8px;
    background-color: #156CAB;
    color: white;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
}

/*label{
    position:absolute;
}*/

/*input[type="radio"]{
    float:right;
    z-index: 3;
}**/

input[type="radio"]:checked + label
{
    border-radius: 8px;
    background-color: #156CAB;
    color: white;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    cursor: pointer;
}

.button label:hover {
    background-color: #208CDA;
    color: white;
}

/* No image border */
img { border-style: none; }

/* RadioButtonList as buttons */


.button input[type="radio"] {
    display: none;
}

.button label {
    display: block;
    text-align: center;
    width: 50px;
}

input[type="radio"] + label {
    background-color: white;
    color: #156CAB;
}

/* Center content in a row of column divs */
/*.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}*/

/* Spacing after first row */
.not-first-row
{
   position: relative;
   top: 2px;
}