/* -------------------------------------------------- */
/* Multiple Pages */
/* -------------------------------------------------- */

#center-div, #center-div-parent {padding: 5px 30px 30px 30px;}
.home #center-div, .home #center-div-parent {padding: 30px;}

.login-true .navbar.navbar-default, .login-false:not(.landing-page) .navbar.navbar-default {border-bottom: none; border-top: 3px solid #710000;}

/* Hide hamburger menu if user isnt logged in across all screens. */
.login-false a.nav-toggle {visibility: hidden !important; display: none !important;}

/* Hide columns and adjust padding for public pages */
.login-false #sidebar, .login-false #right-hand-div {display: none !important;}

.login-false #center-div, 
.login-false #center-div-parent {visibility: hidden;}
.login-false #center-div, .login-false #center-div-parent {padding: 5px 30px 30px 30px; display: block !important; width: 100%;}

.login-false:not(.landing-page) #footer {padding: 0 !important;}

@keyframes opacityFadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

.alert-danger a {color: #710000;}


.lblOverFlames {top: 0; left: 0; position: absolute; font-size: 10px; color: black; display: inline-table; white-space: nowrap; padding-top: 3px;}
/* -------------------------------------------------- */
/* account/login-register */
/* -------------------------------------------------- */
.account.login-register .register-step0 {display: block;}
.account.login-register #student-register-steps {display: none;}
.account.login-register .error-message {position: relative; margin-top: 5px;}

.account.login-register .student,
.account.login-register .parent {
  background-image: none;
}
.account.login-register .user-type-image,
.account.login-register .user-type-image:hover {
  fill: #cacaca;
  -webkit-filter: none;
  -moz-filter: none;
  filter: none;
} 

#siteOrgHelpText {display: block; position: relative; margin-top: 4px; text-align: left; color: #710000; font-size: 12px;}

/* -------------------------------------------------- */
/* account/site-information-to-register */
/* -------------------------------------------------- */
.account.site-information-to-register .header-left {text-align: left; }
.account.site-information-to-register .login-register-area-div {background-color: #d5d5d5; padding: 10px 8% 10px 8%; margin-top: -21px; margin-bottom: 50px; position: relative;}

.account.site-information-to-register #additional_contact_2, 
.account.site-information-to-register #additional_contact_3, 
.account.site-information-to-register #additional_contact_4 {
  border-top: 1px solid #8c8c8c;
  padding-top: 20px; 
}
.account.site-information-to-register #headerh1 {margin-bottom: 40px; text-align: center;}

.account.site-information-to-register #technology-workforce-other-option,
.account.site-information-to-register #schooloption {
  border-bottom: 1px solid #8c8c8c;
}
.account.site-information-to-register .checkbox input[type=checkbox] {opacity: 1;}



.home .content h1 {margin-top: 0px;}


/* -------------------------------------------------- */
/* Button Styling */
/* -------------------------------------------------- */

.btn {font-weight: 600;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {opacity: .6;}
.btn:active, .btn.active {box-shadow: inset 0 7px 15px rgba(0,0,0,.6); text-shadow: 0px 3px 7px rgba(0,0,0,.5);}
.btn:hover, .btn:focus, .btn:active, .btn.hover, .btn.focus, .btn.active, .open > .dropdown-toggle.btn {color: #ffffff;}

/* Button Default */
.btn-default:active, .btn-default.active {text-shadow: 0px 3px 7px rgba(0,0,0,.2);}

.btn-default.disabled, 
.btn-default.disabled.active, 
.btn-default.disabled.focus, 
.btn-default.disabled:active, 
.btn-default.disabled:focus, 
.btn-default.disabled:hover, 
.btn-default[disabled], 
.btn-default[disabled].active, 
.btn-default[disabled].focus, 
.btn-default[disabled]:active, 
.btn-default[disabled]:focus, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default, 
fieldset[disabled] .btn-default.active, 
fieldset[disabled] .btn-default.focus, 
fieldset[disabled] .btn-default:active, 
fieldset[disabled] .btn-default:focus, 
fieldset[disabled] .btn-default:hover {
  background-color: #ffffff;
  border-color: #2e2e2e;
}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.hover, .btn-default.focus, .btn-default.active, .open > .dropdown-toggle.btn-default {color: #2e2e2e;}

.btn-default .badge {
  color: #ffffff;
  background-color: #2e2e2e;
}


/* Button Primary */
.btn-primary.disabled, 
.btn-primary.disabled.active, 
.btn-primary.disabled.focus, 
.btn-primary.disabled:active, 
.btn-primary.disabled:focus, 
.btn-primary.disabled:hover, 
.btn-primary[disabled], 
.btn-primary[disabled].active, 
.btn-primary[disabled].focus, 
.btn-primary[disabled]:active, 
.btn-primary[disabled]:focus, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary, 
fieldset[disabled] .btn-primary.active, 
fieldset[disabled] .btn-primary.focus, 
fieldset[disabled] .btn-primary:active, 
fieldset[disabled] .btn-primary:focus, 
fieldset[disabled] .btn-primary:hover {
  background-color: #2e2e2e;
  border-color: #000000;
}

.open > .dropdown-toggle.btn-primary {background-color: #000000;}

.btn-primary .badge {
  color: #2e2e2e;
  background-color: #ffffff;
}


/* Button Success */
.btn-success.disabled, 
.btn-success.disabled.active, 
.btn-success.disabled.focus, 
.btn-success.disabled:active, 
.btn-success.disabled:focus, 
.btn-success.disabled:hover, 
.btn-success[disabled], 
.btn-success[disabled].active, 
.btn-success[disabled].focus, 
.btn-success[disabled]:active, 
.btn-success[disabled]:focus, 
.btn-success[disabled]:hover, 
fieldset[disabled] .btn-success, 
fieldset[disabled] .btn-success.active, 
fieldset[disabled] .btn-success.focus, 
fieldset[disabled] .btn-success:active, 
fieldset[disabled] .btn-success:focus, 
fieldset[disabled] .btn-success:hover {
  background-color: #4b5320;
  border-color: #252910;
}

.btn-success .badge {
  color: #4b5320;
  background-color: #ffffff;
}


/* Button Info */
.btn-info.disabled, 
.btn-info.disabled.active, 
.btn-info.disabled.focus, 
.btn-info.disabled:active, 
.btn-info.disabled:focus, 
.btn-info.disabled:hover, 
.btn-info[disabled], 
.btn-info[disabled].active, 
.btn-info[disabled].focus, 
.btn-info[disabled]:active, 
.btn-info[disabled]:focus, 
.btn-info[disabled]:hover, 
fieldset[disabled] .btn-info, 
fieldset[disabled] .btn-info.active, 
fieldset[disabled] .btn-info.focus, 
fieldset[disabled] .btn-info:active, 
fieldset[disabled] .btn-info:focus, 
fieldset[disabled] .btn-info:hover {
  background-color: #18314f;
  border-color: #0c1827;
}

.btn-info .badge {
  color: #18314f;
  background-color: #ffffff;
}


/* Button Warning */
.btn-warning.disabled, 
.btn-warning.disabled.active, 
.btn-warning.disabled.focus, 
.btn-warning.disabled:active, 
.btn-warning.disabled:focus, 
.btn-warning.disabled:hover, 
.btn-warning[disabled], 
.btn-warning[disabled].active, 
.btn-warning[disabled].focus, 
.btn-warning[disabled]:active, 
.btn-warning[disabled]:focus, 
.btn-warning[disabled]:hover, 
fieldset[disabled] .btn-warning, 
fieldset[disabled] .btn-warning.active, 
fieldset[disabled] .btn-warning.focus, 
fieldset[disabled] .btn-warning:active, 
fieldset[disabled] .btn-warning:focus, 
fieldset[disabled] .btn-warning:hover {
  background-color: #fdb81e;
  border-color: #7e5c0f;
}

.btn-warning {color: #2e2e2e;}

.btn-warning .badge {
  color: #fdb81e;
  background-color: #2e2e2e;
}


/* Button Danger */
.btn-danger.disabled, 
.btn-danger.disabled.active, 
.btn-danger.disabled.focus, 
.btn-danger.disabled:active, 
.btn-danger.disabled:focus, 
.btn-danger.disabled:hover, 
.btn-danger[disabled], 
.btn-danger[disabled].active, 
.btn-danger[disabled].focus, 
.btn-danger[disabled]:active, 
.btn-danger[disabled]:focus, 
.btn-danger[disabled]:hover, 
fieldset[disabled] .btn-danger, 
fieldset[disabled] .btn-danger.active, 
fieldset[disabled] .btn-danger.focus, 
fieldset[disabled] .btn-danger:active, 
fieldset[disabled] .btn-danger:focus, 
fieldset[disabled] .btn-danger:hover {
  background-color: #710000;
  border-color: #380000;
}

.btn-danger .badge {
  color: #710000;
  background-color: #ffffff;
}


/* Button Link */
.btn-link {
  color: #4271b1;
  border-radius: 5px;
}

.btn-link.active, .btn-link:active {color: #4271b1; box-shadow: inset 0 7px 15px rgba(0,0,0,.1); text-shadow: none;}

.btn-link:focus, 
.btn-link:hover {
  color: #4271b1;
  text-decoration: underline;
}

.btn-link[disabled]:focus, 
.btn-link[disabled]:hover, 
fieldset[disabled] .btn-link:focus, 
fieldset[disabled] .btn-link:hover {
  color: #4271b1;
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.hover, .btn-link.focus, .btn-link.active, .open > .dropdown-toggle.btn-link {color: #4271b1;}

.btn-link .badge {
  color: #ffffff;
  background-color: #4271b1;
}





/* -------------------------------------------------- */
/* Form Styles */
/* -------------------------------------------------- */

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #d5d5d5; border-color: #8c8c8c; color: rgba(0,0,0,.6);}

.input-group-addon {background-color: #d5d5d5; border-color: #8c8c8c; color: #676767;}

.form-control {color: #676767; background-color: #ffffff; border-color: #8c8c8c;}
.form-control:focus {border-color: #4271b1; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66,113,177,.6);}
.checkbox label::before, .radio label::before {border-color: #8c8c8c;}
.checkbox label::after, .radio label::after {color: #2e2e2e;}





/* -------------------------------------------------- */
/* Table Styles */
/* -------------------------------------------------- */
.table {color: #2e2e2e;}
.table a {color: #4271b1; font-weight: 600;}
.table a:hover, .table a:focus, .table a:active {color: #4271b1 !important;}

.table > thead > tr > th {background: #2e2e2e; color: #ffffff;}
.table > thead > tr > th > a {color: #ffffff; font-weight: 600;}

.table-bordered,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {border: 3px solid #ffffff;}

.table > tbody > tr > td,
.table > tfoot > tr > td,
.table > thead > tr > td {color: #2e2e2e;}

.table > tbody > tr > td > a:not(.go-icon),
.table > tfoot > tr > td > a:not(.go-icon),
.table > thead > tr > td > a:not(.go-icon) {color: #4271b1; font-weight: 600;}

.go-icon {border-bottom: 1px solid transparent;}
.go-icon:hover, .go-icon:focus {border-color: #4271b1;}





/* -------------------------------------------------- */
/* Misc. Styles */
/* -------------------------------------------------- */
.language-toggle a, .language-toggle a:hover, .language-toggle a:focus {color: #2e2e2e !important;}
.landing-page .language-toggle a, .language-toggle a:hover, .landing-page .language-toggle a:focus {color: #2e2e2e !important;}
.active-language {font-weight: bold !important;}

.home .assessment-panel, .home .links-tables-home .panel-default {box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.3);}

h1 {font-weight: 600;}
p a, p a:hover, p a:focus, p a:active, p a:visited, p a:link, .old-future-tasks a {font-weight: 600;}

.my-goals .col-completed .fa-check {color: #4b5320;}

.completed-tasks-progress-bar {border-color: #8c8c8c;}
.completed-tasks-progress-bar .progress {border: none; box-shadow: none;}
#tasks-progress-bar {color: #ffffff !important; font-weight: 900; background-color: #4b5320;}
.tasks .tasks-list-mark:before, .tasks .tasks-list-cb:checked ~ .tasks-list-mark {border-color: #4b5320;}
.tasks .tasks-list-mark:before, .tasks .tasks-list-cb:checked ~ .tasks-list-desc a {color: #4b5320;}

.nav-tabs {border-bottom-color: #8c8c8c;}
.nav-tabs > li > a {color: #2e2e2e;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-color: #8c8c8c; border-bottom-color: transparent;}

.pagination > .paginate_button.active a:hover, .pagination > .paginate_button.active a:focus {color: #ffffff !important;}
.pagination > li:not(.disabled) > a:hover, .pagination > li:not(.disabled) > a:focus, .pagination > li:not(.disabled) > span:hover, .pagination > li:not(.disabled) > span:focus {color: #2e2e2e !important;}

.input-label {color: #2e2e2e !important;}

.secondary-header-branding, .secondary-footer-branding {display: none !important;}

.create-e-profile .social-icon-bottom {color: #d5d5d5;}
.create-e-profile .social-icon-top {color: #8c8c8c;}

.last-column-icons {width: 160px !important;}

#larger-group-text {font-size: 14px; font-weight: bold;}

.assessment-inner .assessment-panel-inner .percentage-area {background: #8c8c8c;}


/* -------------------------------------------------- */
/* Media Query Styles */
/* -------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .navbar > .container-fluid {padding: 0 30px;}
}

@media only screen and (min-width: 992px) {
  .login-true .navbar-nav.nav .user-logout {bottom: 22px;}
  .login-true .navbar-nav > li > a {padding-top: 22px; padding-bottom: 22px;}
  .login-true .navbar-brand {padding: 15px;}
  .login-true .navbar-brand > img {max-width: 209px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .login-true .navbar-header {position: relative; padding-left: 50px;}
  .login-true a.nav-toggle {margin: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {  
  .login-true .navbar-nav.nav .user-logout {bottom: 23px;}
  .login-true .navbar-nav > li > a {padding-top: 23px; padding-bottom: 23px;}

  .login-true .navbar-brand > img {max-width: 209px;}
  .login-true #main-container {margin-top: 86px;}
}

@media only screen and (max-width: 767px) {
  .login-true .navbar.navbar-default {min-height: 86px;}

  .login-false #center-div, .login-false #center-div-parent {padding: 30px 15px;}

  .login-true .navbar-brand {margin-left: 45px !important; position: absolute !important; left: 0;}
  .login-true .navbar-brand > img {max-width: 209px;}
  .login-true #main-container {margin-top: 86px;}

  .login-true .dropdown.language-toggle {float: none; padding: 0; line-height: 40px; width: 30px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%);}
  .login-true a.nav-toggle {margin: 0; position: absolute; top: 50%; left: 15px; transform: translateY(-50%);}
}