/*===================== Menu Section ==================*/

#menuDiv{
	width: 100%;	
	min-height: 150px;
	border: 1px ridge #4682B4;		
}
		
			/*===================== Container Section ==================*/

#dashboardContainerDiv{		
	width: 100%;	
	min-height: 1200px;	
	margin-top:30px;
}

				/* --------------------- Section-One Divisions  */
#projectDashboardDiv{
	width: 35%;
	min-height: 105px;	
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}

#ProjectBudgetDiv{
	width: 60%;
	min-height: 105px;
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: right;
}



				/* --------------------- Section-Two Divisions  */
#jobOpportunityDashboardDiv{
	width: 50%;
	min-height: 105px;
	margin-top: 30px;
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}

#beneficiariesByGenderDashboardDiv{
	width: 49%;
	min-height: 105px;
	margin-top: 30px;
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: right;
}

				/* --------------------- Section-Three Divisions  */
#beneficiaryGroupDashboard{
	width: 30%;
	min-height: 105px;
	margin-top: 30px;
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}

#projectsReadyForEvaluationDashboard{
	width: 50%;
	min-height: 105px;
	margin-top: 30px;
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}
#implementingOrgDashboardDiv{
	width: 48%;
	min-height: 105px;
	margin-top: 30px;
	background: #fff;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: right;
}

				/* --------------------- Section-Four Divisions  */
#projectsBudgetRangeDiv{
	width: 60%;
	min-height: 105px;
	background: #fff;
	margin-top: 30px;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}

#beneficiariesByHouseholdDiv{
	width: 38%;
	min-height: 105px;
	background: #fff;
	margin-top: 30px;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: right;
}

			/* --------------------- Section-Five Divisions  */
#chartsContainerDiv{	
	width: 100%;
	min-height: 240px;
	background: #fff;
	margin-top: 30px;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}

#chartDiv{
	width:99%;
    height:200px; 
    border-radius: 3px;
    float: left; 
}

#line_chart{
	width: 47%;
	min-height: 200px;
	margin-left:10px;
	margin-top:5px;
	background: #fff;
	border: 1px solid #B0C4DE;
	border-radius: 3px;
	float: left;
}
#pie_chart{
	width: 47%;
	min-height: 200px;
	padding-right:10px;
	margin-top:5px;
	background: #fff;
	border: 1px solid #B0C4DE;
	border-radius: 3px;
	float: right;
}


				/* --------------------- Section-Six Divisions  */
#titleForDetailsDiv{
	padding-left:10px;
	background: #52A852;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff;
}
#detailsZoneDiv{
	width: 100%;
	min-height: 250px;
	background: #fff;
	margin-top: 30px;
	border: 1px ridge #B0C4DE;
	border-radius: 3px;
	float: left;
}

#detailsBodyDiv{
	width:97%;
    min-height:245px;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}


		/* --------------------- Dashboard Title Divisions  */

#menuTitleDiv{
	padding-left:10px;
	background: #52A852;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff;
}
.sectionOneDashboardDiv{
	padding-left:10px;
	background: #20B2AA;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff; 
}
.sectionTwoDashboardDiv{
	padding-left:10px;
	background:#DAA520;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff;
}
.sectionThreeDashboardDiv{
	padding-left:10px;
	background: #808000;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff;
}
.sectionFourDashboardDiv{
	padding-left:10px;
	background: #6495ED;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff;
}
.sectionFiveDashboardDiv{
	padding-left:10px;
	background: #6B8E23;
	font-family: "Times New Roman";
	font-size: 16px;
	text-align: left;
	font-weight: 800;
	color: #fff;
}

		/*===================== Project: Dashboard Boxes ==================*/
#menu_one_div{
	padding-left:20px;
	float: left;
}
#menu_two_div{
	padding-left:20px;
	float: left;
}
#menuItemsDiv{
	width:99%;
    height:145px;    
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#projectsInSlectedBudgetRangeDiv{
	width:250px;
    height:68px;  
    border: 1px ridge #D2691E;
    border-radius: 3px;
    margin-top: 5px;
    float: left; 
}
#budgetRangeComboDiv{
	margin-top:10px;
	margin-left:150px;	/****  ????????   ****/
}

#nextArrowLabel:after{
	font-weight: 800;
	color: #D2691E;
    font-size:50px;
    content:'\203A';
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}

#nextArrowDiv{
	width:30px;
    height:68px;  
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#budgetRangeDiv{
	width:350px;
    height:68px;  
    border: 1px ridge #D2691E;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#midtermTerminalOuterDiv{
	width:350px;
    height:70px;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#midtermTerminalDiv{
	width:195px;
	height:68px;
	border:1px ridge #483D8B;	
	border-radius: 3px;
	float:left;
}

#totalMidtermTerminalDiv{
	width:150px;
	height:68px;	
	border:1px ridge #483D8B;
	border-radius: 3px;
	float:left;
}

