/*  
	Project Name : Zipidy Collab
	Version      : V1
	Author       : SKC
	Description  : A Social Networking
*/

/* CSS Reset and Generalization
-------------------------------------*/

* {
	padding: 0;
	margin: 0;
	outline: none;
}

body {
	font-size: 14px;
	line-height: 22px;
	color: #6b665e;
	font-weight: 300;
	background: #fef9f3;
	overflow-x: hidden;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

a {
	color: #0076d4;
	outline: none;
	text-decoration: none;
}

img,
fieldset {
	border: 0;
}

p {
	padding: 0;
	margin: 0 0 10px;
}

img {
	max-width: 100%;
}

strong {
	font-weight: bold;
}

iframe,
object {
	width: 100%;
	height: 100%;
}

/* default form fields
----------------------------------*/
::-webkit-input-placeholder {
	/* WebKit browsers */
	color: inherit;
}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: inherit;
	opacity: 1;
}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: inherit;
}

label {
	font-size: 14px;
	color: #686868;
	font-weight: 300;
	line-height: 24px;
	display: block;
}

input,
select,
textarea {
	font-size: 15px;
	line-height: normal;
	color: #6b6b6b;
	font-weight: 400;
	width: 100%;
	padding: 0 10px;
	margin: 0 0 10px;
	height: 36px;
	border: 1px solid #efdfcc;
	background: #fff;
}

select {
	padding: 0 0 0 5px;
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
}

input[type='submit'],
input[type='button'] {
	cursor: pointer;
}

input[type='file'] {
	padding: 8px;
	height: auto;
}

textarea {
	height: auto;
	padding-top: 7px;
	padding-bottom: 7px;
	line-height: 18px;
}

input[type='radio'],
input[type='checkbox'] {
	width: auto;
	height: auto;
	border: none;
	padding: 0;
}

.button {
	font-size: 15px !important;
	color: #e38f1e !important;
	text-align: center;
	font-weight: bold;
	text-decoration: none !important;
	text-transform: uppercase !important;
	line-height: 30px;
	background: none !important;
	border: none !important;
	display: inline-block;
	vertical-align: top;
	height: 30px !important;
	padding: 0 !important;
	margin: 0 20px 0 0 !important;
	width: auto !important;
	cursor: pointer;
}

.button.cancel {
	color: #737373 !important;
}

.text_right .button {
	margin: 0 0 0 20px !important;
}

.text_center .button {
	margin: 0 10px 0 !important;
}

.tag-field {
	width: 100%;
	padding: 6px;
	margin: 0 0 10px;
	height: auto;
	border: 1px solid #efdfcc;
	background: #fff;
}

