/*********************************************************/
/******************** Font Rules *************************/
/*********************************************************/

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/open_sans_300.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../fonts/open_sans_400.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/open_sans_600.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/open_sans_700.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(../fonts/open_sans_800.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/open_sans_300_italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/open_sans_400_italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/open_sans_600_italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../fonts/open_sans_700_italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans Extrabold Italic'), local('OpenSans-ExtraboldItalic'), url(../fonts/open_sans_800_italic.woff) format('woff');
}

/* raleway-400 - modified */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-modified-400.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-modified-400.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-modified-400.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-modified-400.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - modified */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-modified-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-modified-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-modified-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-modified-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - modified */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-modified-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-modified-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-modified-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-modified-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/*********************************************************/
/******************** Base Rules *************************/
/*********************************************************/

body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
  line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: "Raleway","Helvetica Neue",Helvetica,Arial,sans-serif;
  color:#4e4e4e;
}
h1{
  font-size: 2.25rem;
  letter-spacing: 0.04rem;
}

h2{
  font-size: 1.6875rem;
  letter-spacing: 0.02rem;
}

h3{
  font-size: 1.3125rem;
  letter-spacing: 0.02rem;
}

h4{
  font-size: 1.125rem;
}

h5{
  font-size: 0.9375rem;
}

h6{
  font-size: 0.75rem;
}

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

a {
  color: #06c;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
  text-decoration: none; /* Removes the underline for links that appeared after BootStrap 5.3.3 */
}

a:hover, a:focus {
  color: #5798d8;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}

a:hover,
a:focus {
  color: #0083c4;
  text-decoration: underline;
  outline: none;
}

a.errormsg:hover,
a.errormsg:focus {
	color: #d62929;
	text-decoration: underline;
 	outline: none;
}

a.visited {
	color: #609;
}

label {
	display: inline-block;
	font-weight: bold;
}
select {
	max-width: 220px;
	padding-left: 10px;
}

li {
	list-style-position: outside;
}

body > section {
  	padding: 20px 0;
}

form > section {
  	padding: 20px 0;
}

section .container {
	font-size: 1.0rem;
	line-height: 1.5rem;
	font-weight: 400;
}

input[type="text"],input[type="password"], select{
    border: 0.0625rem solid grey !important;
    font-size: 0.875rem;
    height: 2.125rem;
    line-height: 1.42857;
    border-radius: 0;
    width: auto;
    max-width: 100%;
}

label {
	margin-bottom: 0;
	padding: 5px 0px 0px 0px;
}

/*********************************************************/
/******************* Module Rules ************************/
/*********************************************************/

.errormsg {
	COLOR: #d62929;
	background: white;
	margin-top: 20px;
}

.width-max {
	width: 100%;
}

.width-auto {
	width: auto !important;
}

.btn-primary {
  	padding: 0.75rem 1.5rem;
  	box-shadow: 0 0.125rem 0.25rem #666;
	border-radius: 0.1875rem;
	font-size: 1.0rem;
	margin: 0.3125rem;
	border: none;
}

.btn-primary:focus{
  	background: #0071a9;
  	outline: none;
  	box-shadow: none;
}

.btn-primary:hover {
	box-shadow: 0 1px 3px #666;
	background: #0083c4;
	color: #fff;
	text-decoration: none; /* Removes the underline that appeared in BootStrap 5.3.3 */
}

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

.btn {
	box-shadow: 0 2px 4px #666;
	background: #0071a9;
	color: #fff;
	margin: 5px;
	white-space: normal;
}

.btn:hover, .btn:focus {
	box-shadow: 0 1px 3px #666;
	background: #0083c4;
	color: #fff;
}

.btn-secondary {
	padding: 0.75rem 1.5rem;
	box-shadow: 0 0.0625rem 0.1875rem #666666;
	border-radius: 0.1875rem;
	font-size: 1.0rem;
	margin: 0.3125rem;
	background-color: #d1ddeb;
	border-color: #b2c6de;
	color: #333333;
}

.btn-secondary:hover, .btn-secondary:focus {
	box-shadow: 0 1px 3px #666;
	background-color: #b2c6de;
	border-color: #b2c6de;
	color: #333333;
	text-decoration: none; /* Removes the underline that appeared in BootStrap 5.3.3 */
}

.btn-logout{
	margin: 9px 5px;
	float:right;
	padding: 6px 12px;
}

.search-btn {
	border: 1px solid white;
	border-radius: 0 3px 3px 0;
	background-color: #fff;
	width: 100%;
	height: 39px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}

.search-btn:hover {
	background-color: #737373;
	box-shadow: 0 0 0 #fff;
}

.search-dropdown {
	border: medium none;
	border-radius: 3px;
	background-color: #fff;
	width: 100%;
	height: 39px;
}

.search-dropdown:hover {
	background-color: #737373;
	box-shadow: 0 0 0 #fff;
}

.dropdown-search-box {
	border: 1px solid #ccc;
	border-radius: 0;
	left: inherit;
	right: 0;
	width: 95%;
}

.dropdown-search-box:after,.dropdown-search-box:before {
	content: "";
	display: block;
	height: 0;
	width: 0;
	position: absolute
}

.dropdown-search-box:before,.dropdown-search-box:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: transparent transparent #fff;
	border-image: none;
	border-style: inset inset solid;
	border-width: 6px;
	right: 80px;
	top: -12px;
	z-index: 4;
}

