/* app-site-2.5.0.css
 * This stylesheet is used for MyFWCS
 */

html body {
	font-family: "Roboto",sans-serif;
	font-size: 14px;
	scrollbar-gutter: auto;
    padding: 0 0 0 0;
}

#bodyContent {
    display: block;
    min-height: 442px;
 }

table tr td {
	line-height: 1;
}

label {
	font-weight: bold;
}

h1 {
	margin-top: -20px;
	margin-bottom: 0;
	font-family: "Crimson Pro";
	color: #131313;
	font-size: 2rem;
	line-height: 4.1875rem;
	padding-top: 0;
}

@media (min-width: 768px) {
	h1 {
		margin-top: 0;
		font-family: "Crimson Pro";
		font-size: 2.75rem;
		color: #131313;
		line-height: 4.1875rem;
		margin-bottom: 16px;
	}
}

h2 {
	color: #131313;
	line-height: 3.125rem;
	margin-bottom: 20px;
	font-family: "Roboto",sans-serif;
}

h3 {
	font-family: "Crimson Pro";
	color: #131313;
	font-size: 1.75rem;
	line-height: 2.4375rem;
	margin-bottom: 20px;
}
h4 {
  margin-top: 0;
  font-family: "Crimson Pro";
  color: #131313;
  font-size: 1.5rem;
  line-height: 2.125rem;
  margin-bottom: 20px;
}
h5 {
  color: #131313;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  margin-bottom: 15px;
  font-family: "Roboto",sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
}
h6 {
  color: #131313;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  margin-bottom: 15px;
  font-family: "Roboto",sans-serif;
}
h2.card-title {
    font-family: "Crimson Pro";
    color: #131313;
    font-size: 1.75rem;
    line-height: 2.4375rem;
    margin-bottom: 20px;
}
table.table.table-striped th {
	padding: 1rem;
	width: 100%;
}
nav .navbar-nav li a.nav-link {
	color: white !important;
}

.navbar {
	padding-left: 18px;
	padding-right: 18px;
}

.navBarContent {
	padding: 0;
}

.navbar-custom {
	background-color: #08599F;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-link {
	border: 1px solid #08599F;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
	border: 1px solid white;
}

.navbar-custom .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(223,223,223, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-custom .navbar-toggler {
	border-color: rgb(223,223,223);
}

.navbar-custom {
	background-color: #337287;
	border-color: white;
	color: white;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item .nav-link {
	border: none;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
	border: none;
	text-decoration: underline;
}

#navbarSupportedContent {
	min-height: 39px;
}

#navbarSupportedContent > ul > li > a {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
}

.subNavBar {
	margin-left: 0;
	margin-right: 0;
	padding: 16px;
	background: #2C6E83;
	border: none;
	font-family: "Crimson Pro";
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	color: #fff;
}

.subNavBar a {
	color: white;
	text-decoration: underline;
}

.mainContent {
	margin: 0 auto;
	padding: 0;
	display: block;
	background: white;
}

.pageContent {
	padding: 24px 12px 12px 12px;
	padding-left: 12px;
	padding-top: 24px;
	padding-right: 12px;
	padding-bottom: 12px;
	min-height: 338px;
}

.footText {
	color: white;
	text-align: middle !important;
	font-family: "Crimson Pro" !important;
	font-weight: 400 !important;
	font-size: 26px !important;
	line-height: 34px;
	padding: 32px;
	font: 13px 'PT Sans', Arial, sans-serif;
}

.copyrightbar {
	color: white;
	padding: 3px 0 15px 0;
}
.copyrightbar > a {
	color: white;
}
@media (min-width: 768px) {
	.myfwcscard {
		min-height: 550px !important;
	}
}
.form-group {
	margin-bottom: 6px;
}
fieldset > div > div {
	margin-bottom: 18px;
}
.student-list-name {
	font-weight: bold;
	padding-bottom: 5px;
}
.student-list-info {
	color: #666;
}
.student-list-button {
	min-width: 160px;
}
.student-list-short-button {
	width: 110px;
}
.student-list-button-fixed {
	width: 180px;
}
.datemonthinput {
	width: 110px !important;
}

