body,html{

	margin:0;
	font-family: 'Montserrat', sans-serif;


}


.content_section{

	margin: 55px 0px 0px 250px;
	padding: 30px;
	box-sizing: border-box;



}

.wellcome_box{

	width: 100%;
	border-radius: 4px;
	border: 1px solid rgb(75, 84, 92,0.2);
	float: left;
	letter-spacing: 0.4px;
	padding: 15px;
	box-sizing: border-box;
	height: auto;
	box-shadow: 0px 0px 20px 1px #b3b3b3;
	position: relative;
	text-align: center;
	font-size: 22px;
	background: #21174a;
	color: white!important;
	margin:0 0 60px 0;

}



.float_left_cockpit{

	float:left;
	width:25%;padding:0 15px;
	box-sizing:border-box;
}


.box_cockpit{

	width: 100%;
	border-radius: 4px;
	float: left;
	letter-spacing: 0.4px;
	height:120px;
	position: relative;
	padding:15px;
	box-sizing:border-box;

}


.box_cockpit:hover{


	opacity:80%;
	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari 3-8 */
	transform: scale(1.05); 
	cursor:pointer;

}

.box_cockpit_header{

	color:white;
	font-weight:500;
	font-size:18px;


}


.box_cockpit_bottom{


	position:absolute;
	bottom:15px;
	right:15px;
	color:white;


}


.box_cockpit_icon{


	font-size: 18px;
	margin-top: 4px;
	float: left;

}

.box_cockpit_count{


	color:white;
	float:left;
	font-size:22px;
	margin-left:10px;
}


#box_cockpit_1{

	background:#f62d51;


}


#box_cockpit_2{


	background:#009efb;

}


#box_cockpit_3{

	background:#fb6f00;

}


#box_cockpit_4{	

	background:#7460ee;

}



.margin{

	width:100%;
	height:20px;
	clear:both;

}


.section_2{


	width:100%;



}


.cockpit_birtday_div{

	float:left;
	width:33.33%;
	padding:15px;
	box-sizing:border-box;

}



.cockpit_birtday_div_inner{

	width:100%;
	height:290px;
	border: 1px solid rgb(75, 84, 92,0.2);
	box-shadow: 0px 0px 20px 1px #b3b3b3;
	padding:20px;
	box-sizing:border-box;
	color:black!important;
	border-radius: 4px;
	color:black;


}

.box_cockpit_header_inner{

	font-size: 18px;
	font-weight: 400;


}



.custom_cockpit_icon{

	margin-right:5px;

}



.qucik_links{

	float:left;
	width:66.66%;
	padding:15px;
	box-sizing:border-box;

}


.quick_links_div{


	width:100%;
	margin-top:10px;

}


.float_quick_links{

	float:left;
	width:33.33%;
	padding:5px;
	box-sizing:border-box;

}


.quick_button{

	width:100%;
	border-radius:4px;
	text-align:center;
	height:33px;
	line-height:33px;
	color:white;
	background:#3c763d;
	font-size:15px;
	font-weight:400;

}


.quick_button:hover{

	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari 3-8 */
	transform: scale(1.05); 
	cursor:pointer;
	background:rgb(60, 118, 61,0.7);

}



.no_data{

	width:100%;
	text-align:center;
	margin-top:50px;
	color:rgb(0,0,0,0.4);
	font-size:15px;

}


.birtday_div_section{

	width:100%;
	height:80px;



}


.birtday_div_section:hover{

	-ms-transform: scale(1.05); /* IE 9 */
	-webkit-transform: scale(1.05); /* Safari 3-8 */
	transform: scale(1.05); 
	cursor:pointer;
	
    border-bottom: 1px solid rgb(0,0,0,0.6);

}


.birtday_div_section{


	padding:15px;
	box-sizing:border-box;
    border-bottom: 1px solid rgb(0,0,0,0.1);

}



.birtday_div_section_inner_img{

	float:left;


}


.birtday_div_section_inner_img_img{

	width:45px;
	height:auto;

}



#not_data_birtday{

	display:none;

}


.not_margin_birtday{

	width:100%;
	height:15px;

}


.birtday_img_name{

	float: left;
	font-weight: 500;
	margin-left: 20px;

}


.class_birtday{


	float: left;
	font-weight: 500;
	background: #21174a;
	margin-left: 20px;
	font-size: 14px;
	border-radius: 5px;
	margin-top: 3px;
	padding: 2px 10px;
	box-sizing: border-box;
	color: white;

}


#birthday_inner{
	

	
}


::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {

  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #21174a; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {

}


.all_birthdays{
	
	overflow-y:auto;
	overflow-x:hidden;
	height:90%;
	
}