.skill-tags {
	line-height: 21px !important
}

.skill-tags .more-button,
.skill-tags .less-button {
	display: block;
	float: left
}

.skill-tags>ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}

.skill-tags>ul>li {
	margin: 0 8px 10px 0;
	display: block;
	float: left
}

.skill-tags>ul>li>a {
	background-color: #eaebed;
	border-radius: 3px;
	font-size: 11px;
	color: #414141;
	padding: 5px 8px
}

.skill-tags>ul>li>a:hover {
	background-color: #8d8b8c;
	color: #FFF;
	text-decoration: none
}

.skill-tags>a {
	font-size: 12px;
	line-height: 21px
}

ul.skills {
	margin: 0;
	padding: 0;
	width: 649px;
	list-style-type: none
}

ul.skills>li {
	border: 1px solid #E5E5E5;
	border-radius: 2px;
	width: 150px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 0
}

ul.skills>li>div {
	padding: 3px 0
}

ul.skills>li .stars {
	display: inline-block;
	float: none
}

ul.skills>li>.header {
	width: 100%;
	text-align: center;
	background: #f7f7f7;
	border-bottom: 1px solid #eff4f7;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

ul.skills>li>.text {
	width: 100%;
	text-align: center;
	padding: 6px 0;
	font-size: 13px;
	line-height: 16px
}

ul.skills>li>.text>p,
ul.skills>li>.header>p {
	padding: 0;
	color: #a2a5ac;
	font-size: 11px;
	line-height: 11px;
	margin: 0
}

ul.skills>li>.text>strong {
	padding: 0 7px;
	font-weight: normal;
	color: #4d5360;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block
}

ul.skills.big>li {
	width: 312px
}

ul.skills.big>li>.header {
	float: left;
	width: 40%;
	border-bottom: 0;
	border-right: 1px solid #eff4f7;
	padding: 14px 0;
	border-bottom-left-radius: 2px;
	border-top-right-radius: 0
}

ul.skills.big>li>.text {
	float: left;
	width: 60%;
	padding: 24px 7px 18px;
	line-height: 15px
}

ul.skills.big>li>.text>strong {
	display: inline-block;
	width: auto;
	max-width: 100%;
	padding-right: 31px;
	position: relative
}

ul.skills.big>li>.text>strong:after {
	content: '(' attr(count) ')';
	position: absolute;
	right: 0;
	top: -1px;
	width: 27px;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
	font-weight: bold
}




















.project-card {
	padding-bottom: 0
}

.project-type {
	font-size: 12px;
	display: inline-block;
	float: left;
	margin-top: 6px;
	margin-right: 7px;
	padding-top: 4px
}

.project-card .form-group {
	color: #8d8b8c;
	margin-bottom: 8px
}

.project-card .form-group * {
	margin-bottom: 0 !important
}

.project-card .form-group strong,
.project-card .form-group a {
	color: #626262
}

.project-card .fa {
	width: 17px
}

.project-details>.details {
	color: #414141;
	padding-bottom: 15px;
	word-wrap: break-word
}

.project-details>.attachment {
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	font-size: 13px;
	line-height: 25px;
	margin-bottom: 5px;
	word-wrap: break-word
}

.project-details>.attachment>a {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
	color: #b2b2b2
}

.project-details>.attachment>a>span {
	color: #30b87d
}



.btn-primary {
    background-color: #418bca;
    border-color: #4b78a1;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    border-radius: 3px;
    color: #fff;
    text-shadow: none;
}
.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}






.project-status {
	display: block;
	width: 100%;
	height: 45px;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-top: 15px
}

.project-status>span {
	display: block;
	line-height: 15px;
	padding: 3px 0;
	text-align: center;
	color: #009755
}

.project-status>span.red {
	color: #e6201d
}

.project-status>span.status-text {
	font-weight: bold
}



.well {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
	border-color: #ddd;
	border-color: rgba(0, 0, 0, .15)
}

.well-lg {
	padding: 24px;
	border-radius: 6px
}

.well-sm {
	padding: 9px;
	border-radius: 3px
}

#proje h1, #proje .h1, #proje h2, #proje .h2, #proje h3, #proje .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
}
#proje h1, #proje .h1 {
    font-size: 25px;
    line-height: 30px;
}






ul.questions {
    padding: 0;
    list-style-type: none;
}



ul.bids {
	margin: 0;
	padding: 0;
	list-style-type: none
}

