/* NIKOS STYLESHEET ONLY */

html {
    background: #ede8e4;
}

body {
    background: #ede8e4;
    font-family: "Montserrat", sans-serif;
    margin: 0;
    font-size: 14px;
    color: #231F20;
}

h1 {
    color: #231F20;
    font-family: 'Montserrat', sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
    color: #231F20;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

html.login-pg {
    background: url(../images/nikos-login-bg.jpg) no-repeat scroll 0 0 #0d0d0d !important;
    background-size: cover !important;
}

html.login-pg .wrapper-page.center {
    margin: 0 auto;
}

.wrapper-page .panel {
    height: 100vh;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
}

/* left menu bar */
#sidebar-menu>ul>li>a {
    color: #231f20;
}

#sidebar-menu>ul>li>a.active .menu-item,
#sidebar-menu>ul>li:hover>a.active .menu-item {
    background-color: #00AEEF;
    color: white;
}

#sidebar-menu>ul>li>a.active .btn,
#sidebar-menu>ul>li:hover>a.active .btn {
    background: #00AEEF;
}

#sidebar-menu ul ul {
    background: #e5e9f0;
}

/* topbar */
.navbar.navbar-light {
    background: #ede8e4;
}
.topbar .topbar-left{
    background-color: white;
}
/* buttons */
.btn-primary {
    background-color: #00AEEF !important;
    border-color: #00AEEF !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    background-color: #00AEEF !important;
    border: 1px solid #00AEEF !important;
    box-shadow: 0 4px 11px rgba(0, 174, 239, 0.45);        
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.open>.dropdown-toggle.btn-secondary {
    background-color: #233267 !important;
    border: 1px solid #233267 !important;
}

.btn-outline-secondary {
    color: #233267;
    border: 1px solid #233267;
}

.btn-outline-secondary:hover,
.btn-outline-secondary.hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-secondary:active,
.btn-outline-secondary.active {
    background-color: #233267;
    color: #ffffff;
}

.btn-light {
    color: #8A94A6;
    background-color: #ede8e4 !important;
}

#login_confirm .btn-link {
    color: #233267 !important;
    font-weight: 500;
}

#login_confirm .btn-link:hover,
#login_confirm .btn-link.hover,
.btn-link:focus,
.btn-link.focus {
    background-color: rgba(0, 174, 239, 0.12) !important;
    color: #233267;
    text-decoration: none;
}

.panel-color .close {
    color: #fff;
    opacity: .4;
}

/* labels and badges */
.label-default {
    background-color: #D4F1FC;
    color: #231f20;
}

/* panels and cards */
.coursediv.panel:hover {
    -moz-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.24);
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.24);
}

.panel-primary>.panel-heading {
    background-color: #243167;
}

.panel {
    -moz-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.16);
}

/* backgrounds */
.bg-background {
    background-color: #ede8e4 !important;
}

.half-bg {
    background: linear-gradient(#243167 50%, #ffffff 50%);
}

.panel-fill.panel-dark {
    background-color: #243167;
}

.bg-primary {
    background-color: #00AEEF !important;
}

.bg-secondary {
    background-color: #243167 !important;
}

.bg-custom-1 {
    background-color: #243167 !important;
}

.bg-custom-2 {
    background-color: #D74B97 !important;
}

.bg-custom-3 {
    background-color: #00AEEF !important;
}

/* navtabs and pills */
.nav.nav-tabs.pills>li.active>a {
    background: #00AEEF;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.tabs-vertical>li.active>a,
.tabs-vertical>li.active>a:focus,
.tabs-vertical>li.active>a:hover {
    color: #00AEEF !important;
}

.nav.nav-tabs>li.active>a {
    border-bottom: 1px solid #00AEEF !important;
}

.nav-pills>li>a {
    color: #231F20;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #231F20;
}

.nav-pills>li.selected>a,
.nav-pills>li.selected>a:focus,
.nav-pills>li.selected>a:hover {
    background-color: #231F20;
}

/* footer */
.footer {
    background-color: #ede8e4;
    color: #38302E;
}