@import url('templedit.css');

/* Colors for color picker:
Color 2: #003366
Color 3: #012040
Color 4: #012040

/* Color Overides */

:root {
--color-1:hsla(210, 100%, 20%, 1) !important;
--color-2:hsla(210, 97%, 13%, 1) !important;
}
h1 {
color: var(--color-1);
}

/* Admin Logo Background */

.sm-forma a.forma-admin-logo {
    background-color: #FFFFFF!important;
}

/*Header */

header.header {
	border-bottom: 2px solid var(--color-1) !important;
}

/* Footer  */

.homepage__row--footer .homepage__links {
    border-top: solid 2px var(--color-1) !important;
}
.layout_footer {
    border-top: 2px solid var(--color-1);
}

/* Login Page */

.homepage__row--login.homepage__row--gray {
    background-color: hsla(0, 0%, 95%, 0.4) !important;
}
:is(.homepage #login_userid,.homepage #login_pwd) {
     background: #FFFFFF !important;
}
.forma-button--orange {
    color: var(--color-1) !important;
}
.forma-button--orange.js-show-collapsed-text:hover {
    color: var(--color-2) !important;
}
.forma-button:focus {
    background-color: var(--color-1);
}

/* Self Registration Confirmation Box and Form */

form#register {
    background: #ffffff;
}

.homepage__row .forma-button[type='submit'] {
    margin-bottom: 15px; 
}

.homepage__row--form-disclaimer {
    font-style: normal !important; 
    color: #000000 !important;
    text-align: left !important;
}

.homepage__row--form-disclaimer b{
    color: #000000 !important;
}

/* Navigation Tabs and Top Menu*/

header.header .row-fluid .navbar-collapse li.active a {
    color: var(--color-1);
}
.nav.nav-tabs li a {
    color: var(--color-0-800);
    background-color: var(--color-0-100) !important;
}
.nav.nav-tabs li a:hover {
    background-color: var(--color-0-200) !important;
}
.nav.nav-tabs li.active>a {
    width: 100%;
    background-color: var(--color-1) !important;
    border: none !important;
    color: var(--color-1-020) !important;
}
.nav.nav-tabs li.active>a:hover {
    background-color: var(--color-1) !important;
}

/* Fix Mobile Top Menu */

/* header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li a .glyphicon-question-sign, header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li a .glyphicon-question-sign {
    right: 17px;
    top: 12px;
    display: inline;
}
header.header .row-fluid .navbar-collapse.collapsing .nav.navbar-nav li a .glyphicon-cog, header.header .row-fluid .navbar-collapse.collapse.in .nav.navbar-nav li a .glyphicon-cog {
    display: inline-block;
} */

/* Hide Course Search Box */

#course_search_simple_filter_options {
    display: none !important;
}
.filterBar .filterBar__buttons {
    margin-top: 0;
    padding: 1rem 15px;
    margin-bottom: 0
}
.filterBar__mobile {
    display: none;
}
.filterBar__button+.filterBar__button {
    margin-top: 0 !important;
}

/* Make Back Buttons more prominant */

.container-back a{
	width: auto;
	height: 40px;
	padding: 12px 35px;
	color: var(--color-0-400);
	background-color: var(--color-1) !important;
	border-radius: 100vh !important;
	transition: color 0.2s ease 0s;
	text-transform: uppercase;
	display: block;
	color:#FFFFFF;
	margin-bottom: 5px;
	display: inline-block;
}
.container-back a:hover{
	background-color: var(--color-2) !important;
}

/* Course Pages */

.progress-bar-warning {
    background-color: var(--color-1) !important;
	background-image: none;
}
.section-coourse__menu ul li a:hover {
    color: var(--color-2);
}
.slider-menu__item.is-selected a {
    color: var(--color-1);
}
#course-info-boot+#yui-main-boot .page-header h1 {
    color: var(--color-1);
}
.forma-dropdown:hover {
    border-color: var(--color-1);
}
.forma-dropdown__selected:hover {
   color: var(--color-2);
}
.forma-button:focus {
    background-color: var(--color-2);
}
.ft-is-selected {
    background-color: var(--color-0-100);
}
.folderView__action, .folderView__button {
    background-color: var(--color-0-100);
}
.folderView__button:hover {
    background-color: var(--color-1);
    border-color: var(--color-1);
    transition: all .2s ease-in-out;
}
.folderView__action:hover, .folderView__button:hover {
    background-color: var(--color-1);
    border-color: var(--color-1);
    transition: all .2s ease-in-out;
}
.course-box__cta .course-box__cta__button {
    background: var(--color-1);
}
.course-box__cta .course-box__cta__button:hover {
    background: var(--color-2);
}
.course-box__cta .course-box__cta__button::before {
background: var(--color-1);
}
.course-box__cta .course-box__cta__button:hover::before {
    background: var(--color-2);
}
/* Welcome Page Margin Fix */

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/* Safari Modal Fix */

.modal.open {
    height: 100%
}