/*  
	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: #2c2417;
    font-weight: 300;
    background: [body_bg];
    overflow-x: hidden !important;
    position: relative;
    -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: [anchor];
    outline: none;
    text-decoration: none;
}
a:hover {
    color: [anchor_hover];
}
img,
fieldset {
    border: 0;
}
p {
    font-size: 14px;
    line-height: 22px;
    padding: 0;
    margin: 0 0 10px;
}
img {
    max-width: 100%;
}
strong {
    font-weight: bold;
}
iframe,
object {
    width: 100%;
    height: 100%;
}

/* default body wrap 
----------------------------------*/

.default_body_wrap {
    height: auto !important;
    min-height: 100%;
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}
.wrapper {
    max-width: 1200px;
    margin: 0 auto;
}
/* Common Dropdown */
.more_box {
    display: none;
    text-align: left;
    min-width: 100px;
    position: absolute;
    right: 0;
    top: 43px;
    z-index: 9;
}
.dropdown {
    width: auto;
    list-style: none;
    border: 1px solid [main_bordcolor];
    background-color: #fff;
    padding: 0 17px;
    margin: 0;
}
.dropdown li {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    border: none !important;
}
.dropdown> li:first-of-type {
	padding-top: 7px !important;
}
.dropdown> li:last-of-type {
	padding-bottom: 7px !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: 22px !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: 99%;
    left: 80%;
    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;
}
/* Bulletin Page
----------------------------------*/
.bulletin-left {
    width: 20%;
    float: left;
}
body.scroll .bulletin-left {
    position: fixed;
    width: 246px;
}
.bulletin-right {
    width: 78%;
    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: [main_bordcolor];
}
.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: 400;
    font-style: italic;
    line-height: normal;
}
.bulletin-left .list li a i {
    font-size: 8px;
    color: #4e483f;
    font-style: normal;
    margin-right: 9px;
    display: inline-block;
    vertical-align: middle;
}
.bulletin-left .list li a.selected {
    font-weight: 700;
}
.bulletin-left .list li a.selected,
.bulletin-left .list li a.selected i {
    color: #004e77;
}
.bulletin-left .list li a:hover,
.bulletin-left .list li a:hover i {
    color: #004e77;
}
.bulletin-post {
    border-bottom: 1px solid [main_bordcolor];
    padding-bottom: 7px;
    margin-bottom: 15px;
}
.bulletin-post:last-child {
    border-bottom: none;
}
.category-show {
    font-size: 13px;
    color: #6b6150;
    line-height: normal;
    font-weight: 300;
}
.category-show span {
    color: #372912;
}
.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: #0c171d;
    line-height: normal;
    font-weight: 600;
    margin-top: -5px;
}
.bulletin-post h3 a {
    color: inherit;
}


/* Details Page
--------------------------------------*/

.col1 {
    width: 78%;
    float: left;
}

.col2 {
    width: 20%;
    float: right;
}

h3.post-headings {
    font-size: 16px;
    color: #161a1c;
    font-weight: 600;
}

h3.post-headings small {
    font-size: 12px;
    font-weight: 300;
}



/* Footer
----------------------------------*/

.footer {
    height: 44px;
    border-top: 1px solid [main_bordcolor];
    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 25px;
    border: 1px solid [main_bordcolor];
    background-color: #fef9f3;
    width: 600px;
    min-width: 425px;
    z-index: 999;
}


/* IE9 hack */

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    .popup_wrap {}
}

.popup_wrap.page_width {
    min-width: 750px;
    max-width: 750px;
}
.popup_wrap.page_width_task {
    min-width: 900px;
    max-width: 900px;
}

.popup_wrap.page_office_iframe {
    min-width: 1100px;
    max-width: 1100px;
    padding: 0;
}

.popup_inner {
    font-size: 14px;
    color: #727272;
}

.popup_wrap h3 {
    font-size: 21px;
    font-weight: 400;
    color: #004e77;
    line-height: normal;
    padding: 10px 25px;
    margin: -30px -25px 15px;
    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: 30px;
    height: 30px;
    position: absolute;
    right: -30px;
    top: 0;
    padding: 0;
    border: none;
    background: #000 url([popup_close_png]) 50% 50% no-repeat;
}


/*.page_office_iframe .popup_footer .btn1[type="button"] {
	top: 5px;
	right: 2px;
	background-size: 8px auto;
	width: 10px;
	height: 10px;
}*/


/* Group Page 
----------------------------------*/

.group-meta {
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 10px;
    overflow: hidden;
}

.group-meta .group-inner-meta {
    margin-left: 66px;
}


/*.group-meta h2 {
	display:inline-block;
	vertical-align:middle;
}*/

.group-meta img {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    float: left;
}



/* Sidebar Design
----------------------------------*/

.discussion-numbers {
    font-size: 0;
    letter-spacing: 0;
    margin: 0;
}

