/* LESS: TXT_DefaultLESS/0/0/en returned 105 *//* LESS Import: WrapperVariables/50/0/en returned 1217*/
/* Brand Colors */
/* Brand Main - Blue */
/* Brand Secondary - Light Blue */
/* Brand Tertiary - Green */
/* Brand Accent 1 - Yellow */
/* Brand Accent 2 - Red */
/* Grayscale */
/* ---- Bootstrap Color (Client Revised) ---- */
/* Default - White */
/* Primary - Blue */
/* Success - Green */
/* Info - Purple */
/* Warning - Orange */
/* Danger - Red */
/*---- Buttons ----*/
/*----  Pagination ----*/
/*---- Main Container ----*/
/*---- Clusters, Pathways, Groups, Resume and Work Values Colors ----*/
/*---- Login ----*/
/*---- Top Navigation ----*/
/*---- Left Navigation ----*/
/*---- Parent ----*/
/*---- Dashboard ----*/
/*---- Tables ----*/
/*---- Tooltip ----*/
/*---- Footer ----*/
/*---- My Goals ----*/
@font-face {
  font-family: 'StateFaceRegular';
  src: url('/Resources/Image/statefaceEOT');
  src: url('/Resources/Image/statefaceEOT?#iefix') format('embedded-opentype'), url('/Resources/Image/statefaceWOFF') format('woff'), url('/Resources/Image/statefaceTTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Glyphicons Halflings";
  src: url('/Resources/Image/glyphiconsEOT');
  src: url('/Resources/Image/glyphiconsEOT?#iefix') format('embedded-opentype'), url('/Resources/Image/glyphiconsWOFF') format('woff'), url('/Resources/Image/glyphiconsTTF') format('truetype'), url('/Resources/Image/glyphiconsSVG#glyphicons-halflingsregular') format('svg');
}
.register-step0,
#menu-bar,
.eprofile-permissions-panel {
  display: none;
}
.register-step1 {
  margin-top: 20px;
}
html {
  -ms-overflow-style: scrollbar;
}
html,
body {
  /*overflow-x: hidden;
  Prevent scroll on narrow devices */
  overflow-y: visible;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  background: white url('/Resources/Image/DefaultNavigatorBKG') no-repeat fixed center top / cover;
  color: #1c1c1c;
  height: 100vh;
}
table.dataTable thead > tr > th.sorting::before,
table.dataTable thead > tr > th.sorting::after {
  opacity: 0.7;
}
.modal-header .close {
  opacity: 0.5;
}
.modal-open {
  padding: 0px !important;
  position: fixed;
}
label {
  font-weight: 500;
  color: #1c1c1c;
}
.input-label {
  margin: 0 0 5px 0;
  display: inline-block;
  padding: 0;
  border: none;
  line-height: 1.42857143;
  font-size: inherit;
  font-weight: 500;
  color: #1c1c1c;
}
.thicc {
  font-weight: 900;
}
textarea {
  resize: vertical;
}
.skip-nav {
  position: absolute;
  width: 100%;
  display: block;
  max-width: 300px;
  height: 100%;
  z-index: -1;
}
.skip-nav:focus-within {
  z-index: 100000000;
}
.skip-link {
  z-index: -1;
  padding: 7px;
  font-size: 16px;
  color: #1c1c1c;
  background: white;
  font-weight: bold;
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.skip-link:focus,
.skip-link:active {
  z-index: 10000000;
  color: #1c1c1c;
  opacity: 1;
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(28, 28, 28, 0.5);
  text-decoration: underline;
}
/* Talk to Alen
body.modal-open {
height:auto;
}
*/

.form-group {
  margin-bottom: 25px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #a0a0a0;
}
#filter-by-cluster .filter-by-cluster-label {
  font-size: 13px;
  height: 30px;
  line-height: 15px;
}
label a {
  color: #1c1c1c;
}
label a:hover,
label a:active,
label a:focus {
  color: #1c1c1c;
  text-decoration: none;
}
a.gray-link {
  color: #999999;
}
.modal-print-instructions .bg-info:empty {
  display: none;
}
.modal-print-instructions hr {
  margin: 15px 0;
}
.modal-print-instructions ol {
  padding-left: 15px;
}
.table a.table-link-underline {
  text-decoration: underline;
  color: #0e76bc;
}
.btn:focus {
  position: relative;
  z-index: 1;
}
.btn-default {
  color: #1c1c1c;
  background-color: white;
  border-color: #a0a0a0;
}
.btn-default.focus,
.btn-default:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(28, 28, 28, 0.5);
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  color: #1c1c1c;
  background-color: #e2e2e2;
  border-color: #1c1c1c;
}
.btn-primary {
  color: white;
  background-color: #0e76bc;
  border-color: #074066;
}
.btn-primary.focus,
.btn-primary:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(14, 118, 188, 0.5);
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  color: white;
  background-color: #074066;
  border-color: #074066;
}
.btn-success {
  color: white;
  background-color: #148038;
  border-color: #174d29;
}
.btn-success.focus,
.btn-success:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(20, 128, 56, 0.5);
}
.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  color: white;
  background-color: #174d29;
  border-color: #174d29;
}
.btn-info {
  color: white;
  background-color: #7fccff;
  border-color: #254c66;
}
.btn-info.focus,
.btn-info:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(127, 204, 255, 0.5);
}
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
  color: white;
  background-color: #254c66;
  border-color: #254c66;
}
.btn-warning {
  color: white;
  background-color: #fff1ca;
  border-color: #ccb166;
}
.btn-warning.focus,
.btn-warning:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(255, 241, 202, 0.5);
}
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  color: white;
  background-color: #ccb166;
  border-color: #ccb166;
}
.btn-danger {
  color: white;
  background-color: #a81f1b;
  border-color: #801814;
}
.btn-danger.focus,
.btn-danger:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(168, 31, 27, 0.5);
}
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
  color: white;
  background-color: #801814;
  border-color: #801814;
}
.btn-link.focus,
.btn-link:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(28, 28, 28, 0.5);
}
.multiselect.btn {
  text-align: left;
}
.seventh-eighth-grade .assessment.col-lg-4,
.seventh-eighth-grade .assessment.col-md-4 {
  width: 50%;
}
#loading-interestsPanel,
#loading-valuesPanel,
#loading-skillsPanel,
#assessments-loading-section {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 100%;
}
#assessments-charts-row {
  display: none;
}
.assessments-home.row.sixth-grade {
  margin-right: 0;
  margin-left: 0;
}
.save-buttons {
  text-align: right;
  margin-top: 20px;
  margin-bottom: 20px;
}
#filter-by-cluster.well {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 25px;
  position: static;
}
/*button, input, select, textarea {
margin-bottom: 15px;
}*/

/*.filter-well {
overflow:hidden;
height:180%;
}*/

.checkbox {
  overflow: hidden;
}
.table a {
  color: #1c1c1c;
}
.table td i,
.sender-name i {
  font-style: normal;
}
a,
a:active {
  color: #0e76bc;
  text-decoration: none;
  cursor: pointer;
  outline: none;
}
a:focus {
  color: #0e76bc;
  text-decoration: none;
  cursor: pointer;
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(14, 118, 188, 0.5);
  z-index: 100;
}
a:hover {
  text-decoration: underline;
  color: #0e76bc;
}
a.go-icon,
a.go-icon:active,
a.go-icon:focus,
a.outside-link,
a.outside-link:active,
a.outside-link:focus,
a.outside-link-icon,
a.outside-link-icon:active,
a.outside-link-icon:focus,
i.go-icon {
  color: #0e76bc;
  text-decoration: none;
}
.re-order-arrow {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}
.last-column-icons a.go-icon {
  display: inline-block;
  margin-right: 10px;
}
.last-column-icons {
  text-align: center;
  width: 150px !important;
}
th.last-column-icons {
  text-align: left;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}
.fake-link {
  color: #0e76bc;
  text-decoration: none;
}
h1 {
  font-size: 24px;
  font-weight: 500;
  color: #1c1c1c;
}
h2 {
  font-size: 18px;
  font-weight: 500;
  color: #1c1c1c;
}
h3 {
  font-size: 16px;
  font-weight: 500;
  color: #1c1c1c;
}
h4 {
  font-size: 14px;
  font-weight: 500;
  color: #1c1c1c;
}
.military-description h5 {
  color: #1c1c1c;
  font-size: 16px;
  font-weight: 500;
  text-transform: lowercase;
}
.military-description h5:first-letter {
  text-transform: uppercase;
}
hr {
  margin-bottom: 8px;
  margin-top: 8px;
}
.panel-title {
  font-size: 14px;
}
.alert {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px;
}
.alert h3 {
  font-size: 16px;
  margin-top: 0px;
}
.error-message {
  /*bottom: -17px;*/
  color: #a81f1b;
  font-size: 12px;
  position: absolute;
  /*right: 17px;*/

}
.login-check-wrapper .error-message {
  position: initial;
  font-size: 14px;
}
#note_form .error-message {
  left: 0;
  margin-bottom: 20px;
  bottom: auto;
}
.resume.error-message {
  left: 0;
}
#gradeErr.error-message {
  float: right;
  position: relative;
  top: 60px;
  right: 0;
}
#usernameErr.error-message,
#pwdErr.error-message,
#zipErr.error-message,
#dobErr.error-message {
  left: 0px;
  width: 100%;
}
#raceErr,
#termsErr {
  position: relative;
  left: 0;
  top: -25px;
}
.read-and-agree label a {
  color: #0e76bc;
}
.read-and-agree label a:hover,
.read-and-agree label a:active,
.read-and-agree label a:focus {
  color: #0e76bc;
  text-decoration: underline;
}
.input-error {
  border-color: #a81f1b !important;
  outline: 0 none;
}
.input-error.form-control:focus {
  box-shadow: 0 0 8px rgba(186, 65, 65, 0.6);
  border-color: #a81f1b;
  outline: 0 none;
}
/************ Validation Styles ************/

label.validation-error {
  width: 100%;
  color: #a81f1b;
  position: absolute;
}
label.validation-error:before {
  position: absolute;
  font-family: 'FontAwesome';
  font-size: 2rem;
  content: '\f06a';
  top: -31px;
  right: 40px;
}
input.validation-error,
select.validation-error {
  border: 1px solid #a81f1b;
}
input.validation-error:focus,
select.validation-error:focus {
  border: 1px solid #a81f1b;
  outline: 0;
  box-shadow: 0 0 10px 0.3rem rgba(255, 0, 0, 0.25);
  -webkit-box-shadow: 0 0 10px 0.3rem rgba(255, 0, 0, 0.25);
  -moz-box-shadow: 0 0 10px 0.3rem rgba(255, 0, 0, 0.25);
}
select + label.validation-error:before {
  right: 48px;
}
input[type="date"].validation-error:focus,
input[type="date"].validation-error:hover,
input[type="date"].validation-error:active {
  padding: 6px 28px 6px 12px;
}
/* jQuery Validation Styles */

.input-error,
.input-validation-error {
  border-color: #a81f1b;
  outline: 0 none;
}
.input-error.form-control:focus,
.input-validation-error.form-control:focus,
.input-validation-error.input-error.form-control:focus {
  box-shadow: 0 0 7px #e3a99f;
  border-color: #a81f1b;
  outline: 0 none;
}
.field-validation-valid,
.error-message.field-validation-valid {
  display: none;
  margin-top: 0;
}
.field-validation-error {
  display: inline-block;
}
.error-message,
.field-validation-error,
.error-message.field-validation-error {
  float: none;
  position: absolute;
  margin-top: 4px;
  text-align: left;
  color: #a81f1b;
  font-size: 12px;
}
.form-control.input-validation-error,
.form-control.valid {
  padding-right: 28px;
}
select.form-control.input-validation-error,
select.form-control.valid {
  padding-right: 36px;
}
.error-message {
  display: block;
}
button.multiselect.dropdown-toggle:hover,
button.multiselect.dropdown-toggle:focus,
button.multiselect.dropdown-toggle:active {
  border-color: #505050;
}
button.multiselect.dropdown-toggle:hover,
button.multiselect.dropdown-toggle.input-validation-error:hover {
  background-color: white;
}
button.multiselect.dropdown-toggle.input-validation-error:hover,
button.multiselect.dropdown-toggle.input-validation-error:focus,
button.multiselect.dropdown-toggle.input-validation-error:active {
  border-color: #a81f1b;
}
.form-control + .error-message.field-validation-error:before,
select.form-control + .error-message.field-validation-error:before,
select.form-control + div + .error-message.field-validation-error:before {
  float: left;
  display: inline-block;
  position: absolute;
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a81f1b;
  content: #a81f1b;
  top: -30px;
}
.form-control + .error-message.field-validation-error:before {
  right: 7px;
}
select.form-control + .error-message.field-validation-error:before,
select.form-control + div + .error-message.field-validation-error:before {
  right: 18px;
}
/* END jQuery Validation Styles */

