.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px;
}
.main-logo {
  height: 3rem;
}

.header-brand-img {
  height: 2rem;
}

.header-brand-img.icon-logo{
  height: 2.5rem;
}

table.dataTable {
  border-collapse: collapse !important;
  width:100%!important;
}
.ms-auto{
  margin-left: auto;
}
.ui-front{
  z-index:1051;
}

@media (max-width: 992px) {
  .two-column-layout {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .two-column-layout {
    min-height: 100vh;
  }
}
.main-footer {
  display: none;
}



/* accent colour */
.bg-default {
  background: #8760fb;
}
.category-tabs .nav-tabs li a.active {
  background-color: #8760fb;
}
.btn-main-primary:focus, .btn-main-primary.focus {
  box-shadow: 0 0 0 1px rgb(200, 200, 200);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 1px rgb(200, 200, 200);
}


.color-leftmenu.theme-default .main-sidebar-sticky{
	background: #8769fb;
	border-right: 1px solid transparent;
}
body.theme-default .page-header .breadcrumb-item.active{
  color: #8760fb;
}
body.theme-default .avatar {
  background-color: #8760fb;
}
body.theme-default #back-to-top {
  background: #8760fb;
}
body.theme-default #back-to-top:hover {
  color: #8760fb !important;
  border: 2px solid #8760fb;
}
body.theme-default .btn-primary {
  color: #fff;
  background-color: #8760fb;
  border-color: #8760fb;
}
body.theme-default .btn-primary:hover {
  color: #fff;
  background-color: #7c59e6;;
  border-color: #7c59e6;;
}
body.theme-default .side-menu .nav-link:hover {
  color: #8760fb;
}
body.theme-default .category-tabs .nav-tabs li a.active {
  background-color: #8760fb;
}

.color-leftmenu.theme-navy .main-sidebar-sticky{
	background: #112A64;
	border-right: 1px solid transparent;
}
body.theme-navy .page-header .breadcrumb-item.active{
  color: #112A64;
}
body.theme-navy .avatar {
  background-color: #112A64;
}
body.theme-navy #back-to-top {
  background: #112A64;
}
body.theme-navy #back-to-top:hover {
  color: #112A64 !important;
  border: 2px solid #112A64;
}
body.theme-navy .btn-primary {
  color: #fff;
  background-color: #112A64;
  border-color: #112A64;
}
body.theme-navy .btn-primary:hover {
  color: #fff;
  background-color: #153e96;
  border-color: #153e96;
}
body.theme-navy .side-menu .nav-link:hover {
  color: #112A64;
}
body.theme-navy .category-tabs .nav-tabs li a.active {
  background-color: #112A64;
}

.color-leftmenu.theme-indigo .main-sidebar-sticky{
	background: #4b0082;
	border-right: 1px solid transparent;
}
body.theme-indigo .page-header .breadcrumb-item.active{
  color: #4b0082;
}
body.theme-indigo .avatar {
  background-color: #4b0082;
}
body.theme-indigo #back-to-top {
  background: #4b0082;
}
body.theme-indigo #back-to-top:hover {
  color: #4b0082 !important;
  border: 2px solid #4b0082;
}
body.theme-indigo .btn-primary {
  color: #fff;
  background-color: #4b0082;
  border-color: #4b0082;
}
body.theme-indigo .btn-primary:hover {
  color: #fff;
  background-color: #153e96;
  border-color: #153e96;
}
body.theme-indigo .side-menu .nav-link:hover {
  color: #4b0082;
}
body.theme-indigo .category-tabs .nav-tabs li a.active {
  background-color: #4b0082;
}


