@import url("/restricted/3rdPartyTools/deployed/bootstrap/themes/bootswatch.spacelab.min.css");

/* Destiny's customization of the Bootswatch's spacelab theme */
@media (min-width: 768px) {
  .form-horizontal .col-form-label {
    text-align: left;
  }
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 1rem;
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

p {
    margin-bottom: 0.625rem;
}

.btn-secondary {
  color: #58565A;
  background-color: #D7D5D9;
  border-color: #BEBCC0;
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #58565A;
    background-color: #D7D5D9;
    border-color: #BEBCC0;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.open .dropdown-toggle.btn-secondary {
  color: #58565A;
  background-color: #BEBCC0;
  border-color: #BEBCC0;
}

.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active {
  background-color: #6D6D6D;
  border-color: #6D6D6D;
}

.btn-primary {
  color: #ffffff;
  background-color: #3399f3;
  border-color: #3399f3;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #0e86ef;
  border-color: #0d7bdc;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #3399f3;
  border-color: #3399f3;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #446e9b;
  border-color: #446e9b;

}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #446e9b;
  border-color: #446e9b;
}

.dropdown-item > a:hover,
.dropdown-item > a:focus,
.dropdown-menu .subMenu > li > a:hover,
.dropdown-menu .subMenu > li > a:focus {
  color: #333333;
  background-color: #e4e4e4;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .subMenu > .active > a,
.dropdown-menu .subMenu > .active > a:hover,
.dropdown-menu .subMenu > .active > a:focus {
  background-color: #446e9b;
}

.navbar-dark {
  background-color: var(--primary-brand-color);
  border-color: var(--primary-brand-color);
}

.navbar-dark {
  background-image: -webkit-linear-gradient(var(--main-navigation-hover-color), var(--primary-brand-color) 50%, var(--primary-brand-color));
  background-image: linear-gradient(var(--main-navigation-hover-color), var(--primary-brand-color) 50%, var(--primary-brand-color));
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffB5231D', endColorstr='#ff760F09', GradientType=0);
  filter: none;
  border: 1px solid #345578;
  text-shadow: 0 -0.0625rem 0 rgba(0, 0, 0, 0.3);
}

.btn-secondary {
  background-image: -webkit-linear-gradient(#FFFFFF, #D7D5D9 50%, #D7D5D9);
  background-image: linear-gradient(#FFFFFF, #D7D5D9 50%, #D7D5D9);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffE6E6E6', GradientType=0);
  filter: none;
  border: 1px solid #D7D5D9;
}
.btn-secondary:hover,
.btn-secondary:not(.disabled):hover {
  background-image: -webkit-linear-gradient(#FFFFFF, #BEBCC0 50%, #BEBCC0);
  background-image: linear-gradient(#FFFFFF, #BEBCC0 50%, #BEBCC0);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffBEBCC0', GradientType=0);
  filter: none;
  border: 1px solid #A5A3A7;
}
.btn-primary {
  background-image: -webkit-linear-gradient(#7bbdf7, #3399f3 50%, #208ff2);
  background-image: linear-gradient(#7bbdf7, #3399f3 50%, #208ff2);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7bbdf7', endColorstr='#ff208ff2', GradientType=0);
  filter: none;
  border: 1px solid #0e80e5;
}
.btn-primary:hover,
.btn-primary:not(.disabled):hover {
  background-image: -webkit-linear-gradient(#68b3f6, #208ff2 50%, #0e86ef);
  background-image: linear-gradient(#68b3f6, #208ff2 50%, #0e86ef);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff68b3f6', endColorstr='#ff0e86ef', GradientType=0);
  filter: none;
  border: 1px solid #0c75d2;
}

.btn-info {
  background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
  filter: none;
  border: 1px solid #345578;
}
.btn-info:hover {
  background-image: -webkit-linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
  background-image: linear-gradient(#5f8ab9, #3e648d 50%, #385a7f);
  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5f8ab9', endColorstr='#ff385a7f', GradientType=0);
  filter: none;
  border: 1px solid #2e4b69;
}

/* END OF THEME */

fieldset.accessibility legend {
  display: inline-block;
  margin-bottom: 0.3125rem;
  font-weight: bold;
}

/* LAYOUT */

/* MODULE */
.mainNavBar, .headerCarousel {
    margin: 0 -0.9375rem;
}

.mainNavBar {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    padding: 0;
}

.footerContact .glyphicon {
    color: #CCCCCC;
}

.footer1 .footerAbout img {
    width: 2.8125rem;
    margin-bottom: 0.3125rem;
}

#footerNav h5,
#footer1 .footerAbout,
#footer1 .footerContact,
#footer1 .footerSiteMap {
    color: #CCCCCC;
}

.footer2 .tagline {
    color: #CCCCCC;
}

.footer2 .copyright {
    color: #999999;
}

.btn-secondary .glyphicon {
    color: #58565A;
}

.sectionHeader {
    background-color: var(--primary-brand-color);
    border-color: var(--primary-brand-color);
    background-image: -webkit-linear-gradient(var(--main-navigation-hover-color), var(--primary-brand-color) 50%, var(--primary-brand-color));
    background-image: linear-gradient(var(--main-navigation-hover-color), var(--primary-brand-color) 50%, var(--primary-brand-color));
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffB5231D', endColorstr='#ff760F09', GradientType=0);
    filter: none;
    color: #ffffff;
    padding: 0.9375rem 0.625rem;
    margin-bottom: 1.25rem;
}

.sectionHeader h3,
.sectionHeader h2 {
    font-weight: normal;
    color: #ffffff;
    margin: 0;
}

.sectionHeaderSecondary {
    background-image: -webkit-linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
    background-image: linear-gradient(#ffffff, #eeeeee 50%, #e4e4e4);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe4e4e4', GradientType=0);
    filter: none;
    border: 1px solid #d5d5d5;
}

.sectionHeaderSecondary h3,
.sectionHeaderSecondary h2 {
    color: #000;
}

.featuredImage.noImage {
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    -webkit-background-size: 1.563rem 1.563rem;
    -moz-background-size: 1.563rem 1.563rem;
    background-size: 1.563rem 1.563rem;
}

/* STATE */

/* THEME */

#pageContainer {
    background: #EEEEEE;
}

body {
    background: #EEEEEE;
}

.breadcrumbHeader {    
    font-size: 15pt;
}

#header1Container {
    border: 0;
}

.container {
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

#mainContentWrapper .container {
    background-color: #FFFFFF;
}

#footer1 a {
    color: #CCCCCC;
}

#header2Container, #header3Container {
    background: #FFFFFF;
}

#footer1Wrapper .container {
    background: #444444;
    color: #FFFFFF;
}
#footer2Wrapper .container {
    background: #333333;    
    color: #FFFFFF;
}

.conferenceModule .footer2 {
    margin-top: 0;    
}

.conferenceModule #footer2Wrapper .container {
    background: none;
    color: #000000;
    border-left-color: transparent;
    border-right-color: transparent;
}

.sidebarScrollSpy .nav-item.active> a {
    border-left: 0.3125rem solid #999;
    font-size: 0.75rem;
    font-weight: 500;
    color: #999;
    background-color: #eeeeee;
}

.sidebarScrollSpy .nav-link {
    font-size: 0.75rem;
    font-weight: 500;
    color: #999;
}

.sidebarScrollSpy .nav-pills .nav-link.active {
    border-left: 0.3125rem solid #999;
    font-size: 0.75rem;
    font-weight: 500;
    color: #999;
    background-color: #eeeeee;
}

.packageSelectBaseWrapper .radio, .packageSelectBaseWrapper .checkbox {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding: 0.625rem 0.9375rem
}

li.portalMenuDropDownContainer ul.dropdown-menu .active>.nav-link,
li.portalMenuDropDownContainer ul.dropdown-menu .active>.nav-link:hover {
  color: #ffffff;
}

li.portalMenuDropDownContainer ul.dropdown-menu .nav-link:hover {
  color: rgba(0,0,0,0.4);
}

/* Media query styles should be further subcategorized into SMACSS style organization*/
/* Extra small devices, up to 767px and BASE css (mobile view sets the base)*/
@media (max-width: 767px) {
    #header1Wrapper {
        height: 49;
    }
}

/* Small devices and larger (tablets, 768px and up) */
@media (min-width: 768px) {
    #header1ContentWrapper {
        margin: 0 -0.9375rem;
    }

    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        margin: 0 0 0;
    }
}