.form-control[readonly] {
  cursor: not-allowed;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #a0a0a0;
}
.tooltip-inner {
  background-color: #a0a0a0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #393939;
  font-size: 13px;
  line-height: 15px;
  width: 300px;
  padding: 8px;
  text-align: left;
  text-decoration: none;
  z-index: 1000;
}
.btn-group-justified {
  table-layout: auto;
}
.links-tables-home .panel-default {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
}
.links-tables-home .panel-default > .panel-heading {
  color: white;
  background: #0e76bc;
  text-align: left;
  text-shadow: none;
  border: none;
  margin-right: -1px;
  margin-left: -1px;
}
.links-tables-home .panel-default > .panel-heading h3 {
  font-size: 16px;
}
.panel-default > .panel-heading {
  color: #1c1c1c;
}
.panel-default > .panel-heading a,
.panel-default > .panel-heading a:active,
.panel-default > .panel-heading a:focus {
  color: #1c1c1c;
  text-decoration: none;
}
#accordion .panel-body .well {
  font-size: 13px;
}
#accordion .panel-default > .panel-heading {
  color: #1c1c1c;
}
#accordion .panel-default > .panel-heading h4 a {
  font-size: 14px;
  color: #1c1c1c;
}
#accordion .panel-default > .panel-heading h4 a:hover {
  color: #1c1c1c;
  text-decoration: none;
}
#accordion .panel-default > .panel-heading h4 a .fa,
label a .fa {
  margin-right: 6px;
}
#accordion.no-plus-icon .panel-heading h4 a .fa.fa-plus-square,
#accordion.no-plus-icon .panel-heading h4 a .fa.fa-minus-square {
  display: none;
}
.panel .panel-heading .accordion-toggle:before {
  /*symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';
  /* essential for enabling glyphicon */
  content: "\f146";
  /* adjust as needed, taken from bootstrap.css */
  float: left;
  /* adjust as needed */
  color: #1c1c1c;
  display: inline-block;
  margin-top: 1px;
  margin-right: 6px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.panel .panel-heading .accordion-toggle.collapsed:before {
  /* symbol for "collapsed" panels */
  content: "\f0fe";
  /* adjust as needed, taken from boostrap.css */

}
.non-panel.panel-heading {
  padding: 0;
}
.non-panel.panel-heading .accordion-toggle:before {
  margin-top: 2px;
}
/* Enables clicking anywhere to collapse filters */

.filter-results .panel-heading {
  padding: inherit;
}
.accordion-toggle {
  padding: 10px 15px;
  display: block;
}
.list-group a {
  color: #1c1c1c;
}
.list-group li.pathway .favorite {
  left: 25px;
  top: 5px;
}
.list-group li .favorite {
  left: 40px;
  top: 5px;
}
.list-group li.pathway {
  background-color: #a0a0a0;
  padding-left: 60px;
}
.list-group li {
  padding-left: 75px;
}
#educationLevelDropdown {
  margin-bottom: 20px;
}
.table > thead > tr > th {
  color: white;
  font-weight: 500;
  font-size: 14px;
  background: #e2e2e2;
  /* Old browsers */
  background: -moz-linear-gradient(top, #e2e2e2 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #e2e2e2 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #e2e2e2 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #e2e2e2 0%, #e2e2e2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #e2e2e2 0%, #e2e2e2 100%);
  /* W3C */

  /* filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='@dashboard-table-header-gradient-light', endColorstr='@dashboard-table-header-gradient-dark', GradientType=0);
  /* IE6-9 */

}
.table a.go-icon:hover,
.table a.outside-link-icon:hover {
  text-decoration: none;
  color: #0e76bc;
}
.table a.go-icon i,
.table a.outside-link-icon i {
  display: block;
  font-size: 18px;
  text-align: center;
}
.table-striped > tbody > tr:nth-of-type(2n + 1) {
  background-color: white;
}
.table-striped > tbody > tr:nth-of-type(2n) {
  background-color: #ebebeb;
}
.table-hover > tbody > tr:hover {
  background-color: #e2e2e2;
}
.breadcrumb {
  background-color: transparent;
  border-radius: 0px;
  list-style: outside none none;
  margin-bottom: 6px;
  padding: 15px 0px;
  border-bottom: 1px solid #e2e2e2;
  /*text-transform: capitalize;*/

}
.breadcrumb > li + li::before {
  color: #1c1c1c;
  content: "> ";
}
.breadcrumb > .active {
  color: #1c1c1c;
}
/* === Notify Styles === */

.survey-button-row {
  margin-top: 15px !important;
  margin-bottom: -10px !important;
}
.outage-notification > [data-notify="title"] {
  line-height: 1.3em;
}
div[data-notify="container"] {
  z-index: 1000000000 !important;
  width: 90%;
  max-width: 640px;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.5);
  border-top: 0px;
  border-bottom: 0px;
  padding: 15px 45px 15px 15px !important;
  position: fixed !important;
  /* top: @notify-container-top !important; breaks api errors stacking and not showing multiple */
  letter-spacing: 1px;
}
button[data-notify="dismiss"] {
  margin: 0 !important;
  top: 13px !important;
  right: 13px !important;
  position: absolute !important;
  opacity: 0.5;
  text-shadow: none;
}
button[data-notify="dismiss"]:focus,
button[data-notify="dismiss"]:hover {
  opacity: 1 !important;
}
[data-notify="message"] {
  display: inline-block;
  padding-right: 17px;
}
/* Notify Progress Bar */

[data-notify="progressbar"],
.alert-notify [data-notify="progressbar"] {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: -1px;
  bottom: -1px;
  border-radius: 0;
  margin-bottom: 0px;
  position: absolute;
  width: 100%;
  height: 5px;
}
/* Notify Icons */

span[data-notify="icon"] {
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  margin-right: 0.25em;
  font-size: 18px;
}
span[data-notify="icon"]:after,
.alert-success span[data-notify="icon"]:after,
.alert-info span[data-notify="icon"]:after,
.alert-warning span[data-notify="icon"]:after,
.alert-danger span[data-notify="icon"]:after {
  font-family: FontAwesome;
}
/*.alert-success span[data-notify="icon"]:after {
content: '\f1de';
font-size: 18px;
}
.alert-info span[data-notify="icon"]:after {
content: '\f05a';
}*/

.alert-warning span[data-notify="icon"]:after {
  content: '\f071';
}
.alert-danger span[data-notify="icon"]:after {
  content: '\f05e';
}
[data-notify="title"] {
  font-size: 18px;
}
div[data-notify="container"].alert-success {
  border-left: 15px solid #40a76d;
}
div[data-notify="container"].alert-info {
  border-left: 15px solid #337ab7;
}
div[data-notify="container"].alert-warning {
  border-left: 15px solid #f8a607;
}
div[data-notify="container"].alert-danger {
  border-left: 15px solid #e21f26;
}
/* === END Notify Styles === */

/*---- 16 National Clusters Colors ----*/

.industrial-manufacturing-engineering .progress-bar,
.manufacturing .progress-bar,
.transportation-distribution-and-logistics .progress-bar,
.science-technology-engineering-and-mathematics .progress-bar,
.architecture-and-construction .progress-bar {
  background-color: #bd0c85;
}
.business-management-and-administration .progress-bar,
.marketing .progress-bar,
.finance .progress-bar,
.busines-management-and-administration .progress-bar,
.hospitality-and-tourism .progress-bar {
  background-color: #39c4c4;
}
.human-services-resources .progress-bar,
.human-services .progress-bar,
.law-public-safety-corrections-and-security .progress-bar,
.government-and-public-administration .progress-bar,
.education-and-training .progress-bar {
  background-color: #8940c7;
}
.communication-information-systems .progress-bar,
.arts-audio-video-technology-and-communications .progress-bar,
.information-technology .progress-bar {
  background-color: #f8a607;
}
.health-sciences .progress-bar,
.health-science .progress-bar {
  background-color: #db343e;
}
.environmental-agricultural-systems .progress-bar,
.agriculture-food-and-natural-resources .progress-bar {
  background-color: #0bbf18;
}
h1.science-technology-engineering-and-mathematics,
h2.science-technology-engineering-and-mathematics,
h1.architecture-and-construction,
h2.architecture-and-construction,
h1.manufacturing,
h2.manufacturing,
h1.transportation-distribution-and-logistics,
h2.transportation-distribution-and-logistics,
.industrial-manufacturing-and-engineering-systems .cluster-name,
.industrial-manufacturing-and-engineering-systems .career-field-name,
.manufacturing .cluster-name,
.transportation-distribution-and-logistics .cluster-name,
.science-technology-engineering-and-mathematics .cluster-name,
.architecture-and-construction .cluster-name,
.industrial-manufacturing-engineering .pathway-name,
.manufacturing .pathway-name,
.transportation-distribution-and-logistics .pathway-name,
.science-technology-engineering-and-mathematics .pathway-name,
.architecture-and-construction .pathway-name {
  color: #bd0c85;
}
h1.business-management-and-administration,
h2.business-management-and-administration,
h1.finance,
h2.finance,
h1.marketing,
h2.marketing,
h1.hospitality-and-tourism,
h2.hospitality-and-tourism,
.business-marketing-and-management .cluster-name,
.business-marketing-and-management .career-field-name,
.marketing .cluster-name,
.finance .cluster-name,
.business-management-and-administration .cluster-name,
.hospitality-and-tourism .cluster-name,
.business-management-and-administration .pathway-name,
.marketing .pathway-name,
.finance .pathway-name,
.hospitality-and-tourism .pathway-name {
  color: #39c4c4;
}
h1.education-and-training,
h2.education-and-training,
h1.government-and-public-administration,
h2.government-and-public-administration,
h1.law-public-safety-corrections-and-security,
h2.law-public-safety-corrections-and-security,
h1.human-services,
h2.human-services,
.human-services-and-resources .cluster-name,
.human-services-and-resources .career-field-name,
.human-services .cluster-name,
.law-public-safety-corrections-and-security .cluster-name,
.government-and-public-administration .cluster-name,
.education-and-training .cluster-name,
.human-services-resources .pathway-name,
.human-services .pathway-name,
.law-public-safety-corrections-and-security .pathway-name,
.government-and-public-administration .pathway-name,
.education-and-training .pathway-name {
  color: #8940c7;
}
h1.information-technology,
h2.information-technology,
h1.arts-audio-video-technology-and-communications,
h2.arts-audio-video-technology-and-communications,
.communication-and-information-systems .cluster-name,
.communication-and-information-systems .career-field-name,
.arts-audio-video-technology-and-communications .cluster-name,
.information-technology .cluster-name,
.communication-information-systems .pathway-name,
.arts-audio-video-technology-and-communications .pathway-name,
.information-technology .pathway-name {
  color: #f8a607;
}
h1.health-science,
h2.health-science,
.health-sciences .cluster-name,
.health-sciences .career-field-name,
.health-science .cluster-name,
.health-sciences .pathway-name,
.health-science .pathway-name {
  color: #db343e;
}
h1.agriculture-food-and-natural-resources,
h2.agriculture-food-and-natural-resources,
.environmental-and-agricultural-systems .cluster-name,
.environmental-and-agricultural-systems .career-field-name,
.agriculture-food-and-natural-resources .cluster-name,
.environmental-agricultural-systems .pathway-name,
.agriculture-food-and-natural-resources .pathway-name {
  color: #0bbf18;
}
.cluster-name-link-text {
  color: black;
}
/*---- 12 Work Values Colors ----*/