.dropdown-menu {
  	margin-top: -1px;
  	min-width: 180px;
}

.dropdown-menu-custom {
	position: absolute;
	background-color: #fff !important;
	margin-top: 5px;
}

.dropdown-submenu-custom {
	position: static;
	background-color: #ededed;
}

.collapsing {
	overflow: hidden;
}

.menu-btn {
	float: right;
	background-color: #0071a9;
	border: none;;
	color: #FFFFFF;
	margin-bottom: 0rem;
	margin-left: 0rem;
	margin-top: 0rem;
	border-radius: 0.3125rem !important;
	height: 2.4375rem;
	line-height: 2.4375rem;
	position: relative;
	font-size: 1.0rem;
}

.submenu-padding {
	padding-left: 30px;
}

.french {
	color: #fff;
	float: right;
	margin-top: 24px;
	border-radius: 3px;
	padding: 1px;
	font-size: 0.875rem;
}

.french:hover, .french:focus, .french:active,
.lang-francais:hover, .lang-francais:focus, .lang-francais:active,
.lang-fr:hover, .lang-fr:focus, .lang-fr:active {
	color: #ffffff;
}

.osapLogo {
	width: 142px;
	height: 70px;
}

.align-bottom {
	vertical-align: bottom;
}

.col-sm-2-more {
	width: 20%
}

.col-sm-2-less {
	width: 13%
}

.col-sm-3-more {
	width: 28.33333333333333%
}

a.new-tab{
	padding: 0 0.8rem 0.7rem 0;
	background-image: url(../images/new-tab.png);
	background-repeat: no-repeat;
    background-position: right top;
}

.ruling-line {
      border-top: 1px solid #e5e5e5;
      padding-top: 10px;
      margin-top: 25px;
}

.inline-header {
	display: inline-block; 
	margin-top: 10px;
}

/*
 * Padding
*/
.add-padding-space {
	padding-left: 5px;
}

.add-padding-around {
	padding: 10px;
}

.add-padding-left {
	padding-left: 15px;
}

.add-padding-bottom {
	padding-bottom: 10px;
}

.remove-padding-left {
	padding-left: 0;
}

.remove-padding-top {
	padding-top: 0;
}

.remove-padding-bottom {
	padding-bottom: 0;
}

/*
 * Margins
*/
.add-margin-bottom-double {
	margin-bottom: 2rem;
}

.add-margin-bottom {
	margin-bottom: 1rem;
}

.add-margin-top {
	margin-top: 15px;
}

.add-margin-left {
	margin-left: 15px;
}

.remove-margin {
	margin: 0;
}

.remove-margin-top {
	margin-top: 0;
}

.remove-margin-bottom {
	margin-bottom: 0;
}

.remove-margin-left {
	margin-left: 0;
}

.text-right {
	text-align: right;
}

.center {
  	text-align: center;
}

.left {
	text-align: left;
}

.left-align-ul,.left-align {
	text-align: left;
}

.right-align {
	text-align: right;
}

.white-space-prewrap {
	white-space: pre-wrap;
}

.word-wrap-break-word {
	word-wrap: break-word;
}

.underline {
	text-decoration: underline;
}

.font-weight-normal {
	font-weight: normal !important;
}

.font-weight-600 {
	font-weight: 600 !important; 
}

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}

.displayTableCell {
	display: table-cell;
}

.displayNone {
	display: none !important;
}

.displayBlock {
	display: block !important;
}

.displayInline {
	display: inline !important;
}

.displayInlineBlock {
	display: inline-block !important;
}