#maleFemaleDiv{
	width:115px;
	height:68px;
	border:1px ridge #556B2F ;
	border-radius: 3px;
	float:left;
}
#totalMaleFemaleDiv{
	width:130px;
	height:68px;
	border:1px ridge #556B2F ;
	border-radius: 3px;
	float:left;
}

#maleFemaleOuterDiv{
	width:250px;
    height:70px;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#beneficiariesDiv{
	width:150px;
    height:68px;
    border: 1px ridge #483D8B;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#totalHouseholdDiv{
	width:120px;
    height:68px;
    border: 1px ridge #556B2F ;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}			
#jobCSOProjectDiv{
	width:180px;
    height:68px;
    border: 1px ridge #556B2F ;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}		
#jobMultilateralProjectDiv{
	width:180px;
    height:68px;
    border: 1px ridge #556B2F ;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#jobBilateralProjectDiv{
	width:180px;
    height:68px;
    border: 1px ridge #556B2F ;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#totalBudgetDiv{	 
   	width:20%;
    height:68px;
    border: 1px ridge #663399;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#activeDiv{	
    width:100px;
    height:68px;
    border: 1px ridge #52A852;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#csoDiv{	
    width:70px;
    height:68px;
    border: 1px ridge #006400;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;  
    float: left; 
}

#bilateralDiv{	
    width:70px;
    height:68px;
    border: 1px ridge #8B4513;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;  
    float: left; 
}
#multilateralDiv{
	width:80px;
    height:68px;
    border: 1px ridge #3CB371;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;  
    float: left; 
}
#publicSectorDiv{	
  	width:90px;
    height:68px;
    border: 1px ridge #9932CC;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}

#bilateralBudgetDiv{	
  	width:15%;
    height:68px;
    border: 1px ridge #9ACD32;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#multilateralBudgetDiv{	
  	width:15%;
    height:68px;
    border: 1px ridge #9ACD32;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#csoBudgetDiv{	
  	width:20%;
    height:68px;
    border: 1px ridge #9ACD32;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
     border-image: repeating-linear-gradient(45deg, #f33, #3bf, #f33 30px) 60;
}			
			
			
#localDiv{	
  	width:90px;
    height:68px;
    border: 1px ridge #9ACD32;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left; 
}
#internationalDiv{
   	width:100px;
    height:68px;
    border: 1px ridge #C71585;
    border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    float: left;  
}

				/*===================== Dashboard Counts Color  ==================*/

#projectsInBudgetCount{
	height:35px;
	font-size:17px;
	text-align: left;	
	padding-left:10px;
	/* padding-top: 5px; */
	font-weight: 700;
	color: #4682B4;
}

#beneficiariesCount{
	color: #483D8B;
}
#totalBudgetCount{
	color: #2A55FF;
}

#totalMidtermTerminalCount{
	color: #483D8B;
}

#totalMaleFemaleCount{
	color: #556B2F;
}
#jobBilateralProjectCount{
	color: #556B2F;
}

#jobMultilateralProjectCount{
	color: #556B2F;
}
#jobCSOProjectCount{
	color: #556B2F;
}

#totalHouseholdCount{
	color: #556B2F;
}

.totalMidtermTerminalCountDiv{
	width:125px;
	height:35px;
	padding-top:20px;
	font-size:17px;
	text-align: center;	
	font-weight: 700;
}

.totalMaleFemaleCountDiv{
	width:125px;
	height:35px;
	padding-top:20px;
	font-size:17px;
	text-align: center;	
	font-weight: 700;
}
.evaluationCountDiv{
	height:24px;
	padding-top:12px;
	font-size:14px;
	text-align: left;	
	font-weight: 700;
}
.genderCountDiv{
	height:20px;
	font-size:14px;
	text-align: center;	
	font-weight: 700;
}
#midtermCount{
	color: #483D8B; 
	border-bottom: 1px ridge #483D8B ;
}

#terminalCount{
	color: #483D8B; 	
}

#femaleCount{
	color: #556B2F; 
}

#maleCount{
	color: #556B2F; 
	border-bottom: 1px ridge #556B2F ;
}
#totalBudgetCountDiv{	
	color: #2A55FF;
}
#activeCount{
	color:#52A852;
}
#csoCount{
	color: #006400;
}
#bilateralCount{
	color: #8B4513;
}
#multilateralCount{
	color:#3CB371;	
}
#publicSectorCount{
	color: #9932CC;
}
#csoBudgetCount{
	color:#D400FF;
}
#bilateralBudgetCount{
	color: #00FF00;
}
#localCount{
	color:#9ACD32;
}
#csoBudgetCount{
	color:#FF2A55;
}
#multilateralCount{
	color:#9ACD25;
}
#bilateralCount{
	color:#9ACD15;
}
#multilateralBudgetCount{
	color:#0000FF;
}

#internationalCount{
	color: #C71585; 
}

		/*===================== Dashboard Labels  ==================*/
#terminalLabel{
	float:left;
}	
#terminalDetails{
	float: right;
}
#midtermDetails{
	float: right;
}		
		
#midtermLabel{
	float:left;
}		
		