.variety .progress-bar {
  background-color: #6d2aa5;
}
h1.variety,
.variety .value-name {
  color: #6d2aa5;
}
.achievement .progress-bar {
  background-color: #f8a607;
}
h1.achievement,
.achievement .value-name {
  color: #f8a607;
}
.workplace .progress-bar {
  background-color: #0bbf18;
}
h1.workplace,
.workplace .value-name {
  color: #0bbf18;
}
.co-workers .progress-bar {
  background-color: #2b638e;
}
h1.co-workers,
.co-workers .value-name {
  color: #2b638e;
}
.supervision .progress-bar {
  background-color: #bd0c85;
}
h1.supervision,
.supervision .value-name {
  color: #bd0c85;
}
.creativity .progress-bar {
  background-color: #8940c7;
}
h1.creativity,
.creativity .value-name {
  color: #8940c7;
}
.security .progress-bar {
  background-color: #39c4c4;
}
h1.security,
.security .value-name {
  color: #39c4c4;
}
.independence .progress-bar {
  background-color: #db343e;
}
h1.independence,
.independence .value-name {
  color: #db343e;
}
.prestige .progress-bar {
  background-color: #39c4c4;
}
h1.prestige,
.prestige .value-name {
  color: #39c4c4;
}
.lifestyle .progress-bar {
  background-color: #862467;
}
h1.lifestyle,
.lifestyle .value-name {
  color: #862467;
}
.challenge .progress-bar {
  background-color: #33963a;
}
h1.challenge,
.challenge .value-name {
  color: #33963a;
}
.income .progress-bar {
  background-color: #a61d26;
}
h1.income,
.income .value-name {
  color: #a61d26;
}
.navbar-default .navbar-brand {
  color: #1c1c1c;
  background: transparent;
  padding: 15px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover {
  color: #1c1c1c;
  background: transparent;
}
.navbar.navbar-default {
  background: white;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  z-index: 9;
}
.navbar > .container-fluid {
  padding: 0 5%;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  background-color: transparent;
  color: #1c1c1c;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  background-color: transparent;
  color: #1c1c1c;
}
.navbar-nav > li > a:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 0;
  outline-color: rgba(28, 28, 28, 0.5);
  z-index: 1;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin: 0;
  position: relative;
}
.navbar-brand {
  float: left;
  font-size: 18px;
  height: auto;
  line-height: 20px;
  padding: 15px;
}
a.nav-toggle {
  color: #1c1c1c;
  float: left;
  font-size: 20px;
  margin: 15px 5px 0 -5px;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
  color: #1c1c1c;
}
.navbar.navbar-default a:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 0;
  outline-color: rgba(28, 28, 28, 0.5);
}
a.nav-toggle:hover,
a.nav-toggle:active {
  color: #1c1c1c;
}
.navbar-nav > li > a {
  padding-top: 13px;
  padding-bottom: 13px;
}
ul.navbar-nav.nav > li.language-select {
  padding: 3.1rem 1rem;
}
ul.navbar-nav.nav > li.language-select.unauthenticated {
  border-right: none;
}
ul.navbar-nav.nav > li.language-select > a {
  display: inline-block;
  padding: 5px;
}
.nav-user-avatar {
  height: 40px;
  width: 40px;
  border: 2px solid #7fccff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin-right: 6px;
}
.navbar-nav.nav .user-info {
  position: relative;
  top: -5px;
}
.navbar-nav.nav .user-info i.fa-caret-down {
  margin-left: 5px;
}
.navbar-nav.nav .user-logout {
  bottom: 15px;
  color: #1c1c1c;
  font-size: 11px;
  left: 67px;
  position: absolute;
}
.navbar-nav.nav .user-logout a {
  color: #1c1c1c;
}
.navbar-nav.nav .user-logout a:hover {
  color: #1c1c1c;
}
.navbar-nav.nav > li {
  border-right: 1px solid #e2e2e2;
}
.navbar-nav.nav li.messages,
.navbar-nav.nav li.students {
  padding: 10px 0px 10px 0px;
}
.navbar-nav.nav li.messages i {
  margin-right: 6px;
}
.badge-success {
  background: #148038;
  padding: 4px 7px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: -6px;
}
.dropdown-menu.dropdown-caret:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}
.dropdown-menu.dropdown-caret:after {
  border-bottom: 6px solid white;
  -moz-border-bottom-colors: white;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:before,
.dropdown-menu.dropdown-caret-right.dropdown-caret:before {
  left: auto;
  right: 11px;
}
.dropdown-menu.dropdown-menu-right.dropdown-caret:after,
.dropdown-menu.dropdown-caret-right.dropdown-caret:after {
  left: auto;
  right: 12px;
}
.messages .dropdown-menu.dropdown-menu-right.dropdown-caret:before,
.messages .dropdown-menu.dropdown-caret-right.dropdown-caret:before {
  left: auto;
  right: 18px;
}
.messages .dropdown-menu.dropdown-menu-right.dropdown-caret:after,
.messages .dropdown-menu.dropdown-caret-right.dropdown-caret:after {
  left: auto;
  right: 19px;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  background-color: #0e76bc;
  color: white;
  text-decoration: none;
}
#main-container {
  background: white;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  margin: 60px 5% 0px;
  min-height: 80%;
}
#main-login-container {
  background: white;
  -moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
  min-height: 80%;
  margin: 60px 25% 0px;
}
.main-login-header-jumbotron {
  background: none;
}
.login-header-area {
  border-bottom: 1px solid #e2e2e2;
  margin: 0;
  padding: 40px 80px 80px;
  text-align: center;
  display: block;
}
.login-header-area img {
  margin-right: auto;
  margin-left: auto;
}
.login-header-area h2 {
  font-size: 22px;
  margin-top: 5px;
}
.login-header-area p {
  margin-right: 8px;
  margin-left: 8px;
}
.login-register-select {
  text-align: center;
  margin-top: -25px;
}
.btn-group.login-register-select-buttons {
  z-index: 9;
}
.forgot-password-secret-question {
  margin-bottom: 20px;
}
.btn.active i.fa-check-circle {
  display: inline-block;
  margin-right: 5px;
}
.btn i.fa-check-circle {
  display: none;
}
.link-style-btn {
  border: none;
  padding: 5px 10px;
  background-color: transparent;
  text-decoration: none;
}
.link-style-btn:hover,
.link-style-btn:focus {
  text-decoration: underline;
  outline: 2px solid #ba4141;
}
.avatar-selector.active {
  position: relative;
}
.avatar-selector img {
  border: 4px solid white;
}
.avatar-selector:focus img,
.avatar-selector:active img,
.avatar-selector:hover img {
  border: 4px solid #0e76bc;
}
.avatar-selector.active i.fa-check-circle {
  display: inline-block;
  margin-right: 5px;
  color: white;
  position: absolute;
  top: 20px;
  left: 4px;
  z-index: 99;
}
.avatar-selector i.fa-check-circle {
  display: none;
}
.login-register-area-div {
  background: #e2e2e2;
  padding: 50px 8% 50px 14%;
  margin-top: -21px;
  margin-bottom: 20px;
  position: relative;
}
.register-steps .login-register-area-div {
  margin-top: 0px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.login-register-area-div.transparent {
  background: transparent;
  padding: 20px 0;
}
.forgot-link {
  margin-top: 8px;
}
.login-form-submit {
  text-align: right;
}
.register-steps {
  display: none;
}
.user-type-selector {
  text-align: center;
  overflow: hidden;
}
.selector-area {
  float: left;
}
.user-type-selector input {
  position: absolute;
  z-index: 999;
  visibility: hidden;
}
.student {
  background-image: url('/Resources/Image/IAmAStudent');
}
.parent {
  background-image: url('/Resources/Image/IAmAParent');
}
.student-ps {
  background-image: url('/Resources/Image/IAmAStudentJ');
}
.adult {
  background-image: url('/Resources/Image/IAmAnAdult');
}
.step-indicator {
  color: #1c1c1c;
  border: 1px solid #e2e2e2;
  background-color: #ebebeb;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ebebeb));
  background: -webkit-linear-gradient(top, white 0%, #ebebeb 100%);
  background: -moz-linear-gradient(top, white 0%, #ebebeb 100%);
  background: -ms-linear-gradient(top, white 0%, #ebebeb 100%);
  background: -o-linear-gradient(top, white 0%, #ebebeb 100%);
  background: linear-gradient(to bottom, white 0%, #ebebeb 100%);
  text-align: center;
  font-size: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 30%;
  left: -25px;
  width: 75px;
  height: 75px;
  line-height: 20px;
  padding-top: 5px;
}
.step-indicator .step-number {
  color: #a81f1b;
  font-size: 20px;
}
.user-type-selector input:active + .user-type-image {
  opacity: 0.9;
}
.user-type-selector input:checked + .user-type-image {
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
}
.user-type-image {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 109px;
  height: 109px;
  -webkit-transition: all 100ms ease-in;
  -moz-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
  -webkit-filter: brightness(1.8) grayscale(1) opacity(0.7);
  -moz-filter: brightness(1.8) grayscale(1) opacity(0.7);
  filter: brightness(1.8) grayscale(1) opacity(0.7);
  margin: 0px 25px;
}
.user-type-image:hover {
  -webkit-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
  -moz-filter: brightness(1.2) grayscale(0.5) opacity(0.9);
  filter: brightness(1.2) grayscale(0.5) opacity(0.9);
}
.user-type-name {
  color: #505050;
}
#student-register-steps,
#parent-register-steps,
#adult-register-steps {
  display: none;
}
.register-step2,
.register-step3,
.register-step4 {
  display: none;
}
.current-grade-level {
  margin-bottom: 20px;
  margin-left: 2px;
  margin-right: 2px;
}
.grade-level-buttons,
.contact-buttons {
  z-index: 0;
}
.adult-back-to-school-selection {
  display: none;
}
.user-username-or-email,
.parent-username-or-email,
.adult-username-or-email {
  /*margin-left: 90px;*/
  margin-bottom: 20px;
  text-align: center;
}
a.registration-question,
a span.registration-question {
  color: #7fccff;
}
.check-code {
  position: absolute;
  right: -5px;
  bottom: 30px;
}
.check-code.no {
  color: #a81f1b;
}
.check-code.yes {
  color: #148038;
  right: -7px;
  bottom: 7px;
}
.system-update-msg .message {
  margin-bottom: 15px;
}
.student-information.additional {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  display: none;
  margin-bottom: 15px;
}
.another-student {
  margin-bottom: 15px;
}
.no-administrators-message,
.parent-no-administrators-message,
.adult-no-administrators-message {
  font-size: 12px;
  display: none;
}
#sidebar {
  padding: 0 0 60px;
  border-right: 1px solid #e2e2e2;
  background: white;
}
.current-user {
  text-align: center;
  padding: 20px;
  background: white;
}
.current-user a {
  color: #1c1c1c;
}
.user-avatar {
  position: relative;
}
.user-avatar img {
  width: 145px;
  height: 145px;
  border: 2px solid #7fccff;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  margin: 0px auto;
}
.camera-icon {
  font-size: 14px;
  color: white;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -10px;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  display: none;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 8px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.camera-icon a {
  color: white;
  text-decoration: none;
  display: block;
}
.camera-icon a:hover,
.camera-icon a:active,
.camera-icon a:focus {
  text-decoration: none;
}
.camera-icon i {
  font-size: 24px;
}
.avatar-photo.col-sm-2 {
  padding-left: 5px;
  padding-right: 5px;
}
#upload-photo-area {
  width: 207px;
  height: 207px;
  position: relative;
  /* or fixed or absolute */
  background-color: #cccccc;
  margin-right: auto;
  margin-left: auto;
  background-image: url('/Resources/Image/uploadImagePlaceholder');
  background-repeat: no-repeat;
  background-position: center;
}
#upload-photo-area,
#upload-photo-area .cropImgWrapper,
.croppedImg {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#cropContainerModal {
  text-align: left;
}
.photo-loader i {
  position: absolute;
  top: 83px;
  right: 80px;
  font-size: 45px;
}
.photo-upload {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: center;
}
.choose-avatar {
  margin-top: 20px;
  margin-bottom: 10px;
  display: none;
}
.avatar-photo {
  margin-bottom: 10px;
}
#upload-photo-area .cropControls .cropControlRemoveCroppedImage,
#upload-photo-area .cropControls .cropControlReset {
  display: none;
}
/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */

.cropImgWrapper {
  cursor: -webkit-grab;
  cursor: grab;
}
.cropImgWrapper:active {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cropImgUpload {
  z-index: 2;
  position: absolute;
  height: 28px;
  display: block;
  top: -30px;
  right: -2px;
  font-family: sans-serif;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: white;
}
.cropControls {
  z-index: 2;
  position: absolute;
  height: 30px;
  display: block;
  /* top: -31px; */
  top: -1px;
  right: -1px;
  font-family: sans-serif;
  background-color: rgba(0, 0, 0, 0.35);
}
#upload-photo-area .cropControls i {
  display: block;
  float: left;
  margin: 0;
  cursor: pointer;
  background-image: url('/Resources/Image/imageCropperIcons');
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 20px;
  color: white;
  font-size: 13px;
  font-weight: bold;
  font-style: normal;
}
.cropControls i:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.cropControls i.cropControlZoomMuchIn {
  background-position: 0px 0px;
}
.cropControls i.cropControlZoomIn {
  background-position: -30px 0px;
}
.cropControls i.cropControlZoomOut {
  background-position: -60px 0px;
}
.cropControls i.cropControlZoomMuchOut {
  background-position: -90px 0px;
}
.cropControls i.cropControlRotateLeft {
  background-position: -210px 0px;
}
.cropControls i.cropControlRotateRight {
  background-position: -240px 0px;
}
.cropControls i.cropControlCrop {
  background-position: -120px 0px;
}
.cropControls i.cropControlUpload {
  background-position: -150px 0px;
}
.cropControls i.cropControlReset {
  background-position: -180px 0px;
}
.cropControls i.cropControlRemoveCroppedImage {
  background-position: -180px 0px;
}
.cropControls i:last-child {
  margin-right: none;
}
.user-name {
  margin-top: 15px;
  font-size: 16px;
}
.user-type {
  font-size: 12px;
}
.cell-phone-number,
.parent-cell-phone-number,
.adult-cell-phone-number,
.forgot-username-cell-phone-number {
  display: none;
}
.row.race label {
  display: block;
}
.terms-and-conditions {
  margin-bottom: 20px;
}
/*---Profile Picture Cropper----*/

#current-profile-img {
  width: 250px;
  height: 250px;
}
img {
  max-width: 100%;
}
.cropper-view-box,
.cropper-face {
  border-radius: 50%;
}
/* .tab-pane {
padding: 0px 15px;
border-right: none;
border-bottom: none;
border-left: none
} */

.avatar-photo img {
  border-radius: 50%;
}
.upload-crop-buttons {
  margin-top: 15px;
}
.cropped-result-img {
  width: 350px;
  height: 350px;
}
#result {
  text-align: center;
}
.cropper-bg {
  margin: auto !important;
}
.cropper-image-wrap {
  padding: 5px;
}
/*----End Profile Picture Cropper---*/

/*----Left Nav Bar ----*/

.left-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid #e2e2e2;
}
.left-menu > li,
.left-menu > li > a,
.left-menu .nav-header {
  margin: 0;
  background: white;
}
.left-menu > li.my-portfolio-child > a {
  background: white;
  padding-left: 7px;
}
.left-menu li > a:focus,
.left-menu > li .submenu > li > a:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(14, 118, 188, 0.5);
  z-index: 1;
}
.left-menu > li {
  display: block;
  position: relative;
  float: none;
  padding: 0;
  border-bottom: 1px solid #e2e2e2;
}
.left-menu > li.active {
  border-right: 2px solid #0e76bc;
}
.left-menu > li.active > a {
  font-weight: 500;
  background: #0e76bc;
  color: white;
}
.left-menu > li > a {
  display: block;
  height: auto;
  line-height: 17px;
  padding-left: 7px;
  text-shadow: none !important;
  text-decoration: none;
  color: #1c1c1c;
  font-weight: 500;
}
.left-menu > li.separator {
  display: block;
  min-height: 39px;
  line-height: 17px;
  padding-left: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ebebeb;
  text-shadow: none !important;
  color: #393939;
  font-weight: 500;
  -webkit-box-shadow: inset 0 0 2px 1px transparent;
  box-shadow: inset 0 0 2px 1px transparent;
}
.left-menu > li > a > .menu-icon,
.left-menu > li.separator .menu-icon {
  float: left;
  display: inline-block;
  min-width: 30px;
  margin-right: 3px;
  vertical-align: sub;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #737373;
}
.left-menu > li > a:focus,
.nav > li > a:hover {
  background-color: #0e76bc;
  color: white;
  text-decoration: none;
  font-weight: 500;
}
.left-menu > li a > .arrow,
.left-menu > li > .arrow {
  display: block;
  width: 14px !important;
  height: 14px;
  line-height: 14px;
  text-shadow: none;
  font-size: 18px;
  position: absolute;
  right: 10px;
  top: 12px;
  padding: 0;
  text-align: center;
}
.left-menu > li.active .submenu {
  display: block;
}
.left-menu > li .submenu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1.5;
  position: relative;
}
.left-menu > li .submenu > li {
  margin-left: 0;
  position: relative;
}
.left-menu > li .submenu > li > a {
  display: block;
  position: relative;
  padding: 7px 8px 9px 37px;
  margin: 0;
  border-top: 1px;
  border-top-style: dotted;
  border-color: #e2e2e2;
  color: #1c1c1c;
  background: white;
  font-weight: 500;
}
.left-menu > li .submenu > li.active > a {
  color: white;
  background-color: #074066;
  font-weight: 500;
}
html.no-touch .left-menu > li .submenu > li > a:hover {
  text-decoration: none;
  color: white;
  background-color: #074066;
  font-weight: 500;
}
html.no-touch .left-menu > li .submenu > li.active > a:hover {
  color: white;
  background-color: #0e76bc;
  font-weight: 500;
}
.left-menu > li .submenu > li a > .menu-icon {
  display: none;
  font-size: 12px;
  font-weight: 400;
  width: 18px;
  height: auto;
  line-height: 12px;
  text-align: center;
  position: absolute;
  left: 10px;
  top: 11px;
  z-index: 1;
  background-color: inherit;
  color: white;
}
.left-menu > li .submenu > li.active > a > .menu-icon,
html.no-touch .left-menu > li .submenu > li:hover > a > .menu-icon {
  display: inline-block;
}
.left-menu > li > .submenu {
  border-top: none;
}
.left-menu > li > .submenu > li:before {
  content: "";
  display: block;
  width: 7px;
  position: absolute;
  z-index: 1;
  left: 20px;
  top: 17px;
  border: 1px dotted;
  border-width: 1px 0 0;
}
.left-menu > li > .submenu:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  left: 18px;
  top: 0;
  bottom: 0;
  border: 1px dotted;
  border-width: 0 0 0 1px;
}
.left-menu li:hover > a > .arrow,
.left-menu li.active > a > .arrow,
.left-menu li.open > a > .arrow {
  color: inherit;
}
.left-menu li.open > .submenu {
  display: block;
}
no_such_element:-o-prefocus,
.left-menu > li > a > .menu-icon {
  vertical-align: middle;
}
.left-menu > li > .submenu li > .submenu {
  display: none;
}
.left-menu > li > .submenu li.active > .submenu {
  display: block;
}
.left-menu > li > .submenu a > .arrow {
  right: 10px;
  top: 10px;
  font-size: 16px;
}
.left-menu > li > .submenu > li:first-child > a {
  border-top-width: 0;
}
.left-menu > li > .submenu li > .submenu > li {
  line-height: 18px;
}
.left-menu > li > .submenu li > .submenu > li:before {
  display: none;
  background: #074066;
}
.left-menu > li > .submenu li > .submenu > li > a {
  margin-left: 20px;
  padding-left: 22px;
  color: #1c1c1c;
}
.left-menu > li > .submenu li > .submenu > li > .submenu > li > a {
  margin-left: 20px;
  padding-left: 38px;
}
.left-menu > li > .submenu li > .submenu > li a > .menu-icon {
  display: inline-block;
  width: auto;
  position: static;
  background-color: transparent;
  margin-right: 4px;
  color: inherit;
}
.left-menu > li > .submenu li > .submenu > li a .menu-icon,
.left-menu > li > .submenu li > .submenu > li a .arrow {
  color: inherit;
}
.left-menu > li > .submenu li.open:not(.hover) > a > .menu-icon {
  display: inline-block;
}
.left-menu .list-group-item {
  border: none;
}
.left-menu .list-group-item:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.left-menu .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.left-menu .menu-icon {
  color: #393939;
}
.left-menu .dashboard .menu-icon {
  color: #2b638e;
}
.left-menu .take-an-assessment .menu-icon {
  color: #33963a;
}
.left-menu .explore-occupations .menu-icon {
  color: #862467;
}
.left-menu .majors .menu-icon {
  color: #39c4c4;
}
.left-menu .plan-for-education .menu-icon {
  color: black;
}
.left-menu .plan-for-work .menu-icon {
  color: #6d2aa5;
}
.left-menu .find-a-job .menu-icon {
  color: #bd0c85;
}
.left-menu .C2B .menu-icon {
  color: #39c4c4;
}
.left-menu .my-assessments .menu-icon {
  color: #33963a;
}
.left-menu .my-job-search-tools .menu-icon {
  color: #862467;
}
.left-menu .my-favorites .menu-icon {
  color: #f8a607;
}
.left-menu .my-documents .menu-icon {
  color: #39c4c4;
}
.left-menu .my-goals .menu-icon {
  color: #e5002b;
}
.left-menu .my-ed-plans .menu-icon {
  color: #6d2aa5;
}
.left-menu .my-e-profile .menu-icon {
  color: #39c4c4;
}
.left-menu .my-account-settings .menu-icon {
  color: #393939;
}
.left-menu .my-messages .menu-icon {
  color: #0bbf18;
}
.left-menu .my-transcript-requests .menu-icon {
  color: black;
}
/*Parent Left Menu*/

