/*#user_setting textarea{
   width: 100%;
   height: 100px;
   border-radius: 10px;
   box-shadow: 0 0 0 1.5px #000;
   border: 5px solid transparent;
}*/

#user_setting input[type="text"]{
   width: 100%;
   height: 35px;
	margin-bottom: 10px;
   border-radius: 10px;
	border: 1px solid #aaa;
	border-radius: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*#user_setting textarea{
   width: 100%;
   height: 400px;
	outline: none;
	border: 1px solid #aaa;
	border-radius: 10px;
	-webkit-transition: all .3s;
	transition: all .3s;
}*/

#user_setting select{
   font-size: 130%;
   margin: 5px 0;
	outline: none;
	border: 1px solid #aaa;
	border-radius: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#user_setting input[type="text"]:focus,
#user_setting textarea:focus {
	box-shadow: 0 0 7px #298429;
	border: 1px solid #298429;
}

#login{
   margin-top: 5%;
}

#login input{
   margin:5px 0 10px 0;
}

#login .login_button{
	width: 40%;
	height: 45px;
	font-size: 100%;
   font-weight: bold;
	text-align: center;
	background: #fff;
	color: #006600;
	display: block;
   margin: 0 auto 0 auto;
	line-height: 45px;
	text-decoration: none;
	border-radius: 5px;
	cursor:pointer;
	/*-moz-transition:	background-color 0.2s linear;
	-webkit-transition:	background-color 0.2s linear;
	-o-transition:		background-color 0.2s linear;
	-ms-transition:		background-color 0.2s linear;*/
	transition:			background-color 0.2s linear;
}

#login .login_button:hover{
	/*background: #5cb85c;*/
}

#signup{
   margin-top: 5%;
   /*text-align: center;*/
}

#signup input{
   margin:5px 0 10px 0;
}

#signup .signup_button{
	width: 40%;
	height: 45px;
	font-size: 100%;
   font-weight: bold;
	text-align: center;
	background: #fff;
	color: #006600;
	display: block;
   margin: 0 auto 0 auto;
	line-height: 45px;
	text-decoration: none;
	border-radius: 5px;
	cursor:pointer;
	/*-moz-transition:	background-color 0.2s linear;
	-webkit-transition:	background-color 0.2s linear;
	-o-transition:		background-color 0.2s linear;
	-ms-transition:		background-color 0.2s linear;*/
	transition:			background-color 0.2s linear;
}

#signup .signup_button:hover{
	/*background: #5cb85c;*/
}

#signup .username_duplicate{
   color: red;
}

#facebook_login{
   text-align: center;
}

.agree_terms_sentence a{
  text-decoration: underline;
}
.to_regisiter_by_email{
   margin-top: 30px;
}

.FbBtn {
    background-color: #3b5998;
    height: 45px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    border-radius: 4px;
}

.FbBtn:after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 29px;
    height: 29px;
    background-image: url(/img/facebook_icon.png);
    background-repeat: no-repeat;
    background-size: 29px 29px;
}

.FbBtnLabel {
    color: #ffffff;
    position: relative;
    top: 13px;
    text-align: center;
    margin: 0 20px 0 50px;
}

#info_header{
   margin-top: -23px;
}

#info_header .jumbotron {
   padding: 0;
	/*background: #ecf0f1;*/
   background: url("/img/info_header.jpg");
	background-position: 0 0;
	background-size: cover;
   /*height: 400px;*/
	/*color: #fff;*/
}

#info_header h2{
   /*margin-top: 100px;*/
}


#user_info{
   /*margin-top: -150px;*/
}

#user_info .col-md-9{
   padding: 0;
}

#user_info .col-md-3{
   padding: 0;
}

#user_info #user_top{
	background:#fff;
	width: 98%;
   border: 1px solid #e6e6e6;
	border-radius: 3px;
	/*color:#000;*/
	padding: 30px;
	margin: 0;
}

#user_info #user_top .userphoto{
	text-align: center;
   border: 1px solid #e6e6e6;
   margin: 0;
}

#user_info #user_top .myrate{
   background-color: #27ae60;
   border-radius: 3px;
   color: #fff;
   margin: 0 auto;
   font-size: 90%;
   padding: 10px;
   width: 210px;
   text-align: center;
}


#user_info #hire_me{
	background:#34495e;
	width: 100%;
   min-height: 500px;
   border: 1px solid #e6e6e6;
	border-radius: 3px;
	color:#fff;
	padding: 30px;
	margin: 0;
}

#hire_me button{
   width: 200px;
   margin: 10px;
}

#profile_detail{
   margin: 40px 0;
}
.star_display{
   color: #e67e22;
}

.star_badge{
   background-color: #e67e22;
   color: #fff;
   padding: 4px;
   border-radius: 5px;
}

.verified{
   color: #27ae60;
   font-size: 120%;
}

#user_list{
   margin-top: -150px;
}


#user_list .each_user{
   border: 2px solid #e6e6e6;
   background-color: #fff;
   border-radius: 2px;
   padding: 5px;
   margin: 5px 0;
   text-align: center;
   min-height: 300px;
}


#user_list .myrate{
   background-color: #27ae60;
   border-radius: 3px;
   color: #fff;
   margin: 0;
   font-size: 90%;
   padding: 10px;
   text-align: center;
}

