/*********************************************************/
/******************** 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 *************************/
/*********************************************************/

html {
	position: relative;
	min-height: 100%;
}

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

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: 10px;
}

b, strong {
	font-weight: bold;
}

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 */
}

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

a:hover, a:focus {
  color: #004e99;
  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:not(.search-top-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;
	margin-top: 20px;
}

.width-max {
	width: 100%;
}

.width-auto {
	width: auto;
}

.gototop {
	position: fixed;
	cursor: pointer;
	right: 50px; 
	bottom: 100px; 
	z-index: 10;
	display: none;
	width: 33px;
	height: 32px;
	background-image: url('../images/gototop.png');
}

.gototop:focus {
	border: 1px solid #06c;
}

.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;
  	text-decoration: underline;
}

.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-color: #0071a9;
	margin: 5px;
	white-space: normal;
}

.btn:hover, .btn:focus {
	box-shadow: 0 1px 3px #666;
	background: #007AB8;
	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: #d1ddeb;
	border-color: #b2c6de;
	color: #333333;
}

.btn-secondary:focus {
	box-shadow: 0 1px 3px #666;
	background-color: #b2c6de;
	color: #333333;
	border-color: #b2c6de;
	text-decoration: underline;
}

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

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background: #0083c4;
	color: #fff;
	border-color: #0062cc;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	background-color: #b2c6de;
	color: #333333;
	border-color: #b2c6de;
}

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

/* Search form styling */
.search-top-input {
	border: 1px solid white;
	border-radius: 3px 0 0 3px;
	padding: 0.5rem;
	padding-right: 25px;
	width: 100%;
	height: 39px;
}

.search-top-input:focus {
	background: #fcf3ba none repeat scroll 0 0;
	outline: medium none;
	box-shadow: none;
}

.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;
}

.search-icon {
	background-image: url('../images/search-grey.png');
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-position: center;
}

.search-icon:hover {
	background-image: url('../images/search.png');
}

.search-icon-small {
	background-image: url('../images/search-grey.png');
	background-size: 17px 16px;
	background-repeat: no-repeat;
	background-position: center;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
}

.search-icon-small:hover {
	background-image: url('../images/search.png');
}

.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: 0px;
	margin-left: 0px;
	margin-top: 0px;
	border-radius: 0.3125rem !important;
	height: 2.4375rem;
	line-height: 2.4375rem;
	position: relative;
	font-size: 1.0rem;
}

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

.lang-francais,.lang-fr {
	font-size: 1.0rem;
	margin-right: 1.25rem;
	color: #FFFFFF;
	margin-top: 0.5rem;
	float: right;
	border-radius: 0.1875rem;
	padding: 0.0625rem;
}

.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;
}

.header-text-width {
	padding-left: 15px;
	padding-right: 15px;
}

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

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

.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;
}

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

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

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

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

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

.remove-margin {
	margin: 0;
}

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

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

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

.remove-margin-top {
	margin-top: 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;
}

.underline {
	text-decoration: underline;
}

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

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

.displayTableCell {
	display: table-cell;
}

.displayBlock {
	display: block;
}

.displayNone {
	display: none;
}

/*********************************************************/
/******************** 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 .navbar-nav .nav-link {
	font-size: 0.875rem;
	padding: 15px;
}

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

.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 .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 > .container {
	display: block;
}

.dropdown-item {
	font-size: 0.875rem;
	display: block;
	padding: 8px 15px;
    color: #06c;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    white-space: nowrap;
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item:active {
	color: #004e99;
	text-decoration: underline;
	background-color: transparent;
}

.dropdown-toggle::after {
    display:none
}

.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;
  white-space: nowrap;
}

.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: 20px;
	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.0625rem;
}

.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
}

/*********************************************************/
/**************** 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;
	font-weight: normal;
	cursor: pointer;
	display: inline;
}

.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 0.5859rem;
    border-style: solid;
    padding: 0.5859rem;
    margin-bottom: 0.78125rem;
    color: #333333;
    position: relative;
	font-size: inherit;
    line-height: 1.6;
    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;
}

.percent-input {
	width: 100px;
}

.Offscreen-Text, #skipToMain {
	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.0rem;
  line-height: 1.3;
}

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

.stats .number.big {
  font-size: 1.625rem;
  margin-top: 25%;
}

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

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

.circle--small .number {
  font-size: 2.5rem;
  line-height: 2.1875rem;
  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;
}

.purpleFont {
	color:#60047a;
}

.orangeFont {
	color: #f2671f;
}

.redFont {
	color: red;
}

.darkredFont {
	color: #CB1B28;
}

.greenFont {
	color: #008b52;
}

.background-yellow {
	background: #fafad2;
}

.background-green {
	background: #e6fad2;
}

.background-red {
	background: #fad2d2;
}

.background-black {
	background: #333;
}

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

.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: 4.0625rem;
    line-height: 4.0625rem;
    margin: 0 auto;
    width: auto;
}

.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-bottom {
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 20px;
}

.input-amount {
	width: 50px;
}

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

.legend-normal {
	font-size: 1.0rem;
	border-bottom: 0;
	margin-bottom: 0;
}

.legend-label {
	border-bottom: 0;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.0rem;
	width: auto;
}

.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: 0.75em;
}

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

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

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

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

.footer a {
  color: #4d4d4d;
}

.footer a:hover, .footer a:focus, .footer a:active {
  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;
}

.input-group {
	width: auto;
	position: relative;
	display: table;
	border-collapse: seperate;
}

.input-group > .form-control {
	width: auto;
}

.form-group .form-control {
  	appearance:auto; /* Fix date picker button missing in Bootstrap 5.3.3 */
  	padding: 7px 12px;
  	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 {
	display: block;
}

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

ul.pagination > li > a {
  border: 0.0625rem 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%;
}

/*********************************************************/
/*********************** 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;
}

.label-onscreen {
	font-weight: normal;
	display: inline;
}

/** Bootstrap 5.3.3 Migration Updates **/

.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;
}