.left-menu .student-name .menu-icon {
  color: #39c4c4;
}
.left-menu .manage-students .menu-icon {
  color: #bd0c85;
}
.left-menu .system-tour .menu-icon {
  color: #6d2aa5;
}
.left-menu .how-can-i-help .menu-icon {
  color: #f8a607;
}
.left-menu .parent-guide .menu-icon {
  color: #33963a;
}
.left-menu > li > a:focus .menu-icon,
.nav > li > a:hover .menu-icon,
.nav > li.active > a .menu-icon {
  color: white;
}
/*----End Left Nav----*/

.sidebar-toggle {
  border: none;
  border-width: 0 0 1px;
  text-align: center;
  padding: 6px 0;
  position: relative;
  background-color: white;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.sidebar-toggle.first {
  border-top: 1px solid #e2e2e2;
  border-bottom: none;
}
.sidebar-toggle.last {
  border-bottom: 1px solid #e2e2e2;
  border-top: none;
}
.sidebar-toggle .fa {
  padding: 0 5px;
  line-height: 18px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 100%;
  border: 1px solid;
  position: relative;
  background-color: white;
  border-color: #a0a0a0;
  color: #a0a0a0;
}
.sidebar-toggle:before {
  content: "";
  display: block;
  height: 0;
  border-top: 1px solid;
  border-color: #a0a0a0;
  position: absolute;
  left: 15px;
  right: 15px;
  top: 16px;
}
#right-hand-div {
  border-left: 1px solid #e2e2e2;
  padding: 8px;
}
.progress-bar-success {
  background-color: #148038;
}
.completed-tasks-progress-bar {
  background: #e2e2e2;
  padding: 12px 8px;
  border: 5px solid #737373;
  margin-bottom: 25px;
  margin-top: 5px;
}
.completed-tasks-progress-bar h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0px 0px 6px;
}
.completed-tasks-progress-bar .progress {
  margin: 0px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  background-color: white;
}
.next-steps h3,
.needs-and-barriers h3 {
  font-size: 16px;
  font-weight: 500;
  color: #1c1c1c;
  border-bottom: 1px solid #e2e2e2;
  margin-right: 10px;
  margin-left: 10px;
  padding-bottom: 5px;
}
.old-future-tasks {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.old-future-task-link {
  padding-right: 5px;
  padding-left: 5px;
}
.old-future-tasks .future-tasks {
  text-align: right;
}
.right-sidebar-alert {
  margin: 30px 8px 20px;
}
.needs-and-barriers {
  margin-top: 25px;
  margin-bottom: 45px;
  display: none;
}
.needs-and-barriers div {
  margin-left: 10px;
  margin-right: 10px;
}
.right-sidebar-alert h3 {
  color: #8a6d3b;
}
.right-sidebar-alert div {
  padding-top: 10px;
}
#center-div,
#center-div-parent {
  padding: 5px 30px 20px;
}
.assessment a {
  color: white;
  text-decoration: none;
}
.assessment a:hover {
  color: white;
  text-decoration: none;
}
.assessment a:focus,
.assessment-link:focus,
.assessment-action-link:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(255, 255, 255, 0.5);
}
.assessments-home {
  margin-top: 5px;
  margin-bottom: 20px;
}
.assessment-panel {
  color: white;
  background: #0e76bc;
  text-align: center;
  text-shadow: none;
  padding: 20px 10px 10px 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}
.assessment-panel h3 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 0px;
  height: 40px;
  color: white;
}
.assessment-panel h4 {
  font-size: 14px;
  font-weight: 500;
  margin-top: 1px;
  color: white;
}
.assessment-panel p {
  font-size: 13px;
  font-weight: 500;
  margin-top: 1px;
  color: white;
}
.assessment-complete-alert {
  font-size: 12px;
  margin-top: 4px;
  text-align: left;
}
.assessment-action {
  font-size: 16px;
  text-align: right;
}
.assessment-link {
  display: block;
}
.assessment-action-link {
  color: white;
}
/*.assessment-action-link:hover {
  color: @dashboard-panel-link-color-hover;
  text-decoration: @link-decoration;
  text-shadow: none;
}*/

.assessment-panel-main-area {
  margin: 0px 0px 5px 0px;
  color: black;
  font-weight: bold;
}
.assessment-panel-main-area.complete {
  background: white;
  margin-right: -10px;
  margin-left: -10px;
  -moz-box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
  padding-right: 10px;
  padding-left: 10px;
}
.assessment-panel-main-area.row.complete .finished-results {
  margin-top: 10px;
  margin-bottom: 10px;
}
.assessment-panel-main-area.complete .result-name {
  font-size: 10px;
  color: #393939;
  text-align: left;
  text-shadow: none !important;
}
.assessment-panel-main-area.complete .progress {
  margin-bottom: 5px;
  height: 8px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
}
.assessment-inner .assessment-panel-inner.well {
  padding: 15px;
  overflow: hidden;
}
.assessment-panel-main-area-inner {
  margin: 0px;
}
.assessment-inner .assessment-panel-inner .assessment-panel-main-area {
  margin-bottom: 0px;
}
.assessment-inner .assessment-panel-inner .assessment-information {
  text-align: left;
  margin-bottom: 8px;
}
.assessment-inner .assessment-panel-inner .assessment-information h3 {
  height: auto;
  margin-top: 6px;
  margin-bottom: 8px;
}
.assessment-inner .assessment-panel-inner .percentage-area {
  color: white;
  background: #0e76bc;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6) inset;
}
.assessment-inner .assessment-panel-inner .pie-chart.circliful {
  height: 80px;
}
.assessment-inner .assessment-panel-inner .assessment-complete-alert {
  padding-left: 5px;
  padding-top: 15px;
  font-size: 14px;
}
.assessment-inner .assessment-panel-inner .bottom-line.row {
  clear: both;
  margin: 0;
  border-top: 1px solid #e2e2e2;
}
.bottom-line {
  margin: 0 -10px;
}
.assessment-inner .assessment-panel-inner .assessment-action {
  padding-top: 15px;
  margin: 0;
  padding-right: 0;
}
.assessment-inner .assessment-panel-inner a {
  text-decoration: none;
}
.assessment-inner .assessment-panel-inner a:hover {
  text-decoration: none;
}
.circliful {
  position: relative;
}
.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
  width: 100%;
  position: absolute;
  text-align: center;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}
.circle-info,
.circle-info-half {
  color: white;
  line-height: 100px;
}
.assessments-home .percent-complete {
  min-height: 120px;
}
.pie-chart.circliful {
  margin: 0px auto;
  height: 120px;
  width: 120px;
}
.one-page-summary .assessment-panel {
  color: #1c1c1c;
  background: #a0a0a0;
  text-align: center;
  text-shadow: none;
  padding: 20px 10px 10px 10px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  border: 1px solid #e2e2e2;
}
.one-page-summary .assessment-panel h3 {
  color: #1c1c1c;
}
.one-page-summary .assessment-panel-main-area.complete {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.page-text {
  padding-bottom: 15px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #0e76bc;
}
.nav-tabs > li > a {
  border: 1px solid #e2e2e2;
  border-radius: 4px 4px 0 0;
  line-height: 1.42857;
  margin-right: 2px;
  color: #393939;
  background-color: #e2e2e2;
}
.nav-tabs > li > a:hover {
  color: #1c1c1c;
  background-color: #a0a0a0;
  border: 1px solid #e2e2e2;
}
.tab-pane {
  padding: 20px;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
}
.skills-interest-compare .tab-pane {
  border: 1px solid #e2e2e2;
}
.skills-interest-compare .progress-bar {
  padding-left: 40px;
  text-align: left;
}
.skills-interest-compare .favorite {
  top: 7px;
}
.assessment-results-tab-content .tab-pane {
  padding: 30px 15px;
}
.assessment-results-date-print,
.favorite-print {
  margin-bottom: 15px;
  margin-top: 5px;
}
.assessment-results-tab-content .progress {
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  background-color: white;
}
.print-report {
  text-align: right;
  padding-right: 15px;
}
.finished-results.results-pages.well {
  padding-bottom: 10px;
  padding-top: 10px;
}
.finished-results.results-pages.well h2 {
  margin-bottom: 20px;
  margin-top: 0px;
}
.result-bar.favorite-option {
  position: relative;
}
.finished-results.results-pages .result-name {
  margin-bottom: 6px;
}
.finished-results.results-pages .result-name a {
  color: #1c1c1c;
}
.finished-results.results-pages .progress {
  margin-left: 27px;
  margin-bottom: 3px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
}
.results-information {
  font-size: 12px;
  margin-bottom: 20px;
  padding-left: 30px;
  padding-right: 3px;
}
.path-cluster {
  text-align: right;
}
.path-cluster a.cluster-name .fa-stack {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.path-cluster a.cluster-name .fa-stack-2x {
  font-size: 20px;
}
.path-cluster a.cluster-name .fa-stack-1x {
  font-size: 12px;
}
#view-by-results-links {
  border: none;
}
#view-by-results-links li {
  float: none;
  text-align: right;
}
#view-by-results-links li a {
  border: none;
  background: transparent;
  color: #0e76bc;
  border-radius: 0;
  margin-right: 0;
}
#view-by-clusters .result-name,
#hollandResults .result-name {
  margin-bottom: 5px;
  margin-top: 15px;
}
.well {
  position: relative;
}
.all-cluster-results,
.holland-results {
  background: url('/Resources/Image/LowMedHighGradient') repeat-y;
  background-size: 100% 100%;
  margin: -5px -15px -15px;
  padding: 0px 15px 45px;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}
.holland-results {
  margin: -25px -15px -15px;
}
.low-med-high-column {
  color: #1c1c1c;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 10px;
}
.favorite {
  background: white;
  border: 1px solid #e2e2e2;
  display: block;
  font-size: 16px;
  padding: 0 5px 2px;
  position: absolute;
  top: -3px;
  color: #a0a0a0;
  cursor: pointer;
}
.favorite.selected {
  color: #edbe3d;
}
.add-to-favorites-single .favorite {
  float: left;
  margin-right: 6px;
  margin-top: -3px;
  position: static;
  width: 26px;
}
td .favorite {
  background: white;
  border: 1px solid #e2e2e2;
  display: block;
  font-size: 16px;
  padding: 0 5px 2px;
  color: #a0a0a0;
  cursor: pointer;
  position: static;
  width: 27px;
  margin-right: auto;
  margin-left: auto;
}
.filter-buttons,
.resume-buttons {
  margin-bottom: 10px;
  margin-top: 15px;
  text-align: right;
}
/*----Tasks list----*/

.tasks .tasks-list-cb {
  display: block;
  height: 16px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 16px;
}
/*
.tasks .tasks-list-cb:focus ~ .tasks-list-item .tasks-list-mark{
  border-color: @task-list-success-color;
}
*/

