@font-face {
  font-family: "Titillium Web";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/TitilliumWeb-Regular.ttf") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Georgia";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/georgia.ttf") format("woff2");
}

body {
	background-color: #848589;
	color: #222222;
	font-family: Titillium Web, sans-serif;
  	font-size: 14px;
}

a {
	color: #017ea5;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #017ea5;
}

@media (min-width: 1500px) {
	.container {
		max-width: 85%;
	}
}

#base-container {
	max-width: 1250px;
}

#row-container {
	padding: 0;
}

#header {
	color: #ffffff;
	height: auto;
	min-height: 36px;
	line-height: 36px;
	padding: 0px 1px;
}

#header a {
	color: #ffffff;
}

#shadow-container {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background: white;
}

#banner {
  background: #CC0033 url("../images/RU_V_WHITE.png") no-repeat scroll 20px 20px / auto 60px;
  height: 100px !important;
  position: relative;
  width: 100%;
}
#banner-subtitle {
  position: absolute;
  height: 60px;
  line-height: 60px;
  top: 20px;
  left: 90px;
  color: white;
  font-size: 30px;
  font-family: "ff-meta-correspondence-web-p", sans-serif;
  letter-spacing: -.05rem;
  border-left: white solid 3px;
  padding-left: 15px;
}

#navigation {
	background-color: #333333;
	height: auto;
	line-height: 34px;
	min-height: 34px;
	position: relative;
	width: 100%;
}

.banner-title .banner-title:hover{
	text-decoration: none !important;
	color: white;
	font-size: 30px;
	font-weight: 1px;
}


div#app-title{
	text-decoration: none !important;
	display: inline;
	padding-left: 15px;
	color: white;
	font-size: 20px;
	font-weight: 100;
}


.bg-dark {
	background-color: #333333 !important;
}

.container .dropdown .dropdown-menu {
  background-color: #333333;
  border-color: #424242;
}

#navigation ul {
	list-style-type: none;
	margin-bottom: 0;
}

#navigation li {
	display: inline;
	white-space: nowrap;
}

#navigation a {
	color: #ffffff;
	padding: 0px 18px 0px;
	font-size: 12px;
	font-weight: bold;
}

#navigation a:hover {
	background-color: #444444;
	color: #ffcc00;
	text-decoration: none;
}

.active{
    background-color: #5f5f5f;
	color: #ffe47a;
	text-decoration: none;
}

#message-container {
  background-color: white;
  padding: 0px 24px 18px 24px;
}

#content-container {
	background-color: #ffffff;
	padding: 0px 24px 18px;
}

#footer {
	background-color: #424242;
	color: #ffffff;
	padding: 5px 15px;
	font-size: 12px;
	text-align: center;
}

#footer a {
	color: #ffcc00;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Times, serif;
  padding-bottom: 6px;
}

h3, h4, h5, h6 {
  font-family: Titillium Web, sans-serif;
  font-weight: bold;
}

h1 {
	font-size: 28px;
  border-bottom: dotted 1px #BCBCBC;
}

h2 {
	color: #00684e;
	font-size: 24px;
}

h3 {
  font-size: 16.7px;
  text-transform: uppercase;
}

h4 {
  font-size: 14px;
  text-transform: uppercase;
}

.alert {
  margin-bottom: 6px;
}

.alert:first-child {
  margin-top: 18px;
}

.alert:last-child {
  margin-bottom: 0px;
}

.message {
	border: 1px solid #dddddd;
	background-color: #f5f5f5;
	color: #333333;
	text-align: left;
	padding: 10px;
}

.message-success {
	border-color: #d6e9c6;
	background-color: #dff0d8;
	color: #3c763d;
}

.message-info {
	border-color: #bce8f1;
	background-color: #d9edf7;
	color: #31708f;
}

.message-warning {
	border-color: #faebcc;
	background-color: #fcf8e3;
	color: #8a6d3b;
}

.message-danger {
	border-color: #ebccd1;
	background-color: #f2dede;
	color: #a94442;
}

.errorlist {
	color: #ff0000;
}

.table-striped tbody tr:nth-of-type(2n+1) {
	background-color: #f9f9f9;
}

ul.pagination {
	margin-bottom: 0;
}

.underline {
	text-decoration: underline;
}

.no-padding {
  padding: 0;
}

code {
  color: #BA0808;
  background: #F9F7ED;
  padding: 2px 3px 0px;
  border: solid 1px #DEDFD1;
  border-radius: 3px;
}

#rusearch {
  display: inline;
  font-face: sans-serif;
}

#rusearch input, #rusearch select, #rusearch button {
  height: 24px;
  padding: 0px 3px 2px;
  font-size: 14px;
  border-radius: 2px;
}

.menu-icon {
  width: 20px;
}

.cursor-pointer {
  cursor: pointer;
}


label.form-group {
	display: block;
}

[type="text"]:hover,
[type="date"]:hover,
[type="email"]:hover {
	border-color: #007fac;
}

[type="text"]:focus,
[type="date"]:focus,
[type="email"]:focus {
	border-color:#007fac;
	outline: none;
	box-shadow: 0 0 0 3px hsla(196, 100%, 34%,.25);
}


[type="text"]:active,
[type="date"]:active,
[type="email"]:active {
	border-color: #007fac;
	box-shadow: 0 0 0 1px hsla(196, 100%, 34%, 1);
}


input:checked + .c-checkbox__label::before {
	border-color:  hsla(196, 100%, 34%, 1);
	background: #fff url("https://www.a11ymatters.com/assets/images/patterns/checkbox/checkmark.svg") center/12px no-repeat;
	Xfill: #fff;
	Xcolor: #fff;
}

.agreement {
	border-left: 8px solid #007fac;
	background-color: #eee;
	line-height: 1.5;
	padding: 1rem;
	font-size: 14px;
	color: red;
}

.agreement2 {
	border-left: 8px solid #007fac;
	background-color: #eee;
	line-height: 1.5;
	padding: 1rem;
	color: red;
}

.scrollable {
	max-height: 100px;
	overflow-y: auto;
	border: 1px solid #ccc;
	padding: 0 1rem;
	margin: 1rem 0;
}

#disclosure_form {
	border: 4px solid rgb(185, 185, 185);
	border-radius: 10px;
	overflow-y: auto;
	height: 500px;
}

canvas {
	border-bottom: 0;
	width: 100%;
}