.legend-label {
	font-size: 1.0rem;
	margin-bottom: 0;
	padding: 5px 0px 0px 0px;
	font-weight: bold;
}

.mousePointerDefault:hover {
	cursor: default !important;
}

/*********************************************************/
/******************** Navigation *************************/
/*********************************************************/

.navbar-brand {
  margin: 9px 0;
}

.navbar-brand:focus {
  margin: 7px -2px;
  border: 2px solid #407899;
  border-radius: 3px;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.navbar-expand-sm {
  border: none;
}

.navbar-expand-sm .navbar-brand {
  font-size: 2.25rem;
  line-height: 3.125rem;
  color: #fff;
}

.navbar-expand-sm .navbar-nav > li > a,
.navbar-expand-sm .navbar-nav > li > a:focus {
  border-radius: 3px;
  color: #06c;
  line-height: 24px;
  display: inline-block;
}

.navbar-expand-sm .navbar-nav > li > a:hover,
.navbar-expand-sm .navbar-nav > li > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.navbar-expand-sm .navbar-nav .dropdown-menu > li > a:hover,
.navbar-expand-sm .navbar-nav .dropdown-menu > li > a:focus {
	color: #004e99;
}

.navbar-expand-sm .navbar-nav > .active > a,
.navbar-expand-sm .navbar-nav > .active > a:hover,
.navbar-expand-sm .navbar-nav > .active > a:focus,
.navbar-expand-sm .navbar-nav > .open > a,
.navbar-expand-sm .navbar-nav > .open > a:hover,
.navbar-expand-sm .navbar-nav > .open > a:focus {
  background-color: #FAFAD2;
  color: #06c;
}

.navbar-expand-sm .navbar-nav .nav-link {
    font-size: 0.875rem;
    padding: 15px;
}

.nav-link:hover, .nav-link:focus {
    text-decoration: underline;
}

.navbar-expand-sm .navbar-nav .dropdown-menu {
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0,0,0,0.15);
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
}

.navbar-expand-sm .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-expand-sm .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #06c;
}

.navbar-expand-sm .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-expand-sm .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-expand-sm .navbar-collapse,
.navbar-expand-sm .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}

/* Navbar min-height */
.navbar {
	min-height: 54px;
}

.navbar-nav > li {
	margin-right: 35px;
	padding-bottom: 0px;
	float: left;
}

.navbar-nav {
	float: left;
	margin: 0;
}

.navbar-collapse {
	max-height: 100%;
	padding-right: 0px;
	padding-left: 0px;
}

.navbar-toggle {
	background-color: #0071a9;
	color: #FFFFFF;
	height: 39px;
	border-radius: 5px 5px 5px 5px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	padding: 5px;
}

.navbar-toggle p {
	color: #FFFFFF;
	font-size: 1.7rem;
}

.navbar-expand-sm .navbar-toggle:focus {
	background-color: #0071a9;
}

.navbar-expand-sm .navbar-toggle:visited {
	background-color: #0071a9;
}

.navbar-expand-sm .navbar-toggle:hover {
	background-color: #0083c4;
}

.navbar-expand-sm .navbar-toggle:active {
	background-color: #0083c4;
}

ul.pagination-sm>li>a,.pagination-sm>li>span {
	padding: 0.3125rem 0.625rem;
	font-size: 0.75rem
}

ul.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

ul.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}

/*********************************************************/
/***************** session time out **********************/
/*********************************************************/
.dialog-ovelay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999;
    height: 100%;
}
.dialog-ovelay .dialog {
    width: 450px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden;
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px; 
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9;
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2;
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px;
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 1.0rem;
    color: #333;
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px;
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl;
    float:right;
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px;
}

/*********************************************************/
/**************** Custom Theme Rules *********************/
/*********************************************************/

/* Table Styling */
.table-header {
	background-color: #2e2e2e;
	color: #FFFFFF;
	padding: 5px;
}

.table-subheader {
	text-decoration: underline;
}

.radio {
	margin: 0;
}

.radio label {
	padding-top: 0px;
	padding-left: 5px;
	font-weight: normal;
}

.radio label:hover {
	cursor: pointer;
}

.radio+.radio {
	margin-top: 0;
}

.index-font {
	font-size: 1.375rem;
	line-height: 2.1875rem;
}

.ontario-header-logo {
	padding: 20px;
	width: 193px;
}

.ontario-header-logo-div:focus {
  margin: 7px -2px;
  border: 2px solid #407899;
  border-radius: 3px;
  padding: 15px 0px;
}