.tasks .tasks-list-item {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px 0px 10px 10px;
  cursor: pointer;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
}
.tasks .tasks-list-item:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  margin: 0;
  height: 16px;
  width: 2px;
}
#futureTaskList .tasks .tasks-list-item {
  cursor: auto;
}
.tasks .tasks-list-mark {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  border: 2px solid #e2e2e2;
  vertical-align: middle;
}
.tasks .tasks-list-mark:before {
  content: '';
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -3px 0 0 -4px;
  height: 5px;
  width: 8px;
  border: solid #148038;
  border-width: 0 0 3px 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.tasks label {
  margin-bottom: 0;
  font-size: 12px;
}
.historical.tasks label {
  font-size: 14px;
}
.tasks .tasks-list-cb:checked ~ .tasks-list-mark {
  border-color: #2d8659;
}
.tasks .tasks-list-cb:checked ~ .tasks-list-mark:before {
  display: block;
}
.tasks .tasks-list-desc {
  font-weight: 500;
}
.tasks .tasks-list-desc a {
  color: #1c1c1c;
}
.tasks .tasks-list-desc a:hover {
  text-decoration: underline;
}
.tasks .tasks-list-cb:checked ~ .tasks-list-desc a {
  color: #2d8659;
}
.tasks .tasks-list-cb:checked ~ .tasks-list-desc {
  color: #148038;
  text-decoration: line-through;
}
.tasks .datestamp {
  font-size: 10px;
  font-weight: 500;
  text-align: right;
  color: #a81f1b;
  display: block;
}
/*----End Tasks list----*/

/* columns of same height styles */

.row-full-height {
  height: 100%;
}
.col-full-height {
  height: 100%;
  vertical-align: middle;
}
.row-same-height {
  display: table;
  width: 100%;
  /* fix overflow */
  table-layout: fixed;
}
.missing-lr-mode {
  left: 550px;
  position: absolute;
  top: 3px;
}
/* Language Toggle Styles */

.language-toggle a {
  text-decoration: none;
  color: #666666;
  padding-right: 15px;
}
li.language-toggle {
  list-style: none;
}
.language-toggle .dropdown-toggle {
  line-height: 40px;
}
.language-toggle {
  border-right: none !important;
}
.active-language {
  font-weight: bold !important;
}
.dropdown-menu.language-select {
  margin-top: -15px !important;
}
.no-english-content,
.english-only-message-large {
  margin: 30px auto;
  text-align: center;
}
.no-translated-content {
  display: none !important;
}
.btn-no-enter-click {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  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;
}
@media (max-width: 767px) {
  .iconKey {
    margin-bottom: 0px !important;
  }
  .dropdown.language-toggle {
    float: right;
    padding: 7px 0;
    line-height: 40px;
    width: 30px;
  }
  .language-toggle .dropdown-menu {
    top: 70%;
    left: -125px;
  }
  .dropdown-menu.language-select {
    margin-top: 5px !important;
  }
  .edit-page-actions {
    margin-top: 0px !important;
  }
}
@media (min-width: 768px) {
  .col-sm-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 992px) {
  .col-md-height {
    display: table-cell;
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .col-lg-height {
    display: table-cell;
    float: none !important;
  }
}
/* vertical alignment styles */

.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
/*----End Columns of same height----*/

#take-notes-div {
  position: absolute;
  right: 0px;
  bottom: 10px;
}
.note-panel-container {
  /*...*/
  position: fixed;
  width: 70%;
  height: 70%;
  max-height: 570px;
  bottom: 0;
  right: 0;
  background-color: white;
  border: 1px solid #e2e2e2;
  max-width: 350px;
  z-index: 999;
  transition-property: transform;
  transition-duration: 0.3s;
  transition-delay: 0.3s;
  transform: translate3d(100%, 0, 0);
  padding: 15px;
}
.note-panel.is-visible .note-panel-container {
  transform: translate3d(0, 0, 0);
  transition-delay: 0s;
}
.note-panel {
  /*...*/
  visibility: hidden;
  transition: visibility 0s 0.6s;
}
.note-panel.is-visible {
  visibility: visible;
  transition: visibility 0s 0s;
}
#note-taker-form {
  height: 100%;
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 0px;
}
.note-panel-header {
  background: #0e76bc;
  margin: -15px -15px 15px;
  padding: 8px;
  overflow: hidden;
}
.note-panel-header h4 {
  color: white;
  font-size: 18px;
  float: left;
  margin-top: 0px;
}
.note-panel-header a {
  color: white;
  font-size: 18px;
  float: right;
  margin-top: 0px;
}
.note-action-panel {
  overflow: hidden;
  margin-bottom: 15px;
}
.note-action-panel .current-note-title {
  float: left;
}
.note-action-panel a {
  font-size: 11px;
  color: #757575;
  display: block;
  float: right;
  padding-left: 8px;
}
.previous-note-select {
  display: none;
  margin-top: 30px;
}
.note-text-area {
  height: 60%;
}
.note-text-area textarea.form-control {
  height: 100%;
}
.note-save {
  margin-top: 20px;
  overflow: hidden;
}
.btn-save,
.btn-delete {
  float: right;
}
.btn-delete {
  margin-right: 15px;
}
.note-saved-on {
  font-size: 11px;
  color: #148038;
  float: right;
  margin-right: 15px;
  display: none;
}
.scores-saved-on {
  font-size: 11px;
  color: #148038;
  float: right;
  margin-right: 15px;
}
#saved-date-time {
  font-size: 11px;
  color: #148038;
  padding-left: 15px;
  padding-bottom: 20px;
  display: none;
}
.save-timestamp {
  font-size: 11px;
  color: #148038;
}
.note-btn,
.back-to-top {
  position: fixed !important;
  bottom: 10%;
  right: -37px;
  text-decoration: none;
  padding: 8px 10px;
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  z-index: 999;
}
.back-to-top {
  display: none;
}
.iconKey {
  margin-bottom: -40px;
  text-align: right;
  float: right;
}
.iconKeyRow {
  text-align: right;
  margin-bottom: 15px;
}
.iconKeyRow .modal {
  text-align: left;
}
.internal-scholarship-icon > .fa {
  color: #0e76bc;
  margin-left: 6px;
}
.fa-sun-o {
  color: #f9c915;
  margin-left: 6px;
}
.fa-exclamation-circle {
  color: #fff1ca;
}
.fa-leaf,
td .fa-check {
  color: #148038;
  margin-left: 6px;
}
.fa-stack .fa-leaf {
  color: white;
  margin-left: 0px;
}
a .fa-external-link,
a .fa-clone {
  padding-left: 5px;
}
.resume-panel .fa-trash-o,
.resume-panel .fa-pencil {
  margin-left: 10px;
  font-size: 16px;
}
.dataTables_paginate {
  text-align: right;
}
.table-bordered.dataTable > thead > tr > td,
.table-bordered.dataTable > thead > tr > th {
  border-bottom-width: 2px;
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  cursor: pointer;
  *cursor: hand;
}
.pagination > li > a,
.pagination > li > span {
  background-color: white;
  border: 1px solid #e2e2e2;
  color: #0e76bc;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  background-color: white;
  border: 1px solid #e2e2e2;
  color: #a0a0a0;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background-color: #a0a0a0;
  border: 1px solid #e2e2e2;
  color: #1c1c1c;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #0e76bc;
  border: 1px solid #0e76bc;
  color: white;
}
/*table.dataTable thead .sorting {
background-image: url("/Resources/Image/sortBoth") no-repeat center right
}
table.dataTable thead .sorting_asc {
background-image: url("/Resources/Image/sortAsc") no-repeat center right
}
table.dataTable thead .sorting_desc {
background-image: url("/Resources/Image/sortDesc") no-repeat center right
}
table.dataTable thead .sorting_asc_disabled {
background-image: url("/Resources/Image/sortAscDisabled") no-repeat center right
}
table.dataTable thead .sorting_desc_disabled {
background-image: url("/Resources/Image/sortDescDisabled") no-repeat center right
}*/

.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
/*.dataTables_wrapper .dataTables_paginate {
float: right;
text-align: right;
padding-top: 0.25em
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
padding: 0.5em 1em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: @darkest-gray !important;
border: 1px solid transparent
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: @darkest-gray !important;
border: 1px solid #cacaca;
background-color: #dcdcdc;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: @text-color !important;
border: 1px solid transparent;
background: transparent;
box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: #FFF !important;
border: 1px solid #111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
background: -moz-linear-gradient(top, #585858 0%, #111 100%);
background: -ms-linear-gradient(top, #585858 0%, #111 100%);
background: -o-linear-gradient(top, #585858 0%, #111 100%);
background: linear-gradient(to bottom, #585858 0%, #111 100%)
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
background-color: #2b2b2b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
box-shadow: inset 0 0 3px #111
}*/

.row.occupation-summary-row {
  margin-top: 25px;
  margin-bottom: 25px;
}
.kuder-highlight {
  color: #0e76bc;
}
#legend {
  position: absolute;
  top: 200px;
  left: 150px;
}
ul.line-legend {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.line-legend span {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 6px;
  position: relative;
  top: 2px;
}
.selectStateRow {
  margin-bottom: 25px;
}
.hourly-salary {
  display: none;
}
.edit-page-actions {
  margin-top: 25px;
  text-align: right;
  margin-bottom: 20px;
}
.form-control.credit-number {
  width: 40px;
  padding: 2px 7px;
  height: 25px;
}
.requirements-content .form-group {
  margin-bottom: 0px;
}
.grade-level,
.required-credits {
  margin-top: 3px;
}
a.epaddbtn {
  float: right;
  position: relative;
}
.class-location,
.earned-grade,
.number-of-credits {
  text-align: center;
}
.earned-grade input {
  margin: 0 auto;
}
/* === START My Goals Styles === */

.my-goals .table a.btn {
  color: white;
}
.my-goals .col-completed .fa-check {
  color: #148038;
}
.my-goals .add-additional-steps,
.my-goals #additionalGoalSteps .goal-step {
  border-top: 1px solid #e2e2e2;
}
.my-goals .goal-error {
  color: #a81f1b;
}
/* === END My Goals Styles === */

.ed-plan .table-condensed > tbody > tr > td,
.ed-plan .table-condensed > tbody > tr > th,
.ed-plan .table-condensed > tfoot > tr > td,
.ed-plan .table-condensed > tfoot > tr > th,
.ed-plan .table-condensed > thead > tr > td,
.ed-plan .table-condensed > thead > tr > th {
  padding: 3px 8px;
}
.ed-plan table tbody th {
  background-color: #7fccff;
}
.ed-plan-save-buttons,
.fasfa-save-buttons {
  text-align: right;
}
.your-credits,
#update-total-credits {
  text-align: right;
}
.occupations-by-cluster {
  margin-bottom: 5px;
}
.occupations-by-cluster a.cluster-name {
  text-align: center;
  display: block;
  opacity: 0.3;
}
.occupations-by-cluster a.cluster-name.active {
  text-align: center;
  display: block;
  opacity: 1;
}
.occupations-by-cluster a.cluster-name.active:hover {
  opacity: 1;
}
.occupations-by-cluster a.cluster-name:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.occupations-by-cluster a.cluster-name span.fa-lg {
  display: block;
  margin: 0px auto;
  font-size: 30px;
}
.occupations-by-career-field {
  margin-bottom: 5px;
}
.occupations-by-career-field a.career-field-name {
  text-align: center;
  display: block;
  opacity: 0.3;
}
.occupations-by-career-field a.career-field-name.active {
  text-align: center;
  display: block;
  opacity: 1;
}
.occupations-by-career-field a.career-field-name.active:hover {
  opacity: 1;
}
.occupations-by-career-field a.career-field-name:hover {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.occupations-by-career-field a.career-field-name span.fa-lg {
  display: block;
  margin: 0px auto;
  font-size: 30px;
}
.carousel {
  width: 100%;
}
.carousel-buttons.occupations-by-cluster div {
  display: inline-block;
  width: 5.8%;
}
.carousel-buttons.occupations-by-career-field div {
  display: inline-block;
  width: 16%;
}
.carousel .carousel-container {
  overflow: hidden;
  width: 100%;
}
.carousel-container .tab-pane {
  overflow: hidden;
  border-top: 1px solid #e2e2e2;
}
.carousel-container .tab-content {
  overflow: hidden;
}
.nctef-note {
  margin-top: 15px;
}
ul.pathways-for-clusters {
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
}
.carousel-container .add-to-favorites-single {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-left: 0px;
}
.carousel-container h2 {
  margin-top: 0px;
}
.cluster-pdf-link {
  margin-top: 40px;
  padding-left: 0px;
  padding-right: 0px;
}
.career-field-pdf-link {
  margin-left: -15px;
}
#please_wait {
  display: none;
}
.career-field-row {
  padding-bottom: 15px;
}
.career-field-row a.career-field-name {
  opacity: 1;
}
.your-interests #first {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.1s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.1s;
  animation-iteration-count: 1;
}
.your-interests #second {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.3s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
}
.your-interests #third {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.5s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}
.your-interests #fourth {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.7s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.7s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.7s;
  animation-iteration-count: 1;
}
.your-interests #fifth {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.9s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.9s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.9s;
  animation-iteration-count: 1;
}
.occupations-by-career-field.sixth-grade div:nth-child(1) .cluster-name-icon {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.1s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.1s;
  animation-iteration-count: 1;
}
.occupations-by-career-field.sixth-grade div:nth-child(2) .cluster-name-icon {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.2s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.2s;
  animation-iteration-count: 1;
}
.occupations-by-career-field.sixth-grade div:nth-child(3) .cluster-name-icon {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.3s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.3s;
  animation-iteration-count: 1;
}
.occupations-by-career-field.sixth-grade div:nth-child(4) .cluster-name-icon {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.4s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.4s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.4s;
  animation-iteration-count: 1;
}
.occupations-by-career-field.sixth-grade div:nth-child(5) .cluster-name-icon {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.5s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}
.occupations-by-career-field.sixth-grade div:nth-child(6) .cluster-name-icon {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.6s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.6s;
  -moz-animation-iteration-count: 1;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-iteration-count: 1;
}
.assessment-questions .btn-group label.btn {
  font-size: 12px;
  white-space: normal !important;
}
.assessment-actions {
  margin-top: 25px;
  margin-bottom: 25px;
}
.assessment-question {
  margin-bottom: 15px;
}
.information-labels {
  font-weight: bold;
}
.edplan-table-courses {
  width: 81%;
}
.crs {
  display: block;
}
.moreOptions label {
  margin-bottom: 10px;
}
.moreOptions p a {
  text-decoration: none;
}
.moreOptions p a:hover {
  text-decoration: underline;
}
#search-schools-form .first-row div,
#search-schools-form .second-row div,
#scholarship_search .first-row div,
#scholarship_search .second-row div {
  padding-bottom: 10px;
}
#sizeType .modal-body .row,
#admissionReq .modal-body .row,
#geoSetting .modal-body .row,
#otherSetting .modal-body .row,
#educationPlans .modal-body .row,
#otherInformation .modal-body .row {
  padding-bottom: 15px;
}
#sizeType .modal-body p,
#admissionReq .modal-body p,
#geoSetting .modal-body p,
#otherSetting .modal-body p,
#educationPlans .modal-body p,
#otherInformation .modal-body p {
  padding-top: 7px;
}
#sizeType .modal-body output,
#admissionReq .modal-body output,
#geoSetting .modal-body output,
#otherSetting .modal-body output,
#educationPlans .modal-body output,
#otherInformation .modal-body output {
  padding-left: 10px;
}
/* Sliders */