ul.bids>li~li {
	border-top: 1px solid #dee2e3
}

ul.bids>li.header+li {
	border-top: 0
}

ul.bids>li {
	font-size: 12px;
	line-height: 34px;
	padding: 25px 0 0
}

ul.bids>li .col {
	width: 30%;
	float: left
}

ul.bids>li .col.button,
.col.button {
	width: 10%;
	float: right;
	position: relative;
	padding: 0 10px;
	margin-bottom: -1px;
	line-height: 34px
}

ul.bids>li .col .fa {
	margin: 0 3px
}

ul.bids>li .col .fa-long-arrow-down {
	color: #3082ce
}

ul.bids>li .col .fa-long-arrow-up {
	color: #32b97f
}

ul.bids>li.header {
	padding: 0;
	margin-bottom: -1px;
	border-bottom: 1px solid #dee2e3;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.col.button .dropdown>a {
	display: block;
	width: 100%;
	text-align: center;
	border: 1px solid #dee2e3;
	border-bottom-color: #FFF;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px
}

ul.bids>li .user-profile {
	position: absolute
}

ul.bids>li .bid-details {
	padding: 0 0 0 0px;
	width: 100%;
	line-height: 17px;
	font-size: 13px;
	min-height: 50px
}

ul.bids>li .bid-details .bid-comment {
	padding-bottom: 14px
}

ul.bids>li .bid-details .username {
	line-height: 15px;
	font-size: 14px;
	padding-bottom: 10px;
	color: #428bca
}

ul.bids>li .bid-details .username .user-icons {
	margin-top: -2px;
	margin-left: 7px
}

ul.bids .date {
	line-height: 15px;
	font-size: 11px;
	color: #aaa;
	text-align: right
}

ul.bids .progress {
	margin: 5px 0
}

ul.bids .col-sm-4.col-xs-6 {
	width: 222px
}

ul.bids .accept {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}

ul.bids>li.inactive {
	opacity: 0.5
}

ul.bids>li.accepted {
	background-color: #30cd4745;
}

ul.bids>li:hover .accept {
	display: block;
	opacity: 0.2
}

ul.bids>li .accept:hover {
	opacity: 1
}

ul.bids .accept .btn {
	width: 100%;
	height: 100%
}

ul.bids .bid-date {
	display: table;
	table-layout: fixed;
	border-collapse: separate;
	border: 1px solid #bad4c5;
	border-radius: 3px;
	width: 100%
}

ul.bids .bid-date>div {
	display: table-cell;
	text-align: center !important;
	font-size: 13px;
	vertical-align: middle;
	font-weight: bold;
	color: #000;
	padding: 0
}

ul.bids .bid-date>div~div {
	border-left: 1px solid #bad4c5
}

ul.bids .bid-date>div.date {
	background-color: #e3eee8;
	color: #72867b
}

ul.bids>li.inactive .bid-date {
	text-decoration: line-through !important
}

div.project-questions>.row>.col-sm-10>h4,
div.project-bids>.row>.col-sm-10>h4 {
	margin: 0
}

div.project-questions>.row>.col-sm-2>a {
	font-weight: bold
}







.social-square {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	background-color: #a8acaf;
	color: #fff !important;
	text-align: center;
	line-height: 22px
}

.social-square:hover {
	background-color: #626262
}

.social-square~.social-square {
	margin-left: 5px
}









.btn-labeled {
    background-color: #f1f1f1;
    color: #414141;
    position: relative;
    padding: 6px 12px 1px 45px;
    font-size: 12px;
}
.btn-success {
    border-color: #2d9c6c;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    border-radius: 3px;
    
    text-shadow: none;
}
.btn-success>.btn-label {
    background-color: #30b87d;
}
.btn-danger>.btn-label {
    background-color: #e69191;
}
.btn-warning>.btn-label {
    background-color: #eea236;
}
.btn-info>.btn-label {
    background-color: #269abc;
}
.btn-label {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding: 6px 12px 5px;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
}











.user-icons>a {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	float: left;
	color: #fff;
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	background-color: #3281ce;
	cursor: pointer
}

.user-icons>a>span {
	display: block;
	height: 18px;
	width: 18px;
	border-radius: 50%
}

.user-icons a,
.username .user-icons a {
	color: #fff !important
}

.user-icons>a.unapproved {
	background-color: #959595
}

.user-icons>a~a {
	margin-left: 5px
}















