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

/* 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 #footer {padding: 0 !important;}

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


.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: #a81f1b; 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: #e8f6f9; 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 #ADD0D8;
  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 #ADD0D8;
}
.account.site-information-to-register .checkbox input[type=checkbox] {opacity: 1;}


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

/* Button Default */
.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: #e2e2e2;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #1c1c1c;
}


/* 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: #0e76bc;
  border-color: #074066;
}

.btn-primary .badge {
  color: #0e76bc;
  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: #148038;
  border-color: #174d29;
}

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


/* Button Info */
.btn-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: #7fccff;
  border-color: #254c66;
  color: #1c1c1c;
}

.btn-info .badge {
  color: #1c1c1c;
  background-color: #ffffff;
}

.btn-info:hover, .btn-info.hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {background-color: #254c66; border-color: #254c66; color: #ffffff;}


/* Button Warning */
.btn-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: #fff1ca;
  border-color: #ccb166;
  color: #1c1c1c;
}

.btn-warning .badge {
  color: #1c1c1c;
  background-color: #ffffff;
}

.btn-warning:hover, .btn-warning.hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {background-color: #ccb166; border-color: #ccb166; color: #1c1c1c;}


/* 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: #a81f1b;
  border-color: #801814;
}

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


/* Button Link */
.btn-link {
  color: #0e76bc;
}

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

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

.btn-link .badge {
  color: #ffffff;
  background-color: #0e76bc;
}





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

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {background-color: #ebebeb; border-color: #a0a0a0; color: #a0a0a0;}

.input-group-addon {background-color: #ebebeb; border-color: #a0a0a0; color: #a0a0a0;}

.form-control {color: #1c1c1c; background-color: #ffffff; border-color: #a0a0a0;}
.form-control:focus {border-color: #5a86c0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(90,134,192,.6);}
.checkbox label::before {border-color: #a0a0a0;}
.checkbox label::after {color: #1c1c1c;}





/* -------------------------------------------------- */
/* Table Styles */
/* -------------------------------------------------- */
.table {color: #505050}
.table a {color: #0e76bc}

.table > thead > tr > th {background: #737373;}
.table > thead > tr > th > a {color: #ffffff;}

.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: #505050;}

.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: #0e76bc;}





/* -------------------------------------------------- */
/* Misc. Styles */
/* -------------------------------------------------- */
.secondary-header-branding, .secondary-footer-branding {display: block !important; margin-left: 300px}

.create-e-profile .social-icon-bottom {color: #ebebeb;}
.create-e-profile .social-icon-top {color: #a0a0a0;}

.completed-tasks-progress-bar {border-color: #e2e2e2;}

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

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

.navbar-brand .logo-cte {max-width: 160px !important;}

.navbar-nav.nav .user-logout {bottom: 22px;}
.navbar-nav > li > a {padding-top: 22px; padding-bottom: 22px;}


/* -------------------------------------------------- */
/* Media Query Styles */
/* -------------------------------------------------- */
@media only screen and (min-width: 991px) {
  
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #main-container {margin-top: 0;}
}

@media only screen and (max-width: 767px) {
  .navbar.navbar-default {min-height: 84px;}
  
  .login-false #center-div, .login-false #center-div-parent {padding: 30px 15px;}

  #main-container {margin-top: 0;}
  .navbar-brand {margin-left: 45px !important; position: absolute !important; left: 0;}

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