@charset "utf-8";

body {
	margin:0;
	font-family: 'Open Sans', sans-serif;
	color: #3E3935;
	font-weight: 400;
	line-height: 1.5;
    text-align: left;
    background-color: #fff;
}

p {
    line-height: 1.5;
	margin: 0;
    padding: .5rem 0;
    color: #3E3935;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin: 0;
    padding: 1.5rem 0;
    color: #3E3935;
	font-weight:600;
}

h1, .h1 {
    background-color: transparent;
    color: #007298;
	
}

h1, h2, blockquote, .h1, .h2 {
    font-family: 'Georgia', serif;
}
h2, .h2 {
	font-size:2.6rem;
}
h3, .h3 {
    margin-top: 2rem;
    font-weight: bold;
    color: #007298;
}

a {
	text-decoration:none;
}
.sticky-top {
    position: fixed;
    z-index: 2500;
    width: 100%;
    transition: all .2s;
    top: 0;
    background-color: white;
    height: 44px;
}
.container-fluid, .cd-main-header {
    transition: transform .3s;
}
.head-bg {
    background-color: #003E52;
    height: 81px;
    top: 43.19px;
    width: 100%;
    z-index: 400;
    position: fixed;
    box-shadow: 0 3px 6px rgba(0,0,0,0.2); 
}
.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.cd-main-header {
    height: 80px;
    background: #003E52;
    z-index: 401;
    position: fixed;
    top: 43.19px;
    width: 1140px;
    left: calc(50% - 570px);
}
.cd-logo {
    top: 0;
    left: 0;
    position: absolute;
    width: 220px;
    text-decoration: none !important;
    border-bottom: 0;
    padding: 1.5rem 0;
    background-color: transparent;
}
.cs-logo svg {
    width: 240px;
    height: 46px;
}
a {
    color: #007298;
}
.cs-logo svg .cls-1 {
    fill: #99DAEA;
    transition: all .2s;
}
.cs-logo svg .cls-2 {
    fill: white;
    transition: all .2s;
}

.cd-main-content {
    background: white;
    min-height: 200px;
    top: 125px;
    margin-bottom: 250px;
	position: relative;
}
    
.container {
    padding: 0;
    background-color: white;
/*	width:80%;
	max-width: 1024px;
*/
	margin-right: auto;
	margin-left: auto;
}

/* #main_image {
	max-height:375px;
} */

.main_image_hide.container {
	width:80%;
	max-width: 1024px;
}