.discussion-numbers li {
    font-size: 12px;
    color: #362d20;
    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 div a {
    color: inherit;
}

.discussion-numbers li:nth-child(2) div {
    background-color: #e0757f;
}

.discussion-numbers li:nth-child(3) div {
    background-color: #84d1e2;
}

.member-listing {
    max-height: 279px;
    overflow: auto;
}

.member-listing li {
    font-size: 15px;
    color: #0076d4;
    font-weight: 400;
    font-style: italic;
    display: block;
    padding: 11px 16px;
    border-bottom: 1px solid [main_bordcolor];
}

.member-listing li:last-child {
    border-bottom: none;
}

.member-listing li .user {
    display: inline-block;
    vertical-align: top;
    margin-right: 2px;
    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([member_dot_png]) 50% 50% no-repeat;
}


/* Group Post Design
----------------------------------*/

.document li .icon {
    font-size: 20px !important;
    color: #313638;
}

/* Project Page 
----------------------------------*/

.post-page-tab li a.click,
.post-page-tab li a.click {
    width: 52px;
    float: right;
    padding: 0;
}

.post-page-tab li a.click.active {
    position: relative;
    z-index: 9;
}

.post-page-tab li ul {
    width: 149px;
    background-color: #fffcf7;
    border: 1px solid [main_bordcolor];
    position: absolute;
    right: 0;
    top: 42px;
    z-index: 8;
    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;
}

span.color {
    display: inline-block;
    vertical-align: middle;
    width: 9px;
    height: 9px;
    font-size: 0;
    text-indent: -100000px;
    margin: -2px 0 0 2px;
    /*-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 */
}

span.color.amber {
    background: #ffbf00 !important;
}

span.color.green {
    background: #62db38 !important;
}

span.color.red {
    background: #ff0000 !important;
}

span.color.blue {
    background: #0615f8 !important;
}

label.checkbox.amber {
    color: #ffbf00;
    font-weight: bold;
}

label.checkbox.green {
    color: #62db38;
    font-weight: bold;
}

label.checkbox.red {
    color: #ff0000;
    font-weight: bold;
}

label.checkbox.blue {
    color: #0615f8;
    font-weight: bold;
}


/* 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([select_filter_arrow_png]) 80% 50% no-repeat;
    padding: 4px 0;
    margin-left: 5px;
    border: 1px solid [main_bordcolor];
    -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;
}

/* Media Classes */

.desk-none {
    display: none !important;
}
.menu-bar {
    display: none;
}
.loader-bulletin {
    background: url(../images/default/squares.gif) 50% 50% no-repeat;
    height: 364px !important;
}
.asterix {
    color: red;
}
.progress {
    position: relative;
    width: 400px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
}
.bar {
    background-color: #B4F5B4;
    width: 0%;
    height: 20px;
    border-radius: 3px;
}
.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

/* popur Slide */

.popup_wrap.popup_wrap_width.slide_popup {
    height: auto;
    overflow: hidden;
}

.popup_wrap.popup_wrap_width.slide_popup .comment-row.comment_area {
    bottom: 20px;
}

.popup_wrap.popup_wrap_width.slide_popup .file_slide_wrap {
    width: 100%;
    max-width: inherit;
}

.popup_wrap.popup_wrap_width.slide_popup .file_slide_wrap img {
    width: 100%;
}

.popup_wrap.popup_wrap_width.slide_popup .file_slide_wrap img.file_loader {
    width: auto;
    height: auto;
}

.popup_wrap.popup_wrap_width.slide_popup .pic_desc {
    bottom: 37px;
}


/* Photo Display */

.image_display {
    /*overflow:hidden;*/
    margin-bottom: 10px;
}

.image_display:before,
.image_display:after {
    content: "";
    display: table;
    clear: left;
}

ul.image_post_row {
    width: 100%;
    margin-bottom: -25px;
}

ul.image_post_row li.photo_display {
    width: 32.33%;
    margin: 0 10px 10px 0;
    float: left;
    position: relative;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
    position: relative;
}

ul.image_post_row li.photo_display .photo_meta {
    padding: 0 10px;
}

ul.image_post_row li.photo_display .photo_meta p {
    margin-bottom: 5px;
}

ul.image_post_row li.photo_display .box {
    margin-bottom: 0;
}

ul.image_post_row li.photo_display .box .postAttachement {
    height: 180px;
    overflow: hidden;
}

ul.image_post_row li.photo_display .box .postAttachement a {
    height: 100%;
}

ul.image_post_row li.photo_display img {
    width: 100%;
}

ul.image_post_row li.photo_display.last {
    margin-right: 0;
}

ul.image_post_row li.photo_display .post_meta ul {
    margin: 0 0 10px;
}

ul.image_post_row li.photo_display .post_meta ul li {
    padding: 0 5px 5px;
}

.photo_meta {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background-color: rgba(255, 255, 255, 0.9);
    /* For IE 5.5 - 7*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
    /*	position:absolute;
	bottom:0;
	left:0;
	right:2px;
	margin:2px 0 2px 2px;*/
    padding: 10px;
}

.photo_meta p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}

.meta_user {
    margin: 0;
    background-color: #f6f5f5;
    padding: 10px 10px 5px;
    min-height: 36px;
}

.meta_user .comment {
    padding: 0;
}

.meta_user .comment p {
    font-size: 11px;
    position: relative;
    top: -3px;
    margin: 0;
    white-space: inherit;
}

.meta_user .comment p a {
    color: #727272;
}

#facebox div.content {
    position: relative;
}

.photo_meta .post_date {
    float: none;
}


/* Album Display */

.album_display {
    margin-bottom: 10px;
    overflow: hidden;
}

ul.album_post_row {
    margin-bottom: -25px;
    padding-top: 10px;
    width: 100%;
}

ul.album_post_row li.album_photo_display {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    width: auto;
    border: 1px solid #efefef;
    padding: 5px;
}

ul.album_post_row li.album_photo_display.last {
    margin-right: 0;
}

ul.album_post_row li.album_photo_display .album_meta {
    font-size: 11px;
    line-height: normal;
    padding-top: 5px;
}


/* Pictures Popup */

.popup_wrap.popup_wrap_width {
    min-width: 1100px;
    max-width: 1100px;
    height: 550px;
    padding: 20px 0 20px 20px;
}

html.ie8 .popup_wrap.popup_wrap_width {
    width: 1100px;
}

.upPic {
    float: left;
    height: 100%;
    width: 65%;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.img_container {
    height: 100%;
    text-align: center;
    /* align the inline(-block) elements horizontally */
    font: 0/0 a;
    /* remove the gap between inline(-block) elements */
    background: #000;
}

.img_container:before {
    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    height: 100%;
}

.img_container img {
    display: inline-block;
    vertical-align: middle;
    /* vertical alignment of the inline element */
    width: auto;
    max-height: 100%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .img_container img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }	
}