.lead {
    font-size: 1.0rem;
    line-height: 1.5rem;
    font-weight: 400;
}

.alert-box {
	font-family: raleway;
    border-color: rgba(0, 0, 0, .1);
    border-width: 0 0 0 .9375rem;
    border-style: solid;
    padding: .9375rem;
    margin-bottom: 1.25rem;
    color: #333333;
    position: relative;
	font-size: inherit;
    line-height: 2.0rem;
    background: #FAD2D2;
}

.notice-box {
    font-family: raleway;
    border-color: rgba(0, 0, 0, .1);
    border-width: 0 0 0 .9375rem;
    border-style: solid;
    padding: .9375rem;
    margin-bottom: 1.25rem;
    color: #333333;
    position: relative;
    background: #fafad2;
}

.toc-line {
	border-top: 4px solid #d9d9d9;
	margin-top: 0;
	margin-bottom: 0;
}

.Offscreen-Text, #footer_skipToTop {
	font-size: xx-small;
	left: -9999px;
	top: auto;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.stats, .number, .stats-caption {
  font-family: raleway;
  font-weight: bold;
}

.stats .stats-caption {
  font-size: 1.6rem;
  line-height: 1.3;
}

.stats .number {
  display: block;
  font-size: 4.5rem;
  margin: 20% auto;
  text-align: center;
}

.stats .number.big {
  font-size: 1.5rem;
  margin-top: 10%;
}

.circle, .circle--small {
  font-family: raleway;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-weight: 800;
  margin-bottom: 0.5rem;
  position: relative;
  width: 7.6125rem;
  height: 7.6125rem;
}

.circle--small {
  width: 4.0625rem;
  height: 4.0625rem;
}

.circle--small .number {
  font-size: 4rem;
  line-height: 3.5rem;
  margin: 0 auto;
  width: auto;
}

.skittle-sign {
	font-size: 3.75rem; 
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
}

.skittles-text {
	font-size: 1.4375rem;
    margin-top: 0;
    margin-bottom: 1.25rem;
}