.table tr.row {
    margin-left: 0;
    margin-right: 0;
}

.labelSpanStyle {
    font-weight: bold;
}

.scrollSpyMenuItemWarning {
    color: #CD0200;
}

#loginInfo .headerStudentLoginContainer .dropdown-menu {
  position: absolute; 
  transform: translate3d(0, 1.625rem, 0);
  top: 0;  
  will-change: transform;
}

#courseProfileActions .btn-group .btn {
    background: #EEEEEE;
}

label {
  font-weight: bold;
}

legend {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1.25rem;
}

.card-info {
  background-color: #fff;
  border: 0; 
  margin-bottom: 1rem;
}

.card {
    background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    -webkit-box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.0625rem 0.0625rem rgba(0, 0, 0, 0.05)
}

.card-info {
    border-color: #bce8f1;
}

.card-info>.card-header {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.card-title {
  margin-bottom: 0;
}

.popover {
    font-size: 0.875rem;
}

.popover-header {
    margin: 0;
}

#browseOfferingsContainer .card-info {
    border-color: #dddddd;
}

#footerNav #backToTopContainer .backToTop {
    background-color: #555555; 
    margin-top: -5px; 
}

.nav-link {
    position:relative;
}

.nav-link:hover,
.nav-link:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

.navbar-light {
    background-color:#eeeeee;
    border-color:#dddddd;
}

