html, body {
    background: rgb(255, 255, 255);
}

.learner p, .learner div {
    color: rgb(0, 10, 105);
}

h1, h2, h3, h4, h1 > a, h2 > a, h3 > a, h4 > a  {
    color: rgb(6, 36, 135);
}

a {
    color: rgb(0, 104, 210);
}
a:hover {
    color: rgb(159, 147, 248);
}

/* Search Box */
.search-field, .search-buttons > .btn {
    background: rgb(255, 255, 255);
    color: rgb(85, 35, 85);
    border-color: rgb(204, 154, 204);
}

.search-buttons > .btn:hover, .search-buttons > .btn:active, .search-buttons > .btn:focus {
    background: rgb(255, 255, 255);
    color: rgb(85, 35, 85);
}

.search-field::-webkit-input-placeholder,  .search-field:-moz-placeholder,  .search-field::-moz-placeholder,  .search-field:-ms-input-placeholder {
    color: rgb(204, 154, 204);
}

/* Main Logo */

.main-logo {
    max-width: 315px;
    max-height: 89px;
}

/* Main Banner */
    
    .main-banner {
        max-width: 1280px;
        max-height: 180px;
    }
    

.main-content-wrapper {
    background: rgb(255, 255, 255);
}

.featured-items-title {
    color: rgb(0, 0, 105)
}

/* Course Thumb (Cards/Tiles) */
.course-thumb {
    color: rgb(78, 78, 78);
    background: rgb(255, 255, 255);
    -webkit-box-shadow: 0 4px 12px rgb(170, 170, 170);
    -ms-box-shadow: 0 4px 12px rgb(170, 170, 170);
    box-shadow: 0 4px 12px rgb(170, 170, 170);
}
.course-thumb:hover {
    -webkit-box-shadow: 0 4px 12px rgb(119, 119, 119);
    -ms-box-shadow: 0 4px 12px rgb(119, 119, 119);
    box-shadow: 0 4px 12px rgb(119, 119, 119);
}
.course-thumb.no-hover:hover {
    -webkit-box-shadow: 0 4px 12px rgb(170, 170, 170);
    -ms-box-shadow: 0 4px 12px rgb(170, 170, 170);
    box-shadow: 0 4px 12px rgb(170, 170, 170);
}
.course-thumb h2 a {
    color: rgb(8, 83, 148);
}
.course-thumb .category-section {
    color: rgb(238, 238, 238);
    background: rgba(8, 83, 148, 0.84);
    border-color: rgb(34, 34, 34);
}
.course-thumb .details {
    color: rgb(78, 78, 78);
    background: rgb(255, 255, 255);
}
.course-thumb .course-thumb-details {
    border-top: 1px solid rgb(86, 90, 92);
    background: rgb(255, 255, 255);
    color: rgb(78, 78, 78);
}
.course-thumb .enrollment-spacer {
    border-top: 1px solid rgb(86, 90, 92);
}
.course-thumb .spacer {
    border-color: rgb(86, 90, 92);
}
.course-thumb .course-thumb-text {
    border-color: rgb(86, 90, 92);
}

/* Course List (horizontal cards) */

.course-list article {
    color: rgb(78, 78, 78);
    background: rgb(255, 255, 255);
    -webkit-box-shadow: 0 4px 12px rgb(170, 170, 170);
    -ms-box-shadow: 0 4px 12px rgb(170, 170, 170);
    box-shadow: 0 4px 12px rgb(170, 170, 170);
}

.course-list article:hover {
    -webkit-box-shadow: 0 4px 12px rgb(119, 119, 119);
    -ms-box-shadow: 0 4px 12px rgb(119, 119, 119);
    box-shadow: 0 4px 12px rgb(119, 119, 119);
}

.course-list .details {
    border-color: rgb(86, 90, 92);
    color: rgb(78, 78, 78);
}

.course-list .course-title {
    color: rgb(8, 83, 148);
}

/* Buttons */

.btn {
    color: rgb(255, 255, 255);
    background: rgb(8, 33, 148);
    border-color: #ccc;
}
.btn:active, .btn:hover, .btn:focus {
    color: rgb(255, 255, 255);
    background: rgb(0, 104, 210);
    color: rgb(255, 255, 255);
}
.btn-cancel {
    color: #000;
    background: #f0f0f0;
    border-color: #ccc;
}
.btn-cancel:active, .btn-cancel:hover, .btn-cancel:focus {
    color: #000;
    background: #d0d0d0;
    color: #000;
}

/* Show More Button */
.button-show-more {
    color: rgb(102, 102, 102);
    background: rgb(216, 216, 216);
}
.button-show-more:hover {
    color: rgb(102, 102, 102);
    background: rgb(200, 200, 200);
}