.menuLabel{
	padding-left:5px;
}
.menuItems{
	padding-left: 10px;
	padding-bottom:5px;
	font-size:13px;
	font-weight: 700;
	color: #191970; 
}
#budgetRangeNameId{
	width:190px;
	height:25px;
}	
#selectedBudgetRangeLabel{
	font-size:13px;
	font-weight: 700;
	color: #191970; 
}
#budgetRangeLabel{
	/* background-color: #D2691E; */
	border-bottom: 1px ridge #D2691E;
	color: #D2691E;
	font-weight: 600;
}
#projectsInBudgetLabel{
	/* background-color: #D2691E; */
	border-bottom: 1px ridge #D2691E;
	color: #D2691E;
	font-weight: 600;
}
#beneficiariesLabel{
	/* background-color: #483D8B; */
	border-bottom: 1px ridge #483D8B;
	color: #483D8B;
	font-weight: 600;
}
#totalHouseholdLabel{
	border-bottom: 1px ridge #556B2F;
	color: #556B2F;
	font-weight: 600;
}
#jobBilateralProjectLabel{
	border-bottom: 1px ridge #556B2F;
	color: #556B2F;
	font-weight: 600;
}
#jobMultilateralProjectLabel{
	border-bottom: 1px ridge #556B2F;
	color: #556B2F;
	font-weight: 600;
}
#jobCSOProjectLabel{
	border-bottom: 1px ridge #556B2F;
	color: #556B2F;
	font-weight: 600;
}

#totalMidtermTerminalLabel{
	width: 60px;
	height:15px;
	/* background-color: #483D8B; */
	font-size:12px;
	text-align: left;
	color: #483D8B;
	font-weight: 600;
	float:left;
}

#totalMaleFemaleLabel{
	width: 60px;
	height:15px;
	/* background-color:#556B2F; */
	font-size:12px;
	text-align: left;
	color: #556B2F;
	font-weight: 600;
	float:left;
}

.evaluationLabelsDiv{
	width: 65px;
	height:15px;
	/* background-color: #483D8B; */	
	font-size:12px;
	text-align: left;
	color: #483D8B;
	font-weight: 600;
	padding-left:5px;
}
.genderLabelsDiv{
	width: 65px;
	height:15px;
	/* background-color: #556B2F; */	
	font-size:12px;
	text-align: left;
	color: #556B2F;
	font-weight: 600;
	padding-left:5px;
}

.countLabelDiv{
	height:35px;
	font-size:17px;
	text-align: center;	
	font-weight: 700;
}

.dashboardLabelsDiv{
	height:20px;
	font-size:13px;
	text-align: center;
}
.seeDetailsLabelDiv{
	width:70px;
	height:13px;
	cursor: pointer;
	background: #52A852;
	text-align: right;
	float:right;	
	margin-right:-1px;
}
#link{
	height:20px;
	font-size:11px;
	padding-right:5px;
	color:#fff;	
	text-decoration: none;
	padding-bottom:2px;
} 
.detailsLabel{	
	height:20px;
	font-size:11px;
	padding-right:5px;
	color:#fff;	
}
.noRecordsInTable{
	font-size: 13px;
	font-style:italic;
	font-wieght: bold;
	color: #008000; /* Green */
}
.detailsLabel:hover{
	color: #F5DEB3;
}
.detailsLabel:after{
    font-weight: 800;
    font-size:12px;
    content:'\203A';
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}
#totalBudgetLabel{
	/* background-color: #663399; */
	border-bottom: 1px ridge #663399;
	color: #2A55FF;
	font-weight: 600;
}

#activeLabel{
	border-bottom: 1px ridge #52A852;
	color: #52A852;
	font-weight: 600;
}
#csoLabel{
	border-bottom: 1px ridge #006400;
	color: #006400;
	font-weight: 600;
}
#bilateralLabel{
	border-bottom: 1px ridge #8B4513;
	color: #8B4513;
	font-weight: 600;
}
#multilateralLabel{
	/* background-color: #3CB371; */
	border-bottom: 1px ridge #3CB371;
	color: #3CB371;
	font-weight: 600;	
}
#csoBudgetLabel{
	/* background-color: #3CB371; */
	border-bottom: 1px ridge #3CB371;
	color: #D400FF;
	font-weight: 600;	
}
#bilateralBudgetLabel{
	border-bottom: 1px ridge #8B4513;
	color: #00FF00;
	font-weight: 600;
}
#multilateralBudgetLabel{
	border-bottom: 1px ridge #8B4513;
	color: #0000FF;
	font-weight: 600;
}
#csoBudgetLabel{
	border-bottom: 1px ridge #8B4513;
	color: #FF2A55;
	font-weight: 600;
}
#publicSectorLabel{
	border-bottom: 1px ridge #9932CC;
	color: #9932CC;
	font-weight: 600;
}
#localLabel{
	border-bottom: 1px ridge #9ACD32;
	color: #9ACD32;
	font-weight: 600;
}

#internationalLabel{
	border-bottom: 1px ridge #C71585;
	color: #C71585;
	font-weight: 600;
}

input[type="checkbox"] {
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}