﻿/* Theme - Global */
.theme-bg {
    background-color: #186b91;
    color:#fff;
}

.theme-color {
    color: #186b91;
}

/* Global */
a, a:hover, a:focus {
    color: #186b91;
}

.btn-primary {
    background-color: #186b91;
    border-color: #186b91;
}

    .btn-primary:hover, .btn-primary:focus {
        background-color: #186b91;
        border-color: #186b91;
    }

    .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary.active, .btn-primary.active:hover, .btn-primary.active:focus {
        background-color: #186b91;
        border-color: #186b91;
    }

.btn-warning {
    background-color: #cfd5d6;
    border-color: #cfd5d6;
}

    .btn-warning:hover, .btn-warning:focus {
        background-color: #cfd5d6;
        border-color: #cfd5d6;
    }

    .btn-warning:active, .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning.active, .btn-warning.active:hover, .btn-warning.active:focus {
        background-color: #cfd5d6;
        border-color: #cfd5d6;
    }

.fancy-radio.custom-color-blue input[type="radio"]:checked + span i:after {
    background-color: #186b91;
}

.fancy-checkbox.custom-bgcolor-blue input[type="checkbox"]:checked + span:before {
    background-color: #186b91;
    border-color: #186b91;
}

.ribbon span, .ribbon::before, .ribbon::after {
    background-color: #186b91;
}

/* Template - CoursePage - Std */
.section .current, .section a:hover {
    color: #186b91;
}

.cp-bg-wrapper, .sys-page-divider-top, .theme-divider-bg {
    background-color: #c6c8d3;
    background-image: url(/appearances/general/img/overlay.svg), linear-gradient(45deg, rgba(24, 107, 145, 0.50) 100%, #545454 0%);
    background-size: cover;
    background-attachment: fixed;
}

    .cp-bg-wrapper .cp-header {
        color: #fff;
    }

.section-part.current, .section-part:hover {
    background: linear-gradient(to left, #186b91  50%, #FFF 50%) right;
    background-size: 200%;
}

/* TopNav */
.navbar-fixed-top .icon-menu .badge {
    background-color: #186b91;
}

/* Notification */
.custom-bg-new, .graphic-bg-new {
    background-color: #186b91!important;
}

/* Plugin - Tabs */
.tt-nav-tabs-inverted .nav-tabs > li.active > a {
    border-left-color: #186b91;
}

/* Page - Dashboard - SubNav - Left */
.nav-tab-left li.active a {
    border-left-color: #186b91;
}

/* Plugin - Progress */
.progress-bar-warning, .progress-bar-success, .progress-bar-danger {
    background-color: #186b91;
}

/* Content Part -  */
.co018_marketplace .ribbon.stickey-discount span, .co018_marketplace .ribbon.stickey-discount::before, .co018_marketplace .ribbon.stickey-discount::after {
    background-color: #186b91;
}

/* Course Part - Comments */
.new-entry-send-btn {
    background-color: #186b91;
}

/* Editor content - Glorified */
.sys-editor-content h1, .sys-editor-content h2, .sys-editor-content h3, .sys-editor-content-header {
    letter-spacing: 2px;
    position: relative;
    display: inline-block;
}

    .sys-editor-content h1:after, .sys-editor-content h2:after, .sys-editor-content h3:after, .sys-editor-content-header:after {
        content: '';
        margin-bottom: 10px;
        display: block;
        margin-top: 10px;
        height: 1px;
        background-color: #5e6773;
        width: 80%;
    }

.sys-editor-content ul {
    list-style: none;
}

    .sys-editor-content ul li:before {
        content: "\f00c";
        font-family: FontAwesome;
        display: inline-block;
        margin-left: -1.3em;
        width: 1.3em;
        color: #186b91;
    }