/* Footer */
.footer-nav {
    background: rgb(6, 36, 135);
}
.footer-nav ul li {
    color: rgb(255, 255, 255);
}
.footer-nav ul li a {
    color: rgb(255, 255, 255);
}
.footer-nav ul li a:hover {
    color: rgb(179, 167, 255);
}
.custom-footer {
    background: rgb(255, 255, 255);
    color: rgb(159, 147, 248) !important;
}

/* Header */
.header-bar {
    background: rgb(6, 86, 135);
    -moz-box-shadow: 0 4px 6px rgb(222, 222, 222);
    -webkit-box-shadow: 0 4px 6px rgb(222, 222, 222);
    box-shadow: 0 4px 6px rgb(222, 222, 222);
    min-height: 89;
}

@media (min-width: 768px) {
    .header-bar .navbar .nav {
        
        margin-top: 24px;
    }
}

.navbar .nav > li > a:focus, .navbar .nav > li > a:hover, .navbar .nav > li > a, .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: rgb(251, 251, 251);
}
.navbar .nav li.active a, .navbar .nav li.active a:hover, .navbar .nav li.active a:focus {
    color: rgb(159, 147, 248);
    border-color: rgb(51, 103, 204);
}

.navbar-toggle {
    color: rgb(159, 147, 248);
}

/* Banner */
.main-banner-row {
    background: rgb(255, 255, 255);
    -moz-box-shadow-color: 0 4px 6px rgb(159, 97, 248);
    -webkit-box-shadow: 0 4px 6px rgb(159, 97, 248);
    box-shadow: 0 4px 6px rgb(159, 97, 248);
}

/* Tags */
.learner .tag {
    color: rgb(255, 255, 255);
    background: rgb(8, 33, 148);
    border-color: #ddd;
}
.learner .tag:hover{
    color: #4e4e4e !important;
    background: #ddd !important;
    border-color: #ddd !important;
}

.learner .pagination li a {
    color: rgb(8, 83, 148) !important;
    background: rgb(255, 255, 255) !important;
}
.learner .pagination li.active a {
    background: rgb(245, 245, 245) !important;
    color: rgb(51, 153, 204) !important;
}

/* Forms */
.required {
    color: rgb(194, 0, 0);
}

input[type=text],
input[type=password],
textarea,
select, .form-control {
    color: rgb(78, 78, 78);
    background: rgb(250, 255, 250);
}

/* Notifications */
.learner .alert-error {
    color: rgb(185, 74, 72);
    background: rgb(242, 222, 222);
    border-color: rgb(238, 211, 215);
}
.learner .alert-success {
    color: rgb(70, 136, 71);
    background: rgb(223, 240, 216);
    border-color: rgb(214, 233, 198);
}
.learner .alert-info {
    color: rgb(58, 135, 173);
    background: rgb(217, 237, 247);
    border-color: rgb(188, 232, 241);
}

/* Video */
@media (max-width: 480px){
    .embedded-video-frame{
        -moz-box-shadow: 0 2px 4px rgb(170, 170, 170);
        -webkit-box-shadow: 0 2px 4px rgb(170, 170, 170);
        box-shadow: 0 2px 4px rgb(170, 170, 170);
    }
}

@media (min-width: 481px){
    .embedded-video-frame{
        -moz-box-shadow: 0 4px 8px rgb(170, 170, 170);
        -webkit-box-shadow: 0 4px 8px rgb(170, 170, 170);
        box-shadow: 0 4px 8px rgb(170, 170, 170);
    }
}

/* Tabs */

.learner .nav-tabs > li > a {
    color: rgb(0, 86, 204);
}

.learner .nav-tabs > li > a:hover {
    background: rgb(238, 238, 238);
}

.learner .nav-tabs > .active > a, .learner .nav-tabs > .active > a:hover {
    color: rgb(85, 85, 85);
    background: rgb(255, 255, 255);
    border-color: rgb(221, 221, 221);
}

.learner .nav-tabs .badge-info {
    background: rgb(58, 85, 173);
}

.learner .nav-tabs .badge {
    color: rgb(255, 255, 255);
}


/* Close Button */

.close {
    background: url(/Content/iLearner/assets/img/icon-close.png) 0 0 no-repeat !important;
}

/* Feature Icons */
.features li.video {
    background-image: url(/Content/iLearner/assets/img/Icon_VideoLecture.png);
}
.features li.interaction {
    background-image: url(/Content/iLearner/assets/img/Icon_Interaction.png);
}
.features li.discussion {
    background-image: url(/Content/iLearner/assets/img/Icon_Discussion.png);
}
.features li.quizzes {
    background-image: url(/Content/iLearner/assets/img/Icon_Textbooks.png);
}


/* Admin */

#imageModal .box-content {
    background: url('/Content/img/bg.jpg') repeat;
}