﻿@font-face {
  font-family: 'Jaldi';
  src: url("/fonts/Jaldi-Regular.ttf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Jaldi';
  src: url("/fonts/Jaldi-Bold.ttf");
  font-weight: bold;
  font-style: normal; }

html {
  font-size: 12px; }

body {
  font-family: 'Jaldi';
  font-size: 1.5rem; }

.dx-vam, h2, span, td, b {
  font-family: 'Jaldi'; }

.dx-vam {
  font-size: 1.5rem; }

.page-header .breadcrumbs a, .page-header .breadcrumbs span {
  font-size: 1.5rem; }

.dxeEditAreaSys,
.dxeMemoEditAreaSys,
input[type="text"].dxeEditAreaSys,
input[type="password"].dxeEditAreaSys {
  font-size: 1.5rem;
  line-height: normal;
  outline: 0; }

.userbox.open .dropdown-menu a:hover {
  background: #aeaeae; }

.dxeFocused_MaterialCompact {
  border: 1px solid #aeaeae; }

.dxbButton_MaterialCompact {
  background: #aeaeae;
  border: 1px solid #aeaeae; }

.dxbButtonHover_MaterialCompact {
  color: white;
  background-color: #747474;
  border: 1px solid #747474; }

ul.nav-main li a {
  font-size: 1.3rem; }

.page-header {
  background: #545454;
  border-bottom: none;
  box-shadow: 1px 3px 0 1px #808080;
  height: 50px;
  margin: -40px -40px 40px -40px;
  padding: 0; }

ul.nav-main li .nav-children {
  background: #aeaeae;
  box-shadow: 0px -3px 3px -3px rgba(0, 0, 0, 0.7) inset;
  display: none;
  padding: 10px 0; }

ul.nav-main > li > a:hover, ul.nav-main > li > a:focus {
  background-color: #545454; }

ul.nav-main li .nav-children li a:hover {
  background: #545454; }

ul.nav-main > li.nav-expanded > a {
  background: #aeaeae; }

.sidebar-left {
  background: #545454;
  box-shadow: -5px 0 0 #CCC inset; }

.sidebar-left .sidebar-header .sidebar-toggle {
  background-color: #aeaeae; }

.sidebar-left .sidebar-header .sidebar-title {
  color: #fff; }

.sidebar-left .sidebar-header .sidebar-toggle i {
  color: #fff; }

.sidebar-left .sidebar-header .sidebar-title {
  border-bottom: 4px solid #808080; }

ul.nav-main li.nav-parent > a:after {
  color: #fff; }

@media only screen and (min-width: 768px) {
  html.sidebar-left-collapsed .sidebar-left .nano {
    background: #545454;
    box-shadow: -5px 0 0 #808080 inset; } }
