@charset "utf-8";
html {
	margin:0;
	font-family: 'Open Sans', sans-serif;
	color: #3E3935;
	font-weight: 400;
	line-height: 1.5;
    text-align: left;
	font-size:1.2em;
}

body {
	font-size:0.8em;
	margin:0;
}

body.login-page {
	min-height:400px;
}

#entry-biometric-login {
  display: none!important;
}

.newsbody, .alertbody {border:2px solid rgb(107, 159, 39);border-left-width:40px; background-color:#FFF; padding:0.5em;}
.newsbody .newstitle, .alertbody .alerttitle {font-weight:bold; font-size:2em; padding-bottom:0;}
.newstbody .newssummary, .alerttbody .alertsummary {padding-top:0;}
.newsfeed-alert {margin-bottom:1em;}
.newsfeed-alert:first-child {margin-top:1em;}
.newsfeed-alert:last-child {margin-bottom:0;}

p {padding: .5em;margin:0;}
h1, h2 {margin: 0; padding: .25em; font-weight:normal;}
h1 {font-size: 1.6666em; margin-top: 0em!important; color: #007298; color: var(--cscc_med_blue, #00749B);}
h2 {font-weight:normal;	font-size:1em;}
a {text-decoration:none;}
ul, ol {
	    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    list-style: none;
}
* {
	font-family: "Open Sans",sans-serif;
    text-shadow: none !important;
    letter-spacing: normal !important;
}

html, .login-page {background-color:#343434!important;}

#loginContainer, #loginRedirectProviders {display:none;}

.sticky-top {
    z-index: 2500;
    width: 100%;
    transition: all .2s;
    top: 0;
    background-color: white;
    height: 44px;
    margin-right: 0 !important;
    padding-right: 0 !important;

}

.cd-main-header {
    background-color: #003E52;
    height: 81px;
    width: 100%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.2);
	margin-bottom: 0em;
	position: relative;
	z-index: 1000;
}

.bb_staging {
	background-color: #9A60FF;
}

.bb_test {
	background-color: #C20073;
}

.cd-logo {
	width:1024px;
	margin:0 auto;
    min-width: 220px;
	
    text-decoration: none !important;
    border-bottom: 0;
    padding: 0 2em;
    background-color: transparent;
}

.cd-logo a {
	display:inline;
	top:15px;
	position:relative;
	padding:0;
	margin:0;
}

.cd-logo h1 {
	color:#FFF;
	display:inline;
	position:relative;
	top:5px;
	font-size:2.5em;
	padding:0 0.5em;
	margin:0;
	
}

.cs-logo svg {
    width: 240px;
    height: 46px;
}
a {
    color: #007298;
}
a:focus {outline:none;}

.cs-logo svg .cls-1 {
    fill: #99DAEA;
    transition: all .2s;
}
.cs-logo svg .cls-2 {
    fill: white;
    transition: all .2s;
}

#content {
	background-color:#d6d6d6;
	padding:0.5em;
	position: relative;
	z-index: 500;
}

#content-inner {
	width:1024px;
	margin: 0 auto;	
}

.cd-footer {
    z-index: 300;
	padding:1em;
	clear:left;
	background-color: #343434;
}

.cd-footer li {
    list-style: none;
}
.bot-links li {
    display: inline-block;
    padding: 0;
}
.cd-footer a {
    border-bottom: none;
    color: white;
}

*, *::after, *::before {
    box-sizing: border-box;
}
.footer-base p {
    color: silver !important;
}
.justify-content-center {
    text-align: center;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
nav, ul, li, a, div, .has-children, .moves-out, .is-hidden, #menu-title, .feature, .go-back, .see-all {
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}
.button {
	background-color: #007298;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    font-size: 1.2em;
    line-height: 1.5;
    border-radius: .4em;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: white;
    padding: .5em .75em;
	cursor: pointer;
	text-transform: uppercase;
	cursor: pointer;
    line-height: 1.5;
    margin: .2em 0 !important;
    border-bottom: 0;
    white-space: normal;
    max-width: 100%;
}

.btn-dark-blue {
    background-color: #002d3c !important;
    color: white !important;
}

.btn-dark-blue:hover, .btn-dark-blue:focus {
    background-color: #00536f !important;
}
.btn-custom:hover {
    border-bottom: 0;
}
.button:focus, .button:hover {
    text-decoration: none;
}
.btn-dark-blue::after {
    border-left: 0.3em solid #99DAEA;
}
.btn-custom::after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    margin-bottom: .2em;
    margin-left: .3em;
    vertical-align: middle;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent;
    border-left: .3em solid white;
    border-radius: .3em;
    line-height: 1.5;
}
#redirectProvidersDropdownButton {display:none;}
.login-page #copyright {position:relative; color:#FFF;}

#loginHeader {
    right: 1em;
    top: 1em;
}

#bb_login {display:none;}
#bb_access {cursor: pointer; text-align:right;}
.right {text-align:right;}