.color-leftmenu.theme-pink .main-sidebar-sticky{
	background: #f10075;
	border-right: 1px solid transparent;
}
body.theme-pink .page-header .breadcrumb-item.active{
  color: #f10075;
}
body.theme-pink .avatar {
  background-color: #f10075;
}
body.theme-pink #back-to-top {
  background: #f10075;
}
body.theme-pink #back-to-top:hover {
  color: #f10075 !important;
  border: 2px solid #f10075;
}
body.theme-pink .btn-primary {
  color: #fff;
  background-color: #f10075;
  border-color: #f10075;
}
body.theme-pink .btn-primary:hover {
  color: #fff;
  background-color: #ff1989;
  border-color: #ff1989;
}
body.theme-pink .side-menu .nav-link:hover {
  color: #f10075;
}
body.theme-pink .category-tabs .nav-tabs li a.active {
  background-color: #f10075;
}


.color-leftmenu.theme-red .main-sidebar-sticky{
	background: #ff473d;
	border-right: 1px solid transparent;
}
body.theme-red .page-header .breadcrumb-item.active{
  color: #ff473d;
}
body.theme-red .avatar {
  background-color: #ff473d;
}
body.theme-red #back-to-top {
  background: #ff473d;
}
body.theme-red #back-to-top:hover {
  color: #ff473d !important;
  border: 2px solid #ff473d;
}
body.theme-red .btn-primary {
  color: #fff;
  background-color: #ff473d;
  border-color: #ff473d;
}
body.theme-red .btn-primary:hover {
  color: #fff;
  background-color: #ff5a5a;
  border-color: #ff5a5a;
}
body.theme-red .side-menu .nav-link:hover {
  color: #ff473d;
}
body.theme-red .category-tabs .nav-tabs li a.active {
  background-color: #ff473d;
}


.color-leftmenu.theme-orange .main-sidebar-sticky{
	background: #fd7e14;
	border-right: 1px solid transparent;
}
body.theme-orange .page-header .breadcrumb-item.active{
  color: #fd7e14;
}
body.theme-orange .avatar {
  background-color: #fd7e14;
}
body.theme-orange #back-to-top {
  background: #fd7e14;
}
body.theme-orange #back-to-top:hover {
  color: #fd7e14 !important;
  border: 2px solid #fd7e14;
}
body.theme-orange .btn-primary {
  color: #fff;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
body.theme-orange .btn-primary:hover {
  color: #fff;
  background-color: #fd8927;
  border-color: #fd8927;
}
body.theme-orange .side-menu .nav-link:hover {
  color: #fd7e14;
}
body.theme-orange .category-tabs .nav-tabs li a.active {
  background-color: #fd7e14;
}


.color-leftmenu.theme-yellow .main-sidebar-sticky{
	background: #ffc107;
	border-right: 1px solid transparent;
}
body.theme-yellow .page-header .breadcrumb-item.active{
  color: #ffc107;
}
body.theme-yellow .avatar {
  background-color: #ffc107;
}
body.theme-yellow #back-to-top {
  background: #ffc107;
}
body.theme-yellow #back-to-top:hover {
  color: #ffc107 !important;
  border: 2px solid #ffc107;
}
body.theme-yellow .btn-primary {
  color: #fff;
  background-color: #ffc107;
  border-color: #ffc107;
}
body.theme-yellow .btn-primary:hover {
  color: #fff;
  background-color: #ffc61b;
  border-color: #ffc61b;
}
body.theme-yellow .side-menu .nav-link:hover {
  color: #ffc107;
}
body.theme-yellow .category-tabs .nav-tabs li a.active {
  background-color: #ffc107;
}


.color-leftmenu.theme-lime .main-sidebar-sticky{
	background: #01b8ff;
	border-right: 1px solid transparent;
}
body.theme-lime .page-header .breadcrumb-item.active{
  color: #01b8ff;
}
body.theme-lime .avatar {
  background-color: #01b8ff;
}
body.theme-lime #back-to-top {
  background: #01b8ff;
}
body.theme-lime #back-to-top:hover {
  color: #01b8ff !important;
  border: 2px solid #01b8ff;
}
body.theme-lime .btn-primary {
  color: #fff;
  background-color: #01b8ff;
  border-color: #01b8ff;
}
body.theme-lime .btn-primary:hover {
  color: #fff;
  background-color: #15bdff;
  border-color: #15bdff;
}
body.theme-lime .side-menu .nav-link:hover {
  color: #01b8ff;
}
body.theme-lime .category-tabs .nav-tabs li a.active {
  background-color: #01b8ff;
}