.headline-text {
    background-color: white;
    padding: 1rem;
    text-align: center;
    max-width: 800px;
    margin: 0 auto -68px;
    position: relative;
    bottom: 70px;
    box-shadow: 0 10px 5px #dadada; 
	border:1px solid #007298;
	border-radius:10px;
}
.slick-initialized {
    opacity: 1;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.carousel-slick img {
    border-bottom: 10px solid #003E52;
	vertical-align: middle;
}
.container img {
    max-width: 100%;
}
.slick-slide img {
    display: block;
}
.carousel-img {
    padding: 0 !important;
}
.image-cover {
    object-fit: cover;
    flex: 1;
    overflow: hidden;
}

.carousel-slick .headline-text p {
    font-style: italic;
}

.pathway-feature {
    background-color: #EBEBEB;
    padding: 1rem;
    margin: 4rem 0;
    overflow: hidden;
	border-radius:5px;
}

.row {
    padding-bottom: .5rem;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.card {
    margin: .5rem;
    padding: .75rem;
    border-radius: 0;
    border: 0;
    background-color: transparent;
    display: block;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}
.alert-card {
	border-color:#bee5eb;
	background-color:#d1ecf1;
	border-radius:5px;
	padding:1em;
}

.border-between .card h3, .border-between .card h4 {
    padding: 1.5rem .25rem 0;
    margin-top: 0rem;
}

.btn {
    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;
    padding: .375rem .75rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-custom {
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1.5;
    margin: .5rem 0 !important;
    border-bottom: 0;
    white-space: normal;
    max-width: 100%;
}

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

.btn {
    border-radius: .4rem;
    background-color: #007298;
    color: white;
    font-weight: bold;
    padding: .75rem 1rem;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
	
.btn-custom::after {
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    margin-bottom: .2rem;
    margin-left: .3rem;
    vertical-align: middle;
    border-top: .3rem solid transparent;
    border-bottom: .3rem solid transparent;
    border-left: .3rem solid white;
    border-radius: .3rem;
    line-height: 1.5;
}

.btn-dark-blue::after {
    border-left: 0.3rem solid #99DAEA;
}

.btn_small {
	font-size:10px;
    border-radius: .4rem;
    background-color: #007298;
    color: white;
    font-weight: bold;
    padding: .5rem;
    display: inline-block;
    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;
    line-height: 1.25;
	margin-left:0.25em;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn_small:first-child {
	margin-left:0.25em;
}


.container-fluid, .cd-main-header {
    transition: transform .3s;
}
.cd-footer {
    padding: 0;
	margin-top:3em;
}

.footer-base {
    background-color: #343434;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.cd-footer li {
    list-style: none;
}
.bot-links li {
    display: inline-block;
    padding: 0;
}

footer a {
    border-bottom: none;
    color: white;
}

.bot-links li::after {
    content: '|';
    padding: .5rem;
    color: #EBEBEB !important;
}

.bot-links li:last-child::after {
    content: '';
    padding: 0;
}

*, *::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;
}

header, 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;
}

.breadcrumb {
	margin:0;
    background-color: transparent;
    padding: 1rem .5rem !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    border-radius: .25rem;
}

.breadcrumb.main_image_hide {
	display:none;
}

.breadcrumb li {
    padding: 0;
    float: none;
    display: inline-block;
    text-indent: 0;
}
.home-item::before {
    content: '\f015';
    font-family: 'FontAwesome';
    padding-right: .8rem;
    color: #007298;
    color: var(--cscc_med_blue, #007298);
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #6c757d;
    content: "/";
}
.breadcrumb > li + li::before {
    color: #ccc;
    content: "|" !important;
    padding: 0 .6rem !important;
    opacity: .5;
}


.login_info {background-color:#004f68; color:#FFF; padding:1em; border-radius:10px; margin-top:2em;}
.login_info h3 {color:#FFF; margin:0;}

.add_new {background:transparent url("_images/add_16.png") center left no-repeat; padding-left:20px;}
.time {background:transparent url("_images/clock_16.png") center left no-repeat; padding-left:20px;}


/* Tables */
table {margin:1em 0; border:1px solid #666666; width:100%; font-size:90%; padding:0.5em;}
tr {background-color:#FFFFFF;}
tr:nth-child(2n) {background-color:#EFEFEF;}
th {text-align:left;}
th strong {color: #FFFFFF;}
th, tfoot td {background-color: #666666; vertical-align:middle; padding:0.25em; color:#FFF;}
td {padding: 0.25em; vertical-align:top; text-align:left; border-left:1px solid #AAA; border-bottom:1px solid #AAA;}
td:first-child {border-left:none;}
td.first, th.first {border-left: 0px; }
td.center, th.center {text-align:center; display:table-cell;}
table.tablesorter thead tr .header {cursor: pointer;}
table.tablesorter thead tr .headerSortUp::before {content:"\25B2";margin-right:4px;}
table.tablesorter thead tr .headerSortDown::before {content:"\25BC";margin-right:4px;}
table.hover tbody tr:hover {background:#9B0E1F;color:#FFFFFF;}
table.hover tbody tr:hover a {color:#FFFFFF;}
table.center td, td.center {text-align:center;}
.left, td.course, td.title {text-align:left;}
.right-align {text-align:right;}
.center-align {text-align:center;}

.btn-apply {
    background-color: #953150 !important;
    color: white !important;
}

.btn-apply::after {
    border-left: 0.3rem solid #e9b7c7 !important;
}
.btn-custom::after {
    border-bottom: 0.3rem solid transparent;
    border-left: 0.3rem solid white;
    border-radius: 0.3rem;
    border-top: 0.3rem solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    line-height: 1.5;
    margin-bottom: 0.2rem;
    margin-left: 0.3rem;
    vertical-align: middle;
    width: 0;
}


div.confirmation, span.confirmation, label.error {border: 1px solid #BBBBBB; border-radius: 4px 4px 4px 4px; margin: 0 0 1em 0; padding: 6px 9px; position: relative;}
select.error, textarea.error, input.error, .form-group .error {border:2px solid red;}
div.confirmation[class~=bad], div.confirmation[class~=good], div.confirmation[class~=moderate], span.confirmation[class~=bad], span.confirmation[class~=good], label.error {color: #FFFFFF; font-weight: bold; }
div.confirmation[class~=good], span.confirmation[class~=good] {background: none repeat scroll 0 0 #6B9F27; border-color: #4F7F0F;}
div.confirmation[class~=bad], span.confirmation[class~=bad], label.error {background: none repeat scroll 0 0 #D80000; border-color: #990000;}
div.confirmation[class~=moderate], span.confirmation[class~=moderate], label.error {background: none repeat scroll 0 0 #f7e80c; border-color: #d9cb09; color:#000;}
div.confirmation[class~=maroon], span.confirmation[class~=maroon] {background: none repeat scroll 0 0 #953150; border-color: #953150; color:#FFF; font-weight:bold;}
div.confirmation[class~=blue], span.confirmation[class~=blue] {background: none repeat scroll 0 0 #007298; border-color: #007298; color:#FFF; font-weight:bold;}
div.confirmation[class~=gray], span.confirmation[class~=gray] {background: none repeat scroll 0 0 #DDD; border-color: #999; color:#666; font-weight:bold;}
div.confirmation[class~=light_blue], span.confirmation[class~=light_blue] {background: none repeat scroll 0 0 #1ABFCF; border-color: #1ABFCF; color:#FFF; font-weight:bold;}
div.confirmation .confirmation-close {position:absolute; right:10px;}
div.confirmation a {color:#23527c;}
div.confirmation[class~=bad] a, div.confirmation[class~=light_blue] a {color:#FFF; text-decoration:underline;}
div[class=bad] {width:375px; clear:both; border-radius: 4px 4px 4px 4px; margin: 0 0 6px; padding: 6px 9px; position: relative; color: #FFFFFF; font-weight: bold; background: none repeat scroll 0 0 #D80000; border:1px solid #990000;}

.form-group input[type!=button], .form-group select, .form-group textarea, input, select {border:1px solid #AAA; border-radius:3px; padding:0.35em;}
input.wide {min-width:25em;}
textarea {min-width:50%;}

.container .stylized img {padding: 0;}
.button {cursor: pointer;
    background: linear-gradient(to bottom, #A5495E 0%, #8B2348 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #8B2348;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    font-weight: bold;
    padding: 0.25em 1em;
    text-decoration: none;
    vertical-align: middle;}
.button:hover {
    background: linear-gradient(to bottom, #E2E2E2 0%, #999999 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #666666;
color: #444444;}
.clear {clear:both;}

p.next {background: transparent url(_images/arrow_right_16.png) left center no-repeat;padding-left:20px;}
p.new {background: transparent url(_images/add_16.png) left center no-repeat;padding-left:20px;}

.form-box {border:1px solid #AAA; border-radius:3px; padding:0.5em;}
.form-box select {margin:0.25em auto;}
.form-box .additional>select, .form-box .additional>input[type=text] {margin:0.25em 2em;}

.note {border:1px solid #AAA; border-radius:3px; padding:0em 0em 0.25em 0em; background-color:#F2F2F2; margin:1.5em 0em;}
.note>h4 {border-bottom:1px solid #AAA; margin:0; padding:0.5em;}
.note>p {padding:0.5em;}

#content, #login_button {margin-left: auto; margin-right:auto; max-width:1200px;}

table.hover tbody tr:hover {background:#9B0E1F;color:#FFFFFF;}
table.hover tbody tr:hover a {color:#FFFFFF;}

dt {line-height:1.5em; cursor:pointer; padding:0.5em; font-size:1.2em;}
dt::before {content: "\25BE ";}
dt.collapsed::before {content: "\25B8 ";}
dd {line-height:1.5em; margin:0 1em 1em 1em;}
.confirm_form, .option {display:inline-block; width:4em; padding:7px; border:1px solid #999; background-color:#DDD; text-align:center; cursor:pointer; margin-right:0.75em;}
.option.opt_yes, .option.opt_no, .option.opt_select {background-color:inherit;}
.option_long {width:auto; margin-top:0.75em;}
.confirm_form {width:12em;}

.option_yes.option_select {border-width:2px; background-color:#D80000; color:#FFF; border-color: #000; font-weight:bold;}
.confirm_form_select, .option_select {padding:6px; border-width:2px;background-color:#6B9F27;color:#FFF; border-color: #000; font-weight:bold;}
.option_answer {display:none;}
.form-group>div {margin-bottom:2em;}
.category_group>div {margin-bottom:0.75em;}
.category_group>p {margin-top:0em;}
.form-group >.category {margin-bottom:0.5em;}
select {max-width:15em;}
.form-group {border:1px solid #CCC; padding:1em;}
label, .category, .name {font-size:120%; font-weight:bold; margin-bottom:0em;}
label>span.small {font-weight:normal; font-style:italic; font-size: 90%;}
.category_group label {font-weight:normal;}
.category_group {margin-left:2em;}
input[type=text] {min-width:60%;}
.dependent {display:none;}
.dependent .error {font-weight:bold;}
label.error {display:inline-block; margin-left:0.5em; padding:0.25em;}
.name {margin-bottom:.5em;}
#login_block {min-height:2.75em;}
			#login_block .name {display:inline-block; float:left;}
			#login_block #log_out {float:right;}
			.confirmation {clear:both; margin-top:1em;}
			ul.responses {color:#CCC; list-style-type:none; margin:0; padding:0;}
			ul.responses ul {list-style-type:disc;}
			.highlight {color:#000;}
			.highlight span, ul.responses span {font-weight:bold;}
			ul.responses span.small {font-weight:normal; font-style:italic; font-size: 90%;}

.table {display:table;}
.table select {margin:0.2em;}
.demo_row {display:table-row;}
.demo_cell {display:table-cell;}

.table.covid19_emp {max-width:22em;}
.table.covid19_emp .demo_cell:first-child {width:auto;}
.table.covid19_emp .demo_cell:last-child {font-weight:bold;}

.table.filter .demo_cell:first-child {width:auto; }
.table.filter .demo_cell:last-child {font-weight:normal;}
.table.filter .demo_cell:first-child {max-width:22em; width:22em; font-weight:bold;}

@media print {
	.cd-main-content {top:0px;}
	.breadcrumb {display:none;}
	table {margin-left:5px;}
	table td:first-child {border:1px solid #AAA;}
	
}

span.add-entry, span.drop-entry {float:right; background-color: #ECECEC; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border: 1px solid #CCCCCC; border-radius: 5px; color: #3A63E0; display: inline-block; font-size: 13px; padding: 2px 10px 2px 22px; text-decoration:none; zoom:1; /* IE 7 Hack starts here*/display:inline;background-position: 4px center;	}
.drop-entry {display: inline-block; padding: 0.25em 5px 0.25em 20px; background: transparent url(_images/drop_16.png) center left no-repeat;font-weight: normal;cursor: pointer;}
.add-entry {display: inline-block; padding: 0.25em 5px 0.25em 20px; background: transparent url(_images/add_16.png) center left no-repeat;font-weight: normal;cursor: pointer;}

#confirm-error {color:red; display:block;}

.screenreader-text {
  position: absolute;
  left: -999px;
  width: 1px;
  height: 1px;
  margin:0;
  padding:0;
  top: auto;
}
.screenreader-text:focus {
  color: black;
  display: inline-block;
  height: auto;
  width: auto;
  position: static;
  margin: auto;
}

/* for 1200px or less */
@media (max-width: 1200px){
	.cd-main-header {width:auto;left:20px;}
}


.stylized {margin:auto 0; /*border-top:1px solid #CCCCCC;*/}
.stylized>div:first-child, .stylized fieldset>div:first-child, .stylized fieldset>h3+div {border-top:1px solid #CCCCCC;}
.stylized>div, .stylized fieldset>div {border-bottom:1px solid #CCCCCC; min-height:2em; margin:0; padding:0.5em; vertical-align:middle;background-color:#EFEFEF;}
.stylized>div:nth-child(2n), .stylized fieldset>div:nth-child(2n+1) {background-color:#FFFFFF;}
.stylized .label {color:#333333; display:block; font-weight:bold; text-align:right; width:25%; float:left; margin:0 0.5em 0 0; padding-left:0.5em; font-size:0.9em; white-space: normal;}
.stylized .small {color:#666666; display:block; font-size:11px; font-weight:normal; text-align:right; width:100%;}
.small-input {width:4em;}
.stylized .value {font-size:1.0em; margin:0 0 0 26%;}
.stylized input, .stylized select, .stylized textarea, input, select {border:1px solid #AAA; border-radius:3px; padding:0.35em;}
input.wide {min-width:25em;}
textarea {min-width:50%;}
.stylized fieldset.title-bar {padding-top:1em; padding-bottom:1em; background-color:#F7F7F7;}
.stylized fieldset.title-bar>div {margin-left:1em; margin-right:1em;}