.modules {display:table; width:100%;border-collapse:separate;border-spacing:2em; top: 50%; position:relative;}
.custom_module {width:50%; display:table-cell; padding:10px; border:1px solid #CCC; border-radius:10px; background-color:#FFF; box-shadow:3px 3px 5px rgba(0,0,0,0.2);}


.custom_module .inner-module>h1 {padding-left: 60px; background: transparent url(https://courses.cscc.edu/bbcswebdav/xid-81131162_1) center left no-repeat; background-size: 50px;}
#resources_module .inner-module>h1 {background-image:url(https://courses.cscc.edu/bbcswebdav/xid-81131163_1);}
#resources_module ul {list-style:disc outside; padding-left:2em; padding-top:1em;}
#login_module .inner-module>h1 {background-image:url(https://courses.cscc.edu/bbcswebdav/xid-81131162_1);}

#bb_login li label, .portlet #bb_loginFull li label {
    color: #666;
    display: block;
    letter-spacing: 1px;
    padding: 0.5em 0 3px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

#bb_login input[type="text"], #bb_login input[type="password"], #loginRedirectProviders button {
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background: #efefef;
    padding: 6px;
    border: 2px solid #777;
    color: #666;
    margin: 0;
    box-sizing: border-box;
}

#bb_login li input, #loginRedirectProviders button {
    box-shadow: 3px 3px 12px rgba(0,0,0,0.1);
    -webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.1);
    padding: 10px;
    width: 100%;
}

#bb_login form li + li + li {
    padding: 12px 0 0;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    /* float: left; */

}
input[type="text"], input[type="password"], select {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    padding: 5px;
}
input, button, select { 
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: middle;
}

#entry-login {font-size:1em!important;}

#loginErrorMessage {
    background: #ad0900;
	font-weight: bold;
    color: #fff;
	margin: 0 0px 6px 0px;
    padding: 6px 9px;
    position: relative;
    border: 1px solid #ad0900;
}


#gatewayButtonsInstructions
, #preview-as-guest
, #copyright .logo
, #copyright .legal
 {display:none!important;}
 
.additionalInfo p {margin:0;padding:0;}
#copyright {margin-top:0!important; padding-top:0;}

.additionalInfo p:first-child a {
    padding-right: 0px!important;
}
.additionalInfo p:first-child::after {
    content: ""!important;
}


/* news feed alerts */
.green-back {
	background-color:#FFF;
    border: 2px solid #62a616;
        border-left-color: rgb(98, 166, 22);
        border-left-style: solid;
        border-left-width: 2px;
    border-left: 60px solid #62a616;
    padding: 0.5em;
    margin: 2em 1em 1em 1em;
	min-height:105px;
}

.green-back p {
	padding:1.5em 1.5em 1.5em 90px;
}

.green-back img {
	float:left; 
	padding:0.5em; 
	border:none; 
	background-color:transparent;
}

.ui-dialog {z-index:1000!important;}
#training_error {display:none;}
#check_training {width:100%; font-size:1.2em; border:1px solid #CCC; border-radius:5px; text-shadow: none !important; padding:0.4em; font-weight:normal;}
#check_training:focus {outline:none;}

/* privacy policy */
body div.lb-wrapper {display:none;z-index:20000;}



/* for 1024px or less */
@media (max-width: 1024px){
	.sticky-top {
		display:none;
	}
	.green-back {
		border-left-width: 20px;
	}
	.green-back p {
		padding-left:1.5em;
	}
	.cd-logo {
		width:auto;
		padding: 0 1.5em;
	}
	.modules {
		display:block;
		padding:5px;
	}
	.custom_module {
		display:block;
		width: 100%;
		float:none;
		margin:0;
		border:1px solid #CCC;
		border-radius:10px;
		background-color:#FFF;
		box-shadow:3px 3px 5px rgba(0,0,0,0.2);
		padding-bottom:1.5em;
	}
	.custom_module:first-child {
		margin-bottom:18px;
	}
	#content-inner {
		width:100%;
		margin: 0 auto;
	}
	#loginHeader {
		right: 0em;
		top: 0em;
	}
	.cd-main-header {
		font-size:80%;
	}
	#newsfeed-alerts {
		margin:0.5em;
	}
	.newsbody .newstitle, .alertbody .alerttitle {
		line-height:1.15em;
	}
	.newsfeed-alert:first-child {
		margin-top:0;
	}
}

/* for 600px or less */
@media (max-width: 600px){
	#newsfeed-alerts {
		margin:0.5em;
	}
	.newsbody .newstitle, .alertbody .alerttitle {
		line-height:1.15em;
	}
	.newsfeed-alert:first-child {
		margin-top:0;
	}
	.sticky-top {
		display:none;
	}
	.cd-logo {
		text-align:center;
		width:auto;
	}
	.cd-logo a, .cd-logo h1 {
		display:block;
	}
	.cd-logo a {
		top:15px;
	}
	.cd-logo h1 {
		padding:0.25em 0em;
	}
	.cd-main-header {
		height:120px;
		font-size:80%;
	}
}

/* for 360px or less */
@media (max-width: 360px){
	.cd-main-header {
		height:150px;
	}
	.cd-logo h1 {
		line-height:1.25em;
	}
}