body {
  
}

.header {
  position: relative;
}

.header:before {
  background-image: url('img/logo.png?202004081228');
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
  height: 100%;
  position: absolute;
  width: 260px;
}

.header .logo {
  padding-left: 25px;
}

body.loginpage {
  background: #6969ae;
}

.header,
.userloggedinfo ul li ul, 
.bootstrap-dialog.type-primary .modal-header {
  background-color: #6969ae;
}

.inputwrapper button {
  background-color: #777;
  border-color: #eee;
}

.inputwrapper button:hover {
  background-color: #aaa;
}

.dataTables_wrapper table.table th,
.editform fieldset legend {
  background-color: #6969ae;
}

.breadcrumbs {
  background: #eee;
}

.leftmenu {
}

.leftmenu .nav-tabs.nav-stacked > li.active > a,
.leftmenu .nav-tabs.nav-stacked > li.active > a:hover {
  background: #6969ae;
}


.leftmenu .nav-tabs.nav-stacked > li.active > a,
.leftmenu .nav-tabs.nav-stacked > li.active > a:hover {
  border-bottom-color: #6969ae;
}

.editform fieldset section {
  border-color: #6969ae; 
}

.pageicon {
  color: #6969ae; 
  border-color: #6969ae; ;
}

.pagetitle h1 {
  color: #555; 
}

a, a:hover, a:link, a:active, a:focus {
  color: #222;
}

a.btn-additem, .addbutton {
  background: #6969ae;
  color: #fff;
}

a.btn-additem:hover, a.btn-additem:active {
  background: #333;
  border-color: #333;
}

.btn-primary {
  background: #6969ae;
  border-color: #6969ae;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background: #6969ae;
  border-color: #6969ae;
}


@media screen and (max-width: 1024px) {
  .header:before {
    display: none;
  }

  .header .logo {
    padding-left: 0;
  }
}