/*** multiple pages ***/
:root {
 --main-brand-color: #005B9D;
   --secondary-brand-color: #176691;
   --accent-brand-color:#FBB042;
  --accent-brand-hover-color: #cc8c2f;
}
#footer{
background-color: var(--main-brand-color);
}
.tasks .tasks-list-mark:before{
border-color: var(--accent-brand-color);
}
.tasks .tasks-list-cb:checked ~ .tasks-list-desc a{
color: var(--accent-brand-hover-color);
}
.assessment-panel {
 background: var(--main-brand-color);
}
.btn-primary.active {
background-color: var(--main-brand-color);
}
.btn-default, .btn-success, .btn-primary {
background-color: var(--accent-brand-color);
  border-color: var(--accent-brand-hover-color);
}
.btn-default:hover, .btn-success:hover, .btn-primary:hover {
    border-color: var(--accent-brand-hover-color);
background-color: var(--accent-brand-hover-color);
}
.progress-bar-success {
background-color: var(--accent-brand-color);
}
.open>.dropdown-toggle.btn-primary {
background-color: var(--accent-brand-hover-color);
}
.left-menu > li > a:focus, .nav > li > a:hover {
 background-color: var(--main-brand-color);
}
.left-menu > li.active > a {
  background-color: var(--main-brand-color);
  color: #FFFFFF;
}
.nav-tabs > li > a:hover{
background-color: var(--main-brand-color);
  color: #FFFFFF;
}
.navbar-default .navbar-brand {padding: 18px 15px;}
.logo-main {max-width: 360px;}
.logo-career-tech {max-width: 200px;}

.secondary-header-branding .logo {padding: 0;}
.secondary-header-branding .logo > img {display: inline-block;}

.login-false #center-div, 
.login-false #center-div-parent, 
.explore-occupations.occupation-description #center-div, 
.explore-occupations.occupation-description #center-div-parent, 
.explore-occupations.occupations-by-title #center-div, 
.explore-occupations.occupations-by-title #center-div-parent, 
.plan-for-education.find-high-school-courses #center-div, 
.plan-for-education.find-high-school-courses #center-div-parent {visibility: hidden;}
.login-false #center-div, .login-false #center-div-parent {padding: 5px 30px 30px 30px; display: block !important; width: 100%;}

.account.adult-login-register a.nav-toggle,
.account.login-register a.nav-toggle {
  visibility:hidden !important;
}
.account.adult-login-register #gradeLevelsSelect {
  margin: 0px -15px; 
}
.account.adult-login-register #jouErr, .post-secondary-school-name-options {
  display:none; 
}
.account.adult-login-register .error-message {
  position: relative;
  margin-top: 5px;
}

/*** account/login-register ***/
.account.login-register .register-step0 {
  display: block;
}
.account.login-register #student-register-steps {
  display:none;
}
.account.login-register .error-message {
  position: relative;
  margin-top: 5px;
}
.account.login-register .user-type-image, .account.adult-login-register .user-type-image {
  background-image: none;
}
.account.login-register .user-type-image, 
.account.adult-login-register .user-type-image, 
.account.login-register .user-type-image:hover, 
.account.adult-login-register .user-type-image:hover {
  fill: #cacaca;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
} 
/* Spanish Translation Fixes */
.account.login-register .user-username-or-email,
.account.login-register .parent-username-or-email,
.account.login-register .adult-username-or-email {
  margin-left: 0px;
}


#main-login-container .school-options, 
#main-login-container .school-name, 
#main-login-container .optional-activation-code, 
#main-login-container .no-activation-code-link-div {
  display: none;
}
#main-login-container .activation-code-link-div, 
#main-login-container .no-activation-code-link-div {
  margin-bottom: 15px;
}

/*Non-traditional Careers/Occupations added 03.31.16 mccombsc*/
.stack-text {
  font-family: sans-serif; 
  font-weight: 900; 
  cursor: default; 
  font-size: .7em;
}
/* Removed because of Holland iconkey
Talk to Alen/Cole 
NOT LUCAS! Don't talk to Lucas
He doesn't know anything
.iconKey {
  margin-bottom: 2em; 
  text-align: left; 
  float: left;
}
*/
[class*="non-traditional-"] {
  display: inline-block !important; 
  margin-right: -.15em; 
  top: -1px; 
  width: 1.5em; 
  height: 1.5em; 
  line-height: 1.5em; 
  color: #333333;
}
[class*="non-traditional-"] > .fa-circle {
  font-size: 1.5em;
}

/*Non-traditional Careers/Occupations Media Queries added 03.31.16 mccombsc*/
/*** col-xs ***/
@media (max-width: 400px) {
  .user-type-selector {
    padding-right: 20px;
  }
}
@media (max-width: 340px) {
  .user-type-selector {
    padding-right: 50px;
  }
}
@media (max-width: 768px) {
  .non-traditional-male {
    margin-left: 6px;
  }
  .iconKey > span {
    margin-bottom: 1em;
  }
}

/*** col-xs col-sm ***/
@media (min-width: 200px) and (max-width: 991px) {
  #user-type-selection .col-sm-offset-0, 
  #user-type-selection .col-xs-offset-0 {
    margin-left: 0%;
  }
}

/*** col-sm ***/
@media (min-width: 768px) and (max-width: 991px) {
  .user-type-image {
    margin: 0 0 5px 0;
  }
  .btn-group > .btn {
    font-size: 11px;
    padding: 7px 0px;
  }
}

/*** col-md col-lg ***/
@media (min-width: 992px) {
  #user-type-selection .col-lg-offset-1, 
  #user-type-selection .col-md-offset-1 {
    margin-left: 12.5%;
  }
}