@mainColor: #3c8dbc;
@mainColorDark: #272930;
@black: #1A1C20;
body {
  color: #5A756E;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
  background-color: @mainColor;
}
.skin-blue .main-header .navbar {
  background-color: @mainColor;
}
.skin-blue .main-header .logo {
  background-color: @mainColor;
  &:hover {
    background-color: @mainColor;
  }
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
  border-left: 3px solid #FFA900;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
  background-color: @mainColorDark;
  color: #5B756E;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
  background-color: @black;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
  color: white;
}
.skin-blue .sidebar a {
  color: white;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #3F3F3F;
}
.content-wrapper, .right-side {
  background-color: #f5faf9;
}
.box.box-info {
  border-top-color: @mainColor;
}

.btn-primary{
  background-color:@mainColor;
  border-color:@mainColor;
}
.main-header .logo {
  padding: 5px;
  img {
    height: 100%;
    display: block;
    margin: 0 auto;
  }
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  margin: 0;
}
.skin-blue .treeview.active .treeview-menu {
  background-color: @mainColorDark;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
  background-color: @mainColorDark;
  li.active {
    background-color: @black;
  }
}
.skin-blue .treeview-menu > li.active > a, .skin-blue .treeview-menu > li > a:hover {
  background-color: @black;
  color: white;
  border-left: 3px solid #FFA900;
}
.skin-blue .treeview.active .treeview-menu > li > a {
  color: #ccc;
}
.skin-blue .treeview.active .treeview-menu > li.active > a {
  color: #fff;
}

.sidebar-menu .treeview-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  border-top: 0;
  border-bottom: 0;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #E4F0ED;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #E4F0ED;
}
table thead tr {
  color: #5B756E;
  background-color: #C0DED8;
}
.breadcrumb {
  background-color: #E4F0ED;
}
.table-head {
  @height: 40px;
  height: @height;
  line-height: @height;
  display: flex;
  justify-content: space-between;
  background-color: #57756E;
  color: white;
  .table-head-label {
    padding-left: 10px;
    font-size: 18px;
  }
  .table-head-total {
    font-size: 25px;
    padding-right: 10px;
  }
}
.no-padding {
  padding: 0;
}