html {
position: relative;
min-height: 100%; }
*,
*:before,
*:after {
box-sizing: inherit; }
body {
font-family: sans-serif;
position: relative;
min-height: 100vh; }
a {
cursor: pointer;
text-decoration: none !important; }
a:hover {
text-decoration: none; }
body#rems-home-body {
background-color: #fff;
font-family: sans-serif;
min-height: 100vh;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed; }
.wrapper {
display: flex;
align-items: stretch;
position: relative; }
#rems-wrap {
position: relative;
display: -webkit-box;
padding: 0 50px; }
.row {
margin-left: 0;
margin-right: 0;
width: 100%;
display: block; }
.no-left-margin {
margin-left: -15px !important; }
.pad-left {
margin-left: 20px !important; }
.pad-right {
margin-right: 20px !important; }
.pad-bottom {
margin-bottom: 20px !important; }
.pad-top {
margin-top: 30px !important; }
.no-width-padding {
padding-left: 0px !important;
padding-right: 0px !important; }
.btn-home-primary {
display: block;
color: #006EBC !important;
background-color: #c6def7 !important;
border: none;
margin-right: auto;
margin-left: auto;
width: 70%;
font-size: 14px; }
.btn-home-primary:hover {
color: #fff !important;
background-color: #1787cc !important; }
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col-xs-5ths {
width: 20% !important;
float: left; }
@media (min-width: 768px) {
.col-sm-5ths {
width: 20% !important;
float: left; } }
@media (min-width: 992px) {
.col-md-5ths {
width: 20% !important;
float: left; } }
@media (min-width: 1200px) {
.col-lg-5ths {
width: 20% !important;
float: left; } }
.col-xs-7ths,
.col-sm-7ths,
.col-md-7ths,
.col-lg-7ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col-xs-7ths {
width: 14.285714285714285714285714285714% !important;
float: left; }
@media (min-width: 768px) {
.col-sm-7ths {
width: 14.285714285714285714285714285714% !important;
float: left; } }
@media (min-width: 992px) {
.col-md-7ths {
width: 14.285714285714285714285714285714% !important;
float: left; } }
@media (min-width: 1200px) {
.col-lg-7ths {
width: 14.285714285714285714285714285714% !important;
float: left; } }
.col-xs-8ths,
.col-sm-8ths,
.col-md-8ths,
.col-lg-8ths {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px; }
.col-xs-8ths {
width: 12.5% !important;
float: left; }
@media (min-width: 768px) {
.col-sm-8ths {
width: 12.5%;
float: left; } }
@media (min-width: 992px) {
.col-md-8ths {
width: 12.5% !important;
float: left; } }
@media (min-width: 1200px) {
.col-lg-8ths {
width: 12.5% !important;
float: left; } }
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #000 !important; }
::-moz-placeholder {
/* Firefox 19+ */
color: #000 !important; }
:-ms-input-placeholder {
/* IE 10+ */
color: #000 !important; }
:-moz-placeholder {
/* Firefox 18- */
color: #000 !important; }
.panel-group {
display: block;
margin-bottom: 20px;
width: 80%;
margin: 0 auto; }
.panel-group .panel {
display: block;
border-color: #eee;
margin-top: 0px !important; }
.panel-group .panel .panel-heading {
cursor: pointer;
background-color: #0073B4;
color: #fff;
min-height: 60px;
position: relative; }
.panel-group .panel .panel-heading:hover {
background-color: #85952A; }
.panel-group .panel .panel-heading h5 {
margin: 0;
font-size: calc(.6em + .5vw);
line-height: 40px; }
.panel-group .panel .panel-heading h5 span {
margin: 0 20px 0 0;
float: right;
line-height: 40px; }
.panel-group .panel .panel-heading .header-img {
display: block;
position: relative; }
.panel-group .panel .panel-heading .header-img img {
display: block;
width: 40px;
vertical-align: middle; }
.panel-group .panel .panel-heading .header-img img.site-assess {
width: 100px;
position: absolute;
top: -6px; }
.panel-group .panel .panel-heading.grey {
background-color: #616265; }
.panel-group .panel .panel-heading.grey:hover {
background-color: #85952A; }
.panel-group .panel .panel-body {
display: block;
position: relative;
padding: 20px; }
.panel-group .panel .panel-body h6 {
margin: 10px 0;
font-size: 1em;
color: #333;
font-weight: bold; }
.panel-group .panel .panel-body .btn {
color: #fff !important;
background-color: #0073B4 !important;
float: left;
max-width: 250px;
text-transform: none !important; }
.panel-group .panel .panel-body .btn:hover {
background-color: #85952A !important; }
.side-promo-box {
display: block;
width: 100%;
max-width: 250px;
margin: 0;
position: relative; }
.side-promo-box .promo-box-heading {
display: block;
margin: 0 auto 20px;
position: relative;
text-align: center;
width: 100%; }
.side-promo-box .promo-box-heading img {
width: 250px;
display: block;
position: relative;
margin: 0 auto; }
.side-promo-box .promo-box-body {
display: block;
position: relative;
width: 100%;
padding: 15px;
border: 1px solid #616265;
background-color: #ccc; }
.side-promo-box .promo-box-body p {
font-weight: bold;
text-align: left; }
.side-promo-box .promo-box-body .promo-btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
display: block;
margin: 1em auto;
color: #fff !important;
background-color: #006EBC !important; }
.side-promo-box .promo-box-body .promo-btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.side-promo-box .promo-box-body .promo-btn:hover {
color: #fff !important;
background-color: #85952B !important; }
.side-promo-box.promo-box-opt-1 {
border: 1px solid #ccc;
padding: 20px; }
.side-promo-box.promo-box-opt-1 .promo-box-heading img {
width: 100%;
max-width: 250px; }
.side-promo-box.promo-box-opt-1 .promo-box-body {
display: block;
position: relative;
width: 100%;
padding: 0;
border: none;
background-color: transparent; }
.side-promo-box.promo-box-opt-1 .promo-box-body p {
color: #333;
font-weight: normal; }
.side-promo-box.promo-box-opt-1 .promo-box-body .app-btn {
display: block;
max-width: 150px;
margin: auto;
position: relative; }
.side-banner {
display: block;
max-width: 250px;
margin: 20px; }
.side-banner img {
display: block;
width: 100%; }
.left-content-col, .right-content-col {
display: block;
padding: 0 50px; }
.resourceLink {
display: table;
margin: 0 0 20px 0; }
.resourceLink a {
position: relative;
display: block;
float: left;
font-weight: normal;
font-size: 1.4em;
font-family: 'Marcellus', serif;
font-style: italic;
width: 100%; }
.resourceLink a svg {
display: inline-block;
margin: 0 20px 0 0;
width: .75em; }
.right-content-col h1 {
color: #0054A0;
font-size: 1.5em;
text-transform: uppercase;
margin-bottom: .5em;
font-family: 'Marcellus', serif;
font-weight: normal; }
.right-content-col h2 {
text-align: left;
font-weight: normal;
color: #006EBC;
font-size: 1.5em;
margin: 1.2em 0 .5em 0;
font-family: 'Marcellus', serif;
border-bottom: 3px double #85952B; }
.right-content-col h3 {
color: #85952B !important;
font-weight: 400 !important;
font-size: 19px !important;
font-family: sans-serif !important;
border: none !important; }
.right-content-col svg {
display: inline-block;
margin: 0 10px 0 0;
color: #444; }
.modal {
text-align: center;
padding: 0 !important; }
.modal:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -4px; }
.modal-dialog {
display: inline-block;
vertical-align: middle; }
.modal-dialog .modal-btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
float: right;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
width: 15%;
text-decoration: none;
background-color: #125199;
color: #fff; }
.modal-dialog .modal-btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.modal-dialog .modal-btn:hover {
background-color: #0f6fba;
color: #006EBC; }
.modal-dialog .modal-content .modal-header {
background-color: #0f6fba;
color: #fff; }
.modal-dialog .modal-content .modal-header h4 {
font-size: 20px;
color: #fff !important; }
.modal-dialog .modal-content .modal-body {
text-align: left; }
.modal-dialog .modal-content .modal-body ul li {
text-align: left; }
.modal-dialog .modal-content .modal-footer {
background-color: #F0F0F0; }
.modal-dialog .modal-content .modal-footer .btn {
float: right !important; }
div.pager {
position: relative;
display: block;
width: 100%;
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid #ccc; }
div.pager:before, div.pager:after {
content: " ";
display: table; }
div.pager a.back {
float: left;
display: inline-block; }
div.pager a.back:before {
position: relative;
font-family: Font Awesome 5 Free;
right: .2em;
color: #555;
font-size: 24px;
vertical-align: middle;
content: "\f0a8"; }
table {
margin: 1em auto 2em;
width: 100%; }
table thead tr th {
background: #006EBC;
color: #fff;
vertical-align: top;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 5px; }
table thead tr td {
vertical-align: top;
text-align: left;
padding: 5px; }
table thead tr:nth-child(even) {
background: #eee; }
table tbody tr th {
background: #006EBC;
color: #fff;
vertical-align: top;
text-align: center;
font-weight: bold;
text-transform: uppercase;
padding: 5px; }
table tbody tr td {
vertical-align: top;
text-align: left;
padding: 5px; }
table tbody tr:nth-child(even) {
background: #eee; }
h1.no-border, h2.no-border, h3.no-border, h4.no-border {
border: none !important; }
.rems-header {
display: block;
width: 100%;
background-image: url("../images/header-blue.png");
background-size: cover;
background-repeat: repeat;
height: 168px;
padding: 10px 0 0;
font-family: "Open Sans", sans-serif;
position: relative;
z-index: 20; }
.rems-header .media {
display: block;
width: 100%;
background: #6e6f72;
border-top: 1px solid #898989;
border-bottom: 1px solid #898989;
padding: 0 0 12px; }
.rems-header .media img {
display: block;
position: relative;
max-width: 300px;
-webkit-box-shadow: 0px 0px 21px 10px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 21px 10px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 21px 10px rgba(0, 0, 0, 0.24); }
.rems-header .media ul.media-nav {
display: block;
float: right;
list-style: none;
margin: 0px 10px 0 0; }
.rems-header .media ul.media-nav li {
display: inline-block;
text-align: center; }
.rems-header .media ul.media-nav li a {
color: #fff;
text-decoration: none;
font-size: 16px; }
.rems-header .media ul.media-nav li a:hover {
color: #ccc; }
.rems-header .media ul.media-nav li a svg {
font-size: 38px;
position: absolute;
top: -9px; }
.rems-header .media ul.media-nav li form div.input-group {
margin: -5px 0 0 0; }
.rems-header .media ul.media-nav li form div.input-group .search-form {
border-radius: 30px 0px 0px 30px;
-moz-border-radius: 30px 0px 0px 30px;
-webkit-border-radius: 30px 0px 0px 30px;
height: 11px;
color: #333;
background: #959595;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: none !important; }
.rems-header .media ul.media-nav li form div.input-group ::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 1;
/* Firefox */ }
.rems-header .media ul.media-nav li form div.input-group :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff; }
.rems-header .media ul.media-nav li form div.input-group ::-ms-input-placeholder {
/* Microsoft Edge */
color: #fff; }
.rems-header .media ul.media-nav li form div.input-group .search-btn {
border-radius: 0px 30px 30px 0px;
-moz-border-radius: 0px 30px 30px 0px;
-webkit-border-radius: 0px 30px 30px 0px;
cursor: pointer;
height: 3px;
margin: 0 0 0 22px; }
.rems-header .media ul.media-nav li form div.input-group .btn {
background: #959595 !important;
color: #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
border-left: none !important; }
.rems-header .media ul.media-nav li form div.input-group svg {
margin: -4px 0 0 0;
display: block; }
.rems-content {
display: block;
position: relative;
min-height: 100vh;
color: #444;
clear: both;
width: 100%; }
.rems-content #content-box-wrapper {
display: block;
width: 100%; }
.rems-content #left-content, .rems-content #right-content {
display: block;
position: relative; }
.rems-content a {
color: #85952a; }
.rems-content a:hover {
color: #006EBC; }
.rems-content ul.slogan {
display: block;
position: relative;
width: 100%;
font-family: 'Marcellus', serif;
margin: 50px 0;
list-style: none;
margin-right: auto;
margin-left: auto; }
.rems-content ul.slogan li {
display: inline-block;
font-size: calc(1.5em + 1vw);
color: #fff;
text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
text-transform: uppercase;
text-align: center; }
.rems-content ul.slogan li svg {
display: inline-block;
float: right;
margin: 10px 0 0;
-webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4));
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4)); }
.rems-content .home-content-box {
display: block;
position: relative;
background-color: #fff;
border: 2px solid #85952a;
width: 80%;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
float: none; }
.rems-content .home-content-box .box-header {
display: block;
position: relative;
margin: 0;
color: #fff;
text-align: left;
padding: 5px 20px;
background-color: #6e6f72;
text-transform: uppercase;
font-family: sans-serif;
font-weight: normal;
font-size: calc(.2em + 1vw); }
.rems-content .home-content-box .box-header svg {
margin: 0 20px 0 0; }
.rems-content .home-content-box .box-body {
display: flex;
position: relative;
margin: 0;
padding: 5px;
color: #333;
font-size: 16px;
font-weight: normal;
height: 300px; }
.rems-content .home-content-box .box-body .body-header {
display: flex;
min-height: 150px;
width: 100%; }
.rems-content .home-content-box .box-body .body-header img {
display: block;
margin: 0 auto;
width: 60%; }
.rems-content .home-content-box .box-body .body-header img.banner {
display: block;
width: 100%;
margin-right: auto;
margin-left: auto; }
.rems-content .home-content-box .box-body .body-header .topic-description {
font-size: calc(.1em + 1vw);
font-weight: normal;
text-align: left; }
.rems-content .home-content-box .box-body a.link-blue {
display: block;
position: relative;
margin: 28% auto 0;
color: #0f6fba;
font-weight: bold; }
.rems-content .home-content-box .box-body a.link-blue:hover {
color: #85952a; }
.rems-content .home-content-box .box-body a.link-green {
display: block;
position: relative;
margin: 28% auto 0;
color: #85952a;
font-weight: bold; }
.rems-content .home-content-box .box-body a.link-green:hover {
color: #0f6fba; }
.rems-content .home-content-box .box-body p {
display: block;
margin: 0 2em;
color: #0f6fba;
font-weight: bold; }
.rems-content .home-content-box .box-body img {
display: block;
width: 100%;
margin-right: auto;
margin-left: auto; }
.rems-content .home-content-box .box-body ul {
display: block;
list-style: none;
margin: 0;
position: relative; }
.rems-content .home-content-box .box-body ul li {
display: block;
width: 100%; }
.rems-content .home-content-box .box-body ul li a {
text-decoration: none;
color: #006EBC;
width: 100%; }
.rems-content .home-content-box .box-body ul li a:hover {
color: #85952a; }
.rems-content .home-content-box .box-body ul li a span {
display: block; }
.rems-content .home-content-box .box-body ul li a span img {
display: block;
width: 80%;
max-width: 200px;
border: none; }
.rems-content .home-content-box .box-body ul li a span svg {
display: block;
font-size: 50px; }
.rems-content .home-content-box .box-body ul li a span svg.pdf {
color: #9b1313; }
.rems-content .home-content-box .box-body ul li a span.text-link {
margin-top: 10px; }
.rems-content .home-content-box .box-body .carousel ol.carousel-indicators {
z-index: 1000;
bottom: -75px; }
.rems-content .home-content-box .box-body .carousel ol.carousel-indicators li {
background-color: #464646;
border: none;
width: 15px;
height: 15px;
margin: 0 5px; }
.rems-content .home-content-box .box-body .carousel ol.carousel-indicators li.active {
background-color: #85952a;
border: none;
width: 15px;
height: 15px; }
.rems-content .home-content-box .box-body .carousel .carousel-inner {
overflow: inherit;
-ms-overflow-style: none;
scrollbar-width: none; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper {
display: block;
width: 100%;
margin: 0;
position: relative;
height: 150px; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .img-wrapper {
display: block;
height: 150px; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .img-wrapper img {
display: block;
margin-right: auto;
margin-left: auto; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .news-header {
display: block;
margin: 1.5em 2em 1em 2em;
font-weight: bold;
color: #85952a;
font-size: 18px;
position: relative; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .news-content {
display: block;
margin: -10px 2em 0;
font-weight: normal;
color: #333; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .news-content p {
margin: 0; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .news-content a {
color: #006EBC; }
.rems-content .home-content-box .box-body .carousel .carousel-inner .item .news-item-wrapper .news-content a:hover {
color: #85952a; }
.rems-content .home-content-box .box-body .carousel .carousel-inner:-webkit-scrollbar {
display: none;
width: 0;
height: 0; }
.rems-content .home-content-box .box-body .carousel .carousel-control {
bottom: -5px;
top: inherit; }
.rems-content .home-content-box .box-body .carousel a.left, .rems-content .home-content-box .box-body .carousel a.right {
background: none;
color: #006EBC;
opacity: 1; }
.rems-content .home-content-box .box-body .carousel a.left:hover, .rems-content .home-content-box .box-body .carousel a.right:hover {
color: #85952a; }
.rems-content .home-content-box .box-body .carousel a.left svg, .rems-content .home-content-box .box-body .carousel a.right svg {
font-size: 40px; }
.rems-content .home-content-box#quickLinks .body-header {
background: #b8c183; }
.rems-content .home-content-box#quickLinks .body-header img {
position: absolute;
top: 28%;
right: 17%; }
.rems-content .home-content-box#quickLinks ul {
padding: 0;
margin: 15px 0 0; }
.rems-content .home-content-box#quickLinks ul li {
text-align: center;
margin: 15px 0; }
.rems-content .home-content-box#newsAndHighlights .box-body {
overflow-y: hidden; }
.rems-content .home-content-box#highQualityEOP .body-header img {
width: 65%;
margin: 8% auto 0; }
.rems-content .home-content-box#highQualityEOP p {
margin: 3% 2em 0; }
.rems-content .home-content-box#topicSpecificResources .body-header img {
width: 90%;
margin: 8% auto 0; }
.rems-content .home-content-box#topicSpecificResources p {
margin: 3% 2em 0; }
.rems-content .home-content-box#downloads .body-header {
background: #85952A;
height: 150px;
overflow-y: hidden; }
.rems-content .home-content-box#downloads .body-header img {
width: 80%;
margin: 3% 30px 0; }
.rems-content .home-content-box#downloads .body-header .description-wrapper {
display: block;
margin: 3% auto; }
.rems-content .home-content-box#downloads .body-header .description-wrapper span.img-description {
display: block;
color: #fff;
font-size: calc(.6em + .5vw);
margin: 0 0 0 12px; }
.rems-content .home-content-box#downloads .body-header .description-wrapper img.app-btn {
display: block;
width: 50%;
border: none;
margin: 0;
float: left; }
.rems-content .home-content-box#downloads .body-header .description-wrapper .leftButton {
float: right; }
.rems-content .home-content-box#downloads .body-header .description-wrapper .rightButton {
float: right; }
.rems-content .home-content-box#downloads p {
margin: 3% 2em 0; }
.rems-content .home-content-box#join .body-header {
background: #0074B4; }
.rems-content .home-content-box#join .body-header img {
width: 85%;
margin: 3% auto 0; }
.rems-content .home-content-box#join .body-header .topic-description {
font-size: calc(.5em + 1.5vw);
font-weight: normal;
text-align: left;
display: block;
color: #fff;
position: relative;
margin: 11% 0 0;
text-transform: uppercase; }
.rems-content .home-content-box#join p {
margin: 1em 2em 0; }
.rems-content .home-content-box#join .btn {
font-size: calc(.3em + .5vw); }
/*************************************** BEGIN INNER PAGE CONTENT **************************************************/
.rems-inner-page-content {
display: table;
position: relative;
min-height: 100vh;
color: #444;
clear: both;
width: 100%;
margin: 0 0 2em;
/****************************************************** WEBINAR STYLES *******************************************************************/
/******************************** WEBINAR DETAILS PAGE STYLES **************************************************/
/******************************************************************** TRAININGS BY REQUEST STYLES ********************************************************************************************/
/************************************************* TOOL BOX SUBMISSION FORM STYLES *****************************************/
/************************************************* ONLINE COURSE STYLES *****************************************/ }
.rems-inner-page-content h1 {
color: #0054A0;
font-size: 1.5em;
text-transform: uppercase;
margin-bottom: .5em;
font-family: 'Marcellus', serif;
font-weight: normal; }
.rems-inner-page-content h2 {
text-align: left;
font-weight: normal;
color: #006EBC;
font-size: 1.5em;
margin: 1.2em 0 .5em 0;
font-family: 'Marcellus', serif;
border-bottom: 3px double #85952B; }
.rems-inner-page-content h3 {
color: #006EBC;
font-weight: 400;
font-size: 1.17em;
border-bottom: 3px double #85952B;
font-family: 'Marcellus', serif; }
.rems-inner-page-content .content-body {
padding: 30px;
display: block;
position: relative; }
.rems-inner-page-content .normal-content {
display: block;
position: relative;
width: 90%;
margin: 0 auto; }
.rems-inner-page-content a {
color: #006EBC;
cursor: pointer; }
.rems-inner-page-content a:hover {
color: #85952a; }
.rems-inner-page-content p a {
text-transform: none; }
.rems-inner-page-content ul {
list-style-type: square; }
.rems-inner-page-content .webinar-header {
display: block;
background-image: url("../images/webinar-header.png");
background-position: calc(100%) calc(100% - -203px);
background-size: cover;
background-repeat: no-repeat;
height: 200px;
border-bottom: 3px solid #0f6fba;
padding: 20px;
position: relative; }
.rems-inner-page-content .webinar-header h1 {
color: #0073B4;
text-transform: uppercase;
font-weight: bold;
display: block;
margin: 0 0 10px 0;
font-weight: bold;
font-family: sans-serif; }
.rems-inner-page-content .webinar-header h2 {
color: #333;
font-size: 20px;
display: block; }
.rems-inner-page-content .webinar-header .web-header-btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
padding: 5px 5px 5px 13px;
color: #fff !important;
max-width: 150px;
margin: 20px 0 0;
background-color: #0073B4 !important; }
.rems-inner-page-content .webinar-header .web-header-btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-inner-page-content .webinar-header .web-header-btn:hover {
background-color: #85952A !important; }
.rems-inner-page-content .webinar-header .web-header-btn:after {
content: ""; }
.rems-inner-page-content .webinar-header p {
display: block; }
.rems-inner-page-content .webinar-header p a:after {
content: ">>";
display: inline;
margin: 0 0 0 10px; }
.rems-inner-page-content .webinar-header p.date-hosted {
font-weight: bold; }
.rems-inner-page-content .content-page-search-box {
display: block;
position: relative;
color: #fff;
background-color: #0073B4;
padding: 20px 50px;
margin: 0 auto; }
.rems-inner-page-content .content-page-search-box .title {
font-size: 16px;
text-transform: uppercase;
margin: 0 auto 20px auto;
display: block;
position: relative;
text-align: center; }
.rems-inner-page-content .content-page-search-box select {
display: block !important;
width: 80%;
margin: 0 auto;
position: relative;
cursor: pointer;
color: #333;
height: 36px;
border: none;
padding: 5px 0 5px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.rems-inner-page-content .content-page-search-box .dropdown {
width: 80%;
display: block;
margin: 0 auto;
position: relative; }
.rems-inner-page-content .content-page-search-box .btn {
color: #0073B4;
background-color: #fff;
width: 80%;
margin: 0 auto;
border: none;
position: relative;
font-size: 15px; }
.rems-inner-page-content .content-page-search-box .dropdown-menu {
max-height: 300px;
overflow-y: auto; }
.rems-inner-page-content .content-page-search-box .dropdown-menu > li > a:hover {
color: #fff; }
.rems-inner-page-content .content-page-search-box .input-group {
width: 80%;
display: inline-table; }
.rems-inner-page-content .content-page-search-box .input-daterange .form-control {
padding: 6px;
height: 22px;
width: 100%;
margin: 0; }
.rems-inner-page-content .content-page-search-box .input-daterange .input-group-addon span.glyphicon {
left: 6px; }
.rems-inner-page-content .content-page-search-box .form-group {
padding: 0; }
.rems-inner-page-content .content-page-search-box .form-group .input-group input[type="text"] {
height: 22px;
display: block;
margin: 0 auto;
position: relative;
padding: 0; }
.rems-inner-page-content .content-page-search-box .form-group .input-group span.input-group-addon {
width: 32px;
cursor: pointer; }
.rems-inner-page-content .content-page-search-box .form-group .input-group span.input-group-addon span.glyphicon {
z-index: 10;
position: absolute;
top: 11px;
right: 8px; }
.rems-inner-page-content .webinar-thumbs {
display: block;
position: relative;
width: 100%;
margin: 10px auto; }
.rems-inner-page-content .webinar-thumbs a {
text-transform: none; }
.rems-inner-page-content .webinar-thumbs .row {
margin: 60px 0; }
.rems-inner-page-content .webinar-thumbs .webinar-thumb-container {
display: block;
padding: 0 10px;
width: 100%; }
.rems-inner-page-content .webinar-thumbs .webinar-thumb-container img {
display: block;
position: relative;
width: 60%; }
.rems-inner-page-content .webinar-thumbs .webinar-thumb-container span.webinar-title {
display: block;
position: relative;
font-weight: bold;
font-size: 25px;
margin: 10px 0 5px;
text-align: left; }
.rems-inner-page-content .webinar-thumbs .webinar-thumb-container span.webinar-date {
display: block;
position: relative;
font-weight: bold;
font-size: 18px;
margin: 0;
text-align: left; }
.rems-inner-page-content .webinar-thumbs .webinar-thumb-container p.webinar-description {
display: block;
position: relative;
margin: 10px 0 0;
font-weight: normal;
font-size: 16px;
text-align: left;
width: 60%; }
.rems-inner-page-content .view-more {
display: block;
margin: 20px 0;
width: 100%;
padding: 0;
position: relative; }
.rems-inner-page-content .view-more .btn {
display: block;
font-size: 20px;
line-height: 20px;
background-color: #0073B4;
border: none;
margin: 0 auto 20px;
max-width: 250px;
color: #fff; }
.rems-inner-page-content .view-more .btn:hover {
background-color: #0054A0; }
.rems-inner-page-content .view-more .btn svg {
margin: 0 20px;
font-size: 25px; }
.rems-inner-page-content .webinarDetails {
display: block;
width: 100%;
margin: 0;
padding: 0; }
.rems-inner-page-content .webinarDetails h2 {
color: #006EBC;
font-weight: 400;
font-size: 1.5em;
border-bottom: 3px double #85952B;
font-family: 'Marcellus', serif;
margin: 0 0 20px; }
.rems-inner-page-content .webinarDetails h4 {
display: block;
font-weight: bold;
font-size: 18px;
text-align: center;
width: 100%;
color: #333;
margin: 20px auto; }
.rems-inner-page-content .webinarDetails div.date-time {
display: block;
font-weight: bold;
text-align: left;
margin: 10px 0 20px; }
.rems-inner-page-content .webinarDetails div.date-time:last-child {
margin: 0 0 20px; }
.rems-inner-page-content .webinarDetails p {
display: block; }
.rems-inner-page-content .webinarDetails p.strong {
font-weight: bold; }
.rems-inner-page-content .webinarDetails .show-webinar {
display: table;
padding: 20px;
width: 100%;
background: #f6f8fb;
background-color: #f6f8fb; }
.rems-inner-page-content .webinarDetails .show-webinar .supportDocs {
display: block; }
.rems-inner-page-content .webinarDetails .show-webinar .supportDocs a {
display: block;
margin: 0 0 20px; }
.rems-inner-page-content h4 {
font-size: 1.25em;
font-weight: bold;
display: block;
position: relative;
text-align: center;
margin: 20px auto; }
.rems-inner-page-content section.step-wrapper {
margin: 30px 0;
display: table;
position: relative;
padding: 30px 0;
width: 100%; }
.rems-inner-page-content section.step-wrapper h3 {
display: block;
margin: 1em 0;
text-align: left; }
.rems-inner-page-content section.step-wrapper .step-box {
display: block;
position: relative;
max-width: 480px;
margin: 0 auto;
white-space: normal; }
.rems-inner-page-content section.step-wrapper .step-box .header {
display: block;
padding: 10px;
position: relative;
background-color: #0073B4;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px; }
.rems-inner-page-content section.step-wrapper .step-box .header span.heading-text {
color: #fff;
font-style: italic;
font-weight: bold;
font-size: 18px;
margin: 0 0 0 60px;
white-space: normal; }
.rems-inner-page-content section.step-wrapper .step-box .header span.number-box {
display: inline;
z-index: 100;
position: absolute;
top: 0;
left: 0;
width: 25px;
text-align: center;
font-size: 18px;
font-style: italic;
font-weight: bold;
padding: 10px;
color: #fff;
border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0px 0px;
text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.51); }
.rems-inner-page-content section.step-wrapper .step-box .header span.number-box.blue {
background-color: #0054A0; }
.rems-inner-page-content section.step-wrapper .step-box .header span.number-box.green {
background-color: #85952a; }
.rems-inner-page-content section.step-wrapper .step-box .header span.number-box.grey {
background-color: #616265; }
.rems-inner-page-content section.step-wrapper .step-box .box-body {
border-left: 1px solid #616265;
border-right: 1px solid #616265;
border-bottom: 1px solid #616265;
border-top: none;
border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
padding: 20px;
height: 250px;
overflow-y: auto; }
.rems-inner-page-content section.step-wrapper .step-box .box-body p {
text-align: left;
display: block;
margin: 0 0 1em; }
.rems-inner-page-content section.step-wrapper .step-box .box-body ul {
display: block;
margin: 0;
padding: 16px; }
.rems-inner-page-content section.step-wrapper .step-box .box-body ul li {
margin: 10px 0; }
.rems-inner-page-content section.step-wrapper .step-box .box-body .btn {
color: #fff !important;
background-color: #0073B4 !important;
float: none;
width: 85%;
text-transform: none !important;
margin: 0 auto;
white-space: normal; }
.rems-inner-page-content section.step-wrapper .step-box .box-body .btn:hover {
background-color: #85952A !important; }
.rems-inner-page-content .toolbox-btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
color: #fff !important;
background-color: #0073B4 !important;
float: none;
max-width: 250px;
text-transform: none !important;
margin: 0 auto;
white-space: normal; }
.rems-inner-page-content .toolbox-btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-inner-page-content .toolbox-btn:hover {
background-color: #85952A !important; }
.rems-inner-page-content section.form-tabs button.btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
color: #0073B4 !important;
background-color: #fff !important;
float: none;
height: unset;
width: 80%;
max-width: 200px;
text-transform: none !important;
margin: 30px 0;
white-space: normal; }
.rems-inner-page-content section.form-tabs button.btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-inner-page-content section.form-tabs button.btn:hover {
background-color: #c6def7 !important;
color: #0054A0 !important; }
.rems-inner-page-content section.form-tabs button#submit {
margin: 0 auto !important; }
.rems-inner-page-content section.form-tabs button#search {
margin: 20px 20px 0 0;
float: right; }
.rems-inner-page-content section.form-tabs input.form-control {
padding: 6px;
height: 22px;
width: 80%;
float: left; }
.rems-inner-page-content section.form-tabs input.form-control#searchinput {
margin: 0 auto; }
.rems-inner-page-content section.form-tabs .checkbox {
margin-left: 20px; }
.rems-inner-page-content section.form-tabs label#selectfile, .rems-inner-page-content section.form-tabs label#selectType {
display: block;
margin: 0 0 0 12px;
padding: 0; }
.rems-inner-page-content section.toolbox-search-results {
display: block;
color: #333;
padding: 20px 0px;
width: 100%;
margin: 1em 0;
position: relative; }
.rems-inner-page-content section.toolbox-search-results h3 {
font-size: 1.3em; }
.rems-inner-page-content section.toolbox-search-results .search-result {
display: block;
color: #333;
padding: 5px;
width: 100%;
margin: 1em 0; }
.rems-inner-page-content section.toolbox-search-results .search-result:nth-child(odd) {
background-color: #eee; }
.rems-inner-page-content section.toolbox-search-results .search-result a {
text-align: left;
margin: 5px 0;
font-size: 16px;
font-weight: normal;
position: relative;
white-space: normal;
word-wrap: normal;
word-break: break-all; }
.rems-inner-page-content section.toolbox-search-results .search-result h4 {
text-align: left;
margin: 5px 0;
font-size: 1.1em;
font-weight: normal;
display: block;
position: relative; }
.rems-inner-page-content section.toolbox-search-results .search-result h5 {
font-weight: bold;
margin: 10px 0;
font-size: 16px; }
.rems-inner-page-content section.toolbox-search-results .search-result p {
display: block;
font-size: 16px; }
.rems-inner-page-content .courseBody {
display: block; }
.rems-inner-page-content .courseBody ul.courseList li {
display: block;
margin: 0 0 .5em; }
.rems-inner-page-content .courseBody ul.courseList li.course_k12 {
background: url(../images/K12-pop-icon-small.png) top left no-repeat !important;
padding-left: 26px; }
.rems-inner-page-content .courseBody ul.courseList li.course_IHE {
background: url(../images/IHE-pop-icon-small.png) top left no-repeat !important;
padding-left: 26px; }
.rems-inner-page-content .courseBody .formWrapper {
display: block;
width: 50%;
margin: 0 auto; }
.rems-inner-page-content .courseBody .formWrapper label {
font-weight: bold; }
.rems-inner-page-content .courseBody .formWrapper input[type=text], .rems-inner-page-content .courseBody .formWrapper textarea, .rems-inner-page-content .courseBody .formWrapper select, .rems-inner-page-content .courseBody .formWrapper input[type=password] {
width: 50%;
height: 22px; }
.rems-inner-page-content .courseBody .formLayout {
display: grid;
width: 100%;
padding: 20px;
border: 1px solid #ccc;
margin: 20px auto; }
.rems-inner-page-content .courseBody button, .rems-inner-page-content .courseBody input[type="button"], .rems-inner-page-content .courseBody input[type="reset"], .rems-inner-page-content .courseBody input[type="submit"] {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
color: #fff;
background-color: #0073B4;
margin: 0 auto;
white-space: normal;
float: left; }
.rems-inner-page-content .courseBody button:hover, .rems-inner-page-content .courseBody input[type="button"]:hover, .rems-inner-page-content .courseBody input[type="reset"]:hover, .rems-inner-page-content .courseBody input[type="submit"]:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-inner-page-content .courseBody button:hover, .rems-inner-page-content .courseBody input[type="button"]:hover, .rems-inner-page-content .courseBody input[type="reset"]:hover, .rems-inner-page-content .courseBody input[type="submit"]:hover {
background-color: #85952A; }
@-moz-document url-prefix() {
select, .rems-inner-page-content .content-page-search-box select {
height: 26px; } }
.rems-footer {
display: block;
color: #fff;
margin: 0px;
left: 0;
bottom: 0;
height: auto;
clear: both;
font-family: "Open Sans", sans-serif;
border-top: 8px solid #f7c107;
position: relative; }
.rems-footer .footer-header {
display: block;
position: relative;
padding: 10px 20px;
margin: 0;
background: #85952a;
min-height: 50px; }
.rems-footer .footer-header ul.slogan {
display: block;
position: relative;
width: 100%;
font-family: 'Marcellus', serif;
margin: -18px auto 0;
list-style: none; }
.rems-footer .footer-header ul.slogan li {
display: inline-block;
font-size: calc(1.1em + .3vw);
color: #fff;
text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
text-transform: uppercase;
text-align: center;
margin: 20px auto; }
.rems-footer .footer-header ul.slogan li svg {
display: inline-block;
width: calc(.2em + .3vw);
height: calc(.4em + .5vw);
margin: -51px .2em 0 0;
-webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4));
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.4)); }
.rems-footer .footer-header ul.slogan li span {
display: inline-block; }
.rems-footer .footer-body {
display: block;
position: relative;
padding: 30px 50px;
background-image: url("../images/header-blue.png");
background-size: cover;
background-repeat: repeat;
border-top: 2px solid #fff; }
.rems-footer .footer-body svg {
font-size: 1em;
display: inline-block;
margin: 0 10px 0 0; }
.rems-footer .footer-body .footer-logo {
display: block;
margin: 0 auto; }
.rems-footer .footer-body a {
color: #fff;
text-decoration: none; }
.rems-footer .footer-body a:hover {
color: #eee; }
.rems-footer .footer-body a.center {
margin-right: auto;
margin-left: auto;
float: none;
text-align: center; }
.rems-footer .footer-nav {
display: block;
position: relative;
width: 100%;
margin: 23px 0 0; }
.rems-footer .centerText {
text-align: center; }
.rems-footer svg {
font-size: 4em;
display: block;
margin-right: auto;
margin-left: auto; }
.rems-footer p {
display: block;
margin: 0 20px;
text-align: left; }
.rems-navigation {
display: block;
box-sizing: border-box; }
.rems-navigation .navbar-brand {
color: #fff; }
.rems-navigation .navbar-brand a {
color: #fff; }
.rems-navigation .navbar {
margin: 15px 0 0;
border-radius: inherit; }
.rems-navigation .navbar .navbar-header a.navbar-brand img {
display: block;
position: absolute;
top: -53px;
z-index: 1001;
max-width: 300px;
-webkit-box-shadow: 0px 0px 21px 10px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 0px 0px 21px 10px rgba(0, 0, 0, 0.24);
box-shadow: 0px 0px 21px 10px rgba(0, 0, 0, 0.24); }
.rems-navigation .navbar ul.navbar-center {
position: absolute;
left: 50%;
top: 65%;
transform: translatex(-50%);
float: none; }
.rems-navigation .navbar ul.navbar-center li {
color: #fff;
text-align: -webkit-center;
padding: 0;
margin: 0 10px; }
.rems-navigation .navbar ul.navbar-center li a {
color: #fff;
display: block;
text-transform: uppercase;
font-size: 16px;
white-space: normal;
word-wrap: normal; }
.rems-navigation .navbar ul.navbar-center li a:hover, .rems-navigation .navbar ul.navbar-center li a:focus, .rems-navigation .navbar ul.navbar-center li a:active, .rems-navigation .navbar ul.navbar-center li a:focus-within, .rems-navigation .navbar ul.navbar-center li a:visited {
background: #006ebc; }
.rems-navigation .navbar ul.navbar-center li:hover ul.dropdown-menu {
display: block; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu {
width: max-content;
background: #0054a0;
border: none;
color: #fff;
padding: 10px 0;
float: none; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu.long-text {
width: 420px; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li {
display: block;
margin: 5px 0;
padding: 0;
position: relative; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li a {
margin: 0;
display: block;
padding: 5px 20px;
color: #fff;
text-align: left;
text-transform: none;
position: relative; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li a:hover {
background: #6d6f71; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li a img {
display: inline-block;
width: 35px;
margin: 0 10px 0 0; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu > ul.dropdown-menu {
display: none;
position: absolute;
z-index: 1001;
left: 95%;
top: 0; }
.rems-navigation .navbar ul.navbar-center li ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu {
display: block; }
select.bs-select-hidden,
select.selectpicker {
display: none !important; }
.bootstrap-select {
width: 100% \0;
/*IE9 and below*/ }
.bootstrap-select > .dropdown-toggle {
width: 100%;
padding-right: 25px;
z-index: 1; }
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
color: #999; }
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none; }
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2; }
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
border-color: #b94a48; }
.bootstrap-select.fit-width {
width: auto !important; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%; }
.bootstrap-select .dropdown-toggle:focus {
outline: thin dotted #333333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px; }
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none; }
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%; }
.bootstrap-select.form-control.input-group-btn {
z-index: auto; }
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0; }
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0; }
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right; }
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
margin-bottom: 0; }
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0; }
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit; }
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%; }
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
cursor: not-allowed; }
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
outline: none !important; }
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important; }
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060; }
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left; }
.bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle; }
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%; }
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
box-shadow: none; }
.bootstrap-select.btn-group .dropdown-menu li {
position: relative; }
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff; }
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed; }
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
user-select: none; }
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em; }
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none; }
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block; }
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em; }
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: whitesmoke;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static; }
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
margin-top: 5px; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none; }
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0; }
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto; }
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto; }
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block; }
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
padding: 4px 8px; }
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.bs-actionsbox .btn-group button {
width: 50%; }
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.bs-donebutton .btn-group button {
width: 100%; }
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px; }
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none; }
div#homeSlider ol.carousel-indicators {
bottom: 0px; }
div#homeSlider ol.carousel-indicators li {
height: 20px;
width: 20px;
margin: 0 10px;
border-radius: 50%;
background-color: #56c5d0;
border: 2px solid #fff; }
div#homeSlider ol.carousel-indicators li.active {
background-color: #ffcb3c;
border: 2px solid #56c5d0; }
div#homeSlider div.carousel-inner {
background-color: #fff; }
div#homeSlider div.carousel-inner div.item img {
display: block;
margin-right: auto;
margin-left: auto;
width: 75%; }
div#homeSlider div.carousel-inner div.item div.carousel-caption {
display: block;
background: rgba(0, 0, 0, 0.7);
padding: 5px 0;
width: 100%;
left: 0;
right: 0;
bottom: 50px; }
div#homeSlider div.carousel-inner div.item div.carousel-caption h3 {
display: block;
font-size: calc(.75em + 1vw); }
div#homeSlider div.carousel-inner div.item div.carousel-caption p {
margin: 20px 0;
font-size: calc(.75em + .5vw); }
div#homeSlider a.carousel-control {
color: #4d4d4d; }
div#homeSlider a.carousel-control:hover {
color: #56c5d0; }
/*
inspired from https://codepen.io/Rowno/pen/Afykb
*/
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity; }
.carousel-fade .carousel-inner .active {
opacity: 1; }
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1; }
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1; }
.carousel-fade .carousel-control {
z-index: 2; }
/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,
.carousel-fade .carousel-inner > .item.active.right {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.prev,
.carousel-fade .carousel-inner > .item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-inner > .item.next.left,
.carousel-fade .carousel-inner > .item.prev.right,
.carousel-fade .carousel-inner > .item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } }
@font-face {
font-family: Montserrat;
src: url("../fonts/Montserrat/Montserrat-Regular.ttf"); }
.rems-form {
display: block;
position: relative;
margin: 20px 0 0; }
.rems-form .formLayoutBoxes {
display: grid;
width: 20%;
padding: 20px; }
.rems-form .formLayoutBoxes .inner-form input[type=text] {
max-width: 300px;
display: inline-block;
height: 22px;
background-color: transparent;
border: 1px solid #ccc; }
.rems-form .formLayoutBoxes .inner-form input[type=text].required:after {
content: "*";
display: inline-block;
margin-left: 10px;
color: #ff0000; }
.rems-form .formLayoutBoxes .inner-form textarea {
max-width: 300px;
display: inline-block;
height: 60px; }
.rems-form .formLayoutBoxes .inner-form textarea.required:after {
content: "*";
display: inline-block;
margin-left: 10px;
color: #ff0000; }
.rems-form .formLayoutBoxes .inner-form select {
max-width: 300px;
display: inline-block;
height: 36px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left; }
.rems-form .formLayoutBoxes .form-group {
display: block;
margin: 0 0 15px;
width: 100%; }
.rems-form .formLayoutBoxes .form-group label {
font-weight: bold;
margin: 0px; }
.rems-form .formLayoutBoxes .form-group label.not-required {
margin-left: 17px; }
.rems-form .formLayoutBoxes .form-group label.required:before {
content: "*";
display: inline-block;
margin-right: 10px;
color: #ff0000; }
.rems-form .formLayoutBoxes .form-group .bootstrap-select button {
color: #444;
width: 100%;
position: relative;
margin-right: auto;
margin-left: auto;
display: block; }
.rems-form .formLayoutBoxes .form-group .bootstrap-select button.btn-default {
background-color: #fff;
border: 1px solid #ccc; }
.rems-form .formLayoutBoxes .form-group .bootstrap-select .btn-group .dropdown-menu ul li a:hover {
background-color: #006EBC; }
.rems-form .formLayoutBoxes .form-group .form-control {
color: #333; }
.rems-form .formLayoutBoxes .form-group span.required {
display: inline-block;
color: #ff0000;
margin: 0 0 0 10px; }
.rems-form .formLayoutBoxes .btn-submit, .rems-form .formLayoutBoxes button {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
margin-right: auto;
margin-left: auto;
color: #f1d665;
text-transform: uppercase;
font-weight: bold;
font-size: calc(.3vw + .3vh + .5vmin);
width: 100%; }
.rems-form .formLayoutBoxes .btn-submit:hover, .rems-form .formLayoutBoxes button:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-form .formLayoutBoxes .btn-submit:hover, .rems-form .formLayoutBoxes button:hover {
color: #fff;
text-decoration: none; }
.rems-form .formLayoutBoxes .btn-cancel {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
margin-right: auto;
margin-left: auto;
text-transform: uppercase;
font-weight: bold;
font-size: calc(.3vw + .3vh + .5vmin);
width: 100%; }
.rems-form .formLayoutBoxes .btn-cancel:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-form .formLayoutBoxes .btn-cancel:hover {
color: #f1d665; }
.rems-form .formLayoutBoxes .add-margin {
margin: 10px 0; }
.rems-form .inner-form-btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
background-color: #006EBC !important;
background: #006EBC !important;
color: #fff !important; }
.rems-form .inner-form-btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.rems-form .inner-form-btn:hover {
color: #fff !important;
background-color: #85952B !important;
background: #85952B !important; }
input[type="search"] {
box-sizing: inherit !important; }
input[type=checkbox] {
border: solid 1px #fff !important; }
.form-tabs .tab {
padding-top: 50px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
background: #fff;
max-width: 90%;
margin: 0 auto;
line-height: 1.5;
font-weight: 300;
color: #888;
-webkit-font-smoothing: antialiased; }
.form-tabs .tabs {
display: table-row;
position: relative;
overflow: hidden;
margin: 0;
width: 100%; }
.form-tabs .tabs li {
float: left;
line-height: 38px;
overflow: hidden;
padding: 0;
position: relative; }
.form-tabs .tabs a {
background-color: #616265;
border-bottom: 1px solid #fff;
color: #fff;
font-weight: bold;
display: block;
letter-spacing: 0;
outline: none;
padding: 0 20px;
text-decoration: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
border-bottom: 2px solid #0073B4;
border-radius: 12px 12px 0 0; }
.form-tabs .tabs a:hover {
background-color: #0054A0; }
.form-tabs .tabs_item {
display: none;
padding: 25px;
color: #fff;
background-color: #0073B4;
border-radius: 0 5px 5px 5px; }
.form-tabs .tabs_item h4 {
font-weight: bold;
color: #0784c6;
font-size: 20px; }
.form-tabs .tabs_item:first-child {
display: block; }
.form-tabs .current a {
color: #fff;
background-color: #0073B4; }
.form-tabs fieldset {
border: 0;
margin: 0;
padding: 0; }
.form-group.file-formats {
display: block;
background-color: #0f62ad;
padding: 20px;
border-radius: 12px;
margin: 27px auto; }
.resource-type-group {
border: solid 1px;
padding: 20px;
border-radius: 12px;
margin: 5px 0;
background: #0373AE; }
.resource-type-group .col-count-2 {
column-count: 2; }
.resource-type-group .checkbox {
margin-top: 0; }
.resource-type-group .checkbox label {
white-space: normal;
display: block;
word-break: normal;
width: 85%; }
.words .form-control {
margin-top: 20px; }
input#search-words-all {
margin-top: 34px; }
.selections-group {
display: grid;
padding: 20px;
border-radius: 12px;
position: relative;
background-color: #0f62ad;
margin: 0 0 30px;
width: 90%; }
.selections-group select {
display: block !important;
width: 94% !important;
font-weight: normal;
margin: 0 auto;
position: relative;
cursor: pointer;
color: #333;
height: 25px;
border: none;
padding: 5px 0 5px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 36px;
float: left !important; }
.selections-group select#audience {
min-width: 250px;
margin: 0 auto; }
/* #submit {
padding: 14px 30px 10px 30px;
border: solid 2px #529bd4;
margin: 12px 0 10px auto;
background: #0c5893;
display: block;
font-size: 1em;
} */
button.tool-submit {
padding: 14px 30px 10px 30px;
border: solid 2px #000;
margin: 12px 0 10px auto;
background: #0c5893;
display: block;
font-size: 1em;
color: #fff;
display: initial;
border-radius: 4px; }
button.tool-submit:hover, #submit:hover {
background: #0D1E72; }
.no-js .multi-step-form fieldset button, .multi-step-form.edit-form fieldset button, .no-js .multi-step-form h2, .multi-step-form.edit-form h2 {
display: none !important; }
.no-js .multi-step-form fieldset, .multi-step-form.edit-form fieldset {
display: block !important; }
.no-js .multi-step-form [type="submit"], .multi-step-form.edit-form [type="submit"], .no-js .multi-step-form [type="reset"], .multi-step-form.edit-form [type="reset"] {
display: inline-block !important; }
.no-js .multi-step-form .steps, .multi-step-form.edit-form .steps {
display: none; }
.multi-step-form {
max-width: 80%;
margin-left: auto;
margin-right: auto; }
.multi-step-form fieldset {
display: none; }
.multi-step-form fieldset:first-of-type {
display: block; }
.multi-step-form fieldset.hidden {
display: none; }
.multi-step-form fieldset.visible {
display: block; }
.multi-step-form .steps button {
border: 0; }
.multi-step-form .steps [disabled] {
background: none; }
.multi-step-form .steps .active {
background: #eee; }
.form-container {
max-width: 800px;
margin: 50px auto 0 auto; }
.error {
color: #ff0000 !important;
font-weight: normal;
font-style: italic; }
hr.line {
border: 0;
height: 6px;
background-color: gray; }
.valid, .valid:focus, .valid:hover {
background: none; }
.form-control.error {
color: #333; }
label .optional {
font-weight: normal;
font-size: 90%; }
label {
tranform-text: uppercase; }
.step-all {
margin: 10px auto 20px auto;
padding: 0 50px 20px 50px;
min-height: 400px;
border: solid 1px azure;
outline: 0;
-webkit-box-shadow: 6px 7px 33px -4px rgba(0, 0, 0, 0.31);
-moz-box-shadow: 6px 7px 33px -4px rgba(0, 0, 0, 0.31);
box-shadow: 6px 7px 33px -4px rgba(0, 0, 0, 0.31); }
.steps {
background-image: url("http://design.seiservices.com/REMS-REDESIGN-2019-odin/images/bar.png");
background-repeat: no-repeat;
background-position: center center;
background-position-y: 31px; }
.btn {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
background-color: #fff; }
.btn:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.btn:hover {
background-color: #fff; }
.btn.btn-next {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
background-color: #0073B4;
float: right;
color: #fff; }
.btn.btn-next:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.btn.btn-next:hover {
background-color: #85952B; }
.btn.btn-success {
float: right;
background: red !important; }
.btn.btn-prev {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
color: #fff;
background-color: #85952B; }
.btn.btn-prev:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.btn.btn-prev:hover {
background-color: #0073B4; }
button#but2, button#but3, button#but4, button#but5 {
height: 60px;
width: 60px;
border: solid 3px gray;
border-radius: 100px;
font-size: 12px;
margin: 0 50px 0 10px;
background: #f7f7f7; }
button.active {
margin: 0 50px 0 10px; }
button#but1.active {
height: 75px;
width: 75px;
border: solid 5px #343434;
background: #006EBC;
color: #fff;
font-size: 16px;
border-radius: 100px;
margin-left: 50px; }
.steps {
height: 85px; }
span.requireme {
color: #ff0000;
font-size: 40px;
position: absolute;
margin-top: 20px;
margin-left: -20px; }
span.requireme2 {
color: #ff0000;
font-size: 40px;
position: relative;
top: 5px; }
.svg-inline--fa.fa-upload.fa-w-16 {
color: #fff; }
span.requireme-select {
color: #ff0000;
font-size: 40px;
position: absolute;
margin-top: -7px;
margin-left: -20px; }
span.requireme-check {
color: #ff0000;
font-size: 40px;
position: absolute;
margin-top: -9px;
margin-left: -20px; }
button#but2.active, button#but3.active, button#but4.active, button#but5.active {
animation: bounceme 0.2s 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; }
.conditional > .conditional {
color: rgba(0, 0, 0, 0.5); }
#member-error {
position: absolute;
top: -25px; }
@keyframes bounceme {
0% {
color: #000;
position: relative;
top: 0;
height: 60px;
width: 60px;
top: 0; }
50% {
border: solid 5px #343434;
color: #fff;
position: relative;
background: #006EBC;
top: -10px;
height: 77px;
width: 73px; }
100% {
color: #fff;
position: relative;
background: #006EBC;
top: 0;
height: 75px;
width: 75px;
font-size: 16px;
border: solid 5px #343434; } }
#step-2, #step-3, #step-4, #step-5 {
position: relative;
animation: swoop 0.4s 0.1s ease-in forwards;
/*cubic-bezier(0.175, 0.885, 0.32, 1.275) */ }
@keyframes swoop {
0% {
position: relative;
left: 2000px;
opacity: 0; }
15% {
position: relative;
left: 2000px;
opacity: 0.5; }
80% {
left: -11px; }
90% {
left: 11px; }
100% {
left: 0;
opacity: 1; } }
.toolbox-submissions .rems-content {
background: #fff; }
form#tools fieldset {
padding-top: 50px;
margin-top: 50px; }
section.multi-step-form {
margin-top: 50px; }
section.multi-step-form label {
color: #85952B;
font-weight: 400;
font-size: 16px; }
::placeholder {
font-size: 15px;
color: gray !important;
font-weight: normal; }
.rems-inner-page-content form h3 {
color: #006EBC;
font-weight: 400;
font-size: 1.17em;
border-bottom: 3px double #85952B;
font-family: 'Marcellus', serif; }
.rems-inner-page-content form h4 {
color: #85952B;
font-weight: 400;
font-size: 16px;
text-align: left; }
input[type="file"] {
display: none; }
.custom-file-upload {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
display: inline-block;
cursor: pointer;
color: #fff !important;
background-color: #0073B4 !important; }
.custom-file-upload:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.custom-file-upload:hover {
background-color: #85952A !important; }
.btn.btn-primary {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
margin: 0 auto;
font-size: 14px;
float: none;
color: #fff !important;
background-color: #0073B4 !important; }
.btn.btn-primary:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.btn.btn-primary:hover {
color: #006EBC !important;
background-color: #c6def7 !important; }
.tab_content .btn.btn-primary {
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 10px;
color: #006EBC;
border: none;
background-color: #c6def7;
border-color: #b9d3ea;
text-align: center;
font-size: 1em;
position: relative;
font-size: 14px;
width: 70%;
margin: 0 auto;
float: none;
background-color: #fff !important;
color: #006EBC !important; }
.tab_content .btn.btn-primary:hover {
color: #fff;
background-color: #1787cc;
border-color: #0f7fb7; }
.tab_content .btn.btn-primary:hover {
color: #006EBC !important;
background-color: #c6def7 !important; }
.type-label {
margin-bottom: 10px; }
.multi-step-form .conditional p, .multi-step-form .radio-group p {
margin: 0; }
.multi-step-form .radio-group input {
margin: 10px 0px; }
.multi-step-form .radio-group#granteeGroup {
margin: -30px 0 30px; }
/* class applies to select element itself, not a wrapper element */
.select-css, select.form-control {
float: right;
display: block;
font-size: 15px;
font-weight: normal;
color: gray;
line-height: 1.3;
padding: .6em 1.4em .5em .8em;
width: 100%;
max-width: 100%;
/* useful when width is set to anything other than 100% */
box-sizing: border-box;
margin: 0;
border: 1px solid #aaa;
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
border-radius: 0;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-color: #fff !important;
/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient.
for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
*/
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E") !important;
background-repeat: no-repeat, repeat;
/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
background-position: right .7em top 50%, 0 0;
/* icon size, then gradient */
background-size: .65em auto, 100%; }
/* Hide arrow icon in IE browsers */
.select-css::-ms-expand {
display: none; }
/* Hover style */
.select-css:hover {
border-color: #888; }
/* Focus style */
.select-css:focus {
border-color: #aaa;
/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
box-shadow: 0 0 0 3px -moz-mac-focusring;
color: #222;
outline: none; }
/* Set options to normal weight */
.select-css option {
font-weight: normal; }
/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .select-css, :root:lang(ar) .select-css, :root:lang(iw) .select-css {
background-position: left .7em top 50%, 0 0;
padding: .6em .8em .5em 1.4em; }
.toolbox-submissions #rems-wrap {
background: #fff; }
.advanced-date-group {
display: block;
position: relative; }
.advanced-text-search-group {
display: grid;
padding: 20px;
border-radius: 12px;
position: relative;
background-color: #0f62ad;
width: 90%;
margin: 26px 0 30px 0; }
.advanced-text-search-group input.form-control {
width: 93% !important; }
.advanced-text-search-group label#searchBy {
margin: 0 0 20px 0;
display: block; }
div.form-space {
position: relative;
width: 100%;
height: 30px;
display: block; }
input[type=text], textarea {
font-size: 16px !important; }
select[name="ctl00$ContentPlaceHolderBody$ddlaudience"] {
display: block !important;
font-weight: normal;
margin: 0 auto;
position: relative;
cursor: pointer;
color: #333;
border: none;
padding: 5px 0 5px 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
height: 36px;
float: none;
width: 85% !important; }
input[name="ctl00$ContentPlaceHolderBody$BasicSearch"], input[name="ctl00$ContentPlaceHolderBody$ClearBasic"], input[name="ctl00$ContentPlaceHolderBody$AdvanceSearch"], input[name="ctl00$ContentPlaceHolderBody$ClearAdvance"] {
float: right; }
input#ContentPlaceHolderBody_searchinput {
margin: 0 auto;
width: 100% !important; }
table#ContentPlaceHolderBody_cblFileType, table#ContentPlaceHolderBody_cblFormat {
width: 90% !important;
display: table !important;
margin: 20px auto !important; }
.checkbox {
margin-top: 0; }
.checkbox label {
white-space: normal;
display: block;
word-break: normal;
width: 85%; }
@media screen and (min-width: 1940px) and (max-width: 3000px) {
select[name="ctl00$ContentPlaceHolderBody$ddlaudience"] {
width: 85% !important; } }
@media screen and (min-width: 1800px) and (max-width: 1939px) {
select[name="ctl00$ContentPlaceHolderBody$ddlaudience"] {
width: 70% !important; } }
@media screen and (min-width: 1610px) and (max-width: 1799px) {
select[name="ctl00$ContentPlaceHolderBody$ddlaudience"] {
width: 70% !important; } }
@-moz-document url-prefix() {
select[name="ctl00$ContentPlaceHolderBody$ddlaudience"], select[name="ctl00$ContentPlaceHolderBody$ddlLanguage"], select[name="ctl00$ContentPlaceHolderBody$ddlAdvAudience"], select[name="ctl00$ContentPlaceHolderBody$ddlTopics"] {
height: 26px; } }
.rems-home-content {
display: block;
width: 100%;
position: relative; }
.rems-home-content section {
display: block;
margin: 0;
padding: 0; }
.rems-home-content section.carousel div.greenBand {
display: block;
width: 100%;
height: 8px;
background: #85952a;
border-top: 1px solid #294f2b;
border-bottom: 1px solid #294f2b;
margin: 3px 0 0;
z-index: 1;
position: absolute; }
.rems-home-content section.carousel div#homeCarousel ol.carousel-indicators li {
width: 15px;
height: 15px;
border: 2px solid #fff;
border-radius: 50%;
background-color: transparent;
margin: 0 10px; }
.rems-home-content section.carousel div#homeCarousel ol.carousel-indicators li.active {
background-color: #85952a;
border: 4px solid #fff;
width: 18px;
height: 18px; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner .item img {
object-fit: cover;
object-position: center; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption {
border: 2px solid #fff;
display: table;
position: absolute;
top: 15%;
transform: translateY(15%);
left: unset;
right: 10%;
width: 30%;
padding: 0;
z-index: 1;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption .caption-header {
position: relative;
display: block;
background-image: url(../images/header-blue.png);
background-size: cover;
background-repeat: repeat;
padding: 15px;
margin: 0;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption .caption-header h1 {
font-family: 'Marcellus', serif;
font-size: calc(1.1em + .3vw);
color: #fff;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
text-align: center;
margin: 0; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption .caption-body {
position: relative;
display: block;
background-color: rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.8);
margin: 0;
padding: 15px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner div.carousel-caption .caption-body p {
display: block;
position: relative;
text-align: left;
color: #fff;
font-size: 18px; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner h1.safe-caption {
display: block;
margin: 0 0 1em;
border: none;
position: absolute;
left: 8%;
top: 29%;
transform: translateY(0%);
color: #fff;
font-size: calc(4.0em + .4vw);
text-align: left;
font-family: 'Marcellus', serif;
text-shadow: 0px 0px 40px black, 0px 0px 40px black, 0px 0px 40px black, 0px 0px 40px black, 0px 0px 40px black, 0px 0px 40px black; }
.rems-home-content section.carousel div#homeCarousel div.carousel-inner h1.safe-caption span {
display: block;
text-align: left;
color: #fff;
font-size: calc(.3em + 1.2vw); }
.rems-home-content section.carousel div#homeCarousel a.carousel-control {
width: 6%; }
.rems-home-content section.carousel div#homeCarousel a.carousel-control svg {
font-size: 60px; }
.rems-home-content section.carousel div#homeCarousel a.carousel-control.left svg {
left: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.rems-home-content section.carousel div#homeCarousel a.carousel-control.right svg {
right: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%); }
.rems-home-content section.home-info {
display: block;
padding: 40px;
margin: 0; }
.rems-home-content section.home-info .content-cols {
display: block;
padding: 20px; }
.rems-home-content section.home-info .content-cols .content-col-header {
display: block;
margin: -122px auto 10px; }
.rems-home-content section.home-info .content-cols .content-col-header .img-circle {
border-radius: 50%;
width: 100px;
height: 100px;
margin: 0 auto 30px;
background: #0054a0;
border: 8px solid #fff;
display: block;
-webkit-box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0px 10px 25px 1px rgba(0, 0, 0, 0.5); }
.rems-home-content section.home-info .content-cols .content-col-header .img-circle span {
position: relative;
display: block;
z-index: 3;
top: 18px;
left: 19px;
right: 0;
bottom: 0;
width: 100px;
height: 100px; }
.rems-home-content section.home-info .content-cols .content-col-header .img-circle span img {
width: 60px; }
.rems-home-content section.home-info .content-cols .content-col-header h2 {
text-transform: uppercase;
display: block;
color: #0054a0;
font-size: calc(.3em + 1.2vw);
text-align: center;
margin: 0 auto 15px;
font-family: 'Marcellus', serif; }
.rems-home-content section.home-info .content-cols .content-col-body {
display: block;
position: relative; }
.rems-home-content section.home-info .content-cols .content-col-body ul {
margin: 0;
padding: 0;
list-style: none; }
.rems-home-content section.home-info .content-cols .content-col-body ul li {
display: grid;
margin: 10px 0; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a {
display: block;
padding: 0;
margin: 0;
cursor: pointer; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a div.cal {
height: 50px;
width: 50px;
background: #0054a0;
padding: 5px;
float: right;
position: relative; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a div.cal span.month {
text-align: center;
font-weight: bold;
display: block;
position: relative;
font-size: 20px;
margin: 1px auto 0;
color: #fff;
text-transform: uppercase; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a div.cal span.date {
text-align: center;
font-weight: bold;
display: block;
position: relative;
font-size: 18px;
margin: -5px auto 0;
color: #fff;
text-transform: uppercase; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a div.image img {
display: block;
width: 50px;
float: right; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a div.image img.checkmark {
width: 30px;
float: right; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a p {
margin: 0;
padding: 0;
margin: 0 20px;
vertical-align: top; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a:hover div.cal {
background: #85952a; }
.rems-home-content section.home-info .content-cols .content-col-body ul li a:hover p {
color: #85952a; }
.rems-home-lower-banner {
position: relative;
bottom: 0;
display: block;
margin: 30px 0 0; }
.rems-home-lower-banner div.lower-banner {
background: #e9e9e9;
padding: 10px 20px;
max-height: 40px;
position: relative;
bottom: 0;
right: 0; }
.rems-home-lower-banner div.lower-banner h3 {
display: block;
margin: 0 auto;
text-align: center;
color: #0054a0;
font-size: calc(1.2em + .4vw);
text-transform: uppercase;
font-family: 'Marcellus', serif; }
/*# sourceMappingURL=all.css.map */