.pic_desc {
    opacity: 0.8;
    width: 100%;
    /* height:0; */
    padding: 10px;
    color: #fff;
    position: absolute;
    bottom: -1px;
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.9);
    /* For IE 5.5 - 7*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pic_desc p {
    margin: 0;
    font-size: 12px;
    line-height: normal;
    text-align: left;
}

.pic_desc .info_desc {
    width: 8px;
    height: 16px;
    display: block;
    position: absolute;
    right: 6px;
    top: -11px;
    background: url(../images/default/pic_desc_icon.png) 0 0 no-repeat;
}

.picFeed {
    overflow: hidden;
    padding: 0px 15px;
    height: 100%;
}


/* Popup Picture Pagination */

.pagin {
    padding: 0 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    left: 0;
    right: 0;
    font-size: 0;
    letter-spacing: 0;
    z-index: 999;
}

.pagin li {
    float: right;
}

.pagin li.prev {
    float: left;
}

.pagin li a.next {
    width: 27px;
    height: 28px;
    display: block;
    background: url(../images/default/photo_pagination.png) 0 0 no-repeat;
}

.pagin li a.next:hover {
    background-position: 0 -56px;
}

.pagin li a.prev {
    width: 27px;
    height: 28px;
    display: block;
    background: url(../images/default/photo_pagination.png) 0 -28px no-repeat;
}

.pagin li a.prev:hover {
    background-position: 0 -84px;
}

.contacts li.name {
    float: none;
    overflow: hidden;
}

.picFeed h6 {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 17px;
}

.row.prow {
    overflow: hidden;
    margin-bottom: 10px;
}

.row.prow .user_right {
    border: none;
    min-height: inherit;
    padding: 0;
    background: none;
}

.row.prow .user_right:after {
    content: "";
    background: none !important;
}

.pmeta {
    margin-bottom: 10px;
}

.like_stats {
    position: relative;
}

.like_stats.like_stats_all {
    position: absolute;
}

.like_tip {
    display: none;
    min-width: 105px;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 12px;
    position: absolute;
    bottom: 25px;
    left: -18%;
    /* RGBa with 0.9 opacity */
    background-color: rgba(0, 0, 0, 0.9);
    /* For IE 5.5 - 7*/
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    box-shadow: 1px 0 3px rgba(0, 0, 0, 0.25);
    zoom: 1;
    white-space: pre;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.like_tip:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 4px;
    margin-left: -4px;
}

.like_stats:hover .like_tip {
    display: block;
}


/*html.ie9 .popup_footer .btn1[type="button"] {
top:0px;
}*/

.facebox div.content {
    position: relative;
}

#facebox div.content {
    position: relative;
}

.scrollarea {
    /*height:339px;*/
    position: relative;
    max-height: 350px;
    overflow: auto;
    margin-right: -15px;
    padding-right: 7px;
}

.comment-row.comment_area {
    position: absolute;
    bottom: 0;
    margin: 0 0 0 -15px;
    padding: 15px 15px 5px;
    border-top: 1px solid #efdfcc;
    background-color: #fef9f3;
    width: 346px;
    border-bottom: none;
}

.comment-row.comment_area .button {
    margin-top: 0 !important;
}

.comment-row.comment_area .button {
    margin-top: 0 !important;
}

.comment-row.comment_area p {
    margin: 0;
    line-height: normal;
}

.like_status {
    font-style: italic;
    line-height: normal;
    margin-bottom: 5px;
    text-align: left;
    font-size: 0;
    letter-spacing: 0;
    overflow: hidden;
    margin-top: -30px;
    /*border-top:1px solid [main_bordcolor];
	padding-top:5px;*/
}

.like_status span.flt {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    line-height: normal;
    padding-right: 5px;
    margin-top: 14px;
}

.like_status span.flt.right {
    float: right;
    margin: 0;
}

p.view_comments {
    padding: 0 0 3px;
    margin: 0;
    font-size: 12px;
    font-style: italic;
}

p.view_comments a {
    color: #005d88;
    margin: 0;
}

.comment_meta {
    font-size: 0;
    letter-spacing: 0;
    line-height: 0;
    color: #8c8b8b;
    padding-top: 5px;
}

.comment_meta a {
    font-size: 11px;
    background: url(../images/default/iconSet.png) 4px -255px [no_repeat];
    padding: 0 0 0 12px;
    line-height: normal;
    display: inline-block;
}

.comment_meta a span {
    margin: 0;
}

.comment_meta span a {
    padding: 0;
    background: none;
}

.comment_meta span {
    font-size: 11px;
    line-height: 18px;
    padding: 0;
    margin: 0 0 0 4px;
}

.comment_meta span span {
    padding: 0;
    font-size: 10px;
    margin: 0;
}

.comment_meta p.date_value {
    font-size: 11px;
    color: #8c8b8b;
    padding: 0;
    margin: 0 4px 0 0;
    display: inline-block;
}

.comment_input textarea {
    font-size: 13px;
    line-height: 17px;
    border: 1px dotted #b9b9b9;
    width: 100%;
    height: 32px;
    padding: 5px;
    color: #666;
}


/* attachment */

.comment {
    position: relative;
}

.comment.comment-textarea {
    text-align: right;
    padding-bottom: 20px;
}

.comment.comment-textarea .button {
    margin: 0 !important
}


/*.comment textarea { display: inline-block; width: 100%; }*/

.comment a.upload_anchor {
    background: url(../images/default/camera-icon.png) no-repeat center right;
    position: absolute;
    right: 15px;
    top: 9px;
    width: 16px;
    height: 16px;
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    text-indent: -5000;
}

.comment a.upload_anchor {
    display: none;
}