.user-profile {
	position: relative;
	display: inline-block
}

.user-profile>img {
	position: relative;
	z-index: 2
}

.user-profile.editable>a:hover {
	text-decoration: none
}

.user-profile.editable>.remove {
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 7px;
	top: 3px;
	background-color: #000;
	background-color: rgba(66, 139, 202, .8);
	color: #FFF;
	font-size: 13px;
	line-height: 20px;
	text-align: center;
	z-index: 3
}

.user-profile:before {
	content: "";
	position: absolute;
	background-color: #c4c4c4;
	z-index: 1
}

.user-profile.online:before {
	background-color: #399d01
}

.user-profile>img {
	max-width: 50px;
	max-height: 50px
}

.user-profile:before {
	left: 0px;
	width: 4px;
	top: 0;
	bottom: 0
}

.user-profile {
	padding: 0 0 0 4px
}

.user-profile.normal {
	padding: 0 2px 2px
}

.user-profile.normal>img {
	max-width: 61px;
	max-height: 61px;
	border: 2px solid #fff;
	background: #f5f5f5
}

.user-profile.normal:before,
.user-profile.big:before {
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 9px;
	width: auto;
	top: auto
}

.user-profile.big {
	padding: 0 4px 4px
}

.user-profile.big .img-container {
	width: 113px;
	height: 113px;
	border: 3px solid #fff;
	background: #fff;
	display: table;
	position: relative;
	z-index: 2
}

.user-profile.big .img-container>.inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.user-profile.big .img-container>.inner>img {
	max-width: 107px;
	max-height: 107px
}


.sendMessage{
	padding: 5px;
  margin-bottom: 10px;
}







.profile-card {
	max-width: 303px;
	padding: 16px 26px 8px
}

.profile-card .mini-user {
	min-width: 249px
}

.profile-card.big .mini-user {
	padding: 0 0 8px
}

.profile-card.big .mini-user>.user-profile {
	float: none;
	width: 121px;
	margin: 0 64px;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.profile-card.big .mini-user>.user-profile>.user-detail {
	position: absolute;
	width: 100px;
	left: 131px;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in
}

.profile-card.big .mini-user>.user-profile.edit {
	margin: 0 14px;
	overflow: visible
}

.profile-card.big .mini-user>.user-profile.edit>.user-detail {
	opacity: 1
}

.profile-card.big .mini-user>.user-detail {
	float: none;
	margin: 10px auto 0;
	width: 100%;
	text-align: center;
	height: auto;
	line-height: 30px
}

.profile-card.big .mini-user>.user-detail>.user-icons>a {
	display: inline-block;
	float: none
}

.profile-card.big .point {
	line-height: 30px
}

.profile-card.big .point,
.profile-card.big .point>.h4,
.profile-card.big .point>p,
.profile-card.big .feedbacks>a {
	display: block;
	float: left;
	width: 100%
}

.profile-card.big .point {
	width: 50%
}

.profile-card.big .point>.h4 {
	font-size: 26px;
	margin: 0
}

.profile-card.big .point>p {
	margin: 0;
	font-size: 10px;
	line-height: 12px
}

.profile-card.big .feedbacks {
	float: right;
	width: 50%;
	line-height: 20px;
	text-align: center
}

.profile-card.big .point,
.profile-card .feedbacks {
	margin: 4px 0
}

.profile-card.big .feedbacks>.stars {
	display: inline-block;
	float: none;
	cursor: default
}

.mini-user>.user-profile {
	display: block;
	float: left
}

.mini-user {
	padding: 0 0 25px;
	border-bottom: 1px solid #d0d0d0;
	min-width: 263px
}

.mini-user .username {
	margin-top: 15px
}

.mini-user .username .user-icons {
	margin-left: 10px
}

.mini-user>.user-detail {
	float: left;
	margin: 0 10px;
	width: 160px;
	height: 63px
}

.mini-user>.user-detail.big {
	margin-right: 0;
	width: 188px
}

.mini-user>.user-detail .text {
	font-size: 15px;
	margin-bottom: 15px;
	color: #565670;
	line-height: 15px
}






.profile-card>.label {
	display: block;
	line-height: 38px;
	font-size: 14px;
	border-radius: 0
}

.profile-card>.label,
.profile-card>.label a {
	color: #414141;
	text-decoration: none
}

.profile-card>.label a:hover {
	color: #656565
}

.profile-card>.label~.label {
	border-top: 1px solid #d0d0d0
}

.profile-card .row {
	margin-top: 15px
}

































.user-projects {
		font-size: 11px;
		cursor: pointer
	}

	.user-projects .cell~.cell,
	.user-projects-info .cell~.cell {
		border-left: 1px solid #dedede
	}

	.user-projects span {
		font-size: 35px;
		line-height: 35px
	}

	.user-projects-info {
		font-size: 12px;
		line-height: 15px;
		padding: 5px
	}

	.user-projects-info span {
		font-size: 35px;
		line-height: 35px
	}

	.user-projects-info .cell:after {
		content: "";
		display: block;
		width: 90%;
		margin: 5px auto 0;
		border-bottom: 3px solid #dedede
	}

	.user-projects-info .cell.waiting_delivery:after {
		border-color: #949fb2
	}

	.user-projects-info .cell.waiting_approve:after {
		border-color: #ffb553
	}

	.user-projects-info .cell.recompense:after {
		border-color: #fa7844
	}

	.user-projects-info .cell.complete:after {
		border-color: #3fbf4a
	}
	.user-projects-info .cell.rejection:after {
		border-color: #bf3f3f
	}
	
	.well {
			background-color: #f7f7f7;
			border-color: #ddd;
			-webkit-box-shadow: none;
			box-shadow: none;
			border-radius: 3px;
	}
	.well {
			min-height: 20px;
			margin-bottom: 20px;
			border: 1px solid #e3e3e3;
	}
	.table.fixed-layout {
			table-layout: fixed;
	}
	.table {
			display: table;
			margin-bottom: 0;
	}
	.table {
			width: 100%;
	}
	.table .cell {
			display: table-cell;
			vertical-align: middle;
	}
	.text-center {
			text-align: center;
	}
	
	
	
.myprojects-list > li .project-detail {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
}
.myprojects-list > li .col h5 {
    padding: 0 54px 5px 17px;
    position: relative;
    line-height: 16px;
}


.myprojects-title {
	display: inline-block;
	color: #949fb2;
	padding-bottom: 5px;
	border-bottom: 2px solid #949fb2
}

.myprojects-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative
}

