/* Brand related elements */
:root {
  --primary-bg-color: #14377D;
  --secondary-bg-color: #A7A8A9;
  --accent-bg-color: #0093C9;
  --primary-text-color: #FFF;
  --secondary-text-color: #000;
  --accent-text-color: #FFF;
}

/* === Customizations === \\ */
.navbar .navbar-header .navbar-brand img{max-width: 275px;}
.navbar .navbar-header .navbar-brand {padding: 0px 15px; margin-top: 25px;}
.adult-login-register .navbar, .login-true .navbar {background-color: var(--primary-bg-color) !important;}
.adult-login-register .navbar a, .login-true .navbar a{color: #FFFFFF !important;}
.adult-login-register .navbar .language-select a, .login-true .navbar .user-menu a, .login-true .navbar .language-select a{color: #000 !important;}
.wapper-register-steps i {color: var(--accent-text-color);}
.btn-primary.active {background-color: var(--secondary-bg-color); color: var(--secondary-text-color);}
.btn-primary:hover {background-color: var(--accent-bg-color); color: var(--accent-text-color);}
.wapper-register-steps .btn-primary.active {background-color: var(--secondary-bg-color); color: #FFF;}
.login-register-area-div label.btn.btn-primary.active {background-color: var(--accent-bg-color); color: var(--accent-text-color);}
.btn-cancel {color: var(--accent-text-color);}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.hover, .btn-success i {background-color: var(--accent-bg-color); color: var(--accent-text-color); font-weight: 600;}
#register a.btn-success, #register a.btn-success i, #register label a, #register .checkbox-primary input[type="checkbox"]:checked+label::before {background-color: var(--secondary-bg-color); color: #000;}
#register label, #register legend, #register .system-update-msg { color: #FFF; }
#register fieldset:not(.checkbox-group) label { background-color: var(--secondary-bg-color); font-weight: 600; }
#register fieldset:not(.checkbox-group) label.active { background-color: var(--primary-bg-color); font-weight: 600; }
#register a[data-toggle="tooltip"] { background-color: transparent; color: var(--secondary-text-color); }
#register div.read-and-agree label a { background-color: transparent; font-weight: 700; color: var(--secondary-text-color)}
.need-help-link a, .forgot-link a {color: var(--accent-bg-color);}

@media(max-width:767px){
  .navbar .navbar-header .navbar-brand img{max-width: 250px;}
  .navbar .navbar-header .navbar-brand{ width: 60%;}
}
#footer{background: var(--primary-bg-color);}
/*** account/login-register ***/
.account.login-register a.nav-toggle {
  visibility:hidden !important;
}
.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 .parent,
.account.login-register .student {
  background-image: none;
}
.account.login-register #gradeLevels {
  margin-bottom: 20px;
}

/******************************/
.student-selector:hover,
.parent-selector:hover,
#student-select:checked,
#parent-select:checked {
  color: #337AB7 !important;
  fill: #337AB7 !important; 
}
.student-selector,
.parent-selector {
  color: #bbb;
  fill: #bbb;
}
.I-Am-A-Parent,
.I-Am-A-Student {
  width: 110px;
  height: 110px;
}

/*** --- ***/
.iconKey-heading {
  text-align: left;
  margin: 2px 0 0 0;
}
.iconKey-sections {
  margin-top: 10px;
  text-align: left;
}
.iconKey-legend-button-row {
  position: relative;
  text-align: right;
}
.iconKey-legend-button-row button {
  position: absolute;
  right: 15px;
  top: -4px;
}
.iconKeyRow {
  margin-bottom: 0;
}
#iconKeyLegend {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 15px;
  margin-bottom: 15px;
}
#iconKeyLegend > div > span {
  display: inline-block;
  padding-right: 10px;
  padding-top: 10px;
}
.toolbar {
  margin-top: 3px;
  padding-bottom: 10px;
}
.show-entries {
  margin-top: 3px;
}
/*** HOLLAND STYLES ***/
.report-user-name {
  display: none;
}
/* .checkbox input[type="checkbox"] {
  opacity: 1;
} */
.multiselect-container > li > a > label {
  padding-left: 30px;
}
#interestsResultsPlusMajors .panel-heading {
  background-color: #fff;
}
.related-majors-collapse {
  font-size: 14px;
}
div.print-report {
  z-index: 1;
}
.holland-results-page {
  margin-bottom: 20px;
}
.table-top-row {
  margin-bottom: 10px;
}
.R-cluster.fa-stack,
.I-cluster.fa-stack,
.A-cluster.fa-stack,
.S-cluster.fa-stack,
.E-cluster.fa-stack,
.C-cluster.fa-stack,
span#brightOutlookIcon,
span#greenEconomyIcon {
  cursor: pointer;
}
.R-cluster.fa-stack,
.I-cluster.fa-stack,
.A-cluster.fa-stack,
.S-cluster.fa-stack,
.E-cluster.fa-stack,
.C-cluster.fa-stack {
  margin-left: 5px;
}
span#brightOutlookIcon,
span#greenEconomyIcon {
  text-align: center;
}
.fa-leaf:before,
.fa-sun-o:before {
  font-size: 1.5em;
}
.popover-title .fa-stack {
  font-family: fontawesome !important;
}
.holland.iconKey-section .fa.fa-inverse {
  font-family: 'Open Sans', sans-serif 
}
.popover-title {
  padding: 3px 5px;
  height: 35px;
}
.holland-results {
  margin: 15px 0px 0px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.non-traditional-male,
.non-traditional-female {
  color: #666666;
}
.popover-title .fa-leaf,
.popover-title .fa-sun-o,
.modal .fa-leaf,
.modal .fa-sun-o {
  margin-left: 0; 
}

.R-cluster.fa-stack,
.I-cluster.fa-stack,
.A-cluster.fa-stack,
.S-cluster.fa-stack,
.E-cluster.fa-stack,
.C-cluster.fa-stack {
  margin-left: 6px;
}
.R-cluster.fa-stack,
.I-cluster.fa-stack,
.A-cluster.fa-stack,
.S-cluster.fa-stack,
.E-cluster.fa-stack,
.C-cluster.fa-stack,
span#brightOutlookIcon,
span#greenEconomyIcon {
  cursor: pointer;
}
.fa-leaf:before,
.fa-sun-o:before {
  font-size: 1.5em;
}
@media (max-width: 768px) {
  .R-cluster.fa-stack,
  .I-cluster.fa-stack,
  .A-cluster.fa-stack,
  .S-cluster.fa-stack,
  .E-cluster.fa-stack,
  .C-cluster.fa-stack {
    font-size: 1.35em;
  }
  button.legend-key-button {
    margin-top: 20px;
  }
}
@media print {
  .report-user-name {
    display: inline;
  }
}