.datedayinput {
	width: 54px !important;
}
.dateyearinput {
	width: 66px !important;
}
.panel-danger {
	background-color: darkred;
	color: white;
	padding: 3px;
	font-size: 16px;
	margin-bottom: 12px;
	font-weight: bold;
}
.codeedit {
	width: 526px;
	height: 202px;
	font: 12px monospace;
}
button.btn.btn-primary a, button.btn.btn-primary.btn-solid a, button.btn.btn-success a, button.btn.btn-secondary a {
	text-decoration: none;
	color: white;
}
.mainButton {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 24px;
    border: 1px solid #356e85 !important;
    border-top-color: rgb(53, 110, 133);
    border-right-color: rgb(53, 110, 133);
    border-bottom-color: rgb(53, 110, 133);
    border-left-color: rgb(53, 110, 133);
    background: #356e85;
    color: #fff;
    font-family: "Roboto",sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.mainButton:hover, .mainButton:focus, .mainButton.on {
    border-color: var(--secondary-color, #57B7DF) !important;
    background: var(--secondary-color, #57B7DF);
    color: #131313;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.finalsiteLink a {
	text-decoration: underline;
	color: #356e85;
}
.footerContent {
    background-color: rgba(82, 69, 60);
    content: '';
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}
button.btn.btn-success.btn-solid a, button.btn.btn-secondary.btn-solid a, button.btn.btn-warning.btn-solid a, button.btn.btn-danger.btn-solid a {
	text-decoration: none;
	color: #000;
}
.btn.btn-primary.btn-solid {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 24px;
    border: 1px solid #356e85 !important;
    border-top-color: rgb(53, 110, 133);
    border-right-color: rgb(53, 110, 133);
    border-bottom-color: rgb(53, 110, 133);
    border-left-color: rgb(53, 110, 133);
    background: #356e85;
    color: #fff;
    font-family: "Roboto",sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-primary.btn-solid:hover, .btn.btn-primary.btn-solid:focus, .btn.btn-primary.btn-solid.on {
    border-color: var(--secondary-color, #57B7DF) !important;
    background: var(--secondary-color, #57B7DF);
    color: #131313;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-success.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	border: 1px solid var(--primary-color, #B0D67A) !important;
	background: var(--primary-color, #B0D67A);
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-success.btn-solid:hover, .btn.btn-success.btn-solid:focus, .btn.btn-success.btn-solid.on {
    border-color: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--primary-color, #B0D67A) !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--primary-color, #B0D67A);
    -webkit-transition: .3s all;
    transition: .3s all;
	color: #fff;
}
.btn.btn-secondary.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	border: 1px solid var(--secondary-color, #57B7DF) !important;
	background: var(--secondary-color, #57B7DF);
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-secondary.btn-solid:hover, .btn.btn-secondary.btn-solid:focus, .btn.btn-secondary.btn-solid.on {
	border-color: #356e85 !important;
	background: #356e85;
	color: #fff;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-warning.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	border: 1px solid #f7941d !important;
	background: #f7941d;
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-warning.btn-solid:hover, .btn.btn-warning.btn-solid:focus, .btn.btn-warning.btn-solid.on {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),#f7941d;
    -webkit-transition: .3s all;
    transition: .3s all;
	color: #fff;
}
.btn.btn-info.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	border: 1px solid #9b8579 !important;
	background: #9b8579;
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))),#9b8579;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),#9b8579;
	border: none !important;
}
.btn.btn-info.btn-solid:hover, .btn.btn-info.btn-solid:focus, .btn.btn-info.btn-solid.on {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),#9b8579;
    -webkit-transition: .3s all;
    transition: .3s all;
	color: #fff;
}
.btn.btn-dark.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	border: 1px solid #131313 !important;
	background: #131313;
	color: #fff;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-dark.btn-solid:hover, .btn.btn-dark.btn-solid:focus, .btn.btn-dark.btn-solid.on {
	border-color: #131313 !important;
	background: #fff;
	color: #131313;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-light.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-light.btn-solid:hover, .btn.btn-light.btn-solid:focus, .btn.btn-light.btn-solid.on {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-danger.btn-solid {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	padding: 10px 24px;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-danger.btn-solid:hover, .btn.btn-danger.btn-solid:focus, .btn.btn-danger.btn-solid.on {
	color: #fff;
	background-color: #941a26;
	border-color: #bd2130;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-primary.btn-border {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 24px;
    border: 1px solid #356e85 !important;
	--bs-btn-bg: none;
    color: #356e85;
    font-family: "Roboto",sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-primary.btn-border:hover, .btn.btn-primary.btn-border:focus, .btn.btn-primary.btn-border.on {
    border-color: var(--secondary-color, #57B7DF) !important;
    background: var(--secondary-color, #57B7DF);
    color: #131313;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.btn.btn-success.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	--bs-btn-bg: none;
	position: relative;
	padding: 10px 24px;
	border: 1px solid var(--primary-color, #B0D67A) !important;
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-success.btn-border:hover, .btn.btn-success.btn-border:focus, .btn.btn-success.btn-border.on {
    border-color: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--primary-color, #B0D67A) !important;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),var(--primary-color, #B0D67A);
    -webkit-transition: .3s all;
    transition: .3s all;
}

.btn.btn-secondary.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	--bs-btn-bg: none;
	position: relative;
	padding: 10px 24px;
	border: 1px solid var(--secondary-color, #57B7DF) !important;
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-secondary.btn-border:hover, .btn.btn-secondary.btn-border:focus, .btn.btn-secondary.btn-border.on {
	border-color: #356e85 !important;
	background: #356e85;
	color: #fff;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-warning.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	--bs-btn-bg: none;
	position: relative;
	padding: 10px 24px;
	border: 1px solid #f7941d !important;
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-warning.btn-border:hover, .btn.btn-warning.btn-border:focus, .btn.btn-warning.btn-border.on {
	linear-gradient: (0deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35)),#f7941d;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-info.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	--bs-btn-bg: none;
	padding: 10px 24px;
	border: 1px solid #9b8579 !important;
	color: #000;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-info.btn-border:hover, .btn.btn-info.btn-border:focus, .btn.btn-info.btn-border.on {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),#9b8579;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-dark.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	--bs-btn-bg: none;
	padding: 10px 24px;
	border: 1px solid #131313 !important;
	color: #fff;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
	color: #000;
}
.btn.btn-dark.btn-border:hover, .btn.btn-dark.btn-border:focus, .btn.btn-dark.btn-border.on {
	border-color: #131313 !important;
	background: #131313;
	color: #fff;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.btn.btn-light.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	--bs-btn-bg: none;
	position: relative;
	padding: 10px 24px;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
}
.btn.btn-light.btn-border:hover, .btn.btn-light.btn-border:focus, .btn.btn-light.btn-border.on {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
    -webkit-transition: .3s all;
    transition: .3s all;
}

.btn.btn-danger.btn-border {
	display: inline-block;
	margin-bottom: 10px;
	position: relative;
	--bs-btn-bg: none;
	padding: 10px 24px;
	font-family: "Roboto",sans-serif !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: .15em;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border-radius: 0px;
	cursor: pointer;
	-webkit-transition: .3s all;
	transition: .3s all;
	color: #000;
}
.btn.btn-danger.btn-border:hover, .btn.btn-danger.btn-border:focus, .btn.btn-danger.btn-border.on {
	color: #000;
	background-color: #c82333;
	border-color: #bd2130;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.primary-background {
	background: #356e85;
    color: #fff;
	border: 1px solid #59746f;
}
.success-background {
	background: #B0D67A;
    color: #282525;
	border: 1px solid #8dab62;
}
.info-background {
	background: #c3b6af;
    color: #282525;
	border: 1px solid #7c6a61;
}
.secondary-background {
	background: #57B7DF;
    color: #282525;
	border: 1px solid #356e85;
}
.warning-background {
	background: #F7941E;
    color: #282525;
	border: 1px solid #a16013;
}
.danger-background {
	background: #dc3545;
    color: #fff;
	border: 1px solid #b11f2d;
}
.light-background {
    background: #F3F3F4;
    color: #282525;
	border: 1px solid #ccccce;
}
.dark-background {
    background: #333333;
    color: #fff;
	border: 1px solid #0000;
}
.white-background {
	padding: 1rem 2rem;
	margin: .8rem 0;
}
.primary-background, .secondary-background, .info-background, .success-background, .warning-background, .danger-background, .dark-background, .light-background {
    padding: 1rem 2rem;
	margin: .8rem 0;
}
thead.table-primary {
	background: #356e85; 
}
.accordion-button::before {
	left: 12px;
	content: "+";
	border: none;
	width: auto;
	height: auto;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	font-family: "Roboto",sans-serif;
	font-size: 24px;
    padding: 0 0 0 8px;
    vertical-align: middle;
    font-weight: 400;
	color: #584b43;
}
.accordion-button {
	padding-left: 3rem;
}
thead.primary-bg {
	--bs-table-bg: #356e85;
	--bs-table-color: #fff;
}
thead.secondary-bg {
	--bs-table-bg: #57B7DF;
	--bs-table-color: #131313;
}
thead.success-bg {
	--bs-table-bg: #B0D67A;
	--bs-table-color: #131313;
}
thead.warning-bg {
	--bs-table-bg: #f7941d;
	--bs-table-color: #131313;
}
thead.info-bg {
	--bs-table-bg: #9b8579;
	--bs-table-color: #131313;
}


html, body {
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
}
h1 {
    margin-top: 0;
    font-weight: 300;
    font-family: "Crimson Pro";
    color: #131313;
    font-size: 2rem;
    line-height: 4.1875rem;
    margin-bottom: 50px;
}
h2 {
    font-weight: 300 !important;
    font-size: 26px !important;
    line-height: 36px !important;
    font-family: "Roboto",sans-serif;
}
.intern-content {
    padding: 30px;
    border: solid 1px #cfcfcf;
    font-family: "Crimson Pro";
    font-size: 21px;
    font-weight: 300;
    line-height: 29px;
    color: #000;
    max-width: calc(33.333% - 8px);
    margin: 4px;
}
.fs_style_8 {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 24px;
    border: 1px solid #356e85 !important;
    border-top-color: rgb(53, 110, 133);
    border-right-color: rgb(53, 110, 133);
    border-bottom-color: rgb(53, 110, 133);
    border-left-color: rgb(53, 110, 133);
    background: #356e85;
    color: #fff;
    font-family: "Roboto",sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.fs_style_8:hover, .fs_style_8:focus, .fs_style_8.on {
    border-color: var(--secondary-color, #57B7DF) !important;
    background: var(--secondary-color, #57B7DF);
    color: #131313;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.fs_style_28 {
    display: inline-block;
    margin-bottom: 10px;
    position: relative;
    padding: 10px 24px;
    border: 1px solid #356e85 !important;
    border-top-color: rgb(53, 110, 133);
    border-right-color: rgb(53, 110, 133);
    border-bottom-color: rgb(53, 110, 133);
    border-left-color: rgb(53, 110, 133);
    background: #a5a5a5;
    color: #fff;
    font-family: "Roboto",sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .15em;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px;
    cursor: pointer;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.fs_style_28:hover, .fs_style_28:focus, .fs_style_28.on {
    border-color: var(--secondary-color, #a5a5a5) !important;
    background: var(--secondary-color, #a5a5a5);
    color: #131313;
    -webkit-transition: .3s all;
    transition: .3s all;
}
.green-background {
    background: #B0D67A;
    padding: 5px 10px;
    border: 1px solid #72894f;
}
.blue-background {
    background: #57B7DF;
    padding: 5px 10px;
    border: 1px solid #337287;
}
.footer-background {
    background-color: rgba(82, 69, 60);
    content: '';
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}
.footer-background:before {
    background: url('grad-students.png') no-repeat;
    position: absolute;
    object-fit: cover;
    background-position: 50% 0;
    background-size: auto 100%;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0.1;
}
.footText {
    line-height: 34px;
}
.mainPadding {
    padding-left: 18px;
    padding-right: 18px;
}
.searchbox button {
    background: none;
    border: medium;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.6rem;
}
.searchbox button:hover {
    color: #57B7DF;
}
.searchbox label {
    font-size: 1.6rem;
    top: 0;
    padding: 6px 10px;
}
.searchbox label:after {
    font-size: 1rem;
}
@media (max-width: 1000px) {
    .searchbox label {
        font-size: 1rem;
        padding: 15px 10px;
    }
}
.subNavBar div.p a {
    text-decoration: none;
}
.subNavBar div.p a:hover {
    text-decoration: underline;
}
.subNavBar div.p {
    padding: 0 1rem;
}
.sortOrder a {
    color: #2C6E83;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
}
.sortOrder a:hover, .sortOrder a:focus {
    color: #44aac9;
    text-decoration: underline;
}
@media (max-width: 960px) {
    .sortOrder a {
        font-size: 14px;
    }
    h1 {
        font-size: 1.4rem;
        line-height: 2.1875rem;
        margin-bottom: 30px;
    }
}
@media (min-width: 768px) {
    .read-more, .read-less {
        color: #2C6E83;
        text-decoration: none;
        padding-bottom: 1rem;
        font-weight: bold;
    }
    .internship {
        height: 370px;
        max-height: 370px;
        overflow-y: auto;
    }
    .internship.expanded {
        height: 800px;
    }
    description-text {
        overflow: hidden;
    }
    .description-text.full {
        height: 100%;
    }
}