.tag {
	font-size: 13px;
	color: #848383;
	line-height: normal;
	background-color: #f0f0f0;
	padding: 3px 11px;
	display: inline-block;
	vertical-align: top;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.tag a {
	display: block;
	float: right;
	margin: 6px 0 0 10px;
	background: url(../images/tag-close.png) 0 0 no-repeat;
	width: 7px;
	height: 7px;
}



/* default body wrap 
----------------------------------*/
.default_body_wrap {
	height: auto !important;
	min-height: 100%;
	position: relative;
	padding-top: 100px;
	padding-bottom: 80px;
}

.wrapper {
	max-width: 994px;
	margin: 0 auto;
}

/* Common Dropdown */
/*.more_box {
	display:none;
	text-align:left;
	min-width:100px;
	position:absolute;
	right:0;
	top:43px;
	z-index:9;
}*/


.more_box {
	display: none;
	text-align: left;
	min-width: 100px;
	position: absolute;
	top: 70px;
	z-index: 9;
	margin: 0 0 0 -112px;
}












.dropdown {
	width: auto;
	list-style: none;
	border: 1px solid #f6e7d3;
	background-color: #fff;
	padding: 0 17px;
	margin: 0;
}

.dropdown li {
	padding: 12px 0 !important;
	margin: 0 !important;
	display: block !important;
	border: none !important;
}

.dropdown li.divider {
	padding: 0;
	margin: 8px -17px;
	height: 1px;
	background-color: #777777;
}

.dropdown li a {
	color: #414141 !important;
	font-size: 14px !important;
	line-height: normal !important;
	text-decoration: none !important;
	line-height: 30px !important;
	display: block !important;
	text-transform: none;
	text-indent: 0 !important;
	padding: 0 !important;
	background: none !important;
	white-space: pre;
}

.dropdown li a i {
	margin-right: 4px;
	top: 1px;
	position: relative;
}

.dropdown li a:hover {
	color: #0085b6 !important;
}

.arrow:after {
	bottom: 98%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}

/* Header
----------------------------------*/
.header {
	height: 79px;
	background-color: #004e77;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}

.logo {
	float: left;
	margin-top: 28px;
}

.top-nav {
	font-size: 0;
	letter-spacing: 0;
	text-align: center;
}

.top-nav li {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	position: relative;
}

.top-nav li a {
	font-size: 13px;
	font-weight: 300;
	line-height: 79px;
	color: #87a5b5;
	padding: 0 24px;
	display: block;
	text-transform: uppercase;
}

.top-nav li a.active,
.top-nav li a.current {
	color: #ffe7b5;
}

.top-nav li a.sub-menu {
	background: url(../images/topnav-arrw.png) 82% 40px no-repeat;
	padding-right: 30px;
}

.top-nav li a.active.sub-menu,
.top-nav li a.current.sub-menu {
	background-position: 82% -126px;
}

/* Child Dropdown */
.top-nav li.child a.active {
	background-color: #00466d;
}

.top-nav li.child ul {
	text-align: left;
	background-color: #00466d;
	position: absolute;
	left: 0;
	top: 79px;
	width: 296px;
	z-index: 99;
	max-height: 400px;
	overflow: auto;
	display: none;
}

.top-nav li.child ul li {
	border-top: 1px solid #005482;
	border-bottom: 1px solid #004061;
	display: block;
}

.top-nav li.child ul li:first-child {
	border-top: none;
}

.top-nav li.child ul li a {
	font-size: 17px;
	color: #ffe7b5;
	font-weight: 600;
	line-height: normal;
	padding: 14px 20px;
	text-transform: none;
}

.top-nav li.child ul li a span {
	font-size: 13px;
	color: #9ed4f1;
	font-style: italic;
	font-weight: 300;
	line-height: normal;
	display: block;
}

.top-nav li.child ul li.create a {
	color: #9ed4f1;
	text-transform: none;
}

.top-nav li.child ul li.create {
	border-bottom: none;
}

.top-nav li.child ul li.create a i {
	margin-right: 16px;
}

.top-right {
	line-height: normal;
	float: right;
	margin-top: 28px;
}

.top-right ul {
	font-size: 0;
	letter-spacing: 0;
}

.top-right ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 20px;
	position: relative;
}

.top-right ul li.icon {
	font-size: 18px;
	color: #8baec1;
}

.top-right ul li.user {
	font-size: 12px;
	color: #fff;
	font-weight: 400;
	line-height: 20px;
}

.top-right ul li.user a {
	color: inherit;
}

.top-right ul li.user a i {
	font-size: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}

.top-right ul li.user img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

.top-right ul li a {
	color: inherit;
}

.top-right ul li.sidebar-slide {
	display: none;
}

/* Dropdown */
.top-right ul li.user .more_box {
	top: 29px;
	min-width: 115px;
}

.top-right ul li.user .dropdown {
	padding: 0 !important;
}

.top-right ul li.user .dropdown li {
	border-bottom: 1px solid #f6e7d3 !important;
}

.top-right ul li.user .dropdown li:last-child {
	border: none !important;
}

.top-right ul li.user .dropdown li a {
	font-size: 13px !important;
	line-height: 32px !important;
	padding: 0 10px !important;
}

.top-right ul li.user .dropdown li a i {
	top: -1px;
}

.top-nav li.child.projects ul li a {
	text-transform: none;
}

.top-nav li.child.projects ul li a small {
	font-size: 13px;
	color: #9ed4f1;
	font-style: italic;
	font-weight: 300;
	line-height: normal;
	text-indent: 2px;
	display: inline-block;
}

.top-nav li.child.projects ul li a span {
	text-transform: none;
}

/* Bulletin Page
----------------------------------*/
.bulletin-left {
	width: 246px;
	float: left;
}

.bulletin-right {
	width: 726px;
	float: right;
}

.bulletin-left .top-meta {
	border-bottom: 1px solid #e3d0b7;
	margin-bottom: 10px;
}

.bulletin-left .top-meta li {
	display: block;
}

.bulletin-left .top-meta li a {
	font-size: 15px;
	color: #4e483f;
	font-weight: 300;
	line-height: 38px;
	padding: 0 0 0 15px;
	display: block;
}

.bulletin-left .top-meta li a span {
	font-size: 12px;
	float: right;
}

.bulletin-left .top-meta li a i {
	margin-right: 6px;
}

.bulletin-left .top-meta li a.selected {
	background-color: #f6e7d3;
}

.bulletin-left h3 {
	font-size: 16px;
	color: #565656;
	font-weight: 600;
	line-height: normal;
}

.bulletin-left .list {
	padding-left: 16px;
}

.bulletin-left .list li {
	display: block;
	margin-bottom: 18px;
}

.bulletin-left .list li a {
	font-size: 14px;
	color: #565656;
	font-weight: 300;
	font-style: italic;
	line-height: normal;
}

.bulletin-left .list li a i {
	font-size: 8px;
	color: #005b8b;
	font-style: normal;
	margin-right: 9px;
	display: inline-block;
	vertical-align: middle;
}

.bulletin-post {
	border-bottom: 1px solid #f6e7d3;
	padding-bottom: 7px;
	margin-bottom: 25px;
}

.bulletin-post:last-child {
	border-bottom: none;
}

.category-show {
	font-size: 13px;
	color: #9d9992;
	line-height: normal;
	font-weight: 300;
}

.tag-show {
	font-size: 13px;
	color: #141516;
	line-height: normal;
	font-weight: 300;
}

.tag-show span {
	font-weight: 600;
}

.tag-show a {
	font-weight: 300;
	text-transform: none;
}

.tag-show a:after {
	content: ".";
	font-size: 16px;
	line-height: 10px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 12px;
}

.tag-show a:last-child:after {
	display: none;
}

.bulletin-post h3 {
	font-size: 20px;
	color: #22282b;
	line-height: normal;
	font-weight: 600;
}

.bulletin-post h3 a {
	color: inherit;
}

.user-meta {
	font-size: 15px;
	line-height: normal;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0;
}

.user-meta span {
	font-size: 13px;
	font-weight: 300;
	color: #9d9992;
	display: block;
}

.user-meta span i {
	font-size: 4px;
	margin: 0 6px;
	position: relative;
	top: -2px;
}

.user-meta a {
	display: inline-block;
	vertical-align: middle;
}

.user-meta img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

a.more {
	font-size: 11px;
	font-weight: 400;
	color: inherit;
}

.post-meta {
	font-size: 0;
	letter-spacing: 0;
	margin-bottom: 18px;
}

.post-meta li {
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
	color: #6f695f;
	margin-right: 25px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.post-meta li a {
	color: inherit;
	font-style: italic;
}

.post-meta li a i,
.red-icon {
	color: #dd013f;
	margin-right: 4px;
}

.post-meta li.more-link {
	float: right;
	margin: 8px 0 0;
}

.post-meta li.more-link a {
	font-size: 0;
	text-indent: -100000px;
	width: 29px;
	height: 17px;
	display: block;
	background: url(../images/more-link.png) 50% 50% no-repeat;
}

.post-meta li.more-link a.active {
	background-color: #fffefc;
	border: 1px solid #f6e7d3;
	border-bottom: 1px solid #fffefc;
	position: relative;
	z-index: 999;
}

.post-meta li.more-link .more_box {
	top: 16px;
	width: 176px;
	right: 0;
	z-index: 99;
}

.post-meta li.more-link .dropdown {
	background-color: #fffefc !important;
	border: 1px solid #f6e7d3 !important;
	padding: 12px 17px !important;
}

.post-meta li.more-link .dropdown li a {
	width: auto;
	height: auto;
	font-size: 13px !important;
	color: #3a7594 !important;
	font-weight: 300 !important;
	line-height: 25px !important;
	padding: 0 0 0 23px !important;
	margin-bottom: 4px !important;
	background: url(../images/more-link-bg.png) 0 9px no-repeat !important;
}

.post-meta li.more-link .dropdown li:last-child a {
	margin-bottom: 0 !important;
}

/* Top Search Filter
-------------------------------*/
.search-filter {
	margin-bottom: 15px;
}

.search-filter input,
.search-filter select {
	font-size: 15px;
	color: #868686;
	line-height: normal;
	font-weight: 300;
	padding: 5px 0;
	margin: 0;
	height: auto;
	border: none;
	background: none;
	border-bottom: 1px solid #e3d0b7;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search-filter .search {
	position: relative;
	float: left;
	width: 70%;
}

.search-filter input {
	padding-right: 33px;
}

.search-filter .select {
	float: right;
	width: 27%;
}

.search-filter select {
	background: url(../images/select-arrw.png) 100% 50% no-repeat;
	padding: 4px 0;
}

.search-filter input.btn {
	font-size: 0;
	text-indent: -100000px;
	width: 30px;
	height: 30px;
	border: none;
	padding: 0;
	background: url(../images/search-btn.png) 50% 50% no-repeat;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}



/* Details Page
--------------------------------------*/
.col1 {
	width: 727px;
	float: left;
}

.col2 {
	width: 243px;
	float: right;
}

h3.post-headings {
	font-size: 16px;
	color: #22282b;
	font-weight: 600;
}

h3.post-headings small {
	font-size: 12px;
	font-weight: 300;
}

.related-post {
	border: 1px solid #f6e7d3;
	background-color: #fffcf7;
	padding: 15px 20px 0;
}

.related-post li {
	margin-bottom: 25px;
}

.related-post li a {
	font-size: 14px;
	line-height: 22px;
	color: #8c877e;
	font-weight: 300;
	font-style: italic;
	display: block;
	padding-left: 15px;
	position: relative;
}

.related-post li a:hover {
	color: #2b89d2;
	text-decoration: underline;
}

.related-post li a:after {
	font-family: 'FontAwesome';
	content: "\f111";
	font-size: 6px;
	font-style: normal;
	color: #e3d0b7;
	position: absolute;
	left: 0;
	top: 1px;
}

.related-post li.more-post {
	margin: 0 -20px;
	border-top: 1px solid #f6e7d3;
}

.related-post li.more-post a {
	font-size: 12px;
	color: #af956a;
	line-height: 44px;
	text-align: center;
	padding: 0;
}

.related-post li.more-post a:after {
	display: none;
}

.reply-box {
	position: relative;
	margin-bottom: 35px;
}

.reply-box textarea {
	font-size: 15px;
	color: #868686;
	font-weight: 300;
	line-height: normal;
	border: 1px solid #f6e7d3;
	background-color: #fffdfa;
	margin: 0;
	margin-bottom: 5px;
	padding: 20px 26px 0;
	min-height: 61px;
}

.reply-box .attach {
	color: #555555;
	display: block;
	font-size: 18px;
	left: 387px;
	position: absolute;
	top: 16px;
	z-index: 1;
	cursor: pointer;
	background: #f3f4f1 !important;
	width: 32px;
	height: 28px;
	text-align: center;
	line-height: 28px;
}

.reply-box .attach a {
	color: inherit;
}

.inline-check {
	font-size: 15px;
	color: #868686;
	font-weight: 300;
	line-height: normal;
}

.inline-check input {
	float: left;
	margin: 4px 11px 0 0;
}

.inline-check .hint {
	font-size: 0;
	text-indent: -1000000px;
	width: 17px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 6px;
	background: url(../images/mark-hint.png) 0 0 no-repeat;
}

.replies {
	border-top: 1px solid #f6e7d3;
	padding: 25px 0;
}

/* To Do Page
--------------------------------------*/
.to-do-filter {
	font-size: 0;
	letter-spacing: 0;
	margin-bottom: 35px;
}

.to-do-filter:after {
	clear: both;
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
}

.to-do-filter input {
	font-size: 13px;
	color: #868686;
	font-weight: 300;
	font-style: italic;
	line-height: normal;
	width: 167px;
	height: 26px;
	padding: 0 12px;
	margin: 0 12px 0 0;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #f9ead5;
	background-color: #fffaf4;
}

.to-do-filter input:nth-child(2) {
	margin-right: 3px;
}

.to-do-filter input.btn {
	font-size: 0;
	text-indent: -100000px;
	width: 25px;
	height: 26px;
	background: #f9ead5 url(../images/search-btn.png) 50% 50% no-repeat;
}

.to-do-block {
	display: table;
	width: 75%;
	vertical-align: top;
	margin-bottom: 60px;
}

.to-do-block li {
	display: table-cell;
	vertical-align: top;
}

.to-do-block li p {
	margin-bottom: 5px;
}

.to-do-block li p.add-item {
	margin-bottom: 14px;
}

.to-do-block li:nth-child(1) {
	font-size: 15px;
	color: #22282b;
	font-weight: bold;
	width: 12%;
}

.to-do-block li:nth-child(2) {
	width: 80%;
}

.to-do-block li a {
	font-size: 14px;
	color: #da1023;
	font-weight: 300;
	text-decoration: underline;
}

.to-do-block li:nth-child(3) {
	font-size: 14px;
	color: #6b665e;
	font-weight: 300;
	font-style: italic;
	line-height: normal;
}

.to-do-block li .inline-check {
	color: #6b665e;
}

/* Progress page
-----------------------------------------*/
.progress-heading {
	font-size: 20px;
	color: #000;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 20px;
}

.progress-wrap {
	padding: 0;
	margin: 0 0 0 100px;
	max-width: 575px;
	position: relative;
}

.progress-wrap-block {
	position: relative;
	border-left: 1px dotted #909090;
	padding: 0 0 0 21px;
}

.progress-wrap-block:last-child {
	border-left: none;
}

.progress-wrap-block h4 {
	font-size: 18px;
	font-weight: 600;
	color: #dd013f;
	text-decoration: none;
	line-height: normal;
	margin: 0;
	position: relative;
	top: -9px;
}

.progress-wrap-block h4:before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: #909090;
	position: absolute;
	left: -25px;
	top: 9px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-background-clip: padding-box;
	/* for Safari */
	background-clip: padding-box;
	/* for IE9+, Firefox 4+, Opera, Chrome */
}

.progress-wrap-block h4 a {
	color: inherit;
}

.progress-wrap-block h4 span {
	font-weight: 400;
}

.progress-wrap-block h5 {
	font-size: 23px;
	font-weight: 300;
	color: #1c82d3;
	text-decoration: none;
	line-height: normal;
	margin: 0;
	position: absolute;
	left: -95px;
	top: -11px;
	display: block;
}

.progress-wrap-block h5 sup {
	top: -5px;
	font-weight: 300;
}

.progress-wrap-inner {
	padding: 0 0 21px 67px;
	position: relative;
}

.progress-wrap-inner .user {
	position: absolute;
	left: 0;
	top: 2px;
}

.progress-date {
	font-size: 13px;
	font-weight: 300;
	font-style: italic;
	color: #666666;
	text-decoration: none;
	line-height: normal;
	margin: 0 0 10px;
	padding: 0;
}

.progress-posted {
	font-size: 14px;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
	line-height: normal;
	margin: 0;
	padding: 0;
}

.progress-posted a {
	font-size: 15px;
	font-style: italic;
}

.progress-posting p {
	font-weight: 400;
	line-height: 18px;
	color: #595959;
	margin: 0 0 30px;
}

.progress-posting p a {
	font-size: 12px;
}

.projects-documents {
	font-size: 0;
	letter-spacing: 0;
	text-align: left;
	margin: 0 0 20px;
}

.projects-documents li {
	font-size: 12px;
	font-weight: 600;
	color: #1d1d1d;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin: 0 15px 15px 0;
}

.projects-documents li:first-child {
	margin-left: -22px;
}

.projects-documents li a {
	color: #1d1d1d;
}

.projects-photos {
	font-size: 0;
	letter-spacing: 0;
	text-align: left;
	margin: 0 0 20px;
}

.projects-photos li {
	display: inline-block;
	vertical-align: top;
	width: 61px;
	margin: 0 10px 10px 0;
}

.projects-photos li span {
	font-size: 16px;
	font-weight: 600;
	color: #666666;
	font-style: italic;
	display: block;
	padding: 20px 0 0;
}

.projects-photos li span a {
	color: inherit;
}

.projects-video {
	position: relative;
	width: 240px;
	height: 180px;
	margin: 0 0 20px;
}

.projects-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.status-style {
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
}

.status-style .open {
	background: url(../images/issue_status_icons.png) no-repeat 0 2px;
	padding: 0 0 0 15px;
	margin: 0 5px 0 5px;
	text-transform: uppercase;
	cursor: pointer;
}

.status-style .in_progress {
	background: url(../images/issue_status_icons.png) no-repeat 0 -21px;
	padding: 0 0 0 15px;
	margin: 0 5px 0 5px;
	text-transform: uppercase;
	cursor: pointer;
}

.status-style .closed {
	background: url(../images/issue_status_icons.png) no-repeat 0 -45px;
	padding: 0 0 0 15px;
	margin: 0 5px 0 5px;
	text-transform: uppercase;
	cursor: pointer;
}

.status-style .in-active {
	opacity: .5;
}

.assigned-to-parent {
	width: 26%;
	margin: 0 !important;
}

.assigned-to {
	margin-right: 5px;
}

.assigned-to-links {
	overflow: hidden;
}

/* Footer
----------------------------------*/
.footer {
	height: 44px;
	border-top: 1px solid #f6e7d3;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.footer p {
	font-size: 13px;
	color: #6f695f;
	font-weight: 400;
	text-align: center;
	line-height: 44px;
	margin: 0;
}

/* Popup Design
----------------------------------*/
.popup_wrap {
	padding: 30px 46px;
	border: 1px solid #efdfcc;
	background-color: #fef9f3;
}

.popup_wrap h3 {
	font-size: 25px;
	font-weight: 400;
	color: #004e77;
	line-height: 78px;
	padding: 0 46px;
	margin: -30px -46px 30px;
	border-bottom: 1px solid #efdfcc;
	position: relative;
}

.popup_wrap h3:after {
	content: "";
	display: block;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
}

.popup_footer .btn1[type="button"] {
	font-size: 0;
	text-indent: -100000px;
	width: 40px;
	height: 40px;
	position: absolute;
	right: 36px;
	top: 20px;
	border: none;
	background: url(../images/popup-close.png) 50% 50% no-repeat;
}

/* Group Page 
----------------------------------*/
.grid-container {
	font-size: 0;
	letter-spacing: 0;
	margin: 0;
}

.grid-container li {
	background-color: #fffcf7;
	border: 1px solid #f6e7d3;
	border-top-width: 3px;
	padding: 0 28px 0;
	display: block;
	width: 32%;
	min-height: 331px;
	position: relative;
	margin: 0 2% 2% 0;
	float: left;
}

.grid-container li:nth-child(3n+3) {
	margin-right: 0;
}

.grid-container li h3 {
	font-size: 20px;
	color: #3a3a3a;
	font-weight: 600;
	line-height: 22px;
	margin: 0 -28px 30px;
	padding: 20px 28px;
	min-height: 89px;
	border-bottom: 1px solid #f6e7d3;
	position: relative;
}

.grid-container li h3:after {
	content: "";
	display: block;
	height: 1px;
	background-color: #fff;
	position: absolute;
	bottom: -2px;
	left: 0;
	right: 0;
}

.grid-container li h3 a {
	color: inherit;
}

/*.grid-container li .post-status {
	width:19px;
	height:18px;
	display:block;
	position:absolute;
	top:6px;
	right:9px;
	background:url(../images/grid-star.png) 0 0 no-repeat;
}
.grid-container li .post-status.active {
	background-position:0 100%;
}*/
.grid-container li p {
	font-size: 14px;
	color: #0076d4;
	font-weight: 400;
	font-style: italic;
	line-height: normal;
	margin: 0;
	padding: 0 0 3px;
}

.grid-container li p.time {
	font-size: 13px;
	color: #9d9992;
	font-style: italic;
	font-weight: 300;
	padding-bottom: 15px;
}

.grid-container li p.time i {
	font-weight: 600;
}

.grid-container li .member-list {
	font-size: 0;
	letter-spacing: 0;
	margin: 0;
	padding: 10px 0 0;
}

.grid-container li .member-list li {
	display: inline-block;
	vertical-align: top;
	margin: 0 13px 13px 0;
	border: none;
	background: none;
	width: auto;
	height: auto;
	min-height: inherit;
	padding: 0;
}

.grid-container li .member-list li img {
	width: 50px;
}

.grid-container li .member-list li:nth-child(4n+4) {
	margin-right: 0;
}

.grid-container li.add-project a {
	font-size: 0;
	text-indent: -10000px;
	display: block;
	line-height: 153px;
	background-image: url(../images/add-plus.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.grid-container li.add-project h3 {
	text-align: center;
	color: #bc9b6f;
	line-height: 89px;
	padding-top: 0;
	padding-bottom: 0;
}

/* Sidebar Design
----------------------------------*/
.discussion-numbers {
	font-size: 0;
	letter-spacing: 0;
	margin: 0;
}

.discussion-numbers li {
	font-size: 12px;
	color: #9d9992;
	font-weight: 400;
	text-align: center;
	line-height: 16px;
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
}

.discussion-numbers li span {
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

.discussion-numbers li div {
	font-size: 22px;
	color: #fff;
	font-weight: 600;
	line-height: 53px;
	text-align: center;
	margin: 0 auto;
	width: 53px;
	height: 53px;
	display: inline-block;
	vertical-align: top;
	background-color: #60c8b8;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.discussion-numbers li:nth-child(2) div {
	background-color: #e0757f;
}

.discussion-numbers li:nth-child(3) div {
	background-color: #84d1e2;
}

.sidebar-block {
	margin-bottom: 25px;
}

.sidebar-block .add-icon {
	float: right;
}

.sidebar-block .add-icon a {
	color: inherit;
}

.sidebar-section {
	border: 1px solid #f6e7d3;
	background-color: #fffcf7;
}

.sidebar-section .search {
	position: relative;
}

.sidebar-section .search input {
	font-size: 13px;
	color: #9e9b95;
	font-weight: 300;
	font-style: italic;
	height: 40px;
	padding: 0 15px;
	border: none;
	margin: 0;
	border-bottom: 1px solid #f6e7d3;
	background: none;
}

.sidebar-section .search input.btn {
	font-size: 0;
	text-indent: -100000px;
	width: 30px;
	height: 30px;
	border: none;
	padding: 0;
	background: url(../images/search-btn.png) 50% 50% no-repeat;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 5px;
}

.view-all a {
	font-size: 12px;
	color: #5d6060;
	font-weight: 300;
	line-height: 14px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 0 0;
	border-bottom: 1px dotted #5d6060;
}

.sidebar-section .listing {
	max-height: 279px;
	overflow: auto;
}

.sidebar-section .listing li {
	display: block;
	padding: 18px 13px;
	border-bottom: 1px solid #f6e7d3;
}

.sidebar-section .listing li:last-child {
	border-bottom: none;
}

.sidebar-section .listing li .icon {
	font-size: 14px;
	width: 30px;
	float: left;
}

.sidebar-section .listing li p {
	font-size: 17px;
	color: #0076d4;
	font-weight: 600;
	line-height: normal;
	overflow: hidden;
	margin: 0;
}

.sidebar-section .listing li p span {
	font-size: 13px;
	color: #9d9992;
	font-weight: 300;
	font-style: italic;
	display: block;
}

.sidebar-section .listing li a {
	color: inherit;
}

.member-listing {
	max-height: 279px;
	overflow: auto;
}

.member-listing li {
	font-size: 15px;
	color: #0076d4;
	font-weight: 400;
	font-style: italic;
	display: block;
	padding: 10px 13px;
	border-bottom: 1px solid #f6e7d3;
}

.member-listing li:last-child {
	border-bottom: none;
}

.member-listing li .user {
	display: inline-block;
	vertical-align: top;
	margin-right: 9px;
	position: relative;
}

.member-listing li .user span {
	display: block;
	width: 8px;
	height: 8px;
	background-color: #39ae00;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.member-listing li .name {
	display: inline-block;
	vertical-align: middle;
}

.member-listing li .mo {
	font-size: 0;
	text-indent: -100000px;
	float: right;
	width: 20px;
	height: 20px;
	margin: 5px 0 0 10px;
	background: url(../images/member-dot.png) 50% 50% no-repeat;
}

/* Group Post Design
----------------------------------*/
.post-top {
	border-bottom: 1px solid #f6e7d3;
	padding-bottom: 12px;
	margin-bottom: 10px;
	position: relative;
}

.post-top h2 {
	font-size: 20px;
	color: #3a3a3a;
	font-weight: 600;
	margin: 0;
}

.post-top h2 span {
	font-size: 13px;
	color: #6b604f;
	font-weight: 300;
	font-style: italic;
}

.owner-name {
	font-size: 13px;
	color: #9d9992;
	font-weight: 300;
	font-style: italic;
}

.owner-name a {
	font-size: 16px;
}

.post-meta-icon {
	font-size: 0;
	letter-spacing: 0;
	line-height: normal;
	position: absolute;
	bottom: 12px;
	right: 0;
}

.post-meta-icon li {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 0 35px;
}

.post-meta-icon li a {
	font-size: 18px;
	line-height: 18px;
	color: #a69d91;
}

.post-meta-icon li a.info {
	color: #22282b;
}

.inherit {
	color: inherit;
}

.inherit i {
	font-size: 14px;
}

.container {
	padding: 20px 30px 30px;
	border: 1px solid #f6e7d3;
	border-top-width: 3px;
	background-color: #fffcf7;
}

.post-page-tab {
	font-size: 0;
	letter-spacing: 0;
	margin-bottom: -4px;
	padding-top: 20px;
}

.post-page-tab li {
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.post-page-tab li a {
	font-size: 14px;
	color: #c1b4a6;
	font-weight: 600;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	text-transform: uppercase;
	display: block;
	width: 153px;
	padding: 3px 1px 1px;
}

.post-page-tab li a.current,
.post-page-tab li a.active {
	color: #ad8f6c;
	border: 1px solid #f6e7d3;
	border-top-width: 3px;
	border-bottom: none;
	background-color: #fffcf7;
	padding: 0;
}

.share-update {
	font-size: 13px;
	color: #6f695f;
	line-height: normal;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.share-update a {
	font-size: 14px;
	color: #9d9992;
	font-weight: 300;
	font-style: italic;
	padding-left: 14px;
	text-transform: none;
}

.post-box {
	border: 1px solid #f6e7d3;
}

.post-box textarea {
	font-size: 14px;
	color: #6b665e;
	font-weight: 400;
	padding: 15px;
	height: 81px;
	margin: 0;
	border: none;
	background: none;
}

.post-box-meta {
	padding: 15px 16px 15px 22px;
	border-top: 1px solid #f6e7d3;
}

.post-box-meta ul {
	font-size: 0;
	letter-spacing: 0;
	line-height: normal;
	margin-top: 5px;
}

.post-box-meta ul li {
	font-size: 14px;
	color: #9d9992;
	font-weight: 300;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-right: 15px;
}

.post-box-meta ul li:after {
	content: ".";
	color: #9d9992;
	display: block;
	font-size: 40px;
	line-height: 0;
	text-align: center;
	width: 15px;
	position: absolute;
	right: 0;
	top: -3px;
}

.post-box-meta ul li:first-child {
	padding: 0 10px 0 0;
}

.post-box-meta ul li:first-child:after,
.post-box-meta ul li:last-child:after {
	display: none;
}

.post-box-meta ul li a {
	font-size: 14px;
	color: #9d9992;
	font-weight: 300;
	font-style: italic;
	line-height: normal;
}

.post-box-meta ul li a.current {
	color: #da0e47;
}

.post-box-meta .button {
	margin: 0 !important;
	height: auto !important;
	line-height: normal;
}

.upload-box {
	border-top: 1px solid #f6e7d3;
	padding: 25px;
	position: relative;
}

.upload-box .close {
	font-size: 0;
	text-indent: -100000px;
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/tag-close.png) 50% 50% no-repeat;
}

.upload-preview {
	width: 84px;
	height: 84px;
	float: left;
	margin-right: 9px;
	position: relative;
}

.upload-preview .video {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: url(../images/play-icon.png) 50% 50% no-repeat rgba(51, 51, 51, .63);
}

.upload-preview.file {
	text-align: center;
	background-color: #004e77;
}

.upload-preview.file i {
	font-size: 37px;
	color: #fffcf7;
	line-height: 84px;
}

.upload-desc {
	overflow: hidden;
}

.upload-desc p.upload-title {
	font-size: 17px;
	color: #6f695f;
	font-weight: 300;
	line-height: normal;
	padding: 0;
	margin: 0 0 5px;
}

.upload-desc p.upload-success {
	font-size: 11px;
	color: #41a6e6;
	font-weight: 300;
	line-height: normal;
	font-style: italic;
	padding: 0;
	margin: 0 0 10px;
}

.upload-desc input[type='text'] {
	font-size: 13px;
	color: #868686;
	font-weight: 300;
	font-style: italic;
	width: 70%;
	height: 31px;
	background: #fff;
	border: 1px solid #f2e1ca;
	padding: 0 8px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
}

.upload-desc .edit-link {
	font-size: 14px;
	color: #dbba8e;
	line-height: 31px;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
}

.post-block {
	border-bottom: 1px solid #f6e7d3;
	margin: 0 -30px;
	padding: 20px 30px 15px;
}

.post-block:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.post-data {
	padding: 0 0 0 63px;
}

.comment-row .user {
	float: left;
}

.comment-row .comment {
	margin-left: 40px;
}

.comment-row .comment .liking {
	color: #6b665e;
	line-height: normal;
	font-weight: 300;
	margin: 0 0 5px;
}

.comment-row .comment textarea {
	font-size: 14px;
	color: #ad8f6c;
	font-weight: 300;
	height: 34px;
	background: none;
	margin: 0;
	border: 1px solid #f6e7d3;
}

.comment-row .comment p {
	font-size: 13px;
	line-height: 20px;
}

.comment-row .comment .post-meta li {
	font-size: 13px;
}

.comment-row .comment p small {
	font-size: 12px;
}

.search-filter-opt1 {
	margin: 0;
}

.search-filter-opt1 .search {
	width: 90%;
}

.search-filter-opt1 .select {
	width: auto;
	float: right;
}

.search-filter-opt1 .select i {
	font-size: 40px;
	color: #bf4c57;
}

.member-filter {
	margin: 0 -30px 15px;
	padding: 0 28px 15px;
	border-bottom: 1px solid #f6e7d3;
}

.to-do-filter.member-filter input {
	width: 228px;
	margin: 0;
}

.to-do-filter.member-filter input.btn {
	width: 25px;
}

.back-link {
	font-size: 13px;
	color: #6b604f;
	font-weight: 300;
	font-style: italic;
	float: right;
}

.back-link.member-link {
	color: #004e77;
	font-style: normal;
	text-transform: uppercase;
	float: left;
}

.back-link.left {
	float: left;
}

.add {
	font-size: 17px;
	color: #22282b;
	line-height: 17px;
}

.document li .icon {
	font-size: 20px !important;
	color: #313638;
}

.member-invitees {
	font-size: 0;
	letter-spacing: 0;
	margin: 0 -30px;
}

.member-invitees li {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 0 0 45px;
}

.member-invitees li div {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.member-invitees li img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3px;
}

.member-invitees li label {
	font-size: 14px;
	color: #0076d4;
	font-style: italic;
	font-weight: 300;
	text-align: left;
}

.member-invitees li label input {
	margin-right: 7px;
}

.add-personal-mssg {
	position: relative;
}

.add-personal-mssg textarea {
	font-size: 14px;
	color: #868686;
	font-style: italic;
	font-weight: 300;
	border-color: #f6e7d3;
	background-color: #fffdfa;
	height: 101px;
	margin: 0;
}

.add-personal-mssg i {
	font-size: 21px;
	color: #868686;
	position: absolute;
	top: 12px;
	right: 12px;
}

.rag {
	font-size: 11px;
	color: #9d9992;
	line-height: 12px;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 0;
}

.rag span {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin-left: 3px;
}

.rag span.amber {
	background-color: #ffbf00;
}

.rag span.red {
	background-color: #ff3304;
}

.rag span.green {
	background-color: #57ff04;
}

.member-invited {
	font-size: 0;
	letter-spacing: 0;
	margin: 0 -30px -31px;
}

.member-invited li {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 23px 27px;
	margin: 0;
	border-bottom: 1px solid #f6e7d3;
	border-right: 1px solid #faf0e2;
	position: relative;
}

.member-invited li:nth-child(2n+2) {
	border-right: none;
}

.member-cross {
	font-size: 0;
	text-indent: -100000px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 15px;
	right: 15px;
	background: url(../images/member-cross.png) 50% 50% no-repeat;
}

.member-invited li .options {
	margin: 5px 0 0 41px;
}

.member-invited li .options li {
	font-size: 13px;
	color: #6f695f;
	line-height: normal;
	font-style: italic;
	font-weight: 300;
	border: none;
	width: auto;
	padding: 0;
	margin-right: 28px;
}

.member-invited li .options li i {
	font-size: 13px;
	color: #ffb3c8;
	margin-right: 4px;
}

.member-invited li .options li:last-child {
	margin-right: 0;
}

.member-invited li .options li.selected {
	color: #6f695f;
}

.member-invited li .options li.selected i {
	color: #dd013f;
}

.document-listing {
	font-size: 0;
	letter-spacing: 0;
	margin: 0 -30px;
	padding: 30px 0 0;
}

.document-listing li {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 25%;
	margin: 0 0 55px;
}

.document-listing li .inner-wrap {
	width: 120px;
	display: inline-block;
	vertical-align: top;
}

.document-listing li .inner-wrap .folder {
	font-size: 17px;
	color: #a69d91;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
	width: 100%;
	height: 50px;
	margin-bottom: 20px;
	position: relative;
}

.document-listing li .inner-wrap .folder:after {
	font-family: 'FontAwesome';
	content: "\f114";
	font-size: 60px;
	color: #a69d91;
	font-weight: 100;
	text-align: center;
	display: block;
	position: absolute;
	height: 50px;
	left: 0;
	right: 0;
	top: 0;
}

.document-listing li .inner-wrap .file:after {
	content: "\f016";
	font-size: 50px;
}

.document-listing li .inner-wrap p {
	font-size: 14px;
	color: #6f695f;
	font-weight: 300;
	text-align: center;
	margin: 0;
}

.document-listing li a {
	color: inherit;
}

.document-listing li:hover *,
.document-listing li:hover .inner-wrap .folder:after {
	color: #117fd6 !important;
}

/* Project Page 
----------------------------------*/
.post-page-tab.project-page-tab li a {
	width: 122px;
}

.post-page-tab.project-page-tab li:nth-child(6) {
	float: right;
}

.post-page-tab li a.click,
.post-page-tab.project-page-tab li a.click {
	width: 52px;
	float: right;
}

.post-page-tab li ul {
	width: 149px;
	background-color: #fffcf7;
	border: 1px solid #f6e7d3;
	border-top: none;
	position: absolute;
	right: 0;
	top: 53px;
	z-index: 99;
	display: none;
}

.post-page-tab li ul li {
	display: block;
	float: none !important;
}

.post-page-tab li ul li a {
	width: auto;
	line-height: 40px;
	text-align: left;
	padding: 0 20px;
}

.post-page-tab li ul li a:hover {
	color: #ad8f6c;
}

.project-filter {
	border-bottom: 1px solid #f6e7d3;
	margin: 0 -30px 15px;
	padding: 0 28px 15px;
}

.project-form-inp {
	float: right;
}

.project-form-inp input {
	width: 107px;
	margin: 0 3px 0 0;
}

.project-form-inp input.key {
	width: 128px;
}

.project-form-inp input.btn {
	width: 25px;
	margin: 0 0 0 -3px;
}

.project-form-inp .add {
	margin: 4px 0 0 8px;
	display: inline-block;
	vertical-align: top;
}

.project-form-inp .inline-check {
	font-size: 13px;
	color: #585247;
	line-height: 24px;
	margin-right: 10px;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

.project-form-inp .inline-check input {
	width: auto;
	margin: 0 6px 0 0;
	padding: 0;
	border: none;
}

.project-status {
	font-size: 13px;
	color: #9d9992;
	font-style: italic;
	font-weight: 300;
	float: left;
	position: relative;
}

.project-status .current {
	color: #6f695f;
	padding: 0 16px 0 7px;
	background: url(../images/status-arrw.png) 100% 50% no-repeat;
}

.project-status .current span {
	display: inline-block;
	height: 10px;
	margin-right: 3px;
	vertical-align: middle;
	width: 10px;
}

.project-status .current i {
	font-style: normal;
}

.project-status ul {
	background-color: #fffcf7;
	border: 1px solid #f6e7d3;
	padding: 10px 15px;
	position: absolute;
	left: 0;
	top: 25px;
	width: 116px;
	display: none;
}

.project-status ul li {
	display: block;
}

.project-status ul li a {
	font-size: 13px;
	color: #6f695f;
	font-style: normal;
	line-height: 25px;
	font-weight: 300;
	display: block;
}

.project-status ul li span {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
}

.project-status ul li a i {
	margin-right: 5px;
}

.task-row {
	border-bottom: 1px solid #f6e7d3;
	margin: 0 -30px;
	padding: 20px 28px;
}

.task-row:last-child {
	border-bottom: none;
	margin-bottom: -30px;
}

.task-row:after {
	clear: both;
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
}

.task-row .icon {
	width: 3%;
	float: left;
}

.task-row .text {
	float: left;
	width: 80%;
}

.task-row .action-links {
	font-size: 0;
	letter-spacing: 0;
	float: right;
	padding: 20px 0 0;
	text-align: right;
}

.task-row .action-links a {
	font-size: 16px;
	color: #e1cbae;
	margin: 0 0 0 30px;
}

.task-row .text p {
	font-weight: 300;
	line-height: normal;
	margin: 0;
}

.task-row .text p.meta {
	font-size: 13px;
	color: #9d9992;
	font-style: italic;
}

.task-row .text p.meta span {
	color: #6b665e;
}

.task-row .text p.meta .bull {
	font-size: 5px;
	line-height: 5px;
	color: #9d9992;
	text-align: center;
	width: 27px;
	display: inline-block;
	vertical-align: middle;
}

.task-row .text p .rag {
	width: 11px;
	height: 11px;
	font-size: 0;
	display: inline-block;
	vertical-align: middle;
	text-indent: -10000px;
	margin-left: 3px;
	background-color: #d2da00;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* pagination */
.pagination {
	padding: 17px 0;
}

.results-text {
	font-size: 13px;
	color: #6b665e;
	font-weight: 300;
	line-height: 32px;
	float: left;
}

.results-text select {
	font-size: 13px;
	color: #6b665e;
	font-weight: 300;
	text-indent: 4px;
	width: 43px;
	height: 30px;
	background: url(../images/select-arrw.png) 80% 50% no-repeat;
	padding: 4px 0;
	margin-left: 5px;
	border: 1px solid #f6e7d3;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.pagination ul {
	font-size: 0;
	letter-spacing: 0;
	float: right;
}

.pagination ul li {
	font-size: 14px;
	color: #2383b6;
	font-weight: 300;
	line-height: 19px;
	display: inline-block;
	vertical-align: top;
}

.pagination ul li a {
	color: inherit;
	display: block;
	line-height: 19px;
}

.pagination ul li a.numb {
	width: 21px;
	height: 21px;
	text-align: center;
}

.pagination ul li a.numb.selected {
	background-color: #f9eddf;
	border: 1px solid #f4dec1;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.pagination ul li a.hellip {
	width: 21px;
	height: 21px;
	text-align: center;
	line-height: normal;
}

/* Table Listing */
.table-listing {
	margin: 0 -30px -30px;
}

.table-listing table {
	font-size: 13px;
	color: #9c9790;
	font-weight: 300;
	line-height: normal;
	width: 100%;
	min-width: 700px;
}

.table-listing table th {
	font-weight: 600;
	color: #474747;
	vertical-align: middle;
	height: 44px;
	border-bottom: 1px solid #f6e7d3;
}

.table-listing table td {
	padding: 15px 0;
	vertical-align: middle;
}

.table-listing table tr:hover td {
	color: #1b78c1;
}

.table-listing table th:first-child,
.table-listing table td:first-child {
	padding-left: 28px;
}

.table-listing table th:last-child,
.table-listing table td:last-child {
	padding-right: 28px;
}

/* Project To do filter */
.project-todo-filter {
	margin: 0 -30px 15px;
	padding: 0 28px 15px;
	border-bottom: 1px solid #f6e7d3;
}

.project-todo-filter input {
	width: 25%;
	margin-right: 0 !important;
}

.project-todo-filter input.btn {
	width: 25px !important;
}

.small-inputs {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
}

.project-todo-filter .small-inputs input {
	width: 30%;
	margin-right: 3px !important;
}

.to-do-block.to-do-block2 {
	margin-bottom: 40px;
}

.to-do-block.to-do-block2:last-child {
	margin-bottom: 0;
}

.to-do-block.to-do-block2,
.to-do-block.to-do-block2 li {
	display: block;
	width: 100%;
}

.to-do-block.to-do-block2 li {
	margin-bottom: 15px;
}

.to-do-block.to-do-block2 li:last-child {
	margin-bottom: 0;
}

.to-do-block.to-do-block2 li:nth-child(1) {
	font-size: 15px;
	color: #22282b;
	font-weight: bold;
}

.to-do-block.to-do-block2 li:nth-child(1) p {
	font-size: 13px;
	color: #9d9992;
	font-weight: 300;
	font-style: italic;
	line-height: normal;
	padding: 0;
	margin: 0;
}

.to-do-block.to-do-block2 li:nth-child(1) p a {
	font-size: 15px;
	font-weight: 400;
	color: #0076d4;
	text-decoration: none;
}

.report-graph {
	padding: 60px 30px 0;
	margin: 0 -30px;
	border-top: 1px solid #f6e7d3;
}

.report-graph .graph-container {
	width: 49%;
	display: inline-block;
	vertical-align: top;
	padding-right: 15px;
}

.report-graph .graph-container:last-child {
	padding-right: 0;
	padding-left: 15px;
}

/* Media Classes */
.desk-none {
	display: none !important;
}

.menu-bar {
	display: none;
}