.panel-profile {
	border-color: #fe5c1d;
}
.panel-profile > .panel-heading {
	background-color: #ff981b;
	border-color: #fe5c1d;
	color: #FFF;
}
.theme-whbl .btn-profile {
    background-color: #fe5c1d;
    border-color: #fe5c1d;
    color: #FFF;
}
.alert {
	margin-bottom: 0px !important;
}
#content-wrapper {
	padding-bottom: 100px;
}
.rating-radio {
	overflow: hidden;
}
.rating-radio .radio {
	margin-top: 0px;
	float: left;
	display: block;
}
#footer-bar {
	margin-left: 0px;
	margin-right: 0px;
	position: relative;
	width: 100%;
	line-height: 20px;
}
.nav-tabs > li > a {
	font-weight: 200;
	font-size: 1em;
}
.navbar-brand {
	line-height: 30px;
}
.form-group {
	overflow: hidden;
}
#net_amount_panel {
	display: none
}

.labell {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.labell2 {background-color: #008CBA;} /* Blue */
.labell3 {background-color: #f44336;} /* Red */ 
.labell4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.labell5 {background-color: #555555;} /* Black */
.target-agreement h4 {
	color: #000;
	border-radius: 5px
}
.pt10 {
	padding-top: 10px;
}
.financial-year {
	width: 15%;
	float: left
}
.target-agreement .control-label {
	text-align: left;
}
.project-box .project-box-header {
	overflow: hidden
}
.infographic-box
{
	padding: 6px;
}
#f_date,
#e_date {
	display: none;
}

/* Panel Dasbaord */

  #owl-demo .item{
        margin: 3px;
    }
    #owl-demo .item img{
        display: block;
        width: 100%;
        height: auto;
    }

    #member_chart{
    	  -webkit-transition: width 1s, height 2s, -webkit-transform 1s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
    }
     #member_chart:hover{

     	-webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
     }
      #manager_chart{
    	  -webkit-transition: width 1s, height 2s, -webkit-transform 1s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
    }
     #manager_chart:hover{

     	-webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
     }
      #male_chart{
    	  -webkit-transition: width 1s, height 2s, -webkit-transform 1s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
    }
     #male_chart:hover{

     	-webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
     }
      #female_chart{
    	  -webkit-transition: width 1s, height 2s, -webkit-transform 1s; /* Safari */
    transition: width 2s, height 2s, transform 2s;
    }
     #female_chart:hover{

     	-webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
     }

     .item{
     	 transition: transform .2s; /* Animation */
     	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     }

     .item:hover{
     	  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
     }