body {
  background-color: #f8f8f8;
  font-family: 'Poppins',Helvetica,Arial,sans-serif !important;
}
html{ font-family: 'Poppins',sans-serif; } 
#wrapper {
  width: 100%;
}
#page-wrapper {
  padding: 0 15px;
  min-height: 568px;
  background-color: white;
}
@media (min-width: 768px) {
  #page-wrapper {
    position: inherit;
    margin: 0 0 0 250px;
    padding: 0 30px;
    border-left: 1px solid #e7e7e7;
  }
}
.navbar-top-links {
  margin-right: 0;
}
.navbar-top-links li {
  display: inline-block;
}
.navbar-top-links li:last-child {
  margin-right: 15px;
}
.navbar-top-links li a {
  padding: 15px;
  min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
  display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
  padding: 3px 20px;
  min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}
.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}
.navbar-top-links .dropdown-user {
  right: 0;
  float: left;
}

.page-action-links{
  margin:40px 0px 20px 0px;
}


.sidebar .sidebar-nav.navbar-collapse {
  padding-left: 0;
  padding-right: 0;
}
.sidebar ul li {
  border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
  background-color: #eeeeee;
}
.sidebar .arrow {
  float: right;
}
.sidebar .fa.arrow:before {
  content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
  content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
  border-bottom: none !important;
}
.sidebar .nav-second-level li a {
  padding-left: 37px;
}
.sidebar .nav-third-level li a {
  padding-left: 52px;
}
@media (min-width: 768px) {
  .sidebar {
    z-index: 1;
    position: absolute;
    width: 250px;
    margin-top: 51px;
  }
  .navbar-top-links .dropdown-messages,
  .navbar-top-links .dropdown-tasks,
  .navbar-top-links .dropdown-alerts {
    margin-left: auto;
  }
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
  margin-right: 5px;
}

.btn-circle {
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 15px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #ddd;
  background-color: #eee !important;
}
.show-grid {
  margin: 15px 0;
}
.huge {
  font-size: 40px;
}

.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}
.panel-green {
  border-color: #5cb85c;
}
.panel-green > a {
  color: #5cb85c;
}
.panel-green > a:hover {
  color: #3d8b3d;
}
.panel-red {
  border-color: #d9534f;
}
.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}
.panel-red > a {
  color: #d9534f;
}
.panel-red > a:hover {
  color: #b52b27;
}
.panel-yellow {
  border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}
.panel-yellow > a {
  color: #f0ad4e;
}
.panel-yellow > a:hover {
  color: #df8a13;
}

label.error{
  color: red;
}

#export-section{
 text-align: right;
  margin-bottom: 20px;
}

.mobileMenu{ display: none; }
.desktopMenu{ display: block; }
#printArea .box {
  font-family: "Autumn in November", Arial, sans-serif;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  border: 1px dashed black;
  margin: 10px;
}
#printArea  .box .text { font-family: "Autumn in November", Arial, sans-serif; font-weight: normal; }

a{ color: #202020; }
a:hover{ color: #ffb7c7; }
.panel-primary>.panel-heading{ background-color: #ffb7c7; border-color: #ffb7c7; }
.panel-primary { border-color: #ffb7c7; }
.header_logo{ position:relative; max-width:180px; width:100%; margin: 10px; }
form.loginform { margin-top: 25%; }
form.loginform .header_logo{ margin: 0 auto; }
form.loginform .login-panel { margin-top: 15px; }
.header_logo > img{ width:100%; height:auto;  }
.panel-default { border-color: #ffb7c7;  }
.panel-default>.panel-heading {
  color: #fff;
  background-color: #ffb7c7;
  border-color: #ffb7c7;
}
.form-control{ border: 1px solid #ffb7c7; }
.btn-warning,
.btn-primary,
.btn-success{ background-color: rgb(254, 183, 198); border-color: #ffb7c7; }
.btn-warning:hover,
.btn-primary:hover,
.btn-success:hover{ opacity:0.8; background-color: rgb(254, 183, 198); border-color: #ffb7c7; }

@media (max-width: 767px) {
  .mobileMenu{ display: block; }
  .desktopMenu{ display: none; }
  .navbar-header { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;}
  .navbar-toggle { order: 3; }
  .navbar-top-links { order: 2; }
  .navbar-brand { order: 1; flex: 1; text-align: left; white-space: nowrap; }
  .mobileMenu { display: flex; flex-wrap: wrap; justify-content: flex-end; list-style: none; padding: 0;}
  .dropdown { margin-left: auto;}
  .dropdown-menu { right: 0; left: auto;}
  .h1, h1{ font-size: 25px; }
  .header_logo{ max-width: 150px; } 
  body,
  .dropdown-menu,
  .form-control{ font-size: 13px; }
  .navbar-brand{  font-size: 16px; }
  .h1, h1,
  .h2, h2{ font-size: 20px; }
  .btn{ padding: 5px 10px; font-size: 13px; }
  .page-header{ margin: 15px 0 10px; }
  .page-action-links{ margin: 15px 0px 15px 0px; }
}
@media (max-width: 600px) {
  .h1, h1,
  .h2, h2{ font-size: 20px; }
  .btn{  font-size: 12px; }
  table td .btn{ padding: 1px 4px; }
  body,
  .dropdown-menu,
  .form-control{ font-size: 12px; }
}