.navbar-light.bg-light {
    background-color:#eeeeee;
    border-color:#dddddd;
}

.navbar-light.bg-light .navbar-collapse,
.navbar-light.bg-light .navbar-form {
    border-color:#dddddd;
}

.navbar-light .navbar-nav .nav-link {
    color:#777777;
}

.navbar-light.bg-light .navbar-toggler:hover,
.navbar-light.bg-light .navbar-toggler:focus {
    background-color:#dddddd;
}

.radio,.checkbox {
    display: block;
}

.radio label,
.checkbox label {
    font-weight: normal;
}

.card-header {
    color:#333333;
    background-color:#f5f5f5;
    border-color:#dddddd;
}

.card-header + .panel-collapse > .card-body {
    border-top-color:#dddddd;
}

.panel-group .card,
.userForm .card,
.instructorForm .card,
.sectionHeader.card {
    border-radius: 0.5rem;
}

.panel-group .card + .card {
    margin-top:0.3125rem;
}

.panel-group .card-header {
    border-bottom:0;
}

.panel-group .card-header + .panel-collapse > .card-body,
.panel-group .card-header + .panel-collapse > .list-group-flush {
    border-top:1px solid #dddddd;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-top:1px solid #dddddd;
}

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

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
    border-top: 0
}

@media screen and (max-width: 767px) {
    .table-responsive {
        border: 1px solid #dddddd
    }
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline:0.3125rem auto -webkit-focus-ring-color;
    outline-offset:-0.125rem;
}

.form-control-plaintext {
    padding-top:0.5625rem;
    padding-bottom:0.5625rem;
    margin-bottom:0;
    min-height:2.125rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #007bff;
  background-color: #007bff;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #80bdff;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b3d7ff;
  border-color: #b3d7ff;
}

.btn-link.disabled,
.btn-link:disabled {
    font-weight: 400;
    color: #3399F3;
    background-color: transparent;
    pointer-events: unset;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none;
}

.navbar-light.bg-light .btn-link {
    color:#777777;
}

.navbar-light.bg-light .btn-link:hover,
.navbar-light.bg-light .btn-link:focus {
    color:#3399f3;
}

.navbar-light.bg-light .btn-link[disabled]:hover,
fieldset[disabled] .navbar-light.bg-light .btn-link:hover,
.navbar-light.bg-light .btn-link[disabled]:focus,
fieldset[disabled] .navbar-light.bg-light .btn-link:focus {
    color:#444444;
}

.invalid-feedback, .valid-feedback {
    font-size: 85%;
}

.panel-default {
    border-color: #dddddd;
}

.panel-default > .card-header {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #dddddd;
}

.panel-default > .card-header + .panel-collapse > .card-body {
    border-top-color:#dddddd;
}

.panel-group .card + .card {
    margin-top:0.3125rem;
}

.panel-group .card-header + .panel-collapse > .card-body,
.panel-group .card-header + .panel-collapse > .list-group {
    border-top:1px solid #dddddd;
}

.table > thead > tr > th {
    vertical-align:bottom;
    border-bottom:2px solid #dddddd;
}

.form-horizontal .form-check-input {
    min-height:1.75rem;
    margin-top:0;
    margin-bottom:0;
    padding-top:0.5625rem;
}

.list-group + .card-footer {
    border-top-width:0;
}

.flex-column .nav-item + .nav-item {
    margin-top:0.125rem;
    margin-left:0;
}

.card > .card-body + .table,
.card > .card-body + .table-responsive,
.card > .table + .card-body,
.card > .table-responsive + .card-body {
    border-top:1px solid #dddddd;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-menu .subMenu > li > a:hover,
.dropdown-menu .subMenu > li > a:focus {
  text-decoration:none;
  color: #333333;
  background-color: #e4e4e4;
}

.badge-pill {
	background-color: #3399f3;
	color: #ffffff;
	font-size: 0.875em;
}

/* END of Destiny's customization of the Bootswatch's spacelab theme */