#search-schools-form .rangeslider,
#scholarship_search .rangeslider {
  height: 10px;
  display: inline-block;
}
#search-schools-form .rangeslider__handle,
#scholarship_search .rangeslider__handle {
  width: 25px;
  height: 25px;
  top: -8px;
}
#search-schools-form .rangeslider__fill,
#scholarship_search .rangeslider__fill {
  height: 10px;
  background: #0e76bc;
}
#search-schools-form .rangeslider__handle:after,
#scholarship_search .rangeslider__handle:after {
  width: 15px;
  height: 15px;
}
#search-schools-form .output,
#scholarship_search .output {
  display: inline-block;
  padding-left: 0px;
}
.labelSchools {
  margin: 10px 15px 5px;
}
.schools_tbl td {
  margin-right: 10px;
}
#school_list {
  margin: 0px;
}
.modalButton {
  margin-bottom: 10px;
}
.statesHeader,
.territoriesHeader {
  margin: 10px 0 10px 0;
}
.stateModal {
  top: 15%;
  right: 0%;
}
.addmore-buttons {
  text-align: left;
  margin-bottom: 15px;
}
.references-button {
  text-align: right;
  margin-right: -30px;
}
.references-button .btn {
  margin-bottom: 5px;
}
#removeConfirmModal {
  top: 10%;
  right: 0%;
}
#sendEmail:hover {
  cursor: pointer;
}
#interview-process-tabs.nav-tabs li a {
  padding: 7px 15px;
}
.youtube-container {
  display: block;
  margin: 20px auto;
  width: 100%;
  max-width: 600px;
}
.youtube-player {
  display: block;
  width: 100%;
  /* assuming that the video has a 16:9 ratio */
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  height: 100%;
  cursor: hand;
  cursor: pointer;
}
img.youtube-thumb {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  height: auto;
}
div.play-button {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  opacity: 0.75;
  background: url('/Resources/Image/play-button') no-repeat;
}
div.play-button:hover {
  opacity: 1;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
#youtube-iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#search-national-jobs #stateURL {
  margin-top: 32px;
}
#search-national-jobs #selectState {
  margin-bottom: 15px;
  width: auto;
}
.activation-code-needed .buyButton {
  padding-bottom: 15px;
}
/* Base-782
.activation-code-needed .saveButton {
margin-top: 10px;
}
*/

.activation-code-needed .OR {
  padding-bottom: 5px;
}
.bs-callout {
  border-color: #e2e2e2;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px 1px 1px 5px;
  margin: 20px 0;
  padding: 20px;
}
.bs-callout h2 {
  margin-top: 0;
}
.bs-callout.resume-panel h2 {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.resume-display-address {
  margin-bottom: 15px;
}
.message-new,
.message-label {
  font-weight: bold;
}
.required {
  color: #a81f1b;
}
ul.tagit li.tagit-choice {
  position: relative;
  line-height: inherit;
  background: #0e76bc;
  border: #074066;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  font-weight: normal;
  color: white;
}
.bs-callout.resume-panel {
  display: none;
}
.row.add-resume-sections .bs-callout {
  padding: 10px;
  overflow: hidden;
}
.row.add-resume-sections .bs-callout .col-xs-3,
.row.add-resume-sections .bs-callout .col-sm-5 {
  padding: 0px;
}
.row.add-resume-sections .bs-callout .col-xs-9,
.row.add-resume-sections .bs-callout .col-sm-7 {
  padding-right: 5px;
  padding-left: 10px;
}
.row.add-resume-sections .bs-callout h2 {
  margin-top: 3px;
  margin-bottom: 8px;
  font-size: 14px;
  height: 28px;
}
.bs-callout.section-added {
  border-left-color: #a0a0a0;
  color: #a0a0a0;
}
.bs-callout.section-added h2,
.bs-callout.section-added .fa-3x,
.bs-callout.section-added .fa-tasks {
  color: #a0a0a0;
}
.section-added-mark {
  display: none;
  margin: 0;
  padding: 0;
}
.bs-callout-summary {
  border-left-color: #dd5143;
}
.bs-callout-summary h2,
.bs-callout-summary .fa-3x {
  color: #dd5143;
}
.bs-callout-work-experience {
  border-left-color: #00a0dc;
}
.bs-callout-work-experience h2,
.bs-callout-work-experience .fa-3x {
  color: #00a0dc;
}
.bs-callout-education {
  border-left-color: #8d6cab;
}
.bs-callout-education h2,
.bs-callout-education .fa-3x {
  color: #8d6cab;
}
.bs-callout-skills {
  border-left-color: #e68523;
}
.bs-callout-skills h2,
.bs-callout-skills .fa-3x,
.bs-callout-skills .fa-tasks {
  color: #e68523;
}
.bs-callout-skills .fa-tasks {
  position: absolute;
  top: 30%;
  left: 27px;
}
.bs-callout-certifications {
  border-left-color: #629b1d;
}
.bs-callout-certifications h2,
.bs-callout-certifications .fa-3x {
  color: #629b1d;
}
.bs-callout-languages {
  border-left-color: #00aeb3;
}
.bs-callout-languages h2,
.bs-callout-languages .fa-3x {
  color: #00aeb3;
}
.bs-callout-awards {
  border-left-color: #2d8588;
}
.bs-callout-awards h2,
.bs-callout-awards .fa-3x {
  color: #2d8588;
}
.bs-callout-organizations {
  border-left-color: #dc4b89;
}
.bs-callout-organizations h2,
.bs-callout-organizations .fa-3x {
  color: #dc4b89;
}
.saved-information-icons {
  text-align: right;
}
.saved-information .information-section {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.saved-summary.saved-information .information-section {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.saved-work-experience-duties {
  margin-top: 15px;
}
.resume-first-line {
  font-size: 16px;
  font-weight: 600;
}
.resume-help {
  margin-top: 10px;
}
#related-occupations {
  padding-bottom: 50px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  background: red;
  cursor: inherit;
  display: block;
}
.help-block {
  font-size: 0.85em;
}
#uploadingDiv {
  text-align: center;
  margin-bottom: 10px;
}
.panel-body > .account-settings #parent-code {
  padding-top: 7px;
}
.panel-body > .account-settings .row-section {
  border-top: 1px solid #e2e2e2;
}
.panel-body > .account-settings .row-section:first-child {
  border-top: none;
}
.panel-body > .account-settings .row-section {
  padding: 25px 5px;
}
.panel-body > .account-settings {
  padding: 0 15px;
}
.scores-saved-on {
  padding-top: 10px;
}
.alert-modal {
  top: 35%;
}
.alert-modal .modal-dialog {
  width: 450px;
}
.row.saved-information {
  margin-left: 0px;
  margin-right: 0px;
}
.favorites-column {
  width: 27px !important;
}
.majors-icon-col {
  width: 45px;
  text-align: center;
}
.interests-check-col,
.skills-check-col,
.values-check-col {
  text-align: center;
  width: 80px;
}
.ui-datepicker-month,
.ui-datepicker-year {
  color: #1c1c1c;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
}
#contactform .cell-phone-number,
#contactform .email-address {
  display: block;
}
.tooltip-checkbox {
  display: inline;
}
.print-page-action {
  padding: 0 0 15px 0;
  text-align: right;
}
#userFirstLast,
.user-info .name-first,
.user-logout .name-first,
#accountSettings #personal_summary {
  text-transform: capitalize;
}
.panel-group .panel {
  margin-bottom: 25px;
}
.ui-datepicker-current {
  display: none;
}
/* LESS Import: HollandLESS/50/0/en returned 254*/

/* -------- HOLLANDLESS.less Import --------*/

/*---- 6 Holland Code Colors ----*/

.realistic .progress-bar {
  background-color: #8940c7;
}
.investigative .progress-bar {
  background-color: #0bbf18;
}
.artistic .progress-bar {
  background-color: #bd0c85;
}
.social .progress-bar {
  background-color: #39c4c4;
}
.enterprising .progress-bar {
  background-color: #db343e;
}
.conventional .progress-bar {
  background-color: #f8a607;
}
h1.holland-realistic,
h2.holland-realistic {
  color: #8940c7;
}
h1.holland-investigative,
h2.holland-investigative {
  color: #0bbf18;
}
h1.holland-artistic,
h2.holland-artistic {
  color: #bd0c85;
}
h1.holland-social,
h2.holland-social {
  color: #39c4c4;
}
h1.holland-enterprising,
h2.holland-enterprising {
  color: #db343e;
}
h1.holland-conventional,
h2.holland-conventional {
  color: #f8a607;
}
/*---- End 6 Holland Code Colors ----*/

/*----- Holland Hexagon Styles -----*/

.holland-hex {
  width: auto;
  height: 200px;
  margin: 0 auto;
}
.holland-hex > div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 222px;
  height: 192px;
  overflow: hidden;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}
.holland-hex > div.social {
  -ms-transform: skewX(30deg);
  -webkit-transform: skewX(30deg);
  transform: skewX(30deg);
}
.holland-hex > div.social .letter {
  -ms-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
.holland-hex > div.social .triangle.positive {
  border-color: transparent transparent #39c4c4 transparent;
}
.holland-hex > div.enterprising {
  -ms-transform: rotate(60deg) skewX(30deg);
  -webkit-transform: rotate(60deg) skewX(30deg);
  transform: rotate(60deg) skewX(30deg);
}
.holland-hex > div.enterprising .triangle.positive {
  border-color: transparent transparent #db343e transparent;
}
.holland-hex > div.conventional {
  -ms-transform: rotate(120deg) skewX(30deg);
  -webkit-transform: rotate(120deg) skewX(30deg);
  transform: rotate(120deg) skewX(30deg);
}
.holland-hex > div.conventional .letter {
  -ms-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.holland-hex > div.conventional .triangle.positive {
  border-color: transparent transparent #f8a607 transparent;
}
.holland-hex > div.artistic {
  -ms-transform: rotate(-60deg) skewX(30deg);
  -webkit-transform: rotate(-60deg) skewX(30deg);
  transform: rotate(-60deg) skewX(30deg);
}
.holland-hex > div.artistic .letter {
  -ms-transform: rotate(120deg);
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}
.holland-hex > div.artistic .triangle.positive {
  border-color: transparent transparent #bd0c85 transparent;
}
.holland-hex > div.investigative {
  -ms-transform: rotate(-120deg) skewX(30deg);
  -webkit-transform: rotate(-120deg) skewX(30deg);
  transform: rotate(-120deg) skewX(30deg);
}
.holland-hex > div.investigative .letter {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: -0.45rem;
}
.holland-hex > div.investigative .triangle.positive {
  border-color: transparent transparent #0bbf18 transparent;
}
.holland-hex > div.realistic {
  -ms-transform: rotate(-180deg) skewX(30deg);
  -webkit-transform: rotate(-180deg) skewX(30deg);
  transform: rotate(-180deg) skewX(30deg);
}
.holland-hex > div.realistic .letter {
  -ms-transform: rotate(-120deg);
  -webkit-transform: rotate(-120deg);
  transform: rotate(-120deg);
}
.holland-hex > div.realistic .triangle.positive {
  border-color: transparent transparent #8940c7 transparent;
}
.holland-hex + div.text-center {
  margin: 3rem 0;
}
.holland-hex span.letter {
  position: absolute;
  top: 5rem;
  right: -0.75rem;
  font-size: 2.25rem;
  font-family: "Open Sans", sans-serif;
  font-weight: bold;
  color: white;
}
.holland-hex a.active .triangle {
  transform: skewX(-30deg) rotate(-60deg) translate(0, 30%);
  -webkit-transform: skewX(-30deg) rotate(-60deg) translate(0, 30%);
  -moz-transform: skewX(-30deg) rotate(-60deg) translate(0, 30%);
}
.holland-hex div .triangle {
  position: absolute;
  top: 51px;
  left: -56px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 57px 99.2px 57px;
  border-color: transparent transparent #cccccc transparent;
  -webkit-backface-visibility: hidden;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -ms-transform: skewX(-30deg) rotate(-60deg);
  -webkit-transform: skewX(-30deg) rotate(-60deg);
  transform: skewX(-30deg) rotate(-60deg);
}
/*---- End Holland Hexagon Styles ----*/

/*----Holland Code Results----*/

table.holland-occupations .R-cluster i.fa-inverse,
table.holland-occupations .I-cluster i.fa-inverse,
table.holland-occupations .A-cluster i.fa-inverse,
table.holland-occupations .S-cluster i.fa-inverse,
table.holland-occupations .E-cluster i.fa-inverse,
table.holland-occupations .C-cluster i.fa-inverse {
  font-family: 'Open Sans', sans-serif;
}
#six-holland-clusters > div {
  padding-bottom: 15px;
}
.R-cluster,
.realistic-cluster .fa-square {
  color: #8940c7;
}
.S-cluster,
.social-cluster .fa-square {
  color: #39c4c4;
}
.I-cluster,
.investigative-cluster .fa-square {
  color: #0bbf18;
}
.E-cluster,
.enterprising-cluster .fa-square {
  color: #db343e;
}
.A-cluster,
.artistic-cluster .fa-square {
  color: #bd0c85;
}
.C-cluster,
.conventional-cluster .fa-square {
  color: #f8a607;
}
#hollandResults .hexagon {
  height: 191px;
  width: 220px;
  position: relative;
  margin: 0 auto;
  transform-origin: 0 0;
}
#hollandResults .hexagon .triangle {
  position: absolute;
  right: 25%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 95.5px 55px 0;
  border-color: #e1e1e1 transparent;
  transform-origin: 55px 98.5px;
}
#hollandResults .hexagon .triangle.realistic {
  transform: rotate(300deg);
}
#hollandResults .hexagon .triangle.artistic {
  transform: rotate(60deg);
}
#hollandResults .hexagon .triangle.social {
  transform: rotate(120deg);
}
#hollandResults .hexagon .triangle.enterprising {
  transform: rotate(180deg);
}
#hollandResults .hexagon .triangle.conventional {
  transform: rotate(240deg);
}
#hollandResults .hexagon .triangle.realistic.positive {
  border-color: #8940c7 transparent;
}
#hollandResults .hexagon .triangle.investigative.positive {
  border-color: #0bbf18 transparent;
}
#hollandResults .hexagon .triangle.artistic.positive {
  border-color: #bd0c85 transparent;
}
#hollandResults .hexagon .triangle.social.positive {
  border-color: #39c4c4 transparent;
}
#hollandResults .hexagon .triangle.enterprising.positive {
  border-color: #db343e transparent;
}
#hollandResults .hexagon .triangle.conventional.positive {
  border-color: #f8a607 transparent;
}
#hollandResults .hexagon .triangle span {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  font-weight: bold;
  left: -5px;
  position: absolute;
  top: -75px;
}
#hollandResults .hexagon .triangle.realistic span {
  transform: rotate(-300deg);
}
#hollandResults .hexagon .triangle.investigative span {
  transform: rotate(0deg);
}
#hollandResults .hexagon .triangle.artistic span {
  transform: rotate(-60deg);
}
#hollandResults .hexagon .triangle.social span {
  transform: rotate(-120deg);
}
#hollandResults .hexagon .triangle.enterprising span {
  transform: rotate(-180deg);
}
#hollandResults .hexagon .triangle.conventional span {
  transform: rotate(-240deg);
}
#hollandResults dl {
  margin-top: 20px;
  margin-bottom: 30px;
}
#hollandResults dd {
  margin-bottom: 10px;
}
#hollandResults .view-holland-key {
  clear: both;
  position: relative;
  top: 30px;
}
/*----Holland Venn Diagram Styles----*/

