@font-face {
    font-family: cairo;
    src: url(/../main/fonts/cairo.ttf);
  }

@font-face {
    font-family: tajawal;
    src: url(/../main/fonts/tajawal.ttf);
  }


  h1, h2, h3, h4, h5, h6 {
    font-family: cairo;
  }

  #sidebar-menu ul li a{
    font-family: cairo;
  }

  label, p, .btn, th, tr, td {
    font-family: tajawal;
  }

  .wizard > .steps > ul > li {
    width: 20%;
  }


  body[data-topbar="colored"] #page-topbar {

    background: #233d4d !important;
  }

  body[data-layout="detached"] #layout-wrapper::before {

    background: #233d4d !important;
  }