@import url("http://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.5.4/bootstrap-select.min.css");

body {
    background-color: white;
	font-family: Roboto, Arial, Helvetica;
}

a {
  color: #008dce;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #00a5f4;
  text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #008dce;
    border-color: #007cb5;
}

.btn-primary:hover {
    color: #fff;
    background-color: #006a9b;
    border-color: #005277;
}



.navbar-inverse {
    background-color: #fff;
    border: none;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
}

.navbar-brand {
    height:70px;
	padding: 10px 15px;
}

.navbar-fixed-top .nav {
    padding: 10px 0;
}

.navbar-fixed-top .navbar-brand {
    padding: 10px 15px;
}

body {
    padding-top: 100px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
}

.navbar-fixed-top .navbar-brand {
    padding: 10px;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #ddd;
}
.navbar-inverse .navbar-toggle {
	border-color: #ddd;
}
.navbar-toggle {
    margin-top: 20px;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #555;
}

.navbar-logo {
  display: block;
  max-width: 100%;
  object-fit: contain;
}


.sidebar {
    background-color: #fff;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.sidebar hr{
    border-top:2px solid #dddddd;
}

.sidebar .list-group-item {
    border: none;

}

a.list-group-item, a.list-group-item:hover {
    color:#333333;
}

a.list-group-item:hover {
    color:#333;
	background-color: #f5f5f5;
}

.sidebar .list-group-item.sub {
    padding-left:35px
}




.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover .list-group-item.sub.active, .list-group-item.sub.active:focus, .list-group-item.sub.active:hover{
    z-index: 2;
    color: #008dce;
    background-color: #f5f5f5;
    border-left: 3px solid #008dce;
	border-right: none;
	padding-left: 12px;
	outline:none;
	
}


.sidebar a.list-group-item:focus {
    z-index: 2;
    color: #008dce;
    background-color: #f5f5f5;
    border-left: 3px solid #008dce;
	border-right: none;
	padding-left: 12px;
	outline:none;
	
}

.sidebar a.list-group-item.disabled:focus {
	border: none;
	color:#777;
	background-color: #eee;
	padding-left: 15px;
	outline:none;
	cursor: default;	
}

.sidebar a.list-group-item.disabled {
	cursor: default;	
}


.list-group-item.sub.active, .list-group-item.sub.active:focus, a.list-group-item.sub:focus  {
    padding-left:32px
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}





.page img {
    width: 100%;
}

.page {
    padding: 0;
}

.page .caption-full {
    padding: 9px;
    color: #333;
}

.page {
  display: block;
  padding: 30px;
  margin-bottom: 40px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0px;
  box-shadow: 0px 0px 3px rgb(204, 204, 204) !important;
  padding-top:0px;
}
.page > img,
.page a > img {
  margin-right: auto;
  margin-left: auto;
}
a.page:hover,
a.page:focus,
a.page.active {
  border-color: #00AAE7;
}
.page .caption {
  padding: 9px;
  color: #333;
}

.page-head {
	/*background-color: #f5f5f5;*/
	margin-left:-30px;
	margin-right:-30px;
	padding: 15px 30px 5px 45px;
	border-top: 3px solid #008dce;
	border-bottom:1px solid #eee;
}

.page-title {
    color:#008dce;
	font-size:24px;
	margin-top:0px;
	letter-spacing: -0.5px;
}

.question {
	padding-bottom: 30px;
	padding-top: 30px;
	border-bottom: 1px solid #ddd;
}

.question .help-block {
	margin-left: 15px;
}

.form-control:focus {
	box-shadow:none;
}

select.form-control {
	width:auto;
	max-width: 100%;
	margin-left: 15px;
}

/*.row input, select {
	margin-left: -15px;
}*/

.question-title {
    display: inline-block;
    width: 100%;
	max-width: 100%;
    margin-bottom: 10px;
    font-weight: 700;
	font-size:18px;
	margin-left:15px;
}

