/* here you can put your own css to customize and override the theme */
th {
  text-align: center;
}

.page-header.navbar{
  background: #2f373e;
}

.clearfix{
  /*background: #2b63a0; */
}

.page-content-wrapper{
  background-color: #fff;
}

.page-footer{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #2f373e;
  z-index: 999;
}

.page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
    background: #747F8C;
    color: white;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li.active > a{
  background: #747F8C !important;
  color: white; /*hover text color change*/
}

.page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar .page-sidebar-menu > li.active.open > a{
  background: #747F8C !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
.page-sidebar .page-sidebar-menu > li > a {
  border-top: 1px solid #2f373e; /*border button side menu*/
}
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
.page-sidebar .page-sidebar-menu > li.active.open + li > a {
  border-top: 1px solid #2f373e;  /*border button side menu*/
}

.page-content-wrapper .page-content{
  /*background: url(/bundles/sereniteatemplate/images/body.jpg) no-repeat top left;*/
/*  background: url(/bundles/sereniteatemplate/images/BG-Content.png);*/
  background-size: 100%;
  background-color: #e9eaed;
  background-size:   cover;                      /* <------ */
    background-repeat: no-repeat;
    background-position: center center;            /* optionally, center the image */
}

.page-sidebar.navbar-collapse.collapse{
  background-color: #fff;
}

.portlet.box.blue-hoki > .portlet-title{
    background-color: #fff;
}

.portlet.box.blue-hoki {
    border: 1px solid #fff;
    border-top: 0;
    box-shadow: 0px 1px 11px #888888;
}


.page-sidebar.navbar-collapse.collapse{
  background-color: #fff; /*sidebar menu button base color*/
}

.page-breadcrumb.breadcrumb {
  background-color: rgba(247, 247, 247, 0);
}

.checked{
  background-color:#71ceea !important;
}

.returned{
  background-color:#ffaa41 !important;
}

.damaged{
  background-color:#ea4d4d !important;
}

.received{
  background-color:#71ceea !important;
}

.page-header.navbar .page-logo .logo-default{ 
  margin-top: 0px;
}

th{
  background-color: #2B63A0  !important;
  color: white !important;
}

.table .content-heading{
  /*background-color: #003f45 !important;*/
  background-color: #317256 !important;
  border: 0px;
  margin: 0px;
  color: white;
}

.login .content h3 {
  color: #fff;
}

.login .content .form-actions{
  background-color: rgba(58, 58, 60, 0.0);
  color: #fff;
  border-color: rgba(58, 58, 60, 0.0);
}

.page-sidebar .page-sidebar-menu > li .sub-menu {
  background-color: #D9DDE2 !important;
  color: #000;
}

.price {
    text-align: right;
}

#monthly_revenue{
  width: 100%;
  height: 300px;
}

#top_branch{
  width: 100%;
  height: 300px;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
  background: rgb(46, 51, 109);
}

.page-header.navbar .top-menu .navbar-nav {
  background: rgb(46, 51, 109);
}

.adjustment-damaged td{
    background-color: #F2DEDE !important;
}

.adjustment-returned td{
    background-color: #D9EDF7 !important;
}

.btn_disabled {
    background-color: grey !important;
}
.page-footer .page-footer-inner{
  color: #FFF;
}

.page-title, .page-breadcrumb.breadcrumb > li > a {
  color: #000;
}

.comment-section .media-body {
  word-break: break-word;
}