.myprojects-list>li {
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	cursor: default;
	margin-top: 10px;
	overflow: hidden;
	width: 100%
}

.myprojects-list>li .project-detail .btn {
	background-color: #f7f7f7;
	color: #545454
}

.myprojects-list>li .project-detail:hover .btn {
	background-color: #418bca;
	color: #fff
}

.myprojects-list>li .project-detail:hover .btn:hover {
	background-color: #4b78a1
}

.myprojects-list>li .col {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px
}

.myprojects-list>li .col.col-info {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 32px;
	font-size: 12px;
	color: #727272;
	line-height: 20px;
	background-color: #f7f7f7
}

.myprojects-list>li .col.col-info .fa {
	margin-right: 3px
}

.myprojects-list>li .col h5 {
	padding: 0 54px 5px 17px;
	position: relative;
	line-height: 16px
}

.myprojects-list>li .col h5>a>span.label {
	display: block;
	float: left;
	margin-top: 0;
	padding: 2px 3px;
	margin-right: 5px
}

.myprojects-list>li .table .col {
	padding-top: 4px;
	padding-bottom: 4px
}

.myprojects-list>li .cell {
	padding: 4px 10px;
	font-size: 12px
}

.myprojects-list>li .header>.cell {
	background-color: #f7f7f7
}

.myprojects-list>li .cell~.cell {
	border-left: 2px solid #fff
}

.myprojects-list>li>.row>.col-md-3 {
	padding-top: 0;
	padding-bottom: 0
}

.myprojects-list .show-projectline {
	background-color: #f7f7f7;
	width: 100%;
	height: 81px;
	padding-top: 30px;
	text-align: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.myprojects-list .nodata .show-projectline {
	height: 61px;
	padding-top: 0;
	position: relative;
	z-index: 2
}

.myprojects-list .nodata .show-projectline .btn {
	margin-top: 15px
}

.myprojects-list>li .col.col-info .remaining_time {
	width: 100%;
	display: block;
	text-align: center;
	color: #D8000C;
	padding-right: 16px
}

.show-projectline .mini {
	font-size: 11px;
	line-height: 36px;
	color: #414c59
}

.myprojects-list>li.open .show-projectline .mini {
	display: none
}

.myprojects-list>li .project-detail {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1)
}

