/*Write your custom css in this file.*/

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

@import url('/assets/css/fonts/hwfonts/stylesheet.css');

html, body {
    font-family: "Roboto Mono", monospace;
    font-weight: 300;
    color: #000;
    background: #fff;
}

html * {
  font-size: .99em;
}

div.bg-success {
  background-color: #cc3333 !important;
}

div.bg-success h1, div.bg-success h2, div.bg-success h3, div.bg-success h4 {
  color: #fff
}

.widget-container .card, .bg-white, .shadow-sm, .sidebar-brand, .sidebar {
  box-shadow: none!important;
-webkit-box-shadow: none!important;
}

.navbar-light .navbar-nav .nav-link, a {
    color: #000;
}

.panel-success, .app-alert.alert-success, .nav-tabs>li:not(.title-tab):after, .label-success, #timeline .post-content .post-date span, .checkbox-checked-sm:before {
    background-color:#2e933c;
}

.dataTable tbody tr.active .label{
    color: #2e933c;
}

.dataTable tbody tr {
  color: #000;
}


h1, h2, h3, h4, table b, .panel-default > .panel-heading, thead{
	font-family: "repetita_roundedregular";
	color: #CC3333;
	font-weight: 300;
	letter-spacing: .09em;
}

.white-link h1, .white-link:hover h1, body .sidebar-menu li a {
    color: #cc3333;
    border-radius: 0px;
    border: 1px solid transparent;
}

body .sidebar-menu li a {
  color: #fff;
}

.sidebar, .navbar-light .navbar-nav .nav-link {
    font-weight: 300;
}

.sidebar-brand {
  padding: 2px 0px;
}

#sidebar-menu {
    background: #000;
}

#left-menu-toggle-mask {
    background: #fff;
}

ul.sidebar-menu li a:hover,  ul.sidebar-menu li.active > a{
    background-color: #cc3333;
    color: #fff;
    border: 1px solid #fff;
}

body .sidebar-scroll, body #timeline .post-content .post-date span {
  background: #000;
}