/* ////////// Generic ////////// */

html {
  font-size: 0.9em;
  width: 100%;
  height: 100%; }

body {
  width: 100%;
  height: 100%;
  background-color: #526069;
  font-size: 0.9em;
  font-weight: 400;
  color: #3d464c; }

a {
  color: #2b2b2b; }
  a:hover {
    color: #2b2b2b; }

p {
  line-height: 1.6; }

img {
  max-width: 100%;
  height: auto; }

#preloader{
	background-color: #f6f5fa;
}

#spinner{
	position: absolute;
	top:50%;
	margin-top: -50px;
}

.my-header{
	margin-left: 5px;
	margin-bottom: 10px;
}

.btn{
	outline: none !important; 
  box-shadow: none !important;        
}

.btn-group .btn-primary,
.btn-group .btn-success,
.btn-group .btn-warning{
	border-color: #6c757d;
}

.board-loader {
  width: 50px;
  aspect-ratio: 1;
  --_c:no-repeat radial-gradient(farthest-side,#5052ba 92%,#0000);
  background: 
    var(--_c) top,
    var(--_c) left,
    var(--_c) right,
    var(--_c) bottom;
  background-size: 12px 12px;
  animation: l7 1s infinite;
}
@keyframes l7 {to{transform: rotate(.5turn)}}

/* ////////// Status bar ////////// */

.fm-box{
	padding: 10px 13px;
	border-radius: 5px;
	border: 1px solid #d8d8d8;
}

.fm-box.active{
	border-width: 2px;
	border-color: #3b3b3b;
}

.fm-box a{
	text-decoration: none;
}

.fm-box .fm-app{
	font-size: 1.2em;
	font-weight: 600;
}

.fm-box .fm-menu{
	padding: 5px 8px 2px 8px;
	margin-bottom: 3px;
	border-radius: 5px;
	background-color: #eeeeee;
}

.fm-box .fm-menu.active{
	background-color: #80c52c;
}

/* ////////// Side bar ////////// */

.logo-box {
  color: #ace665 !important;
}

.page-sidebar,
.page-header .navbar-default {
  background-color: #2a3542;
}

.page-sidebar-menu ul li.active-page > a,
.page-sidebar-menu .accordion-menu > li.active > a {
  color: #fff;
}

.page-sidebar-menu ul li.active-page > a,
.page-sidebar-menu .accordion-menu > li.active > a,
.page-sidebar-collapsed .page-sidebar-menu ul li .sub-menu,
.page-sidebar-collapsed .page-sidebar-menu > ul > li:hover > a,
.page-sidebar-menu ul li.menu-divider {
  background: #80c52c;
}

.accordion-menu .sub-menu li.active a,
.page-sidebar-menu .has-sub > a.active,
.page-sidebar-menu .has-sub a.active i,
.page-sidebar-menu li.has-sub a.active i.accordion-icon {
  color: #ace665; }
.accordion-menu .sub-menu li.active a:hover {
  color: #ace665 !important; }
  
/* ////////// Right Area ////////// */

.page-item.active .page-link{
	background-color: #36a3f5;
	border-color: #36a3f5;
}

.page-footer{
}