/* PANAROTTIS STYLESHEET ONLY */

/* fonts */
@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'Museo-sans';
    src: url('/assets/fonts/museosans-500-webfont.woff2') format('woff2'),
        url('/assets/fonts/museosans-500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* end fonts */

html {
    background: #ECEAE6;
}

body {
    background: #ECEAE6;
    font-family: 'Museo-sans','Roboto', sans-serif;
    margin: 0;
    font-size: 14px;
    color: #1A222D;
}

h1,
h2 {
    color: #1A222D;
    font-family: 'Archivo Black', 'Roboto', sans-serif;
    text-transform: uppercase;
}

h3,
h4,
h5,
h6 {
    color: #1A222D;
    font-family:  'Roboto', sans-serif;
    font-weight: 900;
    text-transform: uppercase;
}

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

/* left menu bar */
.topbar .topbar-left,
.side-menu.left {
    background-color: #1A222D;
}

#sidebar-menu>ul>li>a {
    color: #ccc;
}

#sidebar-menu>ul>li>a.active .menu-item,
#sidebar-menu>ul>li:hover>a.active .menu-item {
    background-color: #DC2D31;
    color: #fff;
}

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

#sidebar-menu>ul>li>a.active i.icon {
    color: #fff;
}

#sidebar-menu>ul>li:hover>a .menu-item {
    background: #2b394b;
}

#sidebar-menu>ul>li:hover>a .btn {
    background: #2b394b;
    color: #fff;
}

#sidebar-menu ul ul {
    background: #2b394b;
}

#sidebar-menu ul ul a {
    color: #ccc;
}

#sidebar-menu ul ul a:hover {
    color: #ffffff;
}

#sidebar-menu ul ul li.active a {
    color: #ffffff;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul>li:hover>ul {
    background: #2b394b;
}

/* topbar */
.navbar.navbar-light {
    background: #ECEAE6;
}

/* buttons */
#login.btn-primary{
    background-color: #2B3139 !important;
    border-color: #2B3139 !important;
}
#login.btn-primary:hover {
    box-shadow: 0 4px 11px rgba(28,28,28,0.45);
}
.btn-primary {
    background-color: #DC2D31 !important;
    border-color: #DC2D31 !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: #DC2D31 !important;
    border: 1px solid #DC2D31 !important;
}

.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: #1A222D !important;
    border: 1px solid #1A222D !important;
}

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

.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: #1A222D;
    color: #ffffff;
}

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

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

#login_confirm .btn-link:hover,
#login_confirm .btn-link.hover,
.btn-link:focus,
.btn-link.focus {
    background-color: rgba(0, 166, 150, 0.08) !important;
    color: #00A696;
    text-decoration: none;
}

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

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

/* labels and badges */
.label-default {
    background-color: #D4EFED;
    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: #1A222D;
}

.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: #ECEAE6 !important;
}

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

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

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

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

.bg-success{
    background-color: #185C53 !important;
}
.bg-info {
    background-color: #005EA2 !important;
}
.bg-warning {
    background-color: #B69F27 !important;
}
.bg-danger {
    background-color: #AE2B27 !important;
}

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

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

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

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

.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: #AA182C !important;
}

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

.nav-pills>li>a {
    color: #1A222D;
}

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

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

/* progress bars */
.progress-bar-success {
    background-color: #009887;
}

/* footer */
.footer {
    background-color: #ECEAE6;
    color: #1A222D;
}