/*20170302*/

#mypage_name_edit_form{
   display: none;
}

#mypage_h_description_edit_form{
   display: none;
}

#mypage_intro_edit_form{
   display: none;
}
#mypage_fields_edit_form{
   display: none;
}

#mypage_wage_edit_form{
   display: none;
}



#mypage_user_photo{
   width: 220px;
   height: 220px;
   margin: 0 auto 0 auto;
   display:inline-block;
   position:relative;
}

#mypage_user_photo:hover {
   background-color: #ecf0f1;
   border-radius: 3px;
}

#mypage_user_photo img{
   margin: 4px;
   display: inline-block;
}

.mypage_photo_caption{
	background-color: rgba(189, 195, 199, 0.6);
	color:#FFF;
	padding:10px;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity:0;
}
.mypage_photo_caption:hover{
	opacity:1;
}

#info_user_photo{
   width: 210px;
   height: 210px;
   margin: 0 auto;
   border: 1px solid #ccc;
   border-radius: 3px;
}

#info_user_photo img{
   margin: 4px;
}


.mypage_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
}

.mypage_username{
   text-align: center;
   color: #2c3e50;
   font-size: 110%;
   font-weight: bold;
}

#mypage_name_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
}

#mypage_h_description_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
   min-height: 30px
}


#mypage_fields_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
}

#mypage_intro_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
   min-height: 30px
}

#mypage_education_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
}

#mypage_experience_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
}


#mypage_wage_display:hover{
   background-color: #ecf0f1;
   border-radius: 3px;
}


.mypage_edit_btn{
   float: right;
   cursor: pointer;
   margin-top: -40px;
   margin-right: 10px;
}

#mypage_top{
   font-size: 120%;
   text-align: center;
}

#mypage_top li{
   padding: 5px;
}

#mypage_top p{
   padding: 5px;
}

#mypage_top button{
   margin: 5px;
}

/*#mypage_top input[type="text"]{
   border-radius: 3px;
   border: 1px solid #ccc;
}*/

.mypage_display h2{
   padding: 5px;
}

#mypage_top .tagify-container > input {
    border: 1px solid #ccc;
    width: 150px;
    border-radius: 3px;
}
#mypage_top .tagify-container > input:focus {
    /*outline: none;*/
    /*box-shadow: none;*/
    /*border: 1px solid #ccc;*/
    border-color: #3498db;
}

#mypage_facebook_edit_form{
   display: none;
}
#mypage_facebook_edit_form .input-group-addon{
   font-size: 50%;
}
#mypage_twitter_edit_form{
   display: none;
}
#mypage_url_edit_form{
   display: none;
}
#mypage_new_education_edit_form{
   display: none;
}
#mypage_education_edit_form{
   display: none;
}
#mypage_new_experience_edit_form{
   display: none;
}
#mypage_experience_edit_form{
   display: none;
}

#user_info #user_side{
	background:#fff;
	width: 98%;
   border: 1px solid #e6e6e6;
	border-radius: 3px;
	/*color:#000;*/
	padding: 30px;
	margin: 0;
}

#user_info #user_side .myrate{
   background-color: #27ae60;
   border-radius: 3px;
   color: #fff;
   margin: 0;
   font-size: 90%;
   padding: 10px;
   text-align: center;
}


#user_side .note-more-btn{
   background:#f1c40f;
	color: #fff;
	border-radius: 3px;
   margin:  0;
}

#user_side .note-more-btn:hover {
	color: #fff;
   background:#E4B702;
}

#project_list{
   margin:0;
}
.each_project{
   border: 2px solid #e6e6e6;
   background-color: #fff;
   border-radius: 2px;
   padding: 5px;
   margin: 5px 0;
   text-align: center;
   min-height: 300px;
   position: relative;
}

#project_list .myrate{
   background-color: #27ae60;
   border-radius: 3px;
   color: #fff;
   margin: 0;
   font-size: 90%;
   padding: 10px;
   text-align: center;
}

.apply-now-btn{
   font-weight: bold;
   width: 200px;
   margin: 0 auto;
	border: 1px solid #fff;
   background: #27ae60;
	color: #fff;
	border-radius: 5px;
}

.apply-now-btn:hover {
	color: #fff;
}

.major_label{
   /*margin: -13px 0 0 5px;
   text-align: left;*/
}

.major_label a{
   color: #fff;
}
.project_major_section {
  position: absolute;
  top: -6px;
  left: 15px;
}

/*.project_major_section:after {
  position: absolute;
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 35px solid transparent;
  border-top: 6px solid #c0392b;
}*/

.project_major {
  position: relative;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #27ae60;
  font-size: 14px;
  line-height: 1;
  padding: 12px 8px 6px;
  border-top-right-radius: 8px;
  width: 84px;
  text-transform: uppercase
}

.project_major:before,
.project_major:after {
  position: absolute;
  content: '';
  display: block;
}

.project_major:before {
  background: #27ae60;
  height: 7px;
  width: 6px;
  left: -6px;
  top: 0;
}

.project_major:after {
  background: #7f8c8d;
  height: 7px;
  width: 8px;
  border-radius: 8px 8px 0 0;
  left: -8px;
  top: 0;
}