.myprojects-list>li .project-detail .black-text {
	white-space: nowrap
}

.project-detail-container {
	min-height: 114px;
	display: none
}

.myprojects-list>li.open .project-detail-container {
	display: block
}










































.myprojects-list > li .project-detail {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
}
.myprojects-list > li .col h5 {
    padding: 0 54px 5px 17px;
    position: relative;
    line-height: 16px;
}


.myprojects-title {
	display: inline-block;
	color: #949fb2;
	padding-bottom: 5px;
	border-bottom: 2px solid #949fb2
}

.myprojects-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative
}

.myprojects-list>li {
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	cursor: default;
	margin-top: 10px;
	overflow: hidden;
	width: 100%
}

.myprojects-list>li .project-detail .btn {
	background-color: #f7f7f7;
	color: #545454
}

.myprojects-list>li .project-detail:hover .btn {
	background-color: #418bca;
	color: #fff
}

.myprojects-list>li .project-detail:hover .btn:hover {
	background-color: #4b78a1
}

.myprojects-list>li .col {
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px
}

.myprojects-list>li .col.col-info {
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 32px;
	font-size: 12px;
	color: #727272;
	line-height: 20px;
	background-color: #f7f7f7
}

.myprojects-list>li .col.col-info .fa {
	margin-right: 3px
}

.myprojects-list>li .col h5 {
	padding: 0 54px 5px 17px;
	position: relative;
	line-height: 16px
}

.myprojects-list>li .col h5>a>span.label {
	display: block;
	float: left;
	margin-top: 0;
	padding: 2px 3px;
	margin-right: 5px
}

.myprojects-list>li .table .col {
	padding-top: 4px;
	padding-bottom: 4px
}

.myprojects-list>li .cell {
	padding: 4px 10px;
	font-size: 14px
}

.myprojects-list>li .header>.cell {
	background-color: #f7f7f7
}

.myprojects-list>li .cell~.cell {
	border-left: 2px solid #fff
}

.myprojects-list>li>.row>.col-md-3 {
	padding-top: 0;
	padding-bottom: 0
}

.myprojects-list .show-projectline {
	background-color: #f7f7f7;
	width: 100%;
	height: 81px;
	padding-top: 30px;
	text-align: center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.myprojects-list .nodata .show-projectline {
	height: 61px;
	padding-top: 0;
	position: relative;
	z-index: 2
}

.myprojects-list .nodata .show-projectline .btn {
	margin-top: 15px
}

.myprojects-list>li .col.col-info .remaining_time {
	width: 100%;
	display: block;
	text-align: center;
	color: #D8000C;
	padding-right: 16px
}

.show-projectline .mini {
	font-size: 11px;
	line-height: 36px;
	color: #414c59
}

.myprojects-list>li.open .show-projectline .mini {
	display: none
}

.myprojects-list>li .project-detail {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1)
}

.myprojects-list>li .project-detail .black-text {
	white-space: nowrap
}

.project-detail-container {
	min-height: 114px;
	display: none
}

.myprojects-list>li.open .project-detail-container {
	display: block
}
























.myprojects-list>li .project-detail {
	-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1)
}

.myprojects-list>li .project-detail .black-text {
	white-space: nowrap
}

.project-detail-container {
	min-height: 114px;
	display: none
}

.myprojects-list>li.open .project-detail-container {
	display: block
}

.myprojects-list>li.loading .project-detail-container {
	background: url('/static/assets/images/preloader.gif') 50% 50% no-repeat
}

.project-detail-container>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%
}

.project-detail-container>ul>li {
	position: relative;
	padding: 15px 0
}

.project-detail-container>ul>li .timestamp,
.project-detail-container>ul>li.message-container>ul>li .timestamp {
	position: absolute;
	width: auto;
	height: 15px;
	right: 10px;
	top: 15px;
	text-align: right;
	font-size: 12px;
	line-height: 15px;
	color: #d3d3d3 !important
}

.project-detail-container>ul>li.message-container:after {
	content: normal
}

.project-detail-container>ul>li span {
	display: inline-block;
	width: 100%;
	font-weight: normal;
	margin-bottom: 0
}

.project-detail-container>ul>li p {
	color: #8e8e8e;
	padding: 0 7%
}

.project-detail-container>ul>li.info {
	text-align: center
}