.description {
	margin-top:-10px;
	margin-bottom: 15px;
	margin-left:15px;
}

.checkbox label, .radio label {
    min-height: 30px;
    padding-left: 50px;
}

.btn-group .btn-default:focus,
.btn-group .btn-default.focus {
  color: #fff;
  background-color: #008dce;
  border-color: #007cb5;
}

.page-nav {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.navbtn {
	width: 100px;
	float: right;
	margin-left: 15px;
	margin-bottom: 30px;
}

footer {
  margin: 24px 0;
}

/*.custom-select {
    display: inline-block;
    max-width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.25;
    color: #464a4c;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    -webkit-background-size: 8px 10px;
    background-size: 8px 10px;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -moz-appearance: none;
    -webkit-appearance: none;
}*/

/*Vertical spacing*/
	.vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px; }
	.vertical-space2 { height: 40px; }
	.vertical-space3 { height: 60px; }
	.vertical-space4 { height: 80px; }
	.vertical-space5 { height: 100px; }
	
	
/*radios and checkboxes styling - just testing - this might change*/

.checkbox {
  padding-left: 50px; }
  .checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .checkbox label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 3px;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
      transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox label::after {
      display: inline-block;
      position: absolute;
      width: 16px;
      height: 16px;
      left: 0;
      top: 0;
      margin-left: -20px;
      padding-left: 3px;
      padding-top: 1px;
      font-size: 11px;
      color: #555555; }
  .checkbox input[type="checkbox"] {
    opacity: 0; }
    .checkbox input[type="checkbox"]:focus + label::before {
      /*outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; */
	  outline:none; }
    .checkbox input[type="checkbox"]:checked + label::after {
      font-family: 'FontAwesome';
      content: "\f00c"; }
    .checkbox input[type="checkbox"]:disabled + label {
      opacity: 0.65; }
      .checkbox input[type="checkbox"]:disabled + label::before {
        background-color: #eeeeee;
        cursor: not-allowed; }
  .checkbox.checkbox-circle label::before {
    border-radius: 50%; }
  .checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #008dce;
  border-color: #008dce;  
  outline:none;}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;  }

.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff; }

.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff; }

.radio {
  padding-left: 50px; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 17px;
      height: 17px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #cccccc;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 11px;
      height: 11px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {
    opacity: 0; }
    .radio input[type="radio"]:focus + label::before {
      /*outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px; */
	  outline:none; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }

.radio-primary input[type="radio"] + label::after {
  background-color: #008dce; }
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #008dce; 
  outline:none; }
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #008dce; }

.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f; }

.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de; }

.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e; }

.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c; }
 
/* Side navigation*/

.group {
    background: yellow;
    width: 200px;
    height: 500px;
}
.group .subgroup {
    background: orange;
    width: 150px;
    height: 200px;
}
.fixed {
    position: fixed;
}

/* sidebar */
.bs-docs-sidebar {
    padding-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #999;
    border-left: 2px solid transparent;
    padding: 4px 20px;
    font-size: 13px;
    font-weight: 400;
}

/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
    font-size: 12px;
}

/* active & hover links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>li>a:hover, 
.bs-docs-sidebar .nav>li>a:focus {
    color: #563d7c;                 
    text-decoration: none;          
    background-color: transparent;  
    border-left-color: #563d7c; 
}
/* all active links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>.active:hover>a,
.bs-docs-sidebar .nav>.active:focus>a {
    font-weight: 700;
}
/* nested active links */
.bs-docs-sidebar .nav .nav>.active>a, 
.bs-docs-sidebar .nav .nav>.active:hover>a,
.bs-docs-sidebar .nav .nav>.active:focus>a {
    font-weight: 500;
}

/* hide inactive nested list */
.bs-docs-sidebar .nav ul.nav {
    display: none;           
}
/* show active nested list */
.bs-docs-sidebar .nav>.active>ul.nav {
    display: block;           
}

