@font-face {
    font-family: TT Hoves Pro;
    src: local("TT Hoves Pro"),url(/pango/fonts/TT-Hoves-Pro-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: TT Hoves Pro;
    src: local("TT Hoves Pro"),url(/pango/fonts/TT-Hoves-Pro-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: TT Hoves Pro;
    src: local("TT Hoves Pro"),url(/pango/fonts/TT-Hoves-Pro-DemiBold.ttf);
    font-weight: 600;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: TT Hoves Pro;
    color: #303030;
}

.btn.btn-success {
    color: #fff !important;
    background-color: #16CC6F !important;
    border: solid 1px #16CC6F !important;
}

.btn.btn-success:hover {
    color: #fff !important;
    background-color: #16CC6F !important;
    border: solid 1px #16CC6F !important;
}

.btn-outline-success {
    color: #303030 !important;
}

.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
    color: #303030 !important;
}

.footer {
    background-color: #303030;
}

.left-sidebar, .sidebar-nav {
    background-color: #16CC6F;
}

.login-page .left-sidebar, .login-page .sidebar-nav {
    background-color: #303030;
}

.topbar, #userbarnav {
    background: #303030;
    border-bottom: 1px solid #303030;
}

.topbar a, #userbarnav a, .footer, .footer a, #userbarnav i, .sidebar-nav a span.fa-user-circle {
    color: #f3f4f6 !important;
}

hr {
    background-color: #f3f4f6 !important;
}

a {
    color: #303030;
}

.sidebar-nav > ul > li.not-activable:hover {
    background-color: #303030;
}

.sidebar-nav > ul > li.not-activable ul {
    background-color: #303030 !important;
}