.project-detail-container>ul>li.info+li.info {
	border-top: 1px solid #e7e9ea
}

.project-detail-container>ul>li.info .icon {
	display: inline-block;
	width: 69px;
	height: 69px;
	padding: 6px;
	border: 2px dashed #cad5de;
	border-radius: 50%;
	margin-top: 20px;
	margin-bottom: 10px
}

.project-detail-container>ul>li.info .icon i {
	display: inline-block;
	width: 51px;
	height: 51px;
	border: 2px solid #30b87d;
	border-radius: 50%;
	line-height: 48px;
	font-size: 24px;
	color: #30b87d
}

.project-detail-container>ul>li.green span {
	color: #30b87d
}

.project-detail-container>ul>li.info.blue .icon i {
	color: #418bca;
	border-color: #418bca
}

.project-detail-container>ul>li.info.blue span {
	color: #418bca
}

.project-detail-container>ul>li.info.red .icon i {
	color: #9d001b;
	border-color: #9d001b
}

.project-detail-container>ul>li.info.red span {
	color: #9d001b
}

.project-detail-container>ul>li.info.filled {
	background: #30b87d
}

.project-detail-container>ul>li.info.red.filled {
	background: #9d001b
}

.project-detail-container>ul>li.info.filled * {
	color: #fff !important;
	border-color: #fff !important
}

.project-detail-container>ul>li.message-container>ul {
	padding: 0;
	margin: 0;
	list-style-type: none
}

.project-detail-container>ul>li.message-container>ul>li {
	position: relative;
	padding: 15px 0
}

.project-detail-container>ul>li.message-container p {
	padding: 0
}

.project-detail-container>ul>li.message-container .message {
	padding-left: 100px;
	padding-right: 25px;
	border-top: 1px solid #e7e9ea;
	min-height: 77px
}

.project-detail-container>ul>li.message-container .message:before {
	content: "\f0e0";
	font-family: FontAwesome;
	position: absolute;
	left: 50%;
	top: 0;
	width: 33px;
	height: 33px;
	line-height: 31px;
	border: 1px solid #e7e9ea;
	border-radius: 50%;
	text-align: center;
	margin: -16px 0 0 -16px;
	color: #dedede;
	background-color: #fff
}

.project-detail-container>ul>li.message-container .message>img {
	width: 47px;
	height: 47px;
	position: absolute;
	top: 18px;
	left: 33px;
	border-radius: 2px
}

.project-detail-container>ul>li.message-container .message>span {
	color: #434957;
	font-size: 13px;
	font-weight: bold
}

.project-detail-container>ul>li.message-container .message.gray {
	background-color: #f7f7f7
}

.project-detail-container>ul>li.message-container .message .attachment {
	font-size: 12px;
	color: #b2b2b2;
	font-weight: bold;
	border-top: 1px solid #ddd;
	padding-top: 10px;
	margin-bottom: 10px
}

.project-detail-container>ul>li.message-container .message p:empty {
	display: none
}

.project-detail-container>ul>li.message-container .message p:empty+.attachment {
	border-top: 0;
	padding-top: 5px
}

.project-detail-container>ul>li.message-container .message .attachment:empty {
	display: none
}

.project-detail-container>ul>li.message-container .message .attachment span {
	display: inline
}

.project-detail-container>ul>li.message-container .message .attachment a {
	display: inline-block;
	margin-left: 10px;
	font-weight: bold;
	color: #b2b2b2
}

.project-detail-container>ul>li.message-container .message .attachment a>span {
	color: #30b87d
}

.project-detail-container>ul>li.message-container li.showAll {
	text-align: center;
	font-size: 12px;
	line-height: 15px
}

.project-detail-container>ul>li.message-container li.showAll:after {
	position: absolute;
	content: " ";
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e7e9ea
}

.project-detail-container>ul>li.message-container li.showAll a {
	display: inline-block;
	position: relative;
	z-index: 2;
	background-color: #fff;
	padding: 0 13px;
	color: #818181
}

.project-detail-container>ul>li.message-container li.showAll a:before,
.project-detail-container>ul>li.message-container li.showAll a:after,
.project-detail-container>ul>li.message-container li.showAll a span:before,
.project-detail-container>ul>li.message-container li.showAll a span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border: 1px solid #e7e9ea;
	border-radius: 50%;
	background-color: #f7f7f7
}