.comment textarea:hover+a.upload_anchor {
    display: block;
}

.comment textarea+a.upload_anchor:hover {
    display: block;
}

.append_file {
    padding: 5px !important;
    width: 100%;
    background-color: #eeeeee;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.append_file span {
    padding-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.append_file span:last-child {
    float: right;
    cursor: pointer;
    padding-right: 5px;
}

.append_file img {
    margin-right: 10px;
}


/* Opinions */

.surveys {
    padding: 10px 0 0;
}

.poll-options {
    padding-bottom: 20px;
}

.opinion_results {
    margin-bottom: 20px;
    overflow: hidden;
    min-height: 10px;
}

.opinion_results label {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    color: #343434;
    padding: 0;
    position: absolute;
    left: 8px;
    margin: 0;
}

.opinion_results label.ol {
    /*background:url(../images/default/iconSet.png) 100% -328px [no_repeat];*/
    padding-right: 10px;
    float: none;
    position: relative;
    z-index: 2;
}

.opinion_results label.radio input {
    float: left;
    margin: 4px 5px 0 0;
}

.opinion_results p.poll_bar {
    border: 1px solid #cccccc;
    padding: 1px;
    margin: 0;
    width: 85%;
    height: auto;
    min-height: 20px;
    float: left;
    position: relative;
}

.opinion_results p.poll_bar span {
    display: inline-block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.opinion_results p.poll_bar span.yes {
    background: #a6d367;
}

.opinion_results p.poll_bar span.no {
    background: #d1503c;
}

.opinion_results p.poll_bar span.maybe {
    background: #d18a3c;
}

.opinion_results label.radio {
    padding-left: 20px;
    position: static;
}

.opinion_results label.radio input[type='radio'],
.opinion_results label.radio input[type='checkbox'] {
    margin-left: -18px;
}

span.percentage {
    display: block;
    float: left;
    padding: 0 0 0 11px;
    text-align: right;
    color: #636363;
    font-size: 12px;
    line-height: 23px;
}

.surveys input[type='button'] {
    border: none;
    padding: 0;
    margin: 0;
    background: #1e7fe2;
    width: 50px;
    height: 22px;
    color: #fff;
    line-height: 22px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}


/* Preview Link */

.pimg {
    float: left;
    margin-right: 9px;
}

.pcont {
    /*margin-left:100px;*/
    overflow: hidden;
}

.pl {
    padding: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e0;
    border-top: none;
    margin-top: 0;
    margin-bottom: 8px;
}

.pl:before,
.pl:after {
    content: "";
    display: table;
    clear: left;
}

.pcan {
    width: 7px;
    height: 7px;
    font-size: 0;
    text-indent: -100000px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../images/default/iconSet.png) 100% -878px no-repeat;
}

.pt {
    overflow: hidden;
    font-size: 12px;
    line-height: 17px;
    color: #191919;
}

.pt p {
    padding: 0;
    margin: 0;
}

.pt p.ptxt {
    padding: 5px 0;
}

.pnp {
    float: left;
    margin-right: 16px;
}

.pnp a {
    display: block;
    float: left;
    font-size: 0;
    text-indent: -100000px;
    width: 22px;
    height: 23px;
    background: url(../images/default/iconSet.png) 100% -931px no-repeat;
}

.pnp a.nxt {
    background-position: 100% -954px;
    width: 20px;
}

.pnp.pnpdis a {
    background-position: 100% -885px;
}

.pnp.pnpdis a.nxt {
    background-position: 100% -908px;
}

.pnp span {
    font-size: 11px;
    color: #717171;
    line-height: 23px;
    padding-left: 7px;
    padding-right: 17px;
    border-right: 1px dotted #1c1c1c;
}

.pnp span span {
    color: #1c1c1c;
    padding: 0;
    border: none;
}

.pc {
    font-size: 11px;
    color: #1c1c1c;
    padding-top: 2px;
}

.pc input[type="checkbox"] {
    float: left;
    margin: 2px 4px 0 0;
    background: none;
    border: none;
}

table.file {
    /*clear:both;*/
    margin: 5px 0 10px !important;
    border: none;
    text-align: left;
}

table.file tr.hover:hover td,
table.file tr.active td {
    background-color: /*#fffad4;*/
    #fff;
    color: #000;
}

table.file th,
table.file td {
    height: 28px;
    padding: 0 0 0 10px;
    font-size: 11px;
    line-height: 28px;
}

table.file th {
    text-transform: uppercase;
    border: 1px solid #efdfcc;
    color: #000;
    text-align: left;
}

table.file td {
    border: 1px solid #efdfcc;
}

table.file td {
    background-color: inherit;
    color: #000;
}

table.file td a.txtfile,
table.file td a.nofile,
table.file td a.docfile,
table.file td a.docxfile,
table.file td a.pdffile,
table.file td a.xlsfile,
table.file td a.xlsxfile,
table.file td a.jpgfile,
table.file td a.giffile,
table.file td a.pngfile,
table.file td a.jpegfile {
    height: 16px;
    display: block;
    width: 26px;
    margin: auto;
    background: no-repeat 0 0;
}

table.file td a.txtfile {
    background-image: url(../images/default/file-ico.gif);
}

table.file td a.nofile {
    background-image: url(../images/default/unknown-ico.png);
}

table.file td a.docfile,
table.file td a.docxfile {
    background-image: url(../images/default/word-ico.gif);
}

table.file td a.pdffile {
    background-image: url(../images/default/pdf-ico.gif);
}

table.file td a.xlsfile,
table.file td a.xlsxfile {
    background-image: url(../images/default/excel-ico.gif);
}

table.file td a.jpgfile,
table.file td a.jpegfile,
table.file td a.pngfile,
table.file td a.giffile {
    background-image: url(../images/default/jpeg-ico.gif);
}

table.file th a.acending,
table.file th a.decending,
table.file td a.dwnLink,
table.file td a.privacy,
table.file td a.edit {
    height: 0;
    display: inline-block;
    width: 7px;
    overflow: hidden;
    padding-top: 6px;
    background: url(../images/default/short.gif) no-repeat 0 0;
}

table.file th a.acending {
    background-position: 0 -6px;
}

table.file td a.dwnLink,
table.file td a.edit,
table.file td a.privacy,
table.file td a.close {
    display: inline-block;
    padding-top: 11px;
}

table.file td a.dwnLink {
    width: 12px;
}

table.file td a.edit {
    width: 15px;
}

table.file td a.privacy {
    width: 15px;
}

table.file td a.edit {
    background-image: url(../images/default/edit-list.gif);
}

table.file td a.dwnLink {
    background-image: url(../images/default/download-link.gif);
}

table.file td a.privacy {
    background-image: url(../images/default/privacy.gif);
}

table.file td a.dwnLink:hover,
table.file td a.privacy:hover,
table.file td a.edit:hover {
    background-position: 0 100%;
}

table.file td p {
    line-height: 16px;
    padding: 5px 0;
}

table.file td div {
    position: relative
}

table.file td ul {
    margin: auto;
    text-align: center;
    margin-left: -10px;
}

table.file td ul li {
    display: inline-block;
    padding: 0 2px;
}


/* .act li{
	font-size:11px;
	float:left;
	padding:0 5px 0 7px;
	background:url(../images/dot.gif) no-repeat 0 50%;
}
.act li.noBg{background:none; padding-left:0px;}
*/

table.file td input,
table.file td textarea {
    width: 738px;
    height: 16px;
    padding: 4px;
    background: #fff;
    font: 12px/18px inherit;
    border: 1px solid #efdfcc;
    margin-top: 5px;
}

table.file td textarea {
    height: auto;
    overflow: auto;
}

.challengeDetailBox2 {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.challengeDetailBox2 h4 {
    font-size: 22px;
    line-height: normal;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px;
}

.challengeDetailBox2 .idea_user_meta p {
    font-size: 14px;
}

.challengeDetailBox2 .idea_user_meta p a,
.challengeDetailBox2 .idea_user_meta p span {
    font-weight: 400;
    font-style: normal;
}

.comment_row2 .mar_40,
.reply-topic-list .mar_40 {
    margin: 0;
    overflow: hidden;
    padding-left: 15px;
}

.comment_row2 .comment_input {
    padding: 10px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.comment_row2 .comment_input p {
    margin: 0;
}

.more-paging {
    padding: 0 0 12px;
    text-align: right;
}

.executive_summary {
    /*	border-bottom:1px solid #e5e5e5;
	margin-bottom:15px;*/
}

.executive_summary #executive_summary {
    margin-bottom: 15px;
}

.fl_cap {
    text-transform: capitalize;
}

.ui-jqchart-tooltip {
    font-size: 12px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc !important;
    box-shadow: 2px 2px 5px #818181;
    z-index: 999;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.chart_div {
    margin-bottom: 20px;
}

.idea_user_meta ul.daction {
    float: none;
    margin: 0;
    padding: 5px;
    border: 1px solid #959595;
    background: #f7f7f7;
    position: absolute;
    z-index: 99;
    display: none;
}

.idea_user_meta ul.daction li {
    padding: 0;
    margin: 0;
    display: block;
}

.idea_user_meta ul.daction li a {
    font-size: 11px;
    line-height: 20px;
    display: block;
    border: none;
    padding: 0 4px;
    margin: 0;
}

.details_divider {
    padding: 0 0 8px;
    margin: 0 0 15px;
    border-bottom: 1px dotted #7c7c7c;
}

.details_divider .post_meta {
    padding: 0;
}

.details_divider .post_meta ul li {
    padding-right: 0;
}


/* Sub links */

.sub_links {
    padding: 0;
    margin: 0;
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
}

.sub_links li {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.sub_links li a {
    font-size: 13px;
    line-height: 14px;
    font-weight: 400;
    display: block;
    text-decoration: none;
    padding: 0 20px;
    border-right: 1px solid #c4c4c4;
}

.sub_links li:last-child a {
    border-right: none;
}

.sub_links li:first-child a {
    padding-left: 0;
    border-left: none;
}

.sub_links li li:first-child a {
    padding-left: 20px;
    border-left: none
}

.sub_links li li:last-child a {
    border-right: none;
}

.sub_links li a:hover {
    color: #000;
}

.sub_links a.active {
    color: #000;
    font-weight: 600;
}

.sub_links li.moreTab {
    margin-right: 0;
}

.sub_links li.moreTab ul {
    margin: 0;
}

.sub_links li.tabMobile {
    display: none;
}

.sub_links.tasktab {
    margin-bottom: 15px;
}

.listing-box .user-friend-list li {
    margin-bottom: 0;
}


/* Everyone Page */

.person {
    float: left;
    margin: 0 62px 15px 0;
    padding-bottom: 10px;
    text-align: center;
    width: 140px;
    word-wrap: break-word;
    position: relative;
}

.person img {
    width: 140px;
    height: 140px;
}

.person-overlay {
    width: 140px;
    height: 140px;
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/default/add-people.png) no-repeat 50% 50% rgba(0, 0, 0, .5);
    display: none;
}

.person:hover .person-overlay {
    display: block;
}

.person h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin: 10px 0;
}


/* Sign Up
----------------------------------*/

.signup_form_wrap {
    max-width: 460px;
    margin: 50px auto 0;
}

.signin-card {
    background: #f8f8f8;
    border: 1px solid #dcdcdc;
    border-bottom-width: 3px;
    padding: 24px;
}

input.sbtn {
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    border: none;
    background: #005d88;
    margin: 0 0 15px;
}

/* Col 2
-------------------------------------*/

.mobile_slide_icon {
    display: none;
}

/* Project Page design change 01-05-16 */

h1.heading.blockwrapToggle {
    margin-bottom: 10px;
}

h1.heading.blockwrapToggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    font-size: 14px;
    color: #6f6f6f;
    float: right;
    cursor: pointer;
}

h1.heading.blockwrapToggle.active:after {
    content: "\f077";
}

h1.heading.blockwrapToggle.active {
    margin-bottom: 0;
}

.blockWrapDiv {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.blockWrapDiv.open {
    height: auto;
    opacity: 1;
    overflow: visible;
}

/* Event Slideshow 08/01/14 */
.file_slide_wrap .img_cont {
    padding: 0;
    padding-bottom: 0;
    border: 9px solid #e1e0dd;
    background-color: #fff;
    min-height: 264px;
    position: relative;
}

.file_slide_wrap .img_cont img {
    display: block;
    /*border:1px solid [black]725;
	padding:9px 9px 0;
	background:#e1e0dd;*/
}

.file_slide_wrap .img_cont img.file_loader {
    border: none;
    background: none;
    height: 50px;
    left: 50%;
    margin-left: -115px;
    margin-top: -25px;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 230px;
}

.file_slide_wrap .tools_wrap {
    height: 37px;
    position: relative;
    background: #ebebeb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ebebeb 0%, #b2b2b2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebebeb), color-stop(100%, #b2b2b2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebebeb 0%, #b2b2b2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebebeb 0%, #b2b2b2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebebeb 0%, #b2b2b2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ebebeb 0%, #b2b2b2 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#b2b2b2', GradientType=0);
    /* IE6-9 */
}

.file_slide_wrap .tools_wrap a {
    font-size: 0;
    text-indent: -100000px;
    display: block;
    float: left;
}

.file_slide_wrap .tools_wrap .next_prev_wrap {
    margin: 0 auto;
    padding-top: 5px;
    width: 90px;
}

.file_slide_wrap .tools_wrap .next_prev_wrap a.first_slide {
    width: 9px;
    height: 10px;
    margin: 8px 8px 0 0;
    background: url([file_slider_tool_icon]) 0 -54px [no_repeat];
}

.file_slide_wrap .tools_wrap .next_prev_wrap a.last_slide {
    width: 9px;
    height: 10px;
    margin: 8px 0 0 8px;
    background: url([file_slider_tool_icon]) -9px -54px [no_repeat];
}

.file_slide_wrap .tools_wrap .next_prev_wrap a.prev_slide {
    width: 26px;
    height: 27px;
    background: url([file_slider_tool_icon]) [bg_postion_normal] [no_repeat];
}

.file_slide_wrap .tools_wrap .next_prev_wrap a.next_slide {
    width: 26px;
    height: 27px;
    margin-left: 4px;
    background: url([file_slider_tool_icon]) 0 -27px [no_repeat];
}

.file_slide_wrap .tools_wrap .other_options {
    margin: 0 9px 0 0;
    padding-top: 7px;
    float: right;
}

.file_slide_wrap .tools_wrap .other_options input {
    display: block;
    float: left;
    width: 25px;
    height: 14px;
    border: 1px solid #efdfcc;
    background: #e7e7e7;
    font-size: 11px;
    text-align: right;
    padding: 0;
    margin: 0;
}

.file_slide_wrap .tools_wrap .other_options .jump_numb {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 15px;
    color: [black];
    padding: 0 0 0 3px;
}

.file_slide_wrap .tools_wrap .other_options a.full_screen {
    width: 15px;
    height: 16px;
    float: right;
    margin-left: 11px;
    background: url([file_slider_tool_icon]) 0 -64px [no_repeat];
}

.file_slide_wrap .tools_wrap .other_options .dwnLink {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    text-indent: -10000px;
    margin: 2px 0 0 4px;
    background: url(../images/default/download-link.gif) 0 0 [no_repeat];
}

.file_slide_wrap .tools_wrap .other_options .dwnLink:hover {
    background-position: 0 100%;
}

.user-profile {
    text-align: center;
}

.user-profile img {
    width: 80px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
}

.user-profile h4 {
    margin: 0;
}


/* Profile Wrap */

.profile-wrap {
    text-align: center;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 14px;
}

.profile-width {
    float: left;
    width: 45%;
}

.profile-box {
    background-color: #fff;
    border: 1px solid #efdfcc;
    padding: 30px !important;
}

.profile-box:after,
.profile-box:before {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.profile-wrap h1 {
    color: #22282b;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.profile-left {
    margin-right: 15px;
}

.profile-left img {
    width: 140px;
    height: 140px;
}

.profile-right {
    padding-top: 15px;
}

.profile_snippet li {
    font-size: 14px;
    display: block;
    line-height: 25px;
}

.profile_snippet li span {
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    width: 15%;
}

.profile-form {
    overflow: hidden;
}

.post-attachement {
    margin-bottom: 10px;
}

.file-type {
    font-size: 14px;
    line-height: 22px;
}

.file-type span {
    display: block;
    font-size: 12px;
}

.file-type i {
    display: block;
    float: left;
    font-size: 37px;
    margin-right: 10px;
    margin-top: 3px;
}

.added-to-do-box {
    background-color: #fff;
    border: 1px solid #efdfcc;
    padding: 10px;
    margin-bottom: 10px;
}

body.scroll .scroll-to-fixed {
    position: fixed;
    width: 243px;
    top: 100px;
}

.project-info {
    line-height: normal;
}

.project-info li {
    display: block;
    font-size: 15px;
    line-height: 40px;
}

.project-info li span {
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}


/* Admin Advance Search */

.basic_info.admin_advSearch .f_row label {
    font-size: 13px;
}

.chat_heading {
    padding: 0;
    margin: 0;
    font-size: 15px;
}

.chat_heading span {
    color: #8A8A8A;
}


/* Admin User Styling */

.listingBox {
    font-size: 13px;
    color: #8C8B8B;
    width: auto;
    padding: 5px 7px;
    border-bottom: 1px [border_solid] [light_greay_color];
}

.listingBox p {
    font-size: 11px;
    color: #929292;
}

.post_meta.listing_post_meta ul {
    background-color: #f3f3f3;
    border-bottom: 4px [border_solid] #efefef;
    font-size: 0;
    letter-spacing: 0;
    list-style: none outside none;
    margin: 0;
    padding: 10px;
}

.post_meta.listing_post_meta ul li {
    font-size: 13px;
}

.post_meta.listing_post_meta ul li span {
    color: #ff8200;
}


/* Chat History */

.admin_search.chat_history {
    width: 435px;
}

.admin_search.chat_history ul.token-input-list {
    float: left;
    width: 64%;
    border-color: #BAD2DB;
}

.admin_search.chat_history ul.token-input-list li.token-input-input-token {
    height: 23px;
}

.token-input-dropdown ul {
    width: 100% !important;
}

.contactBox li .listDisplay li {
    line-height: normal;
    overflow: hidden;
    border-bottom: 1px [border_solid] inherit;
}

img.changeStatus,
img.changeStage {
    cursor: pointer;
}


/* Added on 07/08/14 */

.user_listings {
    margin: 0 8px;
    padding: 4px;
    border: 1px [border_solid] #fcfcfc;
    display: inline-block;
}

.user_listings:hover {
    border: 1px inset #999;
    text-decoration: none;
    background: /*url([edit_list_icon]) 96% 50% [no_repeat]*/
    [white];
}

.user_listings a {
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    padding: 0 5px;
}

.user_listings a.edit_listing {
    background: url([edit_list_icon]) 96% 50% [no_repeat];
    width: 12px;
    height: 12px;
    position: relative;
    top: 3px;
    display: none;
}

.user_listings:hover a.edit_listing {
    display: inline-block;
}

a.edit_listing_more {
    position: relative;
    top: -1px;
    left: -7px;
    padding: 5px;
    font-size: 13px;
    font-weight: bold;
}

a.edit_listing_more:hover {
    text-decoration: none;
    color: #000;
}


/* Added on 08/08/14 */

.listingBox span.label {
    background-color: #9e9e9e;
    color: [white];
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    line-height: 13px;
    padding: 0 2px;
}

/*add as on 23-08-16*/

.commentdiv {
    margin-top: 15px;
}

.commentdiv h2 {
    font-size: 14px!important;
    font-weight: 600;
    margin-bottom: 5px;
    display: inline-block;
}

.commentdiv em.repliestxt {
    font-size: 12px;
}

.commentdiv p {
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 0;
}

.commentdiv p.more-paging {
    font-style: italic;
    font-size: 14px;
}


/* facebox Project Invitation */

.inline-boxes {
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
}
.inline-boxes li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 10px;
    margin-right: -1px;
    margin-bottom: -1px;
    border: 1px solid [main_bordcolor];
}
.inline-boxes li .button {
    min-width: 85px;
    text-transform: none !important;
    margin: 10px 10px 0 0 !important;
}

/* User Listing table */

.user_listing_table {
    border-collapse: collapse;
    width: 100%;
    margin: 0;
}

.user_listing_table.pull_up {
    margin-top: -30px;
}

.user_listing_table th,
.user_listing_table td {
    font-size: 13px;
    color: #707070;
    line-height: normal;
    font-weight: 300;
    padding: 7px;
    vertical-align: middle;
}

.user_listing_table th {
    font-size: 11px;
    white-space: nowrap;
    text-transform: capitalize;
    border-bottom: 3px solid #e5e5e5;
}

.user_listing_table td {
    border-bottom: 1px solid #d0d0d0;
}

.user_listing_table td a {
    line-height: 14px;
}

.user_listing_table td img.user_img {
    max-width: inherit;
    /*	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;*/
}

.user_listing_table th.ctr,
.user_listing_table td.ctr {
    text-align: center;
}

.user_listing_table td.num_first {
    color: #1b1b1b;
}

.user_listing_table td.num_first sup {
    font-size: 9px;
}

.user_listing_table td a.bit_big {
    font-size: 13px;
    text-transform: none;
}

p.view_all {
    text-align: right;
    padding: 10px 0 0;
    margin: 0;
}

p.view_all a {
    font-size: 10px;
    color: #303030;
    line-height: normal;
    font-weight: 300;
    text-transform: uppercase;
}

.user_listing_table td span.ppl_details_txt {
    font-size: 11px;
    color: #767676;
    line-height: normal;
    font-weight: 300;
    display: block;
}

.add_grp_icon {
    font-size: 0;
    letter-spacing: 0;
    text-indent: -10000px;
    width: 29px;
    height: 29px;
    display: inline-block;
    background: url(../images/default/add_grp_icon.gif) 0 0 no-repeat;
}

.link-btn a {
    font-size: 14px;
    line-height: 27px;
    color: #fff;
    background-color: #050505;
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

/* Style for Bredcrumb */

p.breadcrum {
    font: [font_weight_bold] 13px/20px inherit;
    color: #1c1c1c;
    padding: 3px 0 10px;
}

p.breadcrum a {
    background: url([breadcrumb_arrow_icon]) [no_repeat] 100% 50%;
    padding-right: 14px;
    display: inline-block;
    margin-right: 11px;
}


/* Profile About */

.profile_snippet {
    text-align: left;
    padding-top: 20px;
}

.profile_snippet li {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
}

.profile_snippet li ol {
    font-size: 0;
    letter-spacing: 0;
}

.profile_snippet li ol li {}

.profile_snippet li span {
    font-size: 13px;
    line-height: 16px;
    color: #000;
    padding: 3px 5px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px 5px 0;
    background-color: #e4e4e4;
    width: auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/* Filter Wrap */

.filter-wrap {
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: 19px;
    text-align: right;
}

.filter-wrap li {
    display: inline-block;
    vertical-align: top;
    margin-right: -1px;
    width: 10%;
}

.filter-wrap li:last-child {
    width: auto;
    margin: 0 0 0 10px;
}

.filter-wrap li label,
.filter-wrap li select,
.filter-wrap li input {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.filter-wrap li input.view-all {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    height: 30px;
    border: none;
    background: none;
}

.filter-wrap li select {
    font-size: 13px;
    color: #6b665e;
    font-weight: 300;
    height: 30px;
    background: url([select_filter_arrow_png]) 92% 50% no-repeat;
    padding: 4px 8px;
    border: 1px solid [main_bordcolor];
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.filter-wrap li select::-ms-expand {
    display: none;
}

.filter-wrap li select option {
    padding: 2px 13px;
}


/* New Added 26-09-16 */

.post-top h2 .fa {
    color: #f0b027;
    font-size: 12px;
    vertical-align: middle;
}

.top-nav li.child ul li .fa-icon {
    font-size: 12px;
    height: 18px;
    left: 2px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    top: 14px;
    width: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}




/* 14-10-16 */

.attach {
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 4px;
}

.comment.comment-textarea:hover .attach {
    display: block;
}


/* 21-10-16 */

.popup_wrap .profile-left {
    float: left;
}

.popup_wrap .profile-right {
    padding: 0;
}

.popup_wrap .profile-right .profile_snippet {
    padding: 0;
}


/* 09-12-16 */

.top-completed-text {
    font-size: 12px;
    color: #1c8800;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}

.top-completed-text span {
    font-size: 27px;
    line-height: normal;
}

.top-completed-text.top-completed-text2 {
    color: #464646;
}

.top-completed-total {
    margin: 0;
}

.top-completed-total span {
    color: #439d00;
}

.top-completed-total span+span {
    color: #00a98b;
}

.top-completed-total.top-completed-total2 span {
    color: #f21611;
}

.top-completed-total.top-completed-total2 span+span {
    color: #0073ff;
}


/* 27-12-16 */

.reminder_am_pm {
    border: 1px solid #e0e0e0 !important;
    width: 56px !important;
    margin-left: 7px !important;
}

.reminder_time_min {
    width: 35px !important;
    margin-left: -2px !important;
    border-left: none !important;
}

.reminder_time_hour {
    width: 35px !important;
    margin-right: -2px !important;
    border-right: none !important;
}

/* 31-01-17 */

.post-page-tab li.right-plus {
    float: right;
}

.post-page-tab li.right-plus a {
    padding: 0;
    font-size: 16px;
}

.divider {
    border-bottom: 1px solid [main_bordcolor];
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Name Initial Profile */

.user-int-profile {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 40px;
    margin: 0 5px 0 0;
    background: #512DA8;
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.user-int-profile a {
    color: inherit;
}

/* Sonasish */

.prag {
    margin-bottom: 15px;
}

.prag input[type="radio"] {
    margin-left: 5px;
}

.prag input[type="radio"]:first-child {
    margin-left: 0;
}

.reply-box .disc_attach {
    top: 16px;
}


/* Post Attachment Style  */

.home_edit_comment {
    margin: 10px 0 20px !important;
}

.home_edit_comment textarea {
    padding-right: 34px;
}

.attach-item {
    font-size: 0;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.attach-item .inline-attachment {
    width: 113px;
    height: 109px;
    margin: 0 10px 10px 0;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: relative;
}

.attach-item .inline-attachment .attach-wrap {
    height: 74px;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.attach-item .inline-attachment .attach-wrap i {
    font-size: 45px;
    vertical-align: middle;
    color: #e5e5e5;
}

.attach-item .inline-attachment .attach-desc {
    font-size: 13px;
    color: #7a7a7a;
    line-height: 32px;
    padding: 0 9px;
    border-top: 1px solid #e4e4e4;
    background-color: #f5f5f5;
    white-space: pre;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.show_icon_area .attach-item .inline-attachment .attach-wrap {
    display: none;
}

.show_icon_area .attach-item .inline-attachment .attach-desc {
    line-height: 23px;
    font-size: 12px;
    border: none;
}

.show_icon_area .attach-item .inline-attachment {
    width: 100%;
    height: auto;
    margin-right: 0;
}

.comment.comment-textarea .m-uploaded-row ul {
    margin: 0 0 5px;
    text-align: left;
}

.comment.comment-textarea .m-uploaded-row ul>li {
    margin: 0 4px 4px 0;
    padding: 5px 20px 5px 9px;
    display: inline-block;
    vertical-align: top;
}

.comment.comment-textarea .m-uploaded-row ul li .m-file-name {
    margin: 0;
}

.comment.comment-textarea .m-uploaded-row ul li .m-file-name span {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
}

.comment.comment-textarea .m-uploaded-row ul li .m-file-name span+span {
    display: none;
}

.comment.comment-textarea .m-uploaded-row ul li .m-file-delete {
    margin-top: 0;
    right: 0;
    top: 2px;
    margin-bottom: 0;
    display: none;
}

.comment.comment-textarea .m-uploaded-row ul>li:hover .m-file-delete {
    display: block;
}

.comment.comment-textarea .m-uploaded-row ul li .m-file-delete li {
    padding: 0;
    margin: 0;
}

.comment.comment-textarea .m-uploaded-row ul li .m-file-delete li a {
    color: #ff0202;
    font-size: 10px;
    padding: 0px 8px;
}

.tooltiptext{
    display: none;
}