#holland-venn  > div {
  margin: 20px 0;
  border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border: 1px solid transparent;
  display: table-cell;
  float: left;
  opacity: 0.6;
  vertical-align: middle;
}
@media (min-width: 1025px) {
  #holland-venn  > div {
    height: 250px;
    width: 250px;
  }
}
@media (max-width: 1024px) {
  #holland-venn  > div {
    height: 150px;
    width: 150px;
  }
}
#holland-venn  > div:nth-child(1) {
  background-color: #e9a7a6;
  color: black;
}
#holland-venn  > div:nth-child(2) {
  background-color: #c4d299;
  color: black;
  border-color: white;
  border-width: 3px;
}
@media (min-width: 1024px) {
  #holland-venn  > div:nth-child(2) {
    margin-left: -70px;
  }
}
@media (max-width: 1024px) {
  #holland-venn  > div:nth-child(2) {
    margin-left: -45px;
  }
}
#holland-venn  > div p {
  text-align: center;
}
@media (min-width: 1025px) {
  #holland-venn  > div p {
    font-size: 2rem;
    margin: 35% auto;
    width: 40%;
  }
}
@media (max-width: 1024px) {
  #holland-venn  > div p {
    font-size: 1.5rem;
    margin: 30% auto;
    width: 45%;
  }
}
.holland-venn-info {
  margin-bottom: 20px;
}
.secondary-header-branding {
  display: none;
}
.secondary-footer-branding {
  display: none;
}
/*----eProfile Styles----*/

.eProfile .error-message {
  margin-bottom: 10px;
  margin-top: 2px;
}
.eProfile .contact-information.section .error-message {
  margin-left: 140px;
  margin-top: -2px;
}
.eProfile .contact-information.section #zip .error-message {
  margin-left: 0px;
}
.eProfile .contact-information.section #state .error-message {
  margin-left: 0px;
}
.form-inline #myCity.form-control {
  width: 205px;
}
.form-inline #myState.form-control {
  width: 205px;
}
.form-inline #myZip.form-control {
  width: 105px;
}
.create-e-profile .update-info-link-inline {
  display: inline;
  padding-left: 15px;
}
.create-e-profile .panel-heading .update-info-link {
  margin-top: 0px;
}
.create-e-profile .panel-default > .panel-heading .update-info-link a,
.create-e-profile .panel-default > .panel-heading .update-info-link a:active,
.create-e-profile .panel-default > .panel-heading .update-info-link a:focus {
  color: #0e76bc;
}
.create-e-profile .permissions-select .btn-default {
  background-color: #fcfcfc;
}
.create-e-profile .permissions-select .permissions-graphic {
  font-size: 40px;
  color: #708da3;
}
.create-e-profile .permissions-select {
  margin: 20px 0;
}
.create-e-profile .camera-icon-e-profile {
  margin-top: 10px;
}
.create-e-profile .user-avatar {
  width: 150px;
}
/*
.create-e-profile .checkbox label::before {
border: none;
margin-left: 0px;
}
.create-e-profile .radio label::before {
border: none;
background-color:transparent;
}
*/

.create-e-profile .checkbox input[type=checkbox],
.radio input[type=radio] {
  opacity: 0;
}
/*
.create-e-profile .form-inline .checkbox, .form-inline .radio {
padding-left:0; 
}
*/

.create-e-profile .section {
  border: 1px solid #e2e2e2;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
  overflow: hidden;
}
.create-e-profile .section h3 {
  margin-top: 0;
}
.create-e-profile #e-profile-URL {
  border-radius: 4px;
}
.create-e-profile .e-profile-URL-button {
  margin-top: 25px;
}
.create-e-profile .turquoise .swatch-bkg-image {
  height: 50px;
  background: url('/Resources/Image/eProfileBKG-turquoise') no-repeat center center / cover;
}
.create-e-profile .turquoise .swatch-color {
  height: 50px;
  background-color: #00aeb3;
}
.create-e-profile .purple .swatch-bkg-image {
  height: 50px;
  background: url('/Resources/Image/eProfileBKG-purple') no-repeat center bottom / cover;
}
.create-e-profile .purple .swatch-color {
  height: 50px;
  background-color: #8d6cab;
}
.create-e-profile .red .swatch-bkg-image {
  height: 50px;
  background: url('/Resources/Image/eProfileBKG-red') no-repeat center center / cover;
}
.create-e-profile .red .swatch-color {
  height: 50px;
  background-color: #dd5143;
}
.create-e-profile .blue .swatch-bkg-image {
  height: 50px;
  background: url('/Resources/Image/eProfileBKG-blue') no-repeat center top / cover;
}
.create-e-profile .blue .swatch-color {
  height: 50px;
  background-color: #00a0dc;
}
.create-e-profile .social-media .checkbox label::before,
.create-e-profile .social-media .checkbox label::after {
  margin-top: 10px;
}
.social-media.section .form-control[disabled],
.social-media.section fieldset[disabled] .form-control {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
  not supported by any browser */

}
.create-e-profile .social-icon-bottom {
  color: #f2f2f2;
}
.create-e-profile .social-icon-top {
  color: #708da3;
}
.create-e-profile .form-inline .checkbox {
  margin-right: 5px;
}
.create-e-profile .form-inline .col-xs-12 {
  margin-bottom: 15px;
  padding-left: 0px;
}
.create-e-profile .form-inline .col-xs-12 .form-group label {
  width: 135px;
}
#portfolio-body .portfolio-image {
  height: 265px;
}
#portfolio-body .portfolio-image img {
  max-height: 207px;
}
#portfolio-body .portfolio-image i.portfolio-fa-icon {
  color: #cccccc;
  font-size: 100px;
}
/*----End eProfile Styles----*/

/*----Compare Styles----*/

#center-div.compare .panel-body h2 {
  margin-top: 10px;
  margin-bottom: 5px;
}
#center-div.compare .panel-body {
  padding-top: 5px;
  padding-bottom: 5px;
}
#center-div.compare .panel {
  margin-bottom: 10px;
}
#center-div.compare .outlookText {
  max-height: 150px;
  position: relative;
  overflow: hidden;
}
#center-div.compare .outlookText .more-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 65px 0;
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 85%);
}
#center-div.compare .less-info {
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0;
}
#center-div.compare a.moreInfo {
  position: absolute;
  right: 0;
  bottom: 0;
}
#center-div.compare #compare_occs_table tr:nth-child(1) td,
#center-div.compare #compare_occs_table tr:nth-child(1) th,
#center-div.compare #compare_occs_table tr:nth-child(5) td,
#center-div.compare #compare_occs_table tr:nth-child(5) th {
  vertical-align: top;
}
/*----End Compare Styles----*/

/*----Parent Styles----*/

.parents-addon {
  display: block;
  position: absolute;
  right: -80px;
  top: 40%;
  color: #0e76bc;
  font-size: 18px;
}
/*----End Parent Styles----*/

.missing-lr {
  color: red !important;
  background-color: yellow !important;
}
.button-row {
  margin-top: 15px;
}
#footer {
  color: white;
  padding: 0px;
  background: #0e76bc;
  border-top: none;
}
#footer a {
  text-decoration: none;
  color: white;
}
#footer a:focus {
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 3px;
  outline-color: rgba(255, 255, 255, 0.5);
}
#footer a path,
#footer a circle {
  fill: white;
}
#footer .footer-links {
  text-align: center;
}
#footer ul {
  margin: 0%;
  text-align: center;
  display: inline;
  line-height: 80px;
  padding-left: 0px;
}
#footer ul li {
  list-style: none;
  zoom: 1;
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 16px;
}
#footer #powered-by-kuder-logo {
  padding: 20px 0;
  max-width: 150px;
  margin: 0px auto;
}
#footer #powered-by-kuder-logo a {
  display: inline-block;
}
#footer #kuder-links a {
  font-size: 11px;
  margin-right: 20px;
  border-bottom: 1px dotted transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
#footer #kuder-links a:hover {
  border-bottom: 1px dotted white;
}
#footer ul#social li a {
  display: inline-block;
  height: 30px;
  text-decoration: none;
  width: 30px;
  padding: 0;
  font-size: 22px;
}
#footer ul#social li a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
#footer ul#social li a:hover {
  opacity: 0.5;
}
#footer ul#social span {
  display: none;
}
#footer.report-footer {
  background-color: transparent;
  padding: 0 !important;
  margin: 0;
  border: none;
}
@media (min-width: 1501px) and (max-width: 1700px) {
  #main-login-container {
    margin: 60px 21% 0;
  }
  .login-header-area {
    margin: 0;
  }
}
@media (min-width: 1371px) and (max-width: 1500px) {
  #main-login-container {
    margin: 60px 17% 0;
  }
  .login-header-area {
    margin: 0;
  }
}
/*--larger medium desktop screens--*/

@media (min-width: 1281px) and (max-width: 1370px) {
  #main-container {
    margin: 40px 3% 0px;
  }
  #main-login-container {
    margin: 60px 15% 0px;
  }
  .login-header-area {
    margin: 0;
  }
  .navbar > .container-fluid {
    padding: 0 3%;
  }
  .assessment {
    padding: 0 10px;
  }
  .assessment-complete-alert {
    font-size: 10px;
  }
  .assessment-action {
    font-size: 14px;
    padding-right: 15px;
  }
  .assessment-panel-main-area.complete .result-name {
    font-size: 9px;
    margin-bottom: 3px;
  }
  .table > thead > tr > th {
    font-size: 14px;
  }
  .old-future-tasks {
    font-size: 11px;
  }
  .old-future-task-link {
    padding-right: 0px;
    padding-left: 0px;
  }
  .occupations-by-cluster a.cluster-name span.fa-lg {
    font-size: 24px;
  }
  .fa-3x {
    font-size: 35px;
  }
  .row.add-resume-sections .bs-callout h2 {
    font-size: 13px;
    margin-left: 10px;
    height: 25px;
  }
  .bs-callout-skills .fa-tasks {
    font-size: 14px;
    left: 22px;
    top: 16px;
  }
}
/*--1281-1320--*/

@media (min-width: 1281px) and (max-width: 1320px) {
  .nav-tabs > li > a {
    font-size: 14px;
    padding-left: 11px;
    padding-right: 11px;
  }
}
@media (min-width: 1200px) {
  #sizeType div .rangeslider {
    width: 78%;
  }
  #admissionReq div .rangeslider {
    width: 70%;
  }
  .rangeslider {
    width: 65%;
  }
  .outputIcon {
    padding-left: 10px;
  }
}
/*--medium desktop screens--*/

