.filter-menu{
		text-align:right;
		font-size: 16px;
		padding-bottom:10px;
	}
	    
	.staff-item i{
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    font-size: 400%;
	    margin-bottom: 0px;
	    border-radius: 50px;
	    color: #FFFFFF;
	}
	
	.content-head {
	    background-color: lightgray;
    	padding-left: 30px;
    	margin-bottom: 5px;
	}
	
	.content-head i {
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 16px;
	    margin-top: 10px;
	    border-radius: 15px;
	    color: #FFFFFF;
	    text-align:center;
	}
	
	.tab-but {
	    margin-right: 0px !important;
	    width: 50%;
	    text-align: center;
	}
	
	.user-list-item-picture{
	    width: 50px;
	    float: left;
	}
	
	.user-list-item-detail{
	    margin-left: 80px;
	    padding-left: 10px;
	    padding-right: 10px;
	    /* padding-top: 5px; */
	    padding-bottom: 5px;
	    background-color: #bee7cf!important;
	    border-radius: 10px;
	}
	
	.user-list-item-picture strong{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    margin-bottom: 6px;
	    padding-right: 10px;
	}
	
	#samuray_data{
		border: solid 1px #3498db;
	    border-radius: 10px;
	    margin-bottom: 10px;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}
	
	#samuray_data .total-time{
	    width: 80px;
	    height: 80px;
	    line-height: 80px;
	    font-size: 14px;
	    margin-bottom: 0px;
	    border-radius: 40px;
	    color: #FFFFFF;
	    background-color: #3498db;
    	text-align: center;
	}
	
	#samuray_data .online-offline-time{
	    line-height: 40px;
	}
	
	.online-offline-time i{
	    font-size: 16px;
	    color:#3498db;
	}
	
	.hour-range{
	   text-align:center; 
	   margin-bottom:30px;
	}
	
	.hour-range a{
	   border: 1px solid rgba(0,0,0,0.1);
	}
	
	.hour-range .havetimelogged{
	   background-color: #3498db;
	}
	
	.hour-range .notimelogged{
	   background-color: gray;
	}
	
	.hour-range .isactive{
	   border: 2px solid red; 
	}
	
	.hour-range p{
	   line-height: 13px;
	   margin: 2px;
	   color:white;
	}
	
	.submenu-navigation {
	    border-radius: 10px;
	    margin-bottom: 10px;
	}
	.submenu-nav-deploy{
		background-position:95% !important; 
		padding:15px 15px 15px 5px !important;
		    background-size: 16px 10px !important; 
	}
	
	.submenu-title{
		float:right;
		right:8%;
		color:red; 
	}
	
	.back-to-top{
	    position:fixed;
	    z-index:99;
	    right:26px;
	    bottom:20px;
	    width:70px;
	    height:70px;
	    display:none;
	}
	
	.back-to-top i{
	    position:absolute;
	    right:5px;
	    top:8px;
	    width:50px;
	    height:50px;
	    border-radius:50px;
	    text-align:center;
	    line-height:50px;
	    font-size:14px;
	    color:#FFFFFF;
	    background-color:#c0392b;
	    -moz-transform: scale(1,1);
	    -webkit-transform: scale(1,1);
	    -o-transform: scale(1,1);
	    -ms-transform: scale(1,1);
	    transform: scale(1,1);
	    -webkit-box-shadow: 0 1px 5px 2px rgba(0,0,0,0.15);
	            box-shadow: 0 1px 5px 2px rgba(0,0,0,0.15);
	    -webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    transition: all 150ms ease;
	}
	
	.sort-menu{
		float:left;
		width:50%;
		text-align:left;
		font-size: 16px;
		padding-bottom:10px;
	}
	
	.filter-menu{
		float:right;
		text-align:right;
		font-size: 16px;
		padding-bottom:10px;
	}
	
	.filter-menu-header #cancel_filter_menu_btn{
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    margin-bottom: 0px;
	    border-radius: 15px;
	    color: #FFFFFF;
	    background-color: lightgray;
    	text-align: center;
	}
	
	.filter-menu-header #save_filter_menu_btn{
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    margin-bottom: 5px;
	    border-radius: 15px;
	    color: #FFFFFF;
	    background-color: #3498db;
    	text-align: center;
	}
	
	.project-in-activity-list{
		background-color:lightblue;
		font-style: italic;
	}
	
	.filter-menu-header #cancel_filter_menu_btn2{
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    margin-bottom: 5px;
	    border-radius: 15px;
	    color: #FFFFFF;
	    background-color: lightgray;
    	text-align: center;
	}
	
	.adaptive-item a{
		width:100%;
		height:0;
		padding-bottom:100%;
	}
	
	.adaptive-item p{
		line-height: 100%;
		text-align: center;
		min-height: 26px;
	}
	
	.one-half {
    	margin-right: 5% !important;
	}
	
	.btn_go_back{
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    margin-bottom: 0px;
	    border-radius: 15px;
	    color: #FFFFFF;
	    background-color:#c0392b;
    	text-align: center;
	}
	
	.footer-menu-save{
	    display:none;
	    position:fixed;
	    z-index:99999999;
	    right:26px;
	    top:20px;
	    width:170px;
	    height:70px;
	}
	
	.footer-menu-save i{
	    position:absolute;
	    right:5px;
	    top:8px;
	    width:50px;
	    height:50px;
	    border-radius:50px;
	    text-align:center;
	    line-height:50px;
	    font-size:14px;
	    color:#FFFFFF;
	    background-color:#e34e47;
	    -moz-transform: scale(1,1);
	    -webkit-transform: scale(1,1);
	    -o-transform: scale(1,1);
	    -ms-transform: scale(1,1);
	    transform: scale(1,1);
	    -webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    transition: all 150ms ease;
	}
	
	.footer-menu-save i:hover{
	    -moz-transform: scale(1.1,1.1);
	    -webkit-transform: scale(1.1,1.1);
	    -o-transform: scale(1.1,1.1);
	    -ms-transform: scale(1.1,1.1);
	    transform: scale(1.1,1.1);
	    -webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    transition: all 150ms ease;
	}
	
	.footer-menu-save em{
	    z-index:999999;
	    position:absolute;
	    right:80px;
	    text-align:right;
	    font-style:normal;
	    font-size:13px;
	    margin-top:20px;
	    color:#838383;
	    font-weight:500;
	    background-color:#FFFFFF;
	    padding:3px 10px;
	    border-radius:5px;
	    -webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,0.15);
	            box-shadow: 0 1px 4px 2px rgba(0,0,0,0.15);
	}
	
	.footer-menu-cancel{
	    display:none;
	    position:fixed;
	    z-index:99999999;
	    left:26px;
	    top:20px;
	    width:170px;
	    height:70px;
	}
	
	.footer-menu-cancel i{
	    position:absolute;
	    left:40px;
	    top:8px;
	    width:50px;
	    height:50px;
	    border-radius:50px;
	    text-align:center;
	    line-height:50px;
	    font-size:14px;
	    color:#FFFFFF;
	    background-color:#e34e47;
	    -moz-transform: scale(1,1);
	    -webkit-transform: scale(1,1);
	    -o-transform: scale(1,1);
	    -ms-transform: scale(1,1);
	    transform: scale(1,1);
	    -webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    transition: all 150ms ease;
	}
	
	.footer-menu-cancel i:hover{
	    -moz-transform: scale(1.1,1.1);
	    -webkit-transform: scale(1.1,1.1);
	    -o-transform: scale(1.1,1.1);
	    -ms-transform: scale(1.1,1.1);
	    transform: scale(1.1,1.1);
	    -webkit-transition: all 150ms ease;
	    -moz-transition: all 150ms ease;
	    -ms-transition: all 150ms ease;
	    -o-transition: all 150ms ease;
	    transition: all 150ms ease;
	}
	
	.footer-menu-cancel em{
	    z-index:999999;
	    position:absolute;
	    right:80px;
	    text-align:right;
	    font-style:normal;
	    font-size:13px;
	    margin-top:20px;
	    color:#838383;
	    font-weight:500;
	    background-color:#FFFFFF;
	    padding:3px 10px;
	    border-radius:5px;
	    -webkit-box-shadow: 0 1px 4px 2px rgba(0,0,0,0.15);
	            box-shadow: 0 1px 4px 2px rgba(0,0,0,0.15);
	}
	
	.activitylog_detail_show{
		display:none;
	    position:fixed;
	    overflow-y:scroll;
	    z-index:999!important;;
	    -webkit-overflow-scrolling: touch;
	    background-color:#FFFFFF;
	    height:100%;
		width:100%;
	    padding-top:5px;
	    padding-bottom:5px;
	    -webkit-box-shadow: 0 1px 8px 2px rgba(0,0,0,0.10);
	            box-shadow: 0 1px 8px 2px rgba(0,0,0,0.10);
	    -webkit-transition: all 300ms ease;
	    -moz-transition: all 300ms ease;
	    -ms-transition: all 300ms ease;
	    -o-transition: all 300ms ease;
	    transition: all 300ms ease;
	}
	
	.cancel_return_btn{
	    width: 30px;
	    height: 30px;
	    line-height: 30px;
	    font-size: 20px;
	    border-radius: 15px;
	    color: #FFFFFF;
	    background-color: lightgray;
    	text-align: center;
	}
	
	
	.timeline {
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    color: #FFF;
    font-family: "Lucida Grande", Lucida Sans Unicode, Tahoma, Arial;
    font-size: 8pt;
}

.timeline_top {
    overflow : hidden;
    display: block;
}

div#monthcalendar span#current_month {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

.timeline_top ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.timeline_top li{
	width: 3.2%;
    float: left;
	color: black;
	font-family: Segoe UI,Arial,sans-serif;
}

.timeline_top li div {
    text-transform: uppercase;
    text-align: center;
	/* min-width: 32px;
	max-width: 48px; */
	width: 100%;
	display:inline-block;
	border: 1px solid #DDDDDD;
}

.timeline_top li div.is_selected {
	border: 1px solid red;
}

.timeline_top li div.has_time y {
	font-weight: bold;
	background-color: #D4FCE3;
}

li div x {
	color: #999;
	font-style: normal;
	font-size: 10px;
	line-height: 15px;
	font-family: Segoe UI,Arial,sans-serif
}

li div x.is_weekend {
    color: red;
}

 li div y {
	text-decoration: none;
	border-top: solid 1px #e5e5e5;
	border-bottom: solid 1px #e5e5e5;
	background: #EEEEEE;
	line-height: 25px;
	font-size: 13px;
}

 li div z {
	height: 5px;
	box-sizing: border-box;
	background: #009900;	
}

 li div x,y,z {
	display: block
}