@import "../../scss/bootstrap/variables"; 

.file_icon{
	font-size: 50px;
    color: #009900;
    margin: 5px;
}
.contents{
	display: inline-block;
}
.tiem,.type{
	font-size: 85%;
	color: #9991a0;
}
.title{
	font-size: 16px;
	font-weight: 900;
}
.file_wrap{
	padding:3px;
	margin: 11px 7px;
    border: 1px solid #fff;
    border-radius: 10px;
    position: relative;
    transition: all 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.actions{
	position: absolute;
	right: 6px;
	top: 6px;
	text-align: center;
	z-index: 10;
	a{
		cursor: pointer;
	}
	opacity: 0;
	transition: opacity 0.1s cubic-bezier(0.2, 0.3, 0.25, 0.9) 0s;
}

.file_wrap:hover{
	border-color: rgba(0,0,0,0.1);
	.actions{
		opacity: 1;
	}
}

.download{
	font-size: 17px;
    padding: 6px 7px;
    border-radius: 5px;
    border: 1px solid rgba(0,0,0,0.1);
    color: #000;
}

//
.use_info_wrap{
	position: absolute;
    top: 80px;
    left: 0;
    bottom: 10px;
    right: 0;
}
.info_wrap{
	text-align: left;
}
.tab_wrap{
	text-align: left;
}
.photp{
	width: 180px;
    margin: 10px auto;
}
.info_body_wrap{
	padding: 10px 2px;
}
.search_wrap{
	position: relative;
	margin: 10px;
	i{
        position: absolute;
        left: 7px;
        top: 4px;
        color: #b3b4b7;
        font-size: 18px;
    }
    input{
        width: 130px;
        padding: 4px 10px 4px 24px;
        font-size: 12px;
        -webkit-transition: box-shadow 70ms ease-out,border-color 70ms ease-out;
        -moz-transition: box-shadow 70ms ease-out,border-color 70ms ease-out;
        transition: box-shadow 70ms ease-out,border-color 70ms ease-out;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height:19px;
		border: 1px solid #e5e5e5;
	    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	    border-radius: 5px;
    }
}
.employee_items_wrap,.approval_items_wrap{
	top: 130px;
    left: 0;
    bottom: 10px;
    right: 0;
	position: absolute;
}
 

.approval_search_wrap{
	width: 100%;
	padding:5px 3px; 
	.approval_search_input{
		height: inherit;
		width: 250px;
	}
}

 
.employee_items_scrollbar_wrap{
	margin-top:0px;  
}

.info_wrap{
	text-align: center;
}
.photp{
	width: 100%; 
	height: 200px;
}
.btns{ 
    width: 60%;
    margin: 0 auto;
    padding-top: 10px;
	button{
		margin: 0 5px;
	}
}

.member_state{
  padding: 15px;
  height: 60px;
  font-size: 20px;
}
.myself{
	color: #38978D;
}
.other{
	color: #eb4d5c;
}

.member_contact{
  padding: 15px;
  height: 60px;
  font-size: 10px;
}

 
.member_details_divider{
	margin: 5px 0px;
}
 

.approval_detail_wrap{
	position: absolute;
	left:0;
	top: 80px;
	right: 0;
	bottom: 0;
}
.approval_wrap{ 
 	padding: 5px 10px;
 	border-radius: 10px;
 	border: 1px solid rgba(0,0,0,0); 
}
.approval_wrap:hover{
	cursor: pointer;
	border: 1px solid rgba(0,0,0,1);
}

.approval_img{
	width: 100%;
}
.approval_task_wrap{
	 
}
 
.task_node_wrap{
	background: url($http+"./img/line-bg.png") repeat-y 30px 0;
}
.task_node_icon{
	width: 30px;
	height: 30px;
	display: inline-block;
	background-color: rgba(0,0,0,0.2);
	color: #3e3e3e;
	border-radius: 15px;
}
.task_node_icon.active{
	background-color: #009900;
	color: #fff;
}
.task_fa_icon{
	margin: 8px;
}
.task_node_content{
	display: inline-block;
}
.task_photo{
	width: 30px;
    height: 30px;
    padding: 10px;
    position: absolute;
}
.task_node_content_item{
	margin-left: 40px;
}


.archives_wrap,.contracts_wrap{
	padding: 10px;
}
 
.back_btns{
	border-top: 2px;
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
	button{
		margin: 0 5px;
	}
} 

.ts_icon.ts_icon_inherit:before, ts-icon.ts_icon_inherit:before {
	font-size: inherit;
}
.ts_icon_times:before {
	content: '\E278';
}		
.ts_icon:before, ts-icon:before {
			font-family: Slack;
			font-size: 20px;
			font-style: normal;
			font-weight: 400;
			display: inline-block;
}