/*Header formatting */
.MainContent {
    margin-top: 50px;
}
.group, .subgroup {
    padding-top: 50px;
    margin-top: -50px;
} 
  /*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-docs-sidebar.affix {
  position: static;
}
@media (min-width: 768px) {
  .bs-docs-sidebar {
    padding-left: 20px;
  }
}

/* First level of nav */
.bs-docs-sidenav {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* All levels of nav */
.bs-docs-sidebar .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
}
.bs-docs-sidebar .nav > li > a:hover,
.bs-docs-sidebar .nav > li > a:focus {
  padding-left: 19px;
  color: #563d7c;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #563d7c;
}
.bs-docs-sidebar .nav > .active > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active:focus > a {
  padding-left: 18px;
  font-weight: bold;
  color: #563d7c;
  background-color: transparent;
  border-left: 2px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-docs-sidebar .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}
.bs-docs-sidebar .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}
.bs-docs-sidebar .nav .nav > li > a:hover,
.bs-docs-sidebar .nav .nav > li > a:focus {
  padding-left: 29px;
}
.bs-docs-sidebar .nav .nav > .active > a,
.bs-docs-sidebar .nav .nav > .active:hover > a,
.bs-docs-sidebar .nav .nav > .active:focus > a {
  padding-left: 28px;
  font-weight: 500;
}

/* Back to top (hidden on mobile) */
.back-to-top,
.bs-docs-theme-toggle {
  display: none;
  padding: 4px 10px;
  margin-top: 10px;
  margin-left: 10px;
  font-size: 12px;
  font-weight: 500;
  color: #999;
}
.back-to-top:hover,
.bs-docs-theme-toggle:hover {
  color: #563d7c;
  text-decoration: none;
}
.bs-docs-theme-toggle {
  margin-top: 0;
}

@media (min-width: 768px) {
  .back-to-top,
  .bs-docs-theme-toggle {
    display: block;
  }
}

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-docs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-docs-sidebar.affix,
  .bs-docs-sidebar.affix-bottom {
    width: 213px;
  }
  .bs-docs-sidebar.affix {
    position: fixed; /* Undo the static from mobile first approach */
    top: 20px;
  }
  .bs-docs-sidebar.affix-bottom {
    position: absolute; /* Undo the static from mobile first approach */
  }
  .bs-docs-sidebar.affix-bottom .bs-docs-sidenav,
  .bs-docs-sidebar.affix .bs-docs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-docs-sidebar.affix-bottom,
  .bs-docs-sidebar.affix {
    width: 263px;
  }
}

/* Login Screen */

.fhq-welcome-title {
    text-align: center;
}

.form-signin
{
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}
.form-signin .form-signin-heading, .form-signin .checkbox
{
    margin-bottom: 10px;
}
.form-signin .checkbox
{
    font-weight: normal;
}
.form-signin .form-control
{
    position: relative;
    font-size: 16px;
    height: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.form-signin .form-control:focus
{
    z-index: 2;
}
.form-signin input[type="text"]
{
    margin-bottom: 10px;
}
.form-signin input[type="password"]
{
    margin-bottom: 10px;
}
.account-wall
{
    margin-top: 20px;
    padding: 5px 0px 15px 0px;
    background-color: #fff;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}
.login-title
{
    color: #008dce;
    font-weight: 500;
	letter-spacing:-1px;
    display: block;
}

.login-description
{
    color: #333;
	font-size: 18px;
    font-weight: 400;
    display: block;
}

.login-userlink
{
	font-size: 16px;
    font-weight: 700;
    display: block;
	margin-top: 40px;
}

.login-powerlogo
{
	font-size: 13px;
    display: block;
	margin-top: 40px;
}

.need-help
{
    margin-top: 10px;
}
.new-account
{
    display: block;
    margin-top: 10px;
}

.soc
{
    margin-top: 40px;
    font-size: 13px;
    text-align: left;
    width: 375px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 468px) {
  .soc {
    width: 100%;
  }
}