@media (min-width: 992px) and (max-width: 1280px) {
  #main-container {
    margin: 0px;
  }
  #main-login-container {
    margin: 60px 13% 0px;
  }
  .login-header-area {
    margin: 0;
  }
  .navbar > .container-fluid {
    padding: 0 10px 0px 25px;
  }
  .assessment {
    padding: 0 7px;
  }
  .assessment-complete-alert {
    font-size: 10px;
  }
  .assessment-action {
    font-size: 14px;
    padding-right: 15px;
  }
  .assessment-panel-main-area.complete .result-name {
    font-size: 8.5px;
    margin-bottom: 3px;
  }
  .table > thead > tr > th {
    font-size: 14px;
  }
  .old-future-tasks {
    font-size: 11px;
  }
  .old-future-task-link {
    padding-right: 0px;
    padding-left: 0px;
  }
  .right-sidebar-alert {
    font-size: 12px;
  }
  .right-sidebar-alert h3 {
    font-size: 13px;
  }
  .occupations-by-cluster a.cluster-name span.fa-lg {
    font-size: 24px;
  }
}
@media (min-width: 1025px) and (max-width: 1240px) {
  .occupations-by-cluster a.cluster-name span.fa-lg {
    font-size: 19px;
  }
  .carousel-buttons.occupations-by-cluster div {
    width: 11%;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  a.nav-toggle {
    visibility: hidden;
  }
  .assessments-home .assessment.col-md-4 {
    width: 100%;
  }
  .links-tables-home .col-md-6 {
    width: 100%;
  }
  .carousel-container .col-md-4,
  .carousel-container .col-md-8 {
    width: 100%;
  }
}
/*--Smaller Desktop screens 1200-1025--*/

@media (min-width: 1025px) and (max-width: 1200px) {
  .nav-tabs > li > a {
    font-size: 11px;
    padding-left: 6px;
    padding-right: 6px;
  }
}
/*--Smaller Desktop screens 1201-1242--*/

@media (min-width: 1201px) and (max-width: 1242px) {
  .nav-tabs > li > a {
    font-size: 13px;
    padding-left: 11px;
    padding-right: 11px;
  }
}
/*--horizontal tablet screens--*/

@media (min-width: 992px) and (max-width: 1024px) {
  #main-login-container {
    margin: 60px 6% 0px;
  }
  .login-header-area {
    margin: 0;
  }
  .login-register-area-div {
    padding: 50px 8% 50px 12%;
  }
  #sidebar-collapse-top,
  #sidebar-collapse {
    display: block !important;
  }
  .camera-icon {
    font-size: 14px;
    color: white;
    position: absolute;
    left: -65px;
    right: 0px;
    bottom: -10px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    display: block !important;
    background-color: transparent;
    padding: 8px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .camera-icon .change-photo-text {
    display: none;
  }
  #center-div,
  #center-div-parent {
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
  }
  #right-hand-div,
  #sidebar {
    border: none;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right {
    right: 0%;
  }
  .row-offcanvas-left {
    left: 0%;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -25%;
    /* 3 columns */
    background-color: white;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -25%;
    /* 3 columns */
    background-color: white;
  }
  .row-offcanvas-right.active {
    right: 25%;
    /* 3 columns */
  
  }
  .row-offcanvas-left.active {
    left: 25%;
    /* 3 columns */
  
  }
  .row-offcanvas .content {
    width: 100%;
    /* 9 columns */
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas.active .content {
    width: 100%;
    /* 12 columns */
  
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 25%;
    /* 3 columns */
  
  }
  #center-div {
    width: 65%;
  }
  .tab-pane {
    border-bottom: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
    padding: 20px 15px;
    overflow: hidden;
  }
  #right-hand-div {
    width: 21%;
  }
  .nav-tabs > li > a {
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .occupations-by-cluster a.cluster-name span.fa-lg {
    font-size: 22px;
  }
  .carousel-buttons.occupations-by-cluster div {
    width: 5.7%;
  }
  .form-inline #myCity.form-control {
    width: 180px;
  }
  .form-inline #myState.form-control {
    width: 130px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #sidebar.col-md-3,
  #right-hand-div.col-md-3 {
    width: 25%;
  }
  #center-div.col-md-6 {
    width: 58%;
  }
  #sizeType div .rangeslider {
    width: 90%;
  }
  #admissionReq div .rangeslider {
    width: 70%;
  }
  .rangeslider {
    width: 100%;
  }
  .outputIcon {
    padding-left: 0px;
  }
}
/*--tablet screens--*/

@media (min-width: 768px) and (max-width: 991px) {
  .navbar-default {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
    top: 0;
  }
  .navbar-brand > img {
    max-width: 300px;
  }
  #main-container {
    margin: 66px 0px 0px;
  }
  #main-login-container {
    margin: 66px 0px 0px;
  }
  .login-header-area {
    margin: 0;
  }
  .login-register-area-div {
    padding: 50px 1% 50px 7.5%;
  }
  .login-header-area {
    padding: 30px 20px 60px;
  }
  .register-steps {
    margin-left: 40px;
    margin-right: 40px;
  }
  .register-steps .login-register-area-div {
    padding: 25px 75px;
  }
  .current-grade-level {
    margin-left: 0px;
  }
  .user-username-or-email,
  .parent-username-or-email,
  .adult-username-or-email {
    margin-left: 65px;
  }
  #usernameErr.error-message,
  #pwdErr.error-message {
    width: 175%;
  }
  .navbar > .container-fluid {
    padding: 0 10px 0px 25px;
  }
  #sidebar {
    padding: 0 0 0 10px;
  }
  #center-div,
  #center-div-parent {
    border-right: 1px solid #e2e2e2;
    border-left: 1px solid #e2e2e2;
  }
  #right-hand-div,
  #sidebar {
    border: none;
  }
  .seventh-eighth-grade .assessment.col-sm-12,
  .seventh-eighth-grade .assessment.col-xs-12 {
    width: 100%;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right {
    right: 0%;
  }
  .row-offcanvas-left {
    left: 0%;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -35%;
    /* 3 columns */
    background-color: white;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -35%;
    /* 3 columns */
    background-color: white;
  }
  .row-offcanvas-right.active {
    right: 35%;
    /* 3 columns */
  
  }
  .row-offcanvas-left.active {
    left: 35%;
    /* 3 columns */
  
  }
  .row-offcanvas .content {
    width: 100%;
    /* 9 columns */
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas.active .content {
    width: 100%;
    /* 12 columns */
  
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 35%;
    /* 3 columns */
  
  }
  .note-btn {
    right: -37px;
  }
  .breadcrumb {
    font-size: 13px;
  }
  .results-information {
    line-height: 13px;
  }
  .assessment-results-tabs.nav-tabs > li > a {
    font-size: 12px;
    padding: 10px 5px;
    margin-right: 1px;
  }
  .panel-title br {
    display: none;
  }
  .edit-ed-plan-actions {
    margin-top: 0;
  }
  .your-credits .form-group {
    float: left;
    margin-right: 6px;
  }
  .occupatons-by-cluster a.cluster-name {
    font-size: 12px;
  }
  .occupatons-by-cluster a.cluster-name span.fa-lg {
    font-size: 40px;
  }
  #sizeType div .rangeslider {
    width: 90%;
  }
  #admissionReq div .rangeslider {
    width: 70%;
  }
  .rangeslider {
    width: 100%;
  }
  .camera-icon {
    font-size: 14px;
    color: white;
    position: absolute;
    left: -65px;
    right: 0px;
    bottom: -10px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    display: block !important;
    background-color: transparent;
    padding: 8px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .eProfile .form-inline .form-control {
    width: 165px;
  }
  #footer ul {
    line-height: 65px;
  }
  #footer #kuder-links a {
    margin-right: 10px;
  }
  #footer ul#social li a {
    font-size: 18px;
    width: 21px;
  }
  .occupations-by-cluster a.cluster-name span.fa-lg {
    font-size: 24px;
  }
  .carousel-buttons.occupations-by-cluster div {
    width: 11.5%;
  }
  .carousel-buttons.occupations-by-career-field div {
    width: 15.7%;
  }
  .form-inline #myCity.form-control {
    width: 165px;
  }
  .form-inline #myState.form-control {
    margin-left: 35px;
    margin-top: 10px;
    width: 205px;
  }
  .form-inline #myZip.form-control {
    margin-top: 10px;
    width: 105px;
  }
  #menu-bar {
    display: none;
  }
}
/*--small tablet height--*/

@media (max-height: 500px) {
  .note-text-area {
    height: 40%;
  }
}
/*--phone screens--*/

@media (max-width: 767px) {
  body {
    height: auto;
  }
  /* Commented out by Alen for PS-47
    .btn {
    margin-bottom:10px;	
  }
    */
  
  h1 {
    font-size: 20px;
  }
  h2 {
    font-size: 16px;
  }
  .alert-modal {
    top: 0%;
  }
  .alert-modal .modal-dialog {
    width: auto;
  }
  .navbar.navbar-default {
    z-index: 999;
  }
  .navbar-default {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 1030;
    top: 0;
  }
  #main-container {
    margin: 50px 0 0;
    min-height: auto;
  }
  #main-login-container {
    margin: 50px 0 0;
    min-height: auto;
  }
  .login-header-area {
    padding: 40px 0;
    margin: 0;
  }
  .login-header-area h2 {
    font-size: 18px;
  }
  .login-register-area-div {
    padding: 50px 8%;
  }
  /* .btn-group-lg > .btn,  .btn-lg,  .btn-group-vertical > .btn,  .btn-group > .btn { */
  
  .login-register-select > .btn-group > .btn-lg {
    font-size: 11px;
    padding: 6px 4px;
  }
  .forgot-link {
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: -17px;
  }
  .need-help-link {
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 0px;
  }
  .user-type-image {
    height: 85px;
    width: 50%;
  }
  .user-type-name {
    font-size: 12px;
    line-height: 14px;
    margin: 0 25px;
  }
  /*
    .check-code {
    right: -3px;
  }
    */
  
  .step-indicator {
    display: none;
  }
  .register-steps {
    margin-left: 0px;
    margin-right: 0px;
  }
  #usernameErr.error-message,
  #pwdErr.error-message {
    left: 2px;
    width: 175%;
  }
  .btn-group-justified {
    table-layout: auto;
  }
  .current-grade-level {
    margin-left: 0;
  }
  .grade-level-buttons .btn {
    font-size: 12px;
    padding: 5px;
  }
  .btn i.fa-check-circle {
    margin-right: 2px;
  }
  .register-steps label {
    font-size: 13px;
  }
  .user-username-or-email,
  .parent-username-or-email {
    margin-bottom: 20px;
    margin-left: 0px;
  }
  .race-column-2 {
    margin-top: -20px;
  }
  .btn-group.hispanic-latino-buttons,
  .btn-group.grade-level-buttons,
  .btn-group.create-username-buttons,
  .btn-group.parent-create-username-buttons {
    border-collapse: separate;
    display: table;
    width: 100%;
  }
  .btn-group.hispanic-latino-buttons > .btn,
  .btn-group.hispanic-latino-buttons > .btn-group,
  .btn-group.grade-level-buttons > .btn,
  .btn-group.grade-level-buttons > .btn-group,
  .btn-group.create-username-buttons > .btn,
  .btn-group.create-username-buttons > .btn-group,
  .btn-group.parent-create-username-buttons > .btn,
  .btn-group.parent-create-username-buttons > .btn-group {
    display: table-cell;
    float: none;
    width: 1%;
  }
  #sidebar {
    padding: 10px 0 0 25px;
    border: none;
  }
  .current-user {
    padding: 10px;
  }
  .user-avatar img {
    width: 100px;
    height: 100px;
  }
  .user-name {
    font-size: 14px;
    margin-top: 5px;
  }
  #center-div,
  #center-div-parent {
    padding: 15px 15px 20px;
    border-left: 1px solid #e2e2e2;
  }
  .assessment-panel,
  .links-tables-home .panel-default > .panel-heading {
    text-shadow: 1px -1px 0 #0e76bc;
  }
  .seventh-eighth-grade .assessment.col-sm-12,
  .seventh-eighth-grade .assessment.col-xs-12 {
    width: 100%;
  }
  .table > thead > tr > th {
    font-size: 14px;
  }
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas-right {
    right: 0%;
  }
  .row-offcanvas-left {
    left: 0%;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -85%;
    /* 3 columns */
    background-color: white;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -85%;
    /* 3 columns */
    background-color: white;
  }
  .row-offcanvas-right.active {
    right: 85%;
    /* 3 columns */
  
  }
  .row-offcanvas-left.active {
    left: 85%;
    /* 3 columns */
  
  }
  .row-offcanvas .content {
    width: 100%;
    /* 9 columns */
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }
  .row-offcanvas.active .content {
    width: 100%;
    /* 12 columns */
  
  }
  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 85%;
    /* 3 columns */
  
  }
  a.nav-toggle {
    margin: 15px 5px 0 15px;
  }
  .mobile-logout a {
    color: #0e76bc;
  }
  .navbar-brand {
    width: 80%;
  }
  .breadcrumb {
    font-size: 11px;
  }
  .breadcrumb > li + li::before {
    padding: 0;
  }
  .assessment-inner .assessment-panel-inner .percentage-area {
    margin-bottom: 20px;
  }
  .assessment-inner .assessment-panel-inner .assessment-complete-alert {
    font-size: 12px;
  }
  .assessment-inner .assessment-panel-inner h3 {
    font-size: 14px;
  }
  .assessment-inner .assessment-panel-inner h4 {
    font-size: 12px;
  }
  .assessment-results-tabs.nav-tabs > li > a {
    margin-right: -1px;
    font-size: 9.4px;
    padding: 10px 5px;
  }
  #view-by-results-links.nav-tabs > li > a {
    font-size: 12px;
  }
  .finished-results.results-pages .result-name {
    font-size: 12px;
  }
  .finished-results.results-pages .progress {
    height: 12px;
    margin-bottom: 15px;
  }
  .finished-results.results-pages .favorite {
    top: -5px;
    font-size: 12px;
    padding: 1px 5px 2px;
  }
  .scores-saved-on {
    margin-right: 0;
    margin-top: 10px;
  }
  .panel-title br {
    display: none;
  }
  .edit-ed-plan-actions {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .your-credits .form-group {
    float: left;
    margin-right: 6px;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  .ed-plan-save-buttons a.btn {
    margin-bottom: 10px;
  }
  .occupatons-by-cluster a.cluster-name {
    font-size: 12px;
  }
  .occupations-by-cluster a.cluster-name span.fa-lg {
    font-size: 19px;
  }
  .carousel-buttons.occupations-by-cluster div {
    width: 11%;
  }
  .carousel-buttons.occupations-by-career-field div {
    width: 15.7%;
  }
  .occupations-by-career-field a.career-field-name span.fa-lg {
    font-size: 30px;
  }
  #sizeType div .rangeslider {
    width: 75%;
  }
  #admissionReq div .rangeslider {
    width: 90%;
  }
  .rangeslider {
    width: 100%;
  }
  #stateURL {
    margin-top: 10px;
  }
  .camera-icon {
    font-size: 14px;
    color: white;
    position: absolute;
    left: -65px;
    right: 0px;
    bottom: -10px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    display: block !important;
    background-color: transparent;
    padding: 8px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
  }
  .avatar-photo.col-xs-3 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .iconKey span {
    display: block;
  }
  #footer ul {
    line-height: 15px;
  }
  #footer .footer-links.social-icons {
    padding-top: 25px;
  }
  #footer #kuder-links a {
    margin: 0px 5px;
    font-size: 12px;
  }
  #footer ul#social li a {
    font-size: 18px;
    width: 21px;
  }
  .form-inline #myCity.form-control {
    display: inline;
  }
  #menu-bar {
    display: none;
  }
}
@media (max-width: 479px) {
  #admissionReq p {
    text-align: center;
  }
  .carousel-buttons.occupations-by-career-field div {
    width: 15%;
  }
  .occupations-by-career-field a.career-field-name span.fa-lg {
    font-size: 24px;
  }
}