.color-leftmenu.theme-green .main-sidebar-sticky{
	background: #03c895;
	border-right: 1px solid transparent;
}
body.theme-green .page-header .breadcrumb-item.active{
  color: #03c895;
}
body.theme-green .avatar {
  background-color: #03c895;
}
body.theme-green #back-to-top {
  background: #03c895;
}
body.theme-green #back-to-top:hover {
  color: #03c895 !important;
  border: 2px solid #03c895;
}
body.theme-green .btn-primary {
  color: #fff;
  background-color: #03c895;
  border-color: #03c895;
}
body.theme-green .btn-primary:hover {
  color: #fff;
  background-color: #03dba3;
  border-color: #03dba3;
}
body.theme-green .side-menu .nav-link:hover {
  color: #03c895;
}
body.theme-green .category-tabs .nav-tabs li a.active {
  background-color: #03c895;
}


.color-leftmenu.theme-teal .main-sidebar-sticky{
	background: #00cccc;
	border-right: 1px solid transparent;
}
body.theme-teal .page-header .breadcrumb-item.active{
  color: #00cccc;
}
body.theme-teal .avatar {
  background-color: #00cccc;
}
body.theme-teal #back-to-top {
  background: #00cccc;
}
body.theme-teal #back-to-top:hover {
  color: #00cccc !important;
  border: 2px solid #00cccc;
}
body.theme-teal .btn-primary {
  color: #fff;
  background-color: #00cccc;
  border-color: #00cccc;
}
body.theme-teal .btn-primary:hover {
  color: #fff;
  background-color: #00e0e0;
  border-color: #00e0e0;
}
body.theme-teal .side-menu .nav-link:hover {
  color: #00cccc;
}
body.theme-teal .category-tabs .nav-tabs li a.active {
  background-color: #00cccc;
}


/*** main header ***/
.main-header-right {
  display: none;
}
@media screen and (min-width: 992px) {
  .main-header,
  .jumps-prevent {
    display: none;
  }
}


/*** Side bar ***/

body.main-sidebar-hide .side-menu {
  display: flex;
}
.main-sidebar-footer {
  margin-top: auto;
  margin-bottom: 30px;
  padding: 0 30px;
}
.main-sidebar-footer .main-profile-menu {
  padding: 0;
}
.main-sidebar-footer .main-profile-menu > a {
  color: #fff;
}
.main-sidebar-footer .main-profile-menu .main-img-user{
  display: inline-block;
  background: #fff;
  margin-right: 15px;
}
body .main-sidebar-footer .main-profile-menu .main-img-user .avatar{
  background-color: #fff;
  color: #7c59e6;
}
body.theme-navy .main-sidebar-footer .main-profile-menu .main-img-user .avatar{
  background-color: #fff;
  color: #112A64;
}
.main-sidebar-hide .avatar-name {
  display: none;
}
.main-sidebar-open .avatar-name {
  display: inline;
}

.main-sidebar-footer .main-profile-menu .dropdown-menu {
  top: auto;
  bottom: 53px;
  left: -10px;
  right: -10px;
  width: 200px;
}

.main-sidebar-footer .main-profile-menu .dropdown-menu:before {
  bottom: -7px;
  left: 20px;
  right: auto;
  top: auto;
  border:0;
  border-bottom: 1px solid #e1e6f1;
  border-left: 1px solid #e1e6f1;
}
.main-sidebar-footer .pulse {
  left: 30px;
  top: 0;
}