.bubble {
    font-family: raleway;
    background:#fff;
    border-radius: .8rem;
    position: relative;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.bubble:after {
    content: " ";
    position: absolute;
    bottom: -20px;
    left: 38px;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 20px 14px 0;
    width: 0;
    z-index: 1;
}

.input-group-addon {
    padding: 0.5rem 0.625rem 0.5rem 0.875rem;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0.25rem;
}

.input-group-addon:first-child {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-addon:last-child {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.lineHeight16 {
	line-height: 1.6rem;
}

.purpleFont {
	color:#60047a;
}

.orangeFont {
	color: #f2671f;
}

.redFont {
	color: red;
}

.darkredFont {
	color: #CB1B28;
}

.greenFont {
	color: #008b52;
}

.background-yellow {
	background: #fafad2;
}

.background-light-green {
	background: #dff0d8;
}

.background-green {
	background: #e6fad2;
}

.background-red {
	background: #fad2d2;
}

.background-black {
	background: #333;
}

.background-light-blue {
	background: #d2e6fa;
}

.bright-yellow-bg {
	background: #FAFAD2;
}

.purple-bg {
    background-color: #60047a !important;
	color: #fff;
}

.orange-bg {
    background-color: #f2671f !important;
    color: #fff;
}

.red-bg {
	background-color: #CB1B28;
	color: #fff;
}

.blue-bg {
    background-color: #0087cb !important;
    color: #fff;
}

.green-bg {
    background-color: #008b52 !important;
    color: #fff;
}

.number {
	font-family: raleway;
    font-weight: bold;
	font-size: 6.5rem;
    line-height: 6.5rem;
    margin: 0 auto;
    width: auto;
    line-height: 6.5rem;
}

.check-mark {
	width:10px;
	height:10px; 
	margin-left:10px;
}

.vertical-list {
	list-style: none;
	padding-left: 0;
}

.inline-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.add-thick-border-bottom {
	border-bottom: 4px solid #d9d9d9;
	margin-bottom: 20px;
}

.add-border-top {
	border-top: 1px solid #d9d9d9;
	margin-top: 20px;
}

.add-border-top-solid {
	border-top-style: solid;
	border-top-color: #d9d9d9;
}

.add-border-bottom {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 20px;
}

.add-border-bottom-solid {
	border-bottom-style: solid;
	border-bottom-color: #d9d9d9;
}

.input-amount {
	width: 50px;
}

.unreadmsg {
	color: white !important;
	background-color: red !important;
	border-radius: 50%;
	padding: 0px 4px !important;
	margin-left: 5px !important;
	font-size: 0.6875rem;
	text-align: center;
}

.introText{
	font-size: 0.875rem;
}

.index-font {
	font-size: 1.375rem;
	line-height: 2.1875rem;
}

.clearPage, .newSearch {
	float: right; 
	font-size: 1.0rem; 
	font-weight: normal; 
	margin-top: 1.2em;
}

.personal-info-clearPage {
	position: absolute;
	right: 0;
	font-size: 1.0rem; 
	font-weight: normal; 
	margin-top: 1.2em;
}

.clear-section {
	float: right; 
	font-size: 1.0rem; 
	font-weight: normal;
	margin-top: 0.6875rem;
}

.selectOneMenuFocus:focus {
	box-shadow: 0 0 1px 1px #666666 !important;
}

.selectProgramFocus:focus {
	box-shadow: 0 0 1px 1px #666666 !important;
}

.footer {
	padding: 2rem 0 1.5rem;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #ededed;
}

.footer h3 {
	color: #4d4d4d;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.4;
}

.footer a:visited {
	color: #609;
}

.footer a {
	color: #4d4d4d;
	font-size: 0.875rem;
}

.footer a:hover, .footer a:focus {
    color: #004e99;
    text-decoration: underline;
}

.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer ul > li {
  display: inline-block;
  margin-right: 15px;
}

.footer-landing {
	padding-top: 30px;
	background-color: #ededed;
}

.footer-landing a {
	color: #4d4d4d !important;
}

.footer-landing a:hover, .footer-landing a:visited:hover {
    color: #5798d8 !important;
    text-decoration: underline !important;
}

.footer-topic-links > li {
	padding-bottom: 10px !important;
	display: block !important;
	margin-right: 0px !important;
}

.footer-landing .container {
	max-width: 1000px !important;
}

.form-group .form-control, .income-amount {
	appearance:auto; /* Fix date picker button missing in Bootstrap 5.3.3 */
    padding: 0.4375rem 0.75rem;
    border-color: #f2f2f2;
    box-shadow: none;
    flex: 0 1 auto;
    height: auto;
    font-size: 0.875rem;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}

.two-column-results>li {
	margin-bottom: 35px;
	display: block;
	overflow: hidden;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
}

.school-search-form>div {
	border-bottom: 1px #2e2e2e solid;
}

a.anchor {
    display: block;
    position: relative;
    top: -175px;
    visibility: hidden;
}

.underline-link-hover>a:hover {
	text-decoration: underline !important;
}

.inline-list > li {
    padding: 0 0.7rem 0.7rem 0;
	display: inline-block;
	vertical-align: top;
}

.schoolsearch-results>li {
    margin-bottom: 35px;
    display: block;
    overflow: hidden;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}

ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right: 0.3125rem;
  border-radius: 0.3125rem;
  font-size: 0.75rem;
  padding: 0.3125rem 0.625rem;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #0071a9;
  border-color: #0071a9;
  color: #fff;
}

.progressBar {
	border: #D2E6FA; 
	border-style: solid;
}

.progressBar-bg {
	background-color: #D2E6FA;
  	width: 20%;
}

.upload {
	width: 100%;
}

/* Used for select_program.xhtml/select_institution to override visited a tag links
*/
a.search-instprog-results {
	text-decoration: none !important;
	border: none;
    background-color:#FFFFFF;
    text-align: inherit;
    color:#4e4e4e !important;
}

a.search-instprog-results:focus {
	outline: none;
}

/*********************************************************/
/*********************** IDs *****************************/
/*********************************************************/
#header .search{
  display: inline-block;
}

#feature {
	background: #f2f2f2;
	padding-bottom: 5px;
}

#textlinks .aoda-skipToNav {
	border-right-width: 0px;
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#textlinks .aoda-skipToNav:hover,#textlinks .aoda-skipToNav:focus {
	position: static;
	width: auto;
	height: auto;
	text-decoration: underline;
}

#content_area > section {
  padding: 20px 0;
}

#content_area a:not(.btn):not(.pagination-link):not(:hover):visited {
	color: #609;
}

/** Bootstrap 5.3.3 Migration Updates **/

.font-weight-bold {
    font-weight: 700 !important;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

.form-group {
	margin-bottom: 1rem; /* .mb-3 */
}

.form-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}

.form-row > .col,
.form-row > [class*="col-"] {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
}

.form-inline {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem
}

.form-inline > .form-group{
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
}

select.form-control {
	width:auto;
}