.project-detail-container>ul>li.message-container li.showAll a:after,
.project-detail-container>ul>li.message-container li.showAll a span:after {
	left: auto;
	right: 0
}

.project-detail-container>ul>li.message-container li.showAll a span {
	display: inline-block;
	position: relative;
	padding: 0 20px
}

.project-detail-container>ul>li.message-container li.showAll+li.message:before {
	content: normal
}

.project-detail-container>ul>li.message-container .showAll,
.project-detail-container>ul>li.message-container.collapsed .hidden-collapse {
	display: none
}

.project-detail-container>ul>li.message-container.collapsed .showAll {
	display: list-item
}

.project-detail-container>ul>li.sendMessage {
	padding: 15px 25px 25px 25px
}

.project-detail-container>ul>li.sendMessage:after {
	content: normal
}

.project-detail-container>ul>li.sendMessage .nav-tabs a {
	font-size: 13px
}

.project-detail-container>ul>li.sendMessage .nav-tabs>li.active>a,
.project-detail-container>ul>li.sendMessage .nav-tabs>li.active>a:hover,
.project-detail-container>ul>li.sendMessage .nav-tabs>li.active>a:focus {
	-webkit-box-shadow: 0 -2px 0 #a9a9a9;
	box-shadow: 0 -2px 0 #a9a9a9
}

.project-detail-container>ul>li.sendMessage .tab-content {
	border: 1px solid #ddd;
	margin-top: -1px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px
}

.project-detail-container>ul>li.sendMessage .tab-content .tab-pane {
	padding: 0
}

.project-detail-container>ul>li.sendMessage .tab-content textarea {
	border: 0 !important;
	padding: 10px 17px
}

.project-detail-container>ul>li.sendMessage .tab-content .foot {
	background-color: #f7f7f7;
	padding: 7px 10px
}

.project-detail-container>ul>li.sendMessage .tab-content .foot .btn {
	margin-left: 12px;
	position: relative;
	display: inline-block
}

.project-detail-container>ul>li.sendMessage .tab-content .foot .attachment {
	font-size: 13px;
	line-height: 29px;
	color: #30b87d;
	cursor: pointer;
	position: relative;
	max-width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.project-detail-container>ul>li.sendMessage .tab-content .foot .attachment span {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	background: #30b87d
}

.project-detail-container>ul>li.sendMessage .tab-content .foot .attachment:empty {
	display: none
}

.project-detail-container>ul>li.sendMessage .tab-content .foot .attachment:before {
	content: "\f15c";
	font-family: FontAwesome;
	color: #afafaf;
	margin-right: 5px;
	display: inline-block
}

.project-detail-container>ul>li.sendMessage .tab-content .foot .attachment:after {
	content: "\f00d";
	font-family: FontAwesome;
	color: #afafaf;
	margin-left: 5px;
	display: inline-block
}

.project-detail-container>ul>li.sendMessage+li.feedback-star {
	margin-top: 0
}

.project-detail-container>ul>li.feedback-star {
	-webkit-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.1)
}

.project-detail-container>ul>li.feedback-star .row {
	padding: 0 22px
}

.project-detail-container>ul>li.feedback-star .col .inner {
	margin-left: -9px;
	margin-right: -9px;
	background: #fff;
	border: 1px dashed #cad5de;
	border-radius: 3px;
	-webkit-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
	box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.1);
	padding: 0 7px
}

.project-detail-container>ul>li.feedback-star .col .inner .h4 {
	font-weight: bold;
	font-size: 15px;
	color: #434957
}

.project-detail-container>ul>li.feedback-star .col i.icon {
	display: inline-block;
	text-align: center;
	width: 40px;
	height: 27px;
	background: url('/static/assets/images/project-timeline.png') 0 0 no-repeat;
	border: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0
}

.project-detail-container>ul>li.feedback-star .col i.icon.ontime {
	background-position: -40px 0
}

.project-detail-container>ul>li.feedback-star .col i.icon.contact {
	background-position: -80px 0
}

.project-detail-container>ul>li.feedback-star .col i.icon.fa-smile-o {
	background: none;
	color: #b2b2b2;
	font-size: 28px
}

.project-detail-container>ul>li.feedback-star .col .stars {
	display: inline-block;
	float: none
}

.project-detail-container .comment-box {
	display: inline-block;
	width: 90%
}

.project-detail-container .comment-box .btn {
	margin-top: 5px
}

.project-detail-container .callout {
	margin: 0 0 9px 0
}