/*# Custom CSS */

.system-heading{
	text-align:center;
	width:100%;
	color:#fff;
	line-height:60px;
	font-weight:bold;
}

.clsStatus{
	padding:6px 0;
	margin:0;
	font-weight:bold;
	text-align:center
	
}




.page-logo, .page-sidebar, .nav-footer, .bg-brand-gradient{
	background-color:#4caf50;
}

.alert{
	margin-bottom:0 !important;
	padding:10px !important;
}

.page-logo img{
	width:110px;
}

#toolbarContainer{
	display:none !important;
	
}


.page-header {
    margin: -20px 0 0 0;
}

.page-logo img{
	height:110px;
}


.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni{
	
	color:#000;
}


.nav-menu li a{
	color:#000;
}

.nav-menu li > ul li a {
    color: #000;
}

.nav-menu li.active > a{
	/*background-color: rgba(0, 0, 0, 0.1);*/
	background-color:#22bf66;
}

.nav-menu li.active > a{
	/*background-color: rgba(0, 0, 0, 0.1);*/
	background-color:#22bf66;
}



.nav-menu li.active > a > [class*='fa-']{
	color: #fff;
}


.nav-menu li ul li.active > a{
	background-color: #0a9145;
}


.nav-menu li > ul li > ul li .active > a{
	background-color: #0a9145;
	color: #fff;
}

.nav-menu li > ul li > ul li a{
	background-color:#05913c;
	color: #fff;
}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after{
	background-color:#000;
}

.nav-menu li.active:not(.open) > a:before{
	color:#fff;
}


.btn-primary:hover{
	
    background-color: #4caf50;
    border-color: #4caf50;
	
}


.btn-primary {
    color: #fff;
    background-color: #4caf50;
    border-color: #4caf50;
}

.bg-primary-600 {
    background-color: #4caf50;
    color: white;
}

.nav-menu b.collapse-sign{
	color:#000;
}



/*Dashboard Style CSS*/

#number-box1, #number-box2, #number-box3, #number-box4 {
    background: #67a767;
    width: 200px;
    font-size: 64px;
    text-align: center;
    padding-top: 31px;
    height: 149px;
    line-height: normal;
	color:#fff;
}



#number-box2 {
    background: #7a9de0;
}

#number-box3 {
    background: #ffacc2;
}

#number-box4 {
    background: #e6a76e;
}

.style1 {
    color: #FFFFFF;
}

.bg-primary-301 {
    background-color:gray !important;
    color: white;
		 

}


.bg-primary-302 {
    background-color:green !important;
    color: white;
		 

}
.bg-primary-303 {
    background-color:#87CEEB !important;
    color: black;
		 

}

.bg-primary-304 {
    background-color:#B048B5 !important;
    color: black;
		 

}

.bg-primary-305 {
    background-color:orange !important;
    color: white;
		 

}
.bg-primary-306 {
    background-color:red !important;
    color: white;
		 

}

.bg-primary-307 {
    background-color:black !important;
    color: white;
		 

}

.panel_dc .panel-container_dc .panel-content_dc {
    padding: 2px 2px !important;
	text-align:center;
}
.page-logo {
    height: 10.125rem;
    width: 16.875rem;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 0;
    -webkit-box-flex: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 1